/* 20250324 */
.s-container{min-height: 700px; line-height: 1.2;padding-top: 186px;}
.sub-banner{width: 100%; height: 140px; margin:0 auto; background-repeat: no-repeat; background-position: center center; background-size: cover;background-image: url("../images/sub.jpg");}
/* .sub-banner.sub1{ background-image: url("../images/ie_sub_01.jpg");}
.sub-banner.sub2{ background-image: url("../images/sub_01.jpg");}
.sub-banner.sub3{ background-image: url("../images/sub_02.jpg");}
.sub-banner.sub4{ background-image: url("../images/sub_02.jpg");}
.sub-banner.sub5{ background-image: url("../images/sub_03.jpg");}
.sub-banner.sub6{ background-image: url("../images/sub_04.jpg");}
.sub-banner.sub7{ background-image: url("../images/sub_05.jpg");}
.sub-banner.sub8{ background-image: url("../images/sub_06.jpg");} */

.sub-banner > .inner{height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.sub-banner .ban-tit{font-size: var(--fz-38);font-weight: 700; color:#fff; margin-bottom: 10px; text-align: center;}

.sub-banner .line-map{color:#fff; font-size: var(--fz-20); display: flex; justify-content: center;}
.sub-banner .line-map > li{position: relative; padding-right:14px;}
.sub-banner .line-map > li:not(:first-child){padding-left: 22px;}
.sub-banner .line-map > li:not(:first-child)::before{
    content: "";
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url("../images/arrw01_1.png");
    position: absolute;
    left:0;
    top:6px;
}
.sub-banner .line-map img{padding-top: 3px;}

#snb-wrap{display: block; width: 284px; min-height: 420px; float: left; }
#sub-content{padding: 50px 0 50px 50px; float: left; width: calc(100% - 284px);}

/* gnb  */
.wid-1530{margin: 0 auto;max-width: 1530px;width: calc(100% - 30px);padding: 0 20px}
.sub-gnb {background: #fff !important;}
.sub-gnb #gnb-2026 > li > a {color: #000}
/* snb */
.snb-box {position: relative; left:0; top:-60px;}
.snb-box .snb-tit{min-height: 128px; padding:10px 20px; line-height: 1.1; font-size: var(--fz-36); font-weight: 700; color:#fff; background-color: #3662C0; display: flex; align-items: center; justify-content: center; border-radius: 16px 30px 0 0;}
.snb-depth1{background-color: #fff; }
.snb-depth1 > ul > li >a{display: block; width: 100%; padding:20px; font-size: var(--fz-20); border-right: 1px solid #EFEFEF;border-left: 1px solid #EFEFEF;}
.snb-depth1 > ul > li >a.linkNwin{background: #ffffff url(../images/nWindow_ic.png) no-repeat 94% center; padding-right: 35px;}
.snb-depth1 > ul > li.on >a.linkNwin{background: #353C47 url(../images/nWindow_ic2.png) no-repeat 94% center; padding-right: 35px;}
.snb-depth1 > ul > li + li >a{border-top:1px solid #EFEFEF;}
.snb-depth1 > ul > li:last-child > a{border-bottom:1px solid #efefef;}
.snb-depth1 > ul > li.on > a{background-color: #353C47; color:#fff; border-color: #353C47;}

.snb-depth1 > ul > li .snb-depth3{display: block;}
.snb-depth3{font-size: var(--fz-18);}
.snb-depth3 > ul{padding:20px; background-color: #F2F4F6;} 

.snb-depth3 > ul > li + li{margin-top: 14px; }
.snb-depth3 > ul > li > a{ color:#767683; position: relative; padding-left: 10px;}
.snb-depth3 > ul > li.on > a{color: #3662C0;}
.snb-depth3 > ul > li > a::before{content: ""; display: inline-block; width: 4px; height: 4px; background-color: #BABABA; border-radius: 50%; position: absolute; left:0; top:8px;}
.snb-depth3 > ul > li.on > a::before{background-color: #0071D9;}
.snb-depth3 > ul > li > a:hover,.snb-box .depth2 > ul > li > a:focus{text-decoration: underline;}
/* -- snb */
/* dot-list */
.dot-list01{padding-left: 11px; font-size: var(--fz-16);}
.dot-list01 > li{position: relative; padding-left: 14px; overflow: hidden;}
.dot-list01 > li + li{margin-top: 10px;}
.dot-list01 > li::before{content:""; display: inline-block; width: 5px; height: 5px; background-color: #BEBEBE; border-radius: 50%; position: absolute; left:0; top:7px}

.dot-list02{margin:0px 10px 40px; font-size: var(--fz-16);}
.dot-list02 > li{position: relative; padding-left: 10px; overflow: hidden; position: relative;}
.dot-list02 > li + li{margin-top: 8px;}
.dot-list02 > li::before{content:""; display: inline-block; width: 4px; height: 4px; background-color: #707070; border-radius: 50%; position: absolute; left:0; top:7px}
.dot-list02 > li > ul{margin-bottom: 10px;}
.dot-list02 > li > ul >li{padding-left: 12px; margin-top: 5px; position: relative;}
.dot-list02 > li > ul >li::before{
    content:"-";
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
}
.dot-list02 a:not(.link-ty1){font-weight: 500; color: #557cc3; padding: 0 5px; background-color: #f0f5fb;    border-radius: 10px;}

.dot-list03{padding-left: 7px; padding-bottom: 10px; font-size: var(--fz-16);}
.dot-list03 li{margin-top: 6px;}
.dot-list03 li.num { position: relative; padding-left: 24px;}
.dot-list03 li.num > span{
    display: block;
    position: absolute;
    color: #4366c1;
    border: 1px solid #4366c1;
    left: 0;
    top: 1px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 11px;
    border-radius:4px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
    overflow: hidden;
}
.dot-list03 li::before{content: ""; display: none !important;}
.dot-list04{padding-left: 0px; padding-bottom: 20px; padding-top: 10px;font-size: var(--fz-16);}
.dot-list04 > li{position: relative; padding-left: 12px;}
.dot-list04 > li::before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border:1px solid #4366c1;
    position: absolute;
    left:0;
    top:7px;
}
.dot-list04 > li > ul{padding-left: 0;}
.dot-list04 > li > ul >li{padding-left: 12px; margin-top: 5px; position: relative;}
.dot-list04 > li > ul >li::before{
    content:"-";
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
}

.dot-list05{padding-left: 10px; padding-bottom: 20px; padding-top: 10px;font-size: var(--fz-16);}
.dot-list05 > li{position: relative; padding-left: 14px;    background: url(../images/blt_03.png) no-repeat 0 8px;}
.dot-list05 > li + li{margin-top: 10px;}
.dot-list05 > li > ul{padding-left: 0;}
.dot-list05 > li > ul >li{padding-left: 12px; margin-top: 8px; position: relative;}
.dot-list05 > li > ul >li::before{
    content:"-";
    display: inline-block;
    position: absolute;
    left:0;
    top:0;
}
/* sub-content */
.sub-tit-box{padding-bottom: 15px; border-bottom:1px solid #E2E2E2; display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 20px;}
.subTit01{font-size: var(--fz-38); font-weight: 400;}
.subTit02{font-size: var(--fz-30); font-weight: 600; position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left: 20px; margin-bottom: 20px;}
.subTit02::before{content:""; display: inline-block;width: 6px; height: 18px; background: url("../images/tit-bg1.png") no-repeat; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.subTit03{ color: #0c2e86; font-size: var(--fz-28);padding-top: 10px;  font-weight: 700; word-break: keep-all; margin-bottom: 24px; margin-top: 60px; position: relative;}
.subTit03::before{width: 34px; background-color: #0c2e86;height: 2px; position: absolute; left:0; top:0;display: inline-block; content:""; }
.subTit04{ color: #444343; font-size: var(--fz-24); word-break: keep-all; margin-bottom: 20px; margin-top: 0px;}

.desc{padding-left: 6px;}
.imgs > img{width: 100%;}
.link-ty1{
    font-size: 15px;
    /* text-align: center; */
    position: relative;
    color: #3c497b;
    font-weight: bold;
    background: url(../images/icon_golink.png) no-repeat calc(100%) center;
    padding-right: 30px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.link-ty1::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 19px;
    background-color: #d1d8ff;
    transition: width 0.5s ease-in-out;
    opacity: 0.7;
    z-index: -1;
    border-radius: 15px;
}
.link-ty1:hover::before,.link-ty1:focus::before{width: 100%;}

.stp-bt{display: flex; gap: 10px;}
.stp-bt > li > a{width: 50px; height: 50px; border-radius: 50%; border:1px solid #d8d8d8; background-color: #fff; background-position: center center; background-repeat: no-repeat; transition: border 0.3s;}
.stp-bt > li > a.print-ic{background-image: url("../images/print_ic.png");}
.stp-bt > li > a.share-ic{background-image: url("../images/share_ic.png");}
.stp-bt > li > a:hover,.stp-bt > li > a:focus{border-color: #353C47;}

.info-box{padding: 10px 20px 10px 40px;border-radius: 10px; border: 1px solid #dbdef1;font-size: 14px;margin-top: 20px; font-weight: 500;    background: #f6f6f6 url("../images/icon_info.png") no-repeat 10px center; color:#555;}
/* -- sub-content */

/* tab layer */
.s-container .tab-area .tab > ul{display: flex; align-items: stretch;  font-weight: 600; font-size: var(--fz-20); gap: 4px; flex-wrap: wrap; margin-bottom: 60px;}
.s-container .tab-area .tab > ul > li{flex: 1 1 0; position: relative; height: auto;}
.s-container .tab-area .tab > ul > li > .btn-tab{width: 100%; height: 100%; padding:14px; position: relative; border:2px solid #F0F0F0; background-color: #F0F0F0;word-break: keep-all; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.6s;}

.s-container .tab-area .tab > ul > li.active > .btn-tab{border-color: #0C2E86; color:#0C2E86 ; background-color: #fff;}
.s-container .tab-area .tab > ul > li.active > .btn-tab::before{ width: 100%;}
.s-container .tab-area .tab > ul > li > .btn-tab.linkNwin{background-position: 96% center;}
.s-container .tab-area .tab > ul > li > .btn-tab:hover,.s-container .tab-area .tab > ul > li > .btn-tab:focus{border-color: #0C2E86; color:#0C2E86 ; background-color: #fff;}
/* 
    퍼블 확인용
    .s-container .tab-conts-wrap{margin-top: 60px;}
    .s-container .tab-conts-wrap .tab-conts{display: none;}
    .s-container .tab-conts-wrap .tab-conts.active{display: block;}
*/
/* -- tab layer */

/* table */
.table-wrap {margin-top: 20px; margin-bottom: 40px;}
.table-wrap .type1{width: 100%; border-top:2px solid #5076B8; text-align: center;}
.table-wrap .type1 tr{border-bottom: 1px solid #DEDEDE;}
.table-wrap .type1 th{font-size: var(--fz-16); font-weight: 600;padding:10px; border-right: 1px solid #DEDEDE; vertical-align: middle; background-color: #FAFBFF;}
.table-wrap .type1 th:last-child{border-right: 0;}
.table-wrap .type1 td{padding:10px; border-right: 1px solid #DEDEDE; vertical-align: middle; font-size: var(--fz-16);}
.table-wrap .type1 td:last-child{border-right: 0;}
.table-wrap .type1 td > a:has(img){width: 36px; height: 36px; border-radius: 50%; border:1px solid #DEDEDE; display: flex; align-items: center; justify-content: center; margin:0 auto;}
.table-wrap .type1 th.brd-left,
.table-wrap .type1 td.brd-left{border-left:1px solid #DEDEDE;}
.table-wrap .type1 td.left_L{text-align: left;}

.table-wrap .type2 {
    width: 100%;
    border-top:#545454 solid 1px;
}
.table-wrap .type2 th{
    background-color:#f5f5f5;
    color:#2a2a2a;
    padding:15px 0 13px;
    border-bottom:1px solid #bbb;
    border-right: 1px solid #bbb;
    font-size:var(--fz-16);
}
.table-wrap .type2 td{
    border-bottom:1px solid #bbb;
    padding:15px 0 13px;
    text-align:left;
    vertical-align: middle;
    font-size:var(--fz-16);

}
.table-wrap .type2 td:first-child, .table-wrap .type2 th:first-child{border-left:none}
.table-wrap .type2 td.al {padding:15px 15px 13px; text-align: left; background-color: #F0F5FB;}
.table-wrap .type2 th.th {vertical-align:top; font-weight: 500;}
.table-wrap .type2 td.th {color:#2a2a2a; font-weight:500; text-align:center; vertical-align: middle;}

.table-wrap .type3{width: 100%; border-top:2px solid #667CB3;}
.table-wrap .type3 tr{border-bottom:1px solid #DBDBDB; word-break: keep-all; font-size: var(--fz-16);}
.table-wrap .type3 th{text-align: center; vertical-align: middle; background-color: #F6F8FA; padding:10px;}
.table-wrap .type3 td{padding:20px 25px; text-align: left;}

.table-wrap .blt01{position: relative; padding-left: 16px; color:#555;}
.table-wrap .blt01::before{content: ""; display: inline-block; width: 3px; height: 3px; background-color: #5A80C5; position: absolute; left:6px; top:8px; border-radius: 50%;;}
.table-wrap .blt01 + .blt01{margin-top: 5px;}
/* --table */
/* boards */
/* search */
.brd-search{height: 45px; max-width: 570px; margin-bottom: 20px; margin-left: 5px; display: flex; gap: 5px;}
.brd-search select{width: 150px; height: 100%; border:1px solid #bbb; font-size: 15px; padding-left: 10px; border-radius: 15px; background-color: #fff;}
.brd-search .sr-ib{position: relative; width: calc(100% - 180px); height: 100%;  border:1px solid #bbb;  border-radius: 15px; overflow: hidden;}
.brd-search .sr-ib input[type="text"]{height: 100%; width: calc(100% - 45px); padding-left: 10px; border-radius: inherit; border:0; font-size: 15px;}
.brd-search .sr-ib:focus-within{outline:1px solid #333;}
.brd-search .sr-ib input[type="text"]:focus-visible{border:0; outline:0;}
/* -- search */
.brd-lstp1{border-top: 2px dotted #d2d2d2; border-bottom: 1px solid #ddd;}
.brd-lstp1 > li{padding: 20px 10px;}
.brd-lstp1 > li + li{border-top:1px solid #ddd;}
.brd-lstp1 > li > div{ display: flex; gap: 10px; font-size: var(--fz-18); }
.brd-lstp1 > li .ti{display: flex; align-items: center; gap: 5px;}
.brd-lstp1 > li .num{width: 80px; text-align: center; color:#666}
.brd-lstp1 > li .da{margin-top: 10px; font-size: var(--fz-16);color: #666; display: flex;align-items: center; flex-wrap: wrap;}
.brd-lstp1 > li .da > p{margin-right: 6px;}
.brd-lstp1 > li .da > p::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 12px;
    background: #cfcfcf;
    margin-top: 4px;
    margin-left: 6px;
}
.brd-lstp1 > li .da > p:last-child:after{display: none;}
.brd-lstp1 > li .da .a-file{width: 20px; height: 30px; border-radius: 50%; background:  url("../images/icon_file2.png") center center / auto auto no-repeat;}
/* qna form */
.brd-lstp-form{border-top:2px solid #2366BF}
.respon-form > li{display: flex; border-bottom: 1px solid #E0E6EB;}
.respon-form .form-label {width: 25%; min-height: 60px; padding: 10px; background-color: #F9FBFD; text-align: center; align-content: center; font-size: 16px;}
.respon-form .form-label .essen {display: inline-block; margin-right: 3px; color: #ED2424; vertical-align: super; font-style: normal;}
.respon-form .form-label .label-txt {display: block; font-weight: 500;}
.respon-form .form-field {width: 75%; padding: 10px 20px; align-content: center; background-color: #fff;}
.respon-form .form-field >*{margin-bottom: 10px;}
.respon-form .form-field .w100{width: 100%;}

.respon-form .form-field .secret-box{display: flex; align-items: center; flex-wrap: wrap;}
.respon-form .form-field .check-box{padding:10px;}
.respon-form .form-field .check-box label{display: inline-block; padding-right: 20px; padding-bottom: 5px;}

.respon-form label{font-size: 16px;}
.respon-form input[type="text"],
.respon-form input[type="password"],
.respon-form input[type="number"]{ height: 40px; padding: 0 15px; background-color: #fff; border: 1px solid #AFC2D8; border-radius: 6px; box-sizing: border-box; }
.respon-form input.input-100p{width: 100%;}
.respon-form input[type="number"]::-webkit-outer-spin-button,
.respon-form input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0;}
.respon-form select{height: 44px; padding: 0 15px; background-color: #fff; border: 1px solid #AFC2D8; border-radius: 6px; box-sizing: border-box;}
.respon-form textarea{width: -webkit-fill-available; min-height: 200px;  border: 1px solid #AFC2D8; border-radius: 10px;    resize: none; padding:15px; }

/* 첨부파일 */
.upload-file{ display: flex; gap: 20px; align-items: center;}
.upload-file .upload-btn {position: relative; width: 100px; height: 34px; font-size: 15px; background-color: #2366BF; color:#fff; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer;}
.upload-file .upload-btn input{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    z-index: -1;
    left:0;
    top:0;
}
.upload-btn:has(input[type="file"]:focus){outline:2px dashed #0e0852;}
.upload-file .upload-inst {width: calc(100% - 120px); font-size: var(--fz-15); color: #555;}
.upload-file .upload-inst > strong{font-weight: 400; color: #ED2424;}

.upload-container .file-list {
    border: 1px solid #AFC2D8;
    padding: 5px 15px;
    margin-top: 10px;
    border-radius: 6px;
    min-height: 200px;
}

.upload-container .file-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #CACBCB;
    color:#2366bf;
    font-size: var(--fz-15);
}
.upload-container .file-item > span{display: inline-block; position: relative; padding-left: 30px;}
.upload-container .file-item > span::before{display: inline-block;width: 20px; height: 19px; background: url("../images/icon_file2.png") left top no-repeat; position: absolute; left:0; top:0px; content: "";}

.upload-container .file-item:last-child {
    border-bottom: none;
}

.upload-container .remove-btn {
    width: 12px;
    height: 12px;
    background: url("../images/icon_close.png") no-repeat;
    cursor: pointer;
    padding:0;
}
/* --qna form */
/* qna check password */
.rst-pssw-wrap{max-width: 450px; margin:0 auto; min-height: 200px;}
.id-check-box{margin-top: 60px; display: flex; justify-content: center; gap: 5px;}
.id-check-box .input_id_check{width: calc(100% - 65px)}
.id-check-box .input_id_check > input[type="password"]{width: 100%;height: 40px; padding: 0 15px; background-color: #fff; border: 1px solid #AFC2D8; border-radius: 6px; box-sizing: border-box;}
.id-check-box .id_check_btn{ height: 40px; background-color: #014195; color:#fff; border-radius: 6px; padding:0 15px;}
.item_style{margin-top: 10px; text-indent: 16px; }
.item_style.erTxt{color:#c70202; font-size: 14px;}
/* -- qna check password */
/* view */
.view-bx{border-bottom:1px solid #d2d2d2;}
.view-bx .view-tit{font-size: var(--fz-22); font-weight: 500; background-color: #F7F7F7; padding:20px; border-top:1px solid #B1B1B1;}
.view-bx .da{padding: 10px 5px; font-size: var(--fz-16);color: #666; display: flex;}
.view-bx .da > p{margin-right: 10px;}
.view-bx .da > p::after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 1px;
    height: 11px;
    background: #cfcfcf;
    margin-top: 4px;
    margin-left: 10px;
}
.view-bx .da > p:last-child:after{display: none;}


.vw-file-list{ border-top: 2px dotted #d2d2d2; border-bottom: 2px dotted #d2d2d2; padding:15px 5px; font-size: 15px;}
.vw-file-list .fl-dw > li{display: flex;}
.vw-file-list .tit{margin-right: 5px; color: #666; min-width: 86px;}

.view-cont{padding: 40px 10px; line-height: 1.5;}

/* 게시글 겹치는 오류 수정 S */
.view-cont p {text-indent: 0 !important}
.view-cont p span {display: inline;}

/* 게시글 이미지 크기 조정  */
.view-cont p img {width: 100%}
/* 게시글 겹치는 오류 수정 E */

.view-answer{padding: 40px 10px; line-height: 1.5; border-top: 2px dotted #d2d2d2; }
.view-answer .view-answer-con{background-image: url("../images/faq_icon01.png"); background-position: left top; background-repeat: no-repeat; padding-left: 40px;}
/* -- view */
/* faq */
.faq-list-box{border-top: #3c497b solid 2px;}
.faq-list-box dt >a{display: flex; justify-content: flex-start; align-items: center; padding: 50px 30px; border-bottom: 1px solid #dcdcdc; cursor: pointer; background-image: url("../images/icon_faq_down.png"); background-position: right center; background-repeat: no-repeat; font-size: var(--fz-18);}
.faq-list-box dt >a.opened{background-image: url("../images/icon_faq_up.png");}
.faq-list-box dt >a >p{width: calc(100% - 40px);}
.faq-list-box dd{display: none; font-size: var(--fz-16);padding: 50px 70px; background: #fcfcfc; border-bottom: 1px solid #dcdcdc; overflow: hidden;}
.faq-list-box dd .view_txt{width: calc(100% - 70px); padding-top: 10px; float: left;}

.faq-list-box .tag{display: flex; justify-content: center;  align-items: center; width: 40px; height: 40px; margin-right: 20px; border-radius: 50%;font-size: 17px; font-weight: bold;}
.faq-list-box dt .tag {background: #ebe6e3; color: #0C2E86;}
.faq-list-box dd .tag {background: #0C2E86; color: #fff; float: left;}

.downFile{margin-top: 20px;}
.downFile .fileList li+li{margin-top: 10px;}
.faq-answer .downFile .file-down{background: url("../images/icon_file2.png") no-repeat; padding-left: 28px;}
/* --faq */
/* -- boards */
/* paging */
.paging {
    text-align: center;
    margin-top: 30px;
}

.paging > a {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 15px;
    color: #888;
    line-height: 20px;
    padding: 0 5px 2px;
    margin: 2px 0;
}

.paging > span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.paging > span > a.on {
    background: #3e4e6f;
    color: #fff;
    font-weight: bold;
}

.paging > span > a {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #3e4e6f;
    border-radius: 5px;
    color: #3e4e6f;
    padding: 5px 11px;
    min-width: 17px;
    margin-right: 7px;
    transition: all 0.3s ease-in-out;
}

.paging > span > a:last-child{
    margin-right: 0;
}

.paging a img {
    padding: 4px;
    margin-top: 30%;
}
/* -- paging */
/* 버튼 */
.btn-wrap{margin-top: 40px; display: flex; align-items: center; gap: 5px; flex-wrap: wrap;}
.btn-wrap.Rside{justify-content: flex-end;}
.btn-wrap.Cside{justify-content: center;}
.btn-wrap select{    border: 1px solid #bbbbbb; height: 42px; border-radius: 5px;    vertical-align: bottom;}

.btn{display: inline-block; min-width: 90px; text-align: center; border-radius: 6px; font-weight: 500; background-color: #fff; color:#0e2a67; padding: 10px; border:1px solid #BCBECB; font-size: 16px;}
.btn.smBtn{min-width: 80px; height: 42px;}
.btn.blueBc{background-color: #014195; color:#fff; border-color:#014195}
.btn.dredBc{background-color:#D9534F; border-color:#D9534F; color:#fff;}
.pdfBtn{ display: flex; align-items: stretch; gap: 5px; flex-wrap: wrap; margin-bottom: 20px;}
.pdfBtn > .btn{width: calc(100% / 4 - 5px); display: flex; align-items: center; justify-content: center; min-height: 50px; line-height: 1.2; padding: 10px 20px;}
.pdfBtn > .btn:hover,.pdfBtn > .btn:focus{box-shadow: 0 0 10px rgba(0, 59, 158,0.3); transition: box-shadow 0.3s;}
/* h */
.btn:hover,.btn:focus{border-color: #0e2a67; transition: all 0.3s;}
.btn.blueBc:hover,.btn.blueBc:focus{background-color:#003477; border-color: #003477;}
.btn.dredBc:hover,.btn.dredBc:focus{background-color: #ce403c; border-color: #ce403c;}
/* -- 버튼 */

/* 대학원 소개 */
.welcomeBox{display: flex; gap: 40px;}
.welcomeBox .intro_left{width: 30%;  overflow: hidden;padding-top: 15px;}
.welcomeBox .intro_left > img{width: 100%;border-radius: 20px; }

.welcomeBox .intro_right{width: calc(100% - 30% - 40px);}
.welcomeBox .intro_right .tit{font-size: var(--fz-30); margin-bottom: 40px; line-height: 1.2;}
.welcomeBox .intro_right .tit strong{color: #0e3174;}
.welcomeBox .intro_right .txt{color:#555; word-break: keep-all;}
.welcomeBox .intro_right .txt b{color: #4366c0;}
.welcomeBox .intro_right .sign{font-weight: 700; color:#333;}

.org-chart{margin-bottom: 60px;}
.org-chart .cir{
    width: 160px;
    height: 160px;
    background-color: #4472c4;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: var(--fz-24);
    color:#fff;
    margin:0 auto 30px;
    padding:10px;
    text-align: center;
}
.org-chart .cir.line2{background-color: #818BBA;}

.org-chart .cir:after{display: inline-block; width: 2px; height: 30px; border-left: 2px dotted #ccc; position: absolute; left:50%; transform: translateX(-50%); bottom:-30px; content:"";}
.org-chart .squa-line{display: flex; justify-content: space-between; position: relative;}
.org-chart .squa-line > li{
    width: 140px;
    height: 70px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 15px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    color:#666;
    margin-top: 40px;
    font-size: var(--fz-18);
    padding:10px;
}
.org-chart .squa-line::before{display: inline-block; width:calc(100% - 120px); height: 42px; border-top: 2px dotted #ccc; border-left: 2px dotted #ccc;  border-right: 2px dotted #ccc;position: absolute; left:50%; transform: translateX(-50%); top:0; content:""; border-radius: 6px;}
.org-chart .squa-line > li::before{display: inline-block; width: 2px; height: 40px; border-left: 2px dotted #ccc; position: absolute; left:50%; transform: translateX(-50%); top:-40px; content:"";}
.org-chart .squa-line > li:nth-child(1):before,
.org-chart .squa-line > li:last-child:before{display: none;}

.org-chart .squa{
    width: 200px;
    min-height: 100px;
    background-color: #4472c4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: var(--fz-20);
    color:#fff;
    margin:0 auto 30px;
    padding:10px;
    text-align: center;
    border-radius: 5px;
}
.org-chart .squa:after{display: inline-block; width: 2px; height: 30px; border-left: 2px dotted #ccc; position: absolute; left:50%; transform: translateX(-50%); bottom:-30px; content:"";}
.org-chart .squa.line2{background-color: #818BBA;}
.org-chart.type2 .squa-line > li {width: calc(100% / 3 - 50px); border-radius: 10px;}
/* Departments -목록 */
.dept-list-wrap > ul{border-top:2px solid #5077B9;}
.dept-list-wrap > ul > li{padding:20px 15px;display: flex; justify-content: space-between;align-items: center; border-bottom:1px solid #DDDDDD;}
.dept-list-wrap > ul > li > div{width: calc(100% - 170px);}
.dept-list-wrap .tit-box{display: flex; align-items: center; margin-bottom: 25px; flex-wrap: wrap; column-gap: 30px; row-gap: 20px;}
.dept-list-wrap .tit-box > h4{font-size: var(--fz-22); font-weight: 600;}
.dept-list-wrap .tag-list{display: flex; gap: 8px;}
.dept-list-wrap .tag-list > li{font-size: 15px; font-weight: 600; color:#0e2a67; padding:5px 15px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.dept-list-wrap .tag-list > li.li1{ background-color: #DDE0FA;}
.dept-list-wrap .tag-list > li.li2{background-color: #F8DBFB;}
.dept-list-wrap .tag-list > li.li3{background-color: #EDF0F5; color:#293A56;}
.dept-list-wrap .dot-list02{padding-bottom: 0;}

.dept-list-wrap .link{border:1px solid #889EB7; border-radius: 5px; color:#0e2a67; font-weight: 600; padding:10px 20px; text-align: center;}
.dept-list-wrap .link > span{display: inline-block; padding-right: 40px; padding-top: 3px; background-image: url("../images/arrw04.png"); background-position:  right 8px center; background-repeat: no-repeat; transition: background-position 0.3s;}
.dept-list-wrap .link:hover > span,.dept-list-wrap .link:focus > span{ background-position: right 0 center;}
/* Departments -상세 */
.dept-link-list{display: flex; gap: 10px; justify-content: flex-end; margin-bottom: 20px;}
.dept-link-list > a{ text-align: center; border:1px solid #9BADC2; border-radius: 5px; padding:7px 10px; color:#112D69;font-weight: 600;}
.dept-link-list > a > span{padding-left: 22px; background-position: left top 1px; background-repeat: no-repeat;}
.dept-link-list > a:hover,.dept-link-list > a:focus{border-color: #112D69; transition: 0.3s;}
.dept-link-list > a.icn1 > span{background-image: url("../images/dept_icn1.png"); padding-left: 18px;}
.dept-link-list > a.icn2 > span{background-image: url("../images/dept_icn2.png");}
.dept-link-list > a.icn3 > span{background-image: url("../images/dept_icn3.png");}
.dept-link-list > a.icn4 > span{background-image: url("../images/dept_icn4.png");}
.dept-link-list > a.icn5 > span{background-image: url("../images/dept_icn5.png");}

.dept-info{display: flex; flex-wrap: wrap;     border-top: 2px solid #667CB3;}
.dept-info > li{flex: 1 1 30%; font-size: var(--fz-16); overflow: hidden;  display: flex;     border-bottom: 1px solid #DBDBDB;}
.dept-info > li > div{ padding:20px 10px; word-break: keep-all;display: flex; align-items: center; justify-content: center; text-align: center;}
.dept-info > li > div:nth-child(1){width: 30%; font-weight: 600; }
.dept-info > li > div:nth-child(2){width: 70%;}

/* 첫 번째 그룹 (Head, TEL, E-mail) */
.dept-info li:nth-child(1) div:first-child,
.dept-info li:nth-child(2) div:first-child,
.dept-info li:nth-child(3) div:first-child {
  background-color: #F6F8FA; 
}

/* 두 번째 그룹 (Office, TEL, FAX) */
.dept-info li:nth-child(4) div:first-child,
.dept-info li:nth-child(5) div:first-child,
.dept-info li:nth-child(6) div:first-child {
  background-color: #EAF2F8; 
}


.link-fie{display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #EDF0F5 url("../images/icon_file.png") center center no-repeat;}
.link-web{display: inline-block; width: 34px; height: 34px; border-radius: 50%; background: #0C2E86 url("../images/icon_home.png") center center no-repeat}
/* 대학원 소개 */

/* Admission */
.pdfBox{margin-top: 30px; width: 100%;}
/* -- Admission */
/* 교육/학사 */
/* 수강신청 절차 */
.course{
    display: flex;
    align-items: stretch;
    justify-content: left;
    flex-wrap: wrap;
    margin: 40px 25px;
    row-gap: 20px;
}

.course_square {
    width: calc(100% / 4 - 45px);
    min-height: 100px;
    border: 1px solid #E7E7E7;
    display: flex;
    flex-direction: column; /* 세로로 나누기 위해 추가 */
    align-items: center;
    color: #333;
    border-radius : 0.75rem;
    position: relative;
    margin-right: 45px;
}
.course_square:after{
    content:"";
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/icon_next.png") no-repeat;
    position: absolute;
    right:-50px;
    top:50%;
    transform: translateY(-50%);
}
.course_square:last-child:after{display: none;}

.course_title {
    background-color: #818bba;
    border: 1px solid #818bba;
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding:10px 0;
    border-radius: 0.75rem  0.75rem 0 0;
}

.course_content {
    flex-grow: 1; /* 내용이 남은 공간을 채우도록 설정 */
    padding: 10px;
    text-align: center;
    overflow: hidden;
    color: #333;
    word-break: keep-all;
}
.course_content p {
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
}

.course_content > span{
    font-weight: bold;
    color: #333;
}
.course_content > .imgs{margin-bottom: 10px;}
.course_square.type2{min-height: 142px;}
.course_square.type2 > .course_content{display: flex; justify-content: center; flex-direction: column;}
.course_square.type2 > .course_content img{width: auto;}
.calTop{position: relative; margin-bottom: 40px;}
.calYaer{color: #3c497b; font-size: var(--fz-38); text-align: center; font-weight: 700;}
.calYaer img{vertical-align: middle;}
.calTop > .btn-wrap{position: absolute; top:10px; right: 0; margin-top: 0;}

/* -- 교육/ 학사 */

/* 학생지원 */
.txt-box{border: 1px solid #dde0e6; background: #f6f6f6; padding: 5px; border-radius: 0.75rem; margin-bottom: 30px;}
.txt-box .in{background: #fff; border-radius: 0.5rem; padding: 20px 15px;}
/* 교내연구기관 */
.txt-box2{border: 1px solid #dfdfdf; border-radius: 10px; margin-bottom: 30px; overflow: hidden;}
.txt-box2 > .tit{padding:20px 40px; font-size: var(--fz-24);font-weight: 600; display: flex; gap: 10px;}
.txt-box2 > .tit >a{ background: url(../images/icon_home.png) center center no-repeat; width: 34px; height: 34px; border-radius: 50%; background-color: #0C2E86; vertical-align: middle; }
.txt-box2 > .in{background-color: #F6F8FA;padding: 40px; font-size: var(--fz-18); font-weight: 300;}
.txt-box3{display: flex; gap: 30px;}
.txt-box3 > li{ padding: 40px;  flex: 1 1 45%; background-color: #F6F8FA;}
.txt-box3 > li a{padding:20px 20px;font-size: 17px; font-weight: 600;border-radius: 10px;margin-top: 20px; }
.txt-box3 > li > .link{background-color: #fff;   color: #0e2a67; border:1px solid #C3C5D1; }
.txt-box3 > li > .link > span{display: inline-block; padding-right: 30px; background: url("../images/icon_golink.png") right center no-repeat;}
.txt-box3 .file-list-box { display: flex; gap: 20px;flex-wrap: wrap;}
.txt-box3 .file-list-box > a{display: block; width: 216px;  background-color: #3662C0; color:#fff; font-size: 17px; font-weight: 600;}
.txt-box3 .file-list-box > a > span{display: inline-block; padding-right: 40px; background: url("../images/icon_down.png") right center no-repeat;}
/* center */
.depart-list{display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 20px; padding:20px; background-color: #F4F3F9;}
.depart-list > li{width: calc(100% / 3 - 10px);}
.depart-list > li a{width: 100%; padding-left: 10px; background-image: url("../images/arrw02.png"); background-repeat: no-repeat; background-position: left top 8px;font-size: var(--fz-18);}
.depart-list > li a.active,
.depart-list > li a:hover,.depart-list > li a:focus{background-image: url("../images/arrw03.png");color:#E74C4C;}

.research-cont{margin-top: 70px;}
/* -- center */


/* 학과소개-교수소개 */
.teacher-list > ul{display: flex; flex-wrap: wrap;border-top: 1px solid #F4F4F4;}
.teacher-list > ul > li{flex: 1 1 50%; padding:40px 40px; display: flex; align-items: flex-start; gap: 40px;border-bottom: 1px solid #F4F4F4; min-width: 320px;}
.teacher-list > ul > li .tc-img{width: 150px; height: 178px;  overflow: hidden; border: 1px solid #E5E5E5;}
.teacher-list > ul > li .tc-img > img{width: 100%; height: 100%;}
.teacher-list > ul > li .tc-info{width: calc(100% - 154px); max-width: 320px;}
.teacher-list > ul > li .tc-name{font-size: var(--fz-18); font-weight: 600; margin-bottom: 10px;}
.teacher-list > ul > li .tc-name >p{font-size: var(--fz-22); font-weight: 700; margin-bottom: 5px; color: #044497;}
.teacher-list > ul > li .sub_tit{color:#676767; font-weight: 500; margin-bottom: 10px; word-break: auto-phrase;}
.teacher-list > ul > li .other-info{margin-top:20px; }
.teacher-list > ul > li .other-info > li{color:#676767; padding-left: 14px; position: relative;}
.teacher-list > ul > li .other-info > li+li{margin-top: 4px;}
.teacher-list > ul > li .other-info > li::before{
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #6A6A6A;
    border-radius: 50%;
    position: absolute;
    left:0;
    top:7px;
}

/* -- 학과소개-교수소개 */


/* 일정관리 schedule S */
.appointmentTime table{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}

.appointmentTime table td{
	border: 1px solid #ddd;
    height: 140px;
    vertical-align: baseline;
}

.appointmentTime h2 {
  display: inline-block;
  padding: 0 25px;
  min-width: 150px;
  font-size: 35px;
  line-height: 30px;
  font-weight: 500;
  vertical-align: bottom;
  box-sizing: border-box;
  color:#3c497b;
}
.appointmentTime .titmeSelect {
  text-align: center;
  margin: 30px 0;
}
.titmeSelect .a2.pre {
  background: url(../images/arrow-left.png) center no-repeat;
  display: inline-block; 
  width: 24px;
  height: 24px;
  background-size: contain;
  font-size: 0;                 
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: middle;
}

.titmeSelect .a3.next {
  background: url(../images/arrow-right.png) center no-repeat;
  display: inline-block; 
  width: 24px;
  height: 24px;
  background-size: contain;
  font-size: 0;                 
  line-height: 0;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: middle;
}

.appointmentTime td a.scheduleBtn {
  display: block; 
  width: 100%;     
  box-sizing: border-box; 
  background-color: #f0f5fb;
  padding: 5px;
  text-align: left; 
  text-decoration: none;
  color: black;
  white-space: nowrap;
  height: 34px;
  margin-top:14px;
  height:30px;
  font-size: 13px;
} 
.appointmentTime td a.scheduleBtn.oneDay {
  white-space: normal;
  height: auto;
} 

#popup_con {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 999;
}

.popup{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    max-width: 90%;
    height: auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    background: #fff;
    z-index: 999;
}

.pop_tit.nsq {
  background-color: #3c497b;
  display: block;
  color: #fff;
  padding: 15px 10px;
  font-size: 17px;
  font-weight: bold;
}
.a3.closeBtn {
  background: url(../images/btn_close.png) no-repeat center;
  position: absolute;
  top: 15px;
  right: 20px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}
.a3.closeBtn:hover{
	transform: rotate(90deg);
}
.popup .con{
	padding: 10px;
}
.con > p {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px solid #bbb;
  padding-bottom: 10px;
  color: #3c497b;
  padding-left: 10px;
  margin-top: 5px;
}
.con > div > div > p {
  line-height: 27px;
  padding-left: 10px;
}
.con > div > div > p > span {
  font-size: 15px;
}
.con > div > div > p > .span1 {
  font-weight: bold;
}
.schdul-con {
  display: block;
  background-color: #f0f5fb;
  border-radius: 5px;
  padding: 10px;
  font-size: 13px !important;
  line-height: 23px;
  margin-top: 5px;
}
/* 일정관리 schedule E */

/* 교과과정 S */
.modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    background: rgba(0, 0, 0, 0.5);
}

.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 720px;
    transform: translate(-50%, -50%);
}

.modal-content {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background: #FAFBFF;
    border-bottom: 2px solid #5076B8;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #111;
}

.btn-close {
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    cursor: pointer;
    position: relative;
}

.btn-close::before,
.btn-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 2px;
    background: #666;
}

.btn-close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.btn-close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modal-body {
    padding: 20px;
}

.modal-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.modal-table th {
    background: #f9fafb;
    color: #333;
    font-weight: 600;
    text-align: center;
    padding: 10px;
    border: 1px solid #e5e7eb;
}

.modal-table td {
    padding: 10px 12px;
    border: 1px solid #e5e7eb;
    color: #444;
}

#introduce-wrap td {
    background: #fcfcfd;
    line-height: 1.5;
    font-size: 14px;
}

.center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.px {
    padding-left: 8px;
    padding-right: 8px;
}

.py {
    padding-top: 12px;
    padding-bottom: 12px;
}

.modal.show {
    display: block;
    animation: fadeIn 0.2s ease-out;
}

.subject-link {
  font-weight: 500;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease;
}
.subject-link:hover {
  color: #5076B8;
  transform: translateY(-2px);
  text-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* .info {
  font-size: 14px;
  color: #3c497b;
} */

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.98);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
/* 교과과정 E */

/* 검색 */
.pageSearch-wrap{margin-bottom: 30px;}
.pageSearch-wrap > ul > li{display: flex;}
.pageSearch-wrap > ul > li + li{margin-top: 10px;}
.pageSearch-wrap > ul > li > div{ display: flex; align-items: center;}
.pageSearch-wrap > ul > li  input,.pageSearch-wrap > ul > li  select{height: 46px; background-color: #fff; border:0;padding:0 40px 0 10px; min-width: 120px; border-radius: 10px; border:1px solid #ccc;}

.pageSearch-wrap .date-box{display: flex; gap: 10px; flex-wrap: wrap;}
.pageSearch-wrap .date-box input{  background-image: url("../images/picker_ico.png"); background-position:right 10px center; background-repeat:no-repeat;}
.pageSearch-wrap .search-box{display: flex; gap: 10px; width: 100%; }
.pageSearch-wrap .search-box .serch-input{width: 80%; height: 46px; display: flex; align-items: center; border-radius: 10px; border:1px solid #ccc; max-width: 580px; overflow: hidden;}
.pageSearch-wrap .search-box .serch-input input{width: calc(100% - 60px); height: 100%; border:0;}
.pageSearch-wrap .search-box .serch-input .sear-btn{width: 40px; height: 100%; background-image: url("../images/search-icn.png"); background-repeat: no-repeat; background-position: center center;}
/* -- 검색 */

/* 공지사항 */
.brd-lstp1{border-top: 1px solid #333; border-bottom: 1px solid #333;}
.brd-lstp1 > li{padding: 20px 2%;}
.brd-lstp1 > li + li{border-top: 1px solid #e0dfdf;}
.brd-lstp1 > li > div{display: flex; box-sizing: border-box; width: 100%;  table-layout: fixed; word-break: break-all;}
.brd-lstp1 > li > div:has(.imgs){align-items: center;}
.brd-lstp1 > li > div > p{width: 80px; text-align: center; font-size: 18px; color: #888; line-height: 24px;}/*20220118 웹접근성 color:#999*/
.brd-lstp1 > li > div > p .cl{display: inline-block; vertical-align: top; width: 62px; text-align: center; background: #718be9; color: #fff; font-size: 15px; line-height: 20px; padding: 3px 0;}
.brd-lstp1 > li > div > .imgs{width: 180px; aspect-ratio:1.5; margin:0 10px; border-radius: 10px; overflow: hidden; position: relative;}
.brd-lstp1 > li > div > .imgs > img{width: 100%;  position: absolute; left:50%; top:0; transform: translateX(-50%);}
.brd-lstp1 > li > div > div{width: calc(100% - 80px); vertical-align: top; padding-left: 10px;}
.brd-lstp1 > li > div:has(.imgs) > div{width: calc(100% - 200px); }
.brd-lstp1 > li > div > div:only-child{padding-left: 0;}

.brd-lstp1 .ti{width: 100%; font-size: var(--fz-18); color: #333; line-height: 24px; font-weight: 600;}
.brd-lstp1 .ti >a{width: 100%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.brd-lstp1 .ti img{margin-top: 7px; margin-right: 4px;}
.brd-lstp1 .da{line-height: 1.2; margin-top: 10px;}
.brd-lstp1 .da >p{display: inline-block; vertical-align: middle; font-size: 16px; color: #666; line-height: 20px; margin-right: 2px;}
.brd-lstp1 .da > p:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 4px;}
.brd-lstp1 .da >p:last-child:after{display: none;}
.brd-lstp1 .da img{vertical-align: middle;}
.brd-lstp1 .da .dw{display: inline-block; margin: 2px 0;}
/* -- 공지사항 */
/* 공지사항 상세 */
.view-wrap .vw-tii-bx{padding: 20px 20px ; border-top: 1px solid #333;  border-bottom: 1px solid #e0dfdf;}
.view-wrap .vw-tii-bx > .tit{font-size: 24px; margin-bottom: 10px; font-weight: 600;}
.view-wrap .vw-tii-bx .da{line-height: 1.2; margin-top: 8px;}
.view-wrap .vw-tii-bx .da > p{display: inline-block; vertical-align: middle; font-size: 15px; color: #666; line-height: 20px; margin-right: 6px;}
.view-wrap .vw-tii-bx .da > p:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #cfcfcf; margin-top: 4px; margin-left: 10px;}
.view-wrap .vw-tii-bx .da > p:last-child:after{display: none;}
.view-wrap .vw-file-list{margin-top: 20px; display: flex; font-size: 14px;}
.view-wrap .vw-file-list > .tit{width: 90px;}
.view-wrap .vw-file-list > .fl-dw{width: calc(100% - 70px);}
.view-wrap .vw-file-list > .fl-dw > li + li{margin-top: 5px;}
.view-wrap .vw-con-bx{min-height: 300px; padding:40px 20px; border-bottom:1px solid #333;}

.article-wrap{border-top: 1px solid #e0dfdf; border-bottom: 1px solid #e0dfdf; margin-top: 40px;}
.article-wrap > li{padding:20px 0;}
.article-wrap > li + li{border-top:1px dashed #e0dfe0}
.article-wrap > li >div{float:left;}
.article-wrap > li >div:nth-child(1){width: 120px; text-align: center;}
.article-wrap > li a:hover,.article-wrap > li a:focus{text-decoration: underline; text-underline-offset: 3px;}
.article-wrap > li::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
/* -- 공지사항 상세 */


/* 버튼 */
.btn-wrap{margin-top: 30px;display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.btn-wrap.btnC{justify-content: center;}
.btn-wrap.btnR{justify-content: right;}

/* .btn-wrap .btn{display: block; min-width: 160px; border-radius: 5px; font-size: var(--fz-16); padding:8px 20px;} */
.btn-wrap .btn > span{display: inline-block;}
.btn-wrap .btn.arrwType{ color:#fff; font-weight: 500; background-color: #1397B5; min-width: 180px;}
.btn-wrap .btn.arrwType > span{background:url("../images/arrw04.png") right 5px center no-repeat; padding-right: 80px; transition:all 0.3s;}
.btn-wrap .btn.arrwType:hover,.btn-wrap > .btn.arrwType:focus{background-color: #1AB5D3; transition:all 0.3s;}
.btn-wrap .btn.arrwType:hover > span,.btn-wrap > .btn.arrwType:focus > span{background-position: right center; }

.btn-wrap .btn.dwType{ color:#fff; font-weight: 700; background-color: #1397B5; }
.btn-wrap .btn.dwType > span{display: inline-block; width: 100%; background:url("../images/file-dw.png") right 5px center no-repeat; padding-right: 80px;}
.btn-wrap .btn.dwType:hover,.btn-wrap > .btn.dwType:focus{background-color: #1AB5D3; transition:all 0.3s;}
/* 등록 */
.btn-wrap .btn.ty1{ background-color:#1397B5 ; color: #fff;  padding: 14px 20px;}
.btn-wrap .btn.ty1:hover,.btn-wrap .btn.ty1:focus{ background-color:#1AB5D3 ;}
/* 수정 */
.btn-wrap .btn.ty2{ background-color:#0E6D92 ; color: #fff;  padding: 14px 20px;}
.btn-wrap .btn.ty2:hover,.btn-wrap .btn.ty2:focus{ background-color: #147B99 ;}
/* 삭제 */
.btn-wrap .btn.ty3{ background-color:#D9534F ; color: #fff;  padding: 14px 20px;}
.btn-wrap .btn.ty3:hover,.btn-wrap .btn.ty3:focus{ background-color:#C9302C ;}

.btn-wrap .btnSm{display: block;  border-radius: 5px; font-size: var(--fz-16); padding:8px 20px; background-color: #2241B6; color:#fff;}
.btn-wrap .btnSm > span{display: inline-block;}
/* 수정 250418 */
.btn-wrap .btnSm.ty2{ background-color:#0E6D92 ; color: #fff;}
.btn-wrap .btnSm.ty2:hover,.btn-wrap .btnSm.ty2:focus{ background-color: #147B99 ;}
/* 삭제 */
.btn-wrap .btnSm.ty3{ background-color:#D9534F ; color: #fff;}
.btn-wrap .btnSm.ty3:hover,.btn-wrap .btnSm.ty3:focus{ background-color:#C9302C ;}
/* -- 버튼 */


/* 교수소개 css S  */


  /* 버튼 */
  .btn-wrap{margin-top: 20px; margin-bottom: 20px; }
  .btn-wrap.dfc{display: flex; align-items: center; justify-content: center; gap: 10px;}
  .btn-wrap.dfl{display: flex; align-items: center; justify-content: flex-end; gap: 10px;}
  /* .btn{ text-align: center; min-width: 65px;padding: 10px 0; margin: 2px; line-height: 20px; color: #ffffff; width: 100%; max-width: 180px; border-radius: 5px; font-weight: bold;  max-height: 40px;} */
  .dwBtn{background-color: #557cc3; color: #FFFFFF; transition: all 0.3s ease-in-out;}
  .dwBtn:hover,.dwBtn:focus{background-color: #3d67b5;}

  /* 교수소개 */
  .proList{margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 10px;}
  .proList > li{display: flex; align-items: flex-start; padding:10px 0; flex:1 1 45%; min-width: 320px;border-top:2px dotted #d2d2d2; gap: 20px; }
  .proList .imgBox{width: 115px; border-radius: 10px; overflow: hidden; border: 1px solid #c5d5e4;}
  .proList .imgBox > img{width: 100%; height: 100%; object-fit: cover;}
  .proList .info{width: calc(100% - 135px); padding:10px 0;}
  .mail_img { vertical-align : middle; } 
  .proList { display : block; } 

  .tc-info .sub_tit{
      color: #666666;
      font-weight: 500;
      margin-bottom: 6px;
      font-size: 14px;
      padding-left: 1px;
  }
  
  .other-info {margin-top: 20px;display: flex; flex-wrap: wrap; gap: 20px;}
  .other-info > li{width: calc(100% / 2 - 10px); background-repeat: no-repeat; background-position: left top; padding-left: 25px;}
  .other-info > li.info1{background-image: url("../images/common/icon_location.png");}
  .other-info > li.info2{background-image: url("../images/common/icon_phone.png");}
  .other-info > li.info3{background-image: url("../images/common/icon_home.png");}
  .other-info > li.info4{background-image: url("../images/common/icon_mail.png");}
  .other-info > li.info3 > a{text-decoration: underline; color:#4366c0; text-underline-offset: 2px;word-break: break-all;}
  
  .emailcopy{
      display: inline-block;
      padding: 4px 8px;
      border: 1px solid #4366c0;
      border-radius: 50px;
      transition: all 0.3s ease-in-out;
      line-height: 13px;
      font-size: 11px;
      font-weight: bold;
      color: #4366c0;
      margin-left: 5px;
     
  }
  .emailcopy:hover {
      background-color: #4366c0;
      color: #fff;
  }
  
  
  /* 250619 교수소개 css 추가 */
  /* 250619 교수 프로필 CSS 추가  */
  .profBox .profInfo {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
  
  .profBox .profInfo .btnBox .newWin {
      font-size: 15px;
  }
  
  
  .btnBox {
      display: flex;
      gap: 0 5px;
      flex-wrap: nowrap;
      gap: 0 5px;
      align-items: stretch;
      margin: 20px 0;
  
  }
  
  .newWin {
      background-color: #1b4fb4;
      border: 1px solid #1b4fb4;
      background-image: url(../images/ico_newwin.png);
      background-repeat: no-repeat;
      color: #fff;
      padding: 5px;
      padding-right: 40px;
      background-position: calc(100% - 9px);
      background-size: 20px;
      border-radius: 7px;
      line-height: 1.2;
  }
  .newWin:hover {
      background-color: #fff;
      color: #000;
      background-image: url(../images/ico_newwin_ov.png);
      transition: all 0.3s;
  }
  .newWin.on {
      background-color: #fff;
      color: #000;
      background-image: none;
      padding: 3px;
      font-size: 14px;
      display: inline-block;
      min-width: 115px;
  }
  .btnBox {
      margin-top: 0;
  }
  .proList .info {
      display: flex;
      justify-content: space-between;
  }
  
  .mail_img {
      vertical-align: middle;
      margin-bottom: 2px;
      margin-left: -3px;
  }
  .tabList {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      justify-content: center;
  }
  .tabList .tab{
      overflow: hidden;
      box-sizing: border-box;
      margin-top: 10px;
      border-radius: 10px;
      border: 1px solid #718be9;
  }
  .tabList .tab > a:hover {
      background: #718be9;
      color: #fff;
      text-decoration: underline;
  }
  .tabList .tab.on > a:hover {
      background: #718be9;
      color: #fff;
  }
  .tabList .tab.on {
      background: #718be9;
      color: #fff;
  }
  .tabList .tab.on > a {
      background: #718be9;
      color: #fff;
      text-decoration: underline;
  }
  .tabList .tab > a{
      box-sizing: border-box;
      font-size: 18px;
      font-weight: bold;
      color: #718be9;
      line-height: 24px;
      padding: 10px;
      margin-top: -1px;
      background: #fff;
      outline-offset: -2px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .professor .dotList001 > li {
      padding: 5px 0;
  }
  .proList > li {
      align-items: center;
  }
  .professor .btn {
      width: auto;
  }
  
  /* 페이지 네이션 */
  .krds-pagination {
      display: flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      gap: 8px;
      width: 100%;
      margin-top: 40px;
      color: #464c53;
  }
  .krds-pagination .page-navi.prev {
      order: 1;
      padding: 0 4px 0 8px;
  }
  .krds-pagination .page-link, .krds-pagination .page-navi {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
  }
  
  .krds-pagination .page-navi.prev::before {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      content: "";
      display: inline-flex;
      width: 20px;
      height: 20px;
      background-color: var(--krds-light-color-text-basic);
      forced-color-adjust: none;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;
      -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      background-color: #464c53;
      transform: rotate(90deg);
  }
  
  
  .krds-pagination .page-links {
      display: flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      order: 2;
      gap: var(--krds-gap-3);
  }
  
  .krds-pagination .page-links .page-link {
      width: 40px;
      height: 40px;
  }
  
  .krds-pagination .page-links .page-link.active {
      background-color: #063a74;
      font-weight: 700;
      color: #fff;
  }
  .krds-pagination .page-link, .krds-pagination .page-navi {
      display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      height: var(--krds-pagination--size-height);
      background-color: var(--krds-pagination--color-action);
      border-radius: 6px;
      transition: 0.4s ease-in-out;
  }
  .blind, .sr-only, caption, hr, legend {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
  }
   .krds-pagination .page-navi.next {
      order: 3;
      padding: 0 4px 0 8px;
  }
  
  .krds-pagination .page-navi.next::after {
      display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      content: "";
      display: inline-flex
  ;
      width: 20px;
      height: 20px;
      background-color: var(--krds-light-color-text-basic);
      forced-color-adjust: none;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;
      -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      background-color: #464c53;
      transform: rotate(-90deg);
  
  }

  @media screen and (max-width: 640px) {
      .proList > .professor {
          flex-direction: column;
          align-items: center;
      }
      .btnBox  {justify-content: center;}
      .proList .info {
          width: auto;
          text-align: center;
          display: block;
      }
  }   


  /* -- 교수소개 */
  
  /* 251029 교수소개 css   */

.proWrap{margin-top: 25px;}
.proBox{display: flex; padding: 30px; background-color: #f7f7f7;margin-bottom: 10px;}
.proBox .pic{width: 121px;}
.proBox .pic > img{width: 100%}
.proBox .txt{position: relative; width: calc(100% - 121px); box-sizing: border-box;  padding: 0 0 0 30px;}
.proBox .txt .btnView{position: absolute;right: 0;top:0}
.proBox .txt .name{display: block;padding: 0 0 12px 0;margin:0 0 5px 0; border-bottom: 1px solid #dbdbdb; font-size:20px;font-weight:600;color:#333333;}
.proBox .txt .position{display: block;margin: 0 0 20px 0;  font-size:13px;font-weight:300;color:#2467bf;}
.proBox .txt ul > li{display: flex;margin: 0 0 5px 0;}
.proBox .txt ul > li:last-child{margin-bottom: 0;}
.proBox .txt ul > li .tit{position: relative; width: 100px;padding: 0 0 0 14px; box-sizing: border-box; font-size: 16px;}
.proBox .txt ul > li .tit::before{content: "";display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 4px;background-color: #8d8d8d;border-radius: 100%;}
.proBox .txt ul > li span{width: calc(100% - 100px);box-sizing: border-box;padding: 0 0 0 20px;font-size: 17px;color:#717171;font-weight: 300;line-height: 1.2;}
.infoBroList{display: flex;justify-content: space-between;align-items: stretch;}
.infoBroList > li{width:calc(50% - 10px) ;padding: 25px;box-shadow: 4px 7px 11px 1px rgba(0, 0, 0, 0.2);} 
.infoBroList > li .img{border:1px solid #dedede;margin: 0 0 20px 0;}
.infoBroList > li .img img{width: 100%;vertical-align: top;}
.infoBroList > li .title{display: flex;align-items: center;justify-content: space-between;}
.infoBroList > li .title p{position: relative; padding: 0 0 0 13px;color:#333333;font-size: 18px;font-weight: 600;}
.infoBroList > li .title p::before{content: "";display: block;width: 4px;height: 4px;position: absolute;left: 0;top: 5px;background-color: #a9a9a9;border-radius: 100%;}




/* 250728 교수 프로필 css 추가  */
.profInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 12px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #dbdbdb;
}
 .profInfo .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    border-radius: 7px;
    text-align: center;
    min-width: 80px;
    cursor: pointer;
    box-shadow: 0 0 0;
    text-decoration: none;
    
}
.newWin {
    background-color: #1b4fb4;
    border: 1px solid #1b4fb4;
    background-image: url(../images/ico_newwin.png);
    background-repeat: no-repeat;
    color: #fff;
    padding: 5px !important;
    padding-right: 40px !important;
    background-position: calc(100% - 9px);
    background-size: 20px;
    border-radius: 7px;
    line-height: 1.2;
}
.newWin:hover {
    background-color: #fff;
    color: #000;
    background-image: url(../images/ico_newwin_ov.png);
    transition: all 0.3s;
}
.newWin::after {
    content: none;
}
.proBox .btnBox {
    margin: 0 ;
}
.proBox .btnBox .btn {width: auto}
.proBox .txt .name {
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: none !important;
}

@media screen and (max-width: 1024px) { 

    .proBox{padding: 20px;}
    .proBox .txt .name{font-size: 15px;}
    .proBox .txt ul > li .tit{font-size: inherit;width: 100px;}
    .proBox .txt ul > li span{font-size: inherit;width: calc(100% -100px);}

}


@media screen and (max-width: 768px) {
    .btnBox {
        justify-content: center !important;
        margin: 13px 0 13px 0 !important;
    }
    .profInfo {
        display: block;
    }
    .proBox{display: block;padding: 10px;flex-wrap: wrap;}
    .proBox .pic{display: block;text-align: center;width: 100%;margin-bottom: 15px;text-align: center;}
    .proBox .pic img{max-width: 121px;width: 100%;}
    .proBox .txt{width: 100%;padding-left: 0;}
    .proBox .txt .name{text-align: center;}
    .proBox .txt .position{text-align: center;margin-bottom: 10px;}
    .proBox .txt .btnView{position: relative;display: block;width: 100px;margin:0 auto 10px auto;text-align: center;}
}


/* 페이지 네이션 */
.krds-pagination {
      display: flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      gap: 8px;
      width: 100%;
      margin-top: 40px;
      color: #464c53;
  }
  .krds-pagination .page-navi.prev {
      order: 1;
      padding: 0 4px 0 8px;
  }
  .krds-pagination .page-link, .krds-pagination .page-navi {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
  }
  
  .krds-pagination .page-navi.prev::before {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      content: "";
      display: inline-flex;
      width: 20px;
      height: 20px;
      background-color: var(--krds-light-color-text-basic);
      forced-color-adjust: none;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;
      -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      background-color: #464c53;
      transform: rotate(90deg);
  }
  
  
  .krds-pagination .page-links {
      display: flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      order: 2;
      gap: var(--krds-gap-3);
  }
  
  .krds-pagination .page-links .page-link {
      width: 40px;
      height: 40px;
  }
  
  .krds-pagination .page-links .page-link.active {
      background-color: #063a74;
      font-weight: 700;
      color: #fff;
  }
  .krds-pagination .page-link, .krds-pagination .page-navi {
      display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      height: var(--krds-pagination--size-height);
      background-color: var(--krds-pagination--color-action);
      border-radius: 6px;
      transition: 0.4s ease-in-out;
  }
  .blind, .sr-only, caption, hr, legend {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
  }
   .krds-pagination .page-navi.next {
      order: 3;
      padding: 0 4px 0 8px;
  }
  
  .krds-pagination .page-navi.next::after {
      display: inline-flex
  ;
      align-items: center;
      justify-content: center;
      flex-direction: row;
      content: "";
      display: inline-flex
  ;
      width: 20px;
      height: 20px;
      background-color: var(--krds-light-color-text-basic);
      forced-color-adjust: none;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center center;
      mask-size: contain;
      -webkit-mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      mask-image: url(https://www.krds.go.kr/resources/img/component/icon/ico_angle.svg);
      background-color: #464c53;
      transform: rotate(-90deg);
  
  }

  @media screen and (max-width: 640px) {
      .proList > .professor {
          flex-direction: column;
          align-items: center;
      }
      .btnBox  {justify-content: center;}
      .proList .info {
          width: auto;
          text-align: center;
          display: block;
      }
  }   





/* 교수소개 css E  */


/* 260202 학과 졸업 후 진로 css S */

.sports_dept06_box {
    display: flex;
 }
 .sports_dept06_box .area{
    width: 50%;flex: 1;display: flex; flex-direction: column;
 }
 .sports_dept06_box .left{
    margin-right: 20px;
}
.sports_dept06_box .top{
    border: 1px solid #05B59D;background-color: #05B59D;color: #fff;padding: 10px;font-size: 18px;font-weight: bold;text-align: center;border-top-left-radius: 12px;border-top-right-radius: 12px;margin-bottom: 5px;
}  
.sports_dept06_box .bot{
    border: 1px solid #05B59D;background-color: #fff;color: #000;font-size: 16px;padding: 10px 30px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;display: flex;align-items: center;justify-content: center;flex: 1;font-weight: 500;
}  
.sports_dept06_box .top2 {
    border: 1px solid #2C77BC; background-color: #2C77BC;
}

.sports_dept06_box .bot2 {
    border: 1px solid #2C77BC;
}

/* 260202 학과 졸업 후 진로 css E */

/* 260625 학과장인사 css S  */

.info_01 {display: flex;align-items: flex-start;gap: 30px;}
.community-img {box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 10px; border-radius: 16px;}

@media (max-width: 1024px)  {
    .info_01 {display: block}
    .community-img {box-shadow: none;text-align: center;margin-bottom: 20px;}
}
/* 260625 학과장인사 css E  */


/* 260625 커리큘럼 css S  */

/* 커리큘럼 */
.course-cls{text-align: right; margin-bottom: 20px;}
.course-cls > span{display: inline-block; text-align: center; font-size: 15px; color: #000; line-height: 20px; width: 90px; margin-left: 30px; padding: 8px 0; border-radius: 8px;}
.course-cls > span.bg1{background: #e2f0d9;}
.course-cls > span.bg2{background: #ffe699;}
.course-cls > span.bg3{background: #5b9cd6;}

.course-tbbx{margin: 0 -10px;}
.course-tbbx + .course-tbbx{margin-top: 60px;}
.course-tb{text-align: center; }

.course-tb th, .course-tb td{padding: 5px 10px; }
.course-tb thead th > p{display: flex; justify-content: center; align-items: center; background: #5a5a5a; font-size: 18px; color: #fff; height: 36px; border-radius: 6px;}
.course-tb tbody th > div{margin-top: 10px; display: flex; justify-content: center; align-items: center; background: #5a5a5a; height: 98px; border-radius: 10px; font-size: 16px; color: #fff; line-height: 1.2; word-break: keep-all;}
.course-tb tbody th > div *{font-size: inherit; color: inherit; line-height: inherit;}
.course-tb tbody th > div > p > span{display: block;}

.unt-bx{padding: 20px 10px 10px; }
.course-tb tr + tr .unt-bx{ border-top: 1px dashed #9d9d9d;}
.course-unt{display: flex; justify-content: space-between;}
.course-unt *{box-sizing: border-box;}
.course-unt .bx{ flex-grow: 1; width: calc(33% - 16px); display: flex;     flex-wrap: wrap; align-items: center;}
.course-unt .bx > div{ width: 100%; padding: 0 16px; position: relative; letter-spacing: -0.5px;}
.course-unt .bx > div + div{margin-top: 10px;}
.course-unt .bx > div > p{display: flex;     justify-content: center;  align-items: center;width: 100%; height: 44px; padding: 4px; border-radius: 8px;}
.course-unt .bx > div > p.bg1{background: #e2f0d9;}
.course-unt .bx > div > p.bg2{background: #ffe699;}
.course-unt .bx > div > p.bg3{background: #5b9cd6;}
.course-unt .bx > div > p > span{width: 100%; font-size: 15px; color: #000; line-height: 1.2;}
.course-unt .bx > div > p > span *{font-size: inherit; color: inherit; line-height: inherit;}
.course-unt .bx > div > p > span > span{display: inline-block;}
.course-unt .bx > div:before{content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 2px; margin-top: -1px; background: #000;}
.course-unt .bx > div:after{content: ''; position: absolute; right: 0; top: 50%; width: 16px; height: 2px; margin-top: -1px; background: #000;}
.course-unt .bx > div > p:before{content: ''; position: absolute; left: 8px; top: 50%; margin-top: -4px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 8px solid #000;}
.course-unt .bx > div > p.na:before{border: none; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #000;}
.course-unt .bx.fi > div{padding-left: 0;}
.course-unt .bx.la > div{padding-right: 0;}
.course-unt .bx.fi > div:before, .course-unt .bx.fi > div > p:before, .course-unt .bx.la > div:after{display: none;}
.course-unt .arr{width: 16px; position: relative; display: flex;   flex-wrap: wrap; align-items: center;}
.course-unt .arr > span{display: flex;     align-items: center; width: 100%; height: 44px; }
.course-unt .arr > span + span{margin-top: 10px;}
.course-unt .arr i{height: 2px; width: 100%; background: #000;}
.course-unt .arr > i:before{content: ''; position: absolute; left: -1px; top: 22px; bottom: 22px; width: 1px; background: #000;}
.course-unt .arr > i:after{content: ''; position: absolute; right: -1px; top: 22px; bottom: 22px; width: 1px; background: #000;}
.course-unt .arr.to1 > span{padding-right: 50%;}
.course-unt .arr.to1:before{content: ''; position: absolute; left: 50%; top: 21px; bottom: 21px; width: 1px; background: #000;}
.course-unt .arr.to1:after{content: ''; position: absolute; left: 50%; right: 0; top: 50%; height: 2px; margin-top: -1px; background: #000;}

@media screen and (max-width: 768px){
	.course-tbbx{margin: 0 -5px;}
	.course-tb th, .course-tb td{padding: 5px;}
}

@media screen and (max-width: 550px){
	.course-cls > span{width: 80px; margin-left: 10px;}
	.course-tb tbody th > div{height: 204px; font-size: 15px;}
	.unt-bx{padding: 10px 0 0;}
	.course-unt{    flex-wrap: wrap;}
	.course-unt .bx{width: 100%;     flex-wrap: nowrap; justify-content: center;}
	.course-unt .bx > div{padding: 12px 0; width: 46%; margin: 0 2%;}
	.course-unt .bx > div + div{margin-top: 0;}
	.course-unt .bx > div:after{left: 50%; top: auto; bottom: 0; width: 2px;  margin-left: -1px;  height: 12px;}
	.course-unt .bx > div:before{left: 50%; top: 0; height: 10px; width: 2px; margin-left: -1px;}
	.course-unt .bx > div > p:before{ left: 50%; top: 6px; margin-top: 0; margin-left: -4px; border-bottom: none;  border-left: 4px solid transparent; border-right: 4px solid transparent;  border-top: 8px solid #000; }
	.course-unt .bx > div > p.na:before{left: 50%; right: auto; top: 0; bottom: 0; width: 2px; height: auto; margin-left: -1px;}
	.course-unt .bx.fi > div{padding-top: 0;}
	.course-unt .bx.la > div{padding-bottom: 0;}
	.course-unt .arr{width: 100%; height: 12px; justify-content: center;}
	.course-unt .arr > i{width: 2px; height: 12px;}
	.course-unt .arr > i:before{ top: -1px; bottom: auto; left: 25%; right: 25%; width: auto; height: 2px; margin-left: -1px; }
	.course-unt .arr > i:after{ top: auto; bottom: -1px; left: 25%; right: 25%; width: auto; height: 2px;  margin-left: -1px; }
	.course-unt .arr{flex-wrap: nowrap; }
	.course-unt .arr > span{width: 46%; margin: 0 2%; height: 12px;     justify-content: center;     align-items: flex-start;}
	.course-unt .arr > span + span{margin-top: 0;}
	.course-unt .arr > span > i{width: 2px; height: 12px;}
	.course-unt .arr.to1 > span{padding: 0;}
	.course-unt .arr.to1 > span > i{width: 2px; height: 6px;}
	.course-unt .arr.to1:before{top: 6px; left: 25%; right: 25%; width: auto; height: 2px; margin-left: -1px; }
	.course-unt .arr.to1:after{top: auto; right: auto; bottom: 0; width: 2px; height: 4px; margin-left: -1px;}
}


/* 260625 커리큘럼 css E  */

@media (max-width: 1200px) {
    /* tab */
    .s-container .tab-area .tab > ul >li{width: calc(100% / 3 - 3px); flex: none;}
    .s-container .tab-area .tab > ul > li > .btn-tab{padding:10px 5px;}
    /* 학과소개-교수소개 */
    .teacher-list > ul > li{flex: 1 1 100%;}
    /* -- 학과소개-교수소개 */
}
@media (max-width: 1024px) {
    .s-container{padding-top: 0;}
    #snb-wrap{display: none;}
    #sub-content{width:100%; padding: 40px 0 40px 0; float: none;}
    /* 학과소개-교수소개 */
    .teacher-list > ul > li{flex: 1 1 50%;}
    /* -- 학과소개-교수소개 */

}
@media (max-width: 960px) {
    /* 학과소개-교수소개 */
    .teacher-list > ul > li{padding:20px 0; gap: 20px;align-items: flex-start; flex: 1 1 100%;}
    .teacher-list > ul > li .tc-img{width: 114px; height: 148px;}
    .teacher-list > ul > li .tc-info{max-width: 100%;}
    .teacher-list > ul > li .other-info{gap: 10px;}
    .teacher-list > ul > li .other-info > li{flex:1 1 100%;}
    .teacher-list > ul > li .other-info a{word-break: break-all;}
    /* -- 학과소개-교수소개 */
}
@media (max-width: 760px) {
    .s-content{padding:40px 0;}
    .sub-banner{height: 180px;}
    

    .pdfBtn > .btn{width: calc(100% / 3 - 4px);}
    /* tab */
    .s-container .tab-area .tab > ul>li{width: calc(100% / 2 - 2px);}
    /* table */
    .table-wrap{ overflow: hidden; overflow-x: auto;}
    /* qna-form */
    .respon-form > li{flex-direction: column;}
    .respon-form .form-label{width: 100%;text-align: left; min-height: 50px;}
    .respon-form .form-field{width: 100%; padding:10px;}
    
    /* 파일업로드 */
    .upload-file{flex-direction: column; align-items: flex-start;}
    .upload-file .upload-inst{width: 100%;}
    /* -- qna-form */
    /* 대학원 소개 */
    .welcomeBox{flex-direction: column;}
    .welcomeBox .intro_left{width: 100%;max-width: 240px; margin:0 auto;}
    .welcomeBox .intro_left > img{width: 100%;border-radius: 20px; }
    .welcomeBox .intro_right{width: 100%;}

    .org-chart .squa-line{flex-wrap: wrap; column-gap: 20px; overflow: hidden;}
    .org-chart .squa-line > li{ flex: 1 1 30%;}
    .org-chart .squa-line::before{border-left:0; border-right:0; border-radius: 0;}
    .org-chart .squa-line > li:nth-child(1):before,
    .org-chart .squa-line > li:last-child:before{display: inline-block;}
    .org-chart.type2 .squa-line {flex-direction: column;}
    .org-chart.type2 .squa-line > li {width: 100%; min-height: 50px; margin-top: 20px;}
    .org-chart.type2 .squa-line::before{display: none;}

    /* 대학원 소개 */
    .depart-list > li{width: calc(100% / 2 - 5px);}

    /* Departments -목록 */
    .dept-list-wrap > ul > li{flex-direction: column; align-items: flex-start; gap: 20px;}
    .dept-list-wrap > ul > li > div{width: 100%;}
    /* Departments -상세 */
    .dept-info > li{flex:1 1 100%}
    .dept-info > li > div{padding:10px;}

    /* Credit Exchange */
    .course{margin:40px 0;}
    .course_square{width: calc(50% - 45px);}
    /* 교내연구기관 */
    .txt-box3{flex-direction: column;}

    /* 일반학사일정 */
    .calTop > .btn-wrap{position: relative; justify-content: flex-end;}
}


@media (max-width: 480px){
    .s-container{padding-top: 0;}
    .sub-tit-box{flex-direction: column-reverse; align-items: flex-start; margin-bottom: 40px;}
    .stp-bt{display: none;}
    .pdfBtn > .btn{width: calc(100% / 2 - 3px); padding:10px; min-width: 100px;}
    .brd-lstp1 > li{padding: 15px 5px;}
    .brd-lstp1 > li .num{width: 50px;}
    .subTit03{margin-top: 40px; margin-bottom: 25px;}
    
    .sub-banner .line-map img {padding-top: 1px;}
    .sub-banner .line-map > li:not(:first-child)::before{
    top:4px;
}
    
    /* dot */
    .dot-list01 > li::before{top: 6px;}
    .dot-list02{margin:0 0 20px;}
    .dot-list02 > li::before{top: 6px;}
    .dot-list04 > li::before{top: 6px;}
    .dot-list05 > li{background: url(../images/blt_03.png) no-repeat 0 5px;}

    /* table */
    .table-wrap .type3 td{padding:10px 15px;}
    .table-wrap .blt01::before{top:7px}
    /* tab */
    .s-container .tab-area .tab > ul{margin-bottom: 40px;}
    .s-container .tab-area .tab > ul > li > .btn-tab{font-size: 16px;}
    
    /* Departments -목록 */
    .dept-list-wrap > ul > li {padding:15px 0;}
    .dept-list-wrap .tit-box{flex-direction: column;align-items: flex-start;gap: 10px; }
    .dept-list-wrap .tag-list{flex-wrap: wrap;}
    .dept-list-wrap .link{padding:5px 10px;}
    /* Departments -상세 */
    .dept-link-list{gap: 5px;}
    .dept-link-list > a > span{background-image: none !important; padding-left: 0;}
    .dept-link-list > a.icn1 > span{padding-left: 0;}
    /* 교내연구기관 */
    .txt-box2 > .tit{padding:20px; justify-content: space-between}
    .txt-box2 > .tit > h4{width: calc(100% - 44px);}
    .txt-box2 > .in{padding:20px;}

    .course{row-gap: 60px;}
    .course_square{width: 100%; margin-right: 0;}
    .course_square:after{top:auto; bottom: -55px; left:50%;  transform: translate(-50%, 0) rotate(90deg);}

    /* faq */
    .faq-list-box dt >a{padding:30px 30px 30px 10px}
    .faq-list-box dd{padding:30px 10px}
    .faq-list-box .tag{width: 30px; height: 30px;font-size: 14px;}

    .view-cont,
    .view-answer{padding:20px 10px;}

}
@media (max-width: 380px){
    .pdfBtn > .btn{width: 100%;}
}