/* 20250324 */
.s-container{min-height: 700px; line-height: 1.2;padding-top: 105px;flex: 1;}
.sub-banner{width: 100%; height: 250px; max-width: 1980px; margin:0 auto; background-repeat: no-repeat; background-position: center center; border-radius: 0 0 0 100px; background-size: cover;}
.sub-banner.sub1{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub2{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub3{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub4{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub5{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub6{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub7{ background-image: url("../images/aiuos_sub.jpg");}
.sub-banner.sub8{ background-image: url("../images/aiuos_sub.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;text-shadow: 2px 1px #000}

.sub-banner .line-map{color:#fff; font-size: var(--fz-20); display: flex; justify-content: center;text-shadow: 1px 1px #000}
.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:8px;
}
.sub-banner .line-map img{padding-top: 5px;}

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








/* 평소에는 3번 뎁스 서브메뉴를 숨겨둡니다. */
.snb-depth1 > ul > li .snb-depth3 {
    display: none;
}

/* [★추가] 처음부터 .on 클래스를 가지고 태어난 li는 3뎁스를 기본적으로 노출 */
.snb-depth1 > ul > li.on .snb-depth3 {
    display: block;
}

/* 1차 메뉴 글자(a태그) 우측에 아이콘이 들어갈 공간 확보 */
.snb-depth1 > ul > li > a {
    position: relative;
    padding-right: 35px; 
}

/* [닫힌 상태] 3번 뎁스가 있는 메뉴 오른쪽에 기본 화살표 배치 */
.snb-depth1 > ul > li:has(.snb-depth3) > a::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;  
    height: 12px; 
    background: url("../images/sub_nav_bg1.png") no-repeat center center;
    background-size: contain;
}

/* [열린 상태] 부모 li에 .on 클래스가 붙으면 클릭 후 이미지로 교체 */
.snb-depth1 > ul > li.on > a::after {
    background-image: url("../images/arrw09.png");
}

/* 페이지 로드, 클릭 여부와 관계없이 3뎁스가 있는 2뎁스 메뉴의 새창 아이콘은 무조건 숨김 */
.snb-depth1 > ul > li:has(ul) > a.linkNwin {
    background-image: none !important; /* 배경 이미지로 들어간 경우 */
    display: inline-block; /* 혹시 가상요소 제어가 필요하면 아래 script 참고 */
}






/* 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: 60px;}
.subTit01{font-size: var(--fz-38); font-weight: 600;}
.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 {
    
    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: 40px;}
.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;}
/* 260804 게시글 겹치는 현상 수정 S */
.view-wrap .vw-con-bx p {text-indent: 0 !important; margin-left: 0 !important;}
.view-wrap .vw-con-bx p span {text-indent: 0 !important; letter-spacing: 0 !important;}
/* 260804 게시글 겹치는 현상 수정 E */

.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;
  
}
 .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 */

/* 260325 학생회 사진 css S  */

.community-img {width: 60%;}

 @media screen and (max-width: 760px) {
     .community-img {width: 100%;}
 }
        
/* 260325 학생회 사진 css S  */        

/* 260325 학생회 조직도 css S */

    .org {
        margin: 0 0 30px 0;
    }
    
    .org-list {
        display: flex;
        justify-content: center;
    }
    .mt {
        margin-top: 20px;
    }
    .mr185 {
        margin-right: 185px;
    }
    .child {
        border: 1px solid #005eb3;
        border-radius: 6px;
        display: block;
        text-align: center;
        width: 120px;
        height: 50px;
        background-color: #005eb3;
    }
    .child > h2 {
        color: #fff !important;
        font-size: 16px;
        line-height: 50px;
        font-weight: 600;
    }
    .o1{position: relative;}
    .o1::after{
        content: '';
        width: 1px;
        height: 102px;
        display: block;
        background: #838b9b;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -102px;
        z-index: 1;
    }
    .o2{position: relative;}
    .o2::after{
        content: '';
        width: 33px;
        height: 1px;
        display: block;
        background: #838b9b;
        position: absolute;
        right: -33px;
        bottom: 20px;
        z-index: 1;
    }
    @media screen and (max-width: 500px) {
        .title {
            line-height: 1.3 !important;
        }
        .title > p {
            font-size: 14px !important;
        }
    }
    @media screen and (max-width: 320px) {
    }
    .o3 {
        position: relative;
    }
    .o3::after {
        content: '';
        width: 1px;
        height: 31px;
        display: block;
        background: #838b9b;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -31px;
        z-index: 1;
    }
    .title {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        line-height: 1.5;
        border: 1px solid #8aa0c4;
        border-radius: 6px;
        text-align: center;
        position: relative;
        z-index: 1;
        background: #eef2f7;
        border-right: 3px solid #8aa0c4;
        border-bottom: 3px solid #8aa0c4;
        padding: 6px;
    }
    .title > p {
        color: #8aa0c4;
        font-weight: 400;
        word-break: break-all;
        font-size: 16px;
    }
    .title > p >span {
        font-weight: 600;
        color: #4b4b4b;
    }
    .line {
        content: '';
        width: 65%;
        height: 1px;
        background: #838b9b;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 30px;
    }
    .org-bot::before {
        content: '';
        width: 1px;
        height: 27px;
        display: block;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -27px;
        background: #838b9b;
    }
    .org-bot-list {
        z-index: 1;
        width: 100%;
        display: flex;
        align-self: center;
        justify-content: center;
        margin-top: 56px;
        flex-wrap: wrap;
    }
    .org-bot-list::after {
        content: '';
        display: block;
        clear: both;
    }
    .org-bot {
        position: relative;
        margin-right: 6px;
        width: 32%;
        float: left;
    
    }
    .org-bot-list .org-bot:last-child {
        margin-right: 0;
    }
    .org-bot::before {
        left: 50%;
    }
    
    .pt{
        height: 185px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    
    
    
    @media screen and (max-width: 768px) {
        .child > h2 {
            font-size: 15px;
        }
        .child-bot h2 {
            font-size: 15px;
        }
        .child-bot-cover {
            display: grid;
            gap: 42px;
            grid-template-columns: repeat(2, 1fr);
        }
        .o4-1::after {
            height: 360px;
            bottom: -360px;
        }
    }
    
    
    @media screen and (max-width: 670px) {
        .line{width: 67%;}
    }
    @media screen and (max-width: 320px) {
        .line{width: 68%;}
        .o2::after {
            width: 36px;
            right: -36px;
        }
    }

/* 260325 학생회 조직도 css E */


/* 스포츠과학과 생활습관의학연구실 이미지 css S */
        .lab-img {width: 32%;margin-right: 10px;margin-top: 10px;}
        .wh100 {width: 100%; height: 100%;}

        @media screen and (min-width: 640px) {
            .lab-img:nth-child(3n) {margin-right: 0;}
        }
        @media screen and (max-width: 640px) {
            .lab-img {width: 48%;}
            .lab-img:nth-child(2n) {margin-right: 0;}
        }
        
        .lab-img2 {width: 33%;margin-top: 10px;}
        .wh100 {width: 100%; height: 100%;}

        @media screen and (min-width: 640px) {
            .lab-img2:nth-child(3n) {margin-right: 0;}
        }
        @media screen and (max-width: 640px) {
            .lab-img2 {width: 100%;}
            .lab-img2:nth-child(2n) {margin-right: 0;}
        }

/* 스포츠과학과 생활습관의학연구실 이미지 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: 109px;}
    #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;}
    .s-container{padding-top: 89px;}
    .sub-banner{height: 180px;}
    .sub-banner .line-map{display: none;}

    .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: 102px;}
    .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;}
    /* 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%;}
}














/* 인공지능융합대학 이전테마css 복사  */


.wrap{font-size: 15px;font-weight: 300; word-break: keep-all;line-height: 1.2;}
.subBody .subNavhFix .subTop{position: fixed;top:0;left:0;width: 100%;}
.subVisual{position: relative; height: 258px; background: url(../images/sub/sub1.png) no-repeat ;background-size: cover;}
/* .subVisual.sub01{background: url(../images/sub/bg_subvisual01.jpg) no-repeat ;background-size: cover;}
.subVisual.sub02{background: url(../images/sub/bg_subvisual02.jpg) no-repeat ;background-size: cover;}
.subVisual.sub03{background: url(../images/sub/bg_subvisual03.jpg) no-repeat ;background-size: cover;}
.subVisual.sub04{background: url(../images/sub/bg_subvisual04.jpg) no-repeat ;background-size: cover;}
.subVisual.sub05{background: url(../images/sub/bg_subvisual05.jpg) no-repeat ;background-size: cover;}
.subVisual.sub06{background: url(../images/sub/bg_subvisual06.jpg) no-repeat ;background-size: cover;} */
.subVisual .inner{display: flex;align-items: center;justify-content: center;height: 100%;}
.subVisual .inner .pageTitle{text-align: center;opacity: 0; transition: opacity 1s ease-in-out; }
.subVisual .inner .pageTitle span{display: block; position: relative;padding: 28px 0 0 0 ;font-size: 49px;font-weight: 900;color:#fff;}
.subVisual .inner .pageTitle span::after{content: "";display: block;width: 42px;height: 5px;position: absolute;left:50%;top:0;transform: translateX(-50%);background-color: #003b9e;}
.subTop {position: relative; border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background-color: #fff;z-index: 999;}
.subTop .inner{display: flex;justify-content: space-between;}
.subTop .inner .subNav{width: calc(100% - 128px); height: 64px;display: flex;align-items: center;}
.subTop .inner .subNav > li{position: relative; display: flex;flex-direction: column;justify-content: center;height: 100%;border-right:1px solid #d8d8d8;text-align: center;max-width:30%;}
.subTop .inner .subNav > li.home{border-left: 1px solid #d8d8d8;width: 64px;}
.subTop .inner .subNav > li .subNavBtn{overflow: hidden; position: relative;min-width: 220px;padding: 0 35px 0 20px;color: #333333;font-size: 20px;text-align: left;font-weight: 300;height: 24px;white-space: nowrap;text-overflow: ellipsis;}
.subTop .inner .subNav > li .subNavBtn::after{content: "";display: block;width:12px;height: 7px;position: absolute;right:13px;top:50%; transform: translateY(-50%);background: url(../images/common/arr_subnav01.png) no-repeat left top;transition: all 0.5s ease; }
.subTop .inner .subNav > li .subNavBtn.on::after{transform: rotate(180deg) translateY(100%);}
.subTop .inner .subNav > li .subNavMenu{display: none;position: absolute;top:62px;left: 0;width: 100%;padding: 20px 0 0 0; border:1px solid #d8d8d8;border-top:3px solid #003b9e;background-color: #fff; }
.subTop .inner .subNav > li .subNavMenu li{padding: 0 10px 0 20px;margin: 0 0 20px 0}
.subTop .inner .subNav > li .subNavMenu li a{display: block;text-align: left; font-size: 18px;color: #333333;font-weight: 300;line-height: 18px;padding:0;}
.subTop .inner .subNav > li .subNavMenu li a.opennw::after{display: inline-block;margin-left:3px;}
.subTop .inner .subNav > li .subNavMenu li a:hover{color:#003b9e}
.subTop .inner .subUtil{position: relative; display: flex}
.subTop .inner .subUtil .btnPrint{display: block; width: 64px;height: 100%;border-right:1px solid #d8d8d8;border-left:1px solid #d8d8d8;background: url(../images/common/ico_print.png) 50% 50% no-repeat;}
.subTop .inner .subUtil .btnShare{display: block;width: 64px;height: 100%;border-right:1px solid #d8d8d8;;background: url(../images/common/ico_share.png) 50% 50% no-repeat;}
.shareBox{display: none; position: absolute;width: 65px;top:-1px;right: -1px;}
.shareBox.on{display: block;}
.shareBox .shareList {position: relative; padding: 20px 0 0 0; border: 1px solid #d8d8d8;background-color: #fff;}
.shareBox .shareList::before{content: "";display: block;width: 17px;height: 10px;position: absolute;top:-10px;left: 50%;margin-left: -8px; background: url(../images/sub/bg_sharelist.png) center no-repeat;z-index: 1;}
.shareBox .shareList li{margin: 0 0 20px 0; text-align: center;}
.shareBox .btnCloseshare{display: block;width: 64px;height: 65px;background: #003b9e url(../images/sub/btn_closeshare.png) center no-repeat;}

.subBody .footer{border-top:1px solid #dadada}
.content{padding: 70px 0;}
.container::after{content: "";display: block;clear: both;}

/* 임시 */
.content{min-height: 830px;}
/* 블릿버전 
.title1{position: relative; padding: 15px 0 0 12px;margin:40px 0 20px 0; font-size: 26px;color:#222;font-weight: 500;}
.title1::before{content: "";display: block;width: 14px;height: 14px;position: absolute;left:0;top:0;border-radius: 50%;background-color: #183d86;} */

.title1{position: relative; padding: 15px 0 0 0;margin:40px 0 20px 0; font-size: 26px;color:#222;font-weight: 500;}
.article .title1:first-child{margin-top: 0;}
.title2{color: #1b4fb4;font-size: 19px;margin:  30px 0 15px 0;font-weight: 400;}
.title3 {position: relative;font-weight: 600;color: #111;padding-left: 25px;margin-bottom: 18px;}
.title3::before{content: "";display: block;width: 11px;height: 11px;position: absolute;left:0;top:4px;border-radius: 50%;background-color: #183d86;}
.titBox{display: flex;align-items: center;gap: 0 10px;}
.titBox2{display: flex;align-items: center;gap: 0 10px;margin-top: 40px;background-color: #f8f9fb;;padding:10px 20px;}
.titBox3{display: flex;justify-content: space-between;align-items: flex-end;}
.titBox3 .title2{margin-bottom: 0;}
.line{display: block;width: 100%;height: 1px;background-color: #eeeeee;border: 0;margin-bottom: 44px }
.title4{font-size: 30px;font-weight: 800;color:#0467b3;}
.title6{font-size: 30px;font-weight: 600;margin:45px 0 25px 0;}
.title5 span{display: inline-block;font-size: 30px;color: #fff;font-weight: 500;background-color: #0c4d9b;padding: 10px 33px;border-radius: 40px;}
.title5.arr{padding-top: 86px;position: relative;}
.title5.arr span{position: relative;z-index: 1;}
.title5.arr::before{content: "";display: block; width: 149px;height: 121px;position: absolute;left:50%;transform: translateX(-50%);top:0;   background: url(../images/sub/about/arr_tstar01.png) center no-repeat; }


/* 셀렉트 박스 S*/
.grade-select {
  width: 140px;
  height: 42px;
  padding: 0 40px 0 14px;
  border: 1px solid #dcdcdc;
  border-radius: 10px;
  background-color: #fff;
  color: #333;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  transition: all 0.2s ease;
}
.grade-select:hover {
  border-color: #999;
}
.grade-select:focus {
  border-color: #0e3174;
  box-shadow: 0 0 0 3px rgba(14, 49, 116, 0.12);
}
.select-wrap {
  display: flex;
  align-items: center;
}
/* 셀렉트 박스 E */
/**/
.desc{line-height:35px ;font-weight: 300;}
.desc2{line-height:24px ;font-weight: 300;}
.pic.roundLt img{display: block;border-radius: 120px 15px 15px 15px;}
.annotation{position: relative; padding: 0 0 0 13px;}
.annotation::before{content: "※";display: block;position: absolute;left:0;top:0  }
.annotation + .annotation{margin-top: 10px;}
.annotation ul{margin-top: 10px;font-size: 16px;}
.ex{font-size: 14px;color: #999;}
ul li .annotation,
ul li .ex{margin-top: 5px;}
.sup{font-size: 13px;}
strong{font-weight: 600;}

/*Button*/
.btnGo{position: relative; display: flex;align-items: center;height:71px;padding: 0 50px 0 20px; border:1px solid #9d9d9d;max-width: 323px;font-size: 19px;line-height: 1;color:#444}
.btnGo::before{content: "";display: block;width: 16px;height: 100%;position: absolute;right:31px;background: url(../images/sub/ico_home01.png) 50% 50%  no-repeat;}
.btnGo:hover{background-color: #dadada;}
.link{color:#3c82db;text-decoration: underline;}
.btn {display: flex;align-items: center;justify-content: center; color: #fff;padding: 5px;border-radius: 7px;text-align: center;min-width: 80px;cursor: pointer;box-shadow: 0 0 0;text-decoration: none;}
.btnBl {background-color: #1b4fb4;}
.btnDownload{display: inline-block; background-color:#e34c58;border:1px solid #e34c58;background-image:url(../images/ico-btn-dw02.png);background-repeat:no-repeat;color:#fff;padding:5px;padding-right:42px;background-position:calc(100% - 15px);background-size:20px;border-radius:7px;line-height:1.2;}
.btnDownload:hover{background-color:#fff;color:#000;background-image:url(../images/ico-btn-dw01.png);transition:all 0.3s;}
.btnDownload2{display: inline-block;background-image:url(../images/ico-btn-dw01.png);background-repeat:no-repeat;padding:5px;padding-right:42px;background-position:calc(100% - 15px);background-size:20px;border-radius:7px;line-height:1.2;}
.btnDownload3{display: inline-block; background-color:#e34c58;border:1px solid #e34c58;background-image:url(../images/ico-btn-dw02.png);background-repeat:no-repeat;color:#fff;height: 50px; padding: 0 50px 0 20px;background-position:calc(100% - 15px);background-size:20px;line-height:50px;}
.btnDownload3:hover{background-color:#fff;color:#000;background-image:url(../images/ico-btn-dw01.png);transition:all 0.3s;}
.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;letter-spacing: 0.1px}
.newWin:hover{background-color:#fff;color:#000;background-image:url(../images/ico_newwin_ov.png);transition:all 0.3s;}
.btnBox{display: flex;gap: 0 5px;flex-wrap: nowrap;gap: 0 5px;align-items: stretch;margin:20px 0}
.btnBox.col3 > *{width: 33%;}
.btnBox2{display: flex;justify-content: flex-end;}
.greyBox{background-color: #f8f9fb;padding: 20px 43px;}
.btnHome {background: url(../images/btn_home.png) no-repeat;font-size: 0;display: inline-block;width: 26px;height: 26px;margin: 0 0 0 10px;vertical-align: middle;}
.btnHome2{display: inline-block; padding: 14px 23px;background-color: #014296;}
.btnHome2 em{display: inline-block;background: url(../images/ico_home02.png) right center no-repeat;padding: 0 43px 0 0;color:#fff;font-weight: 300;}
.btnMore{padding: 0px 30px 5px 17px;color: #fff;text-decoration: none;background: url(../images/bg_more.png) no-repeat 85% 53% #ed2027;vertical-align: top;}
.btnDetail{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;width: 153px;height: 50px;padding: 0 5px; color:#fff;font-size: 17px;font-weight: 300;text-align: center;background-color :#014296;transition:all 0.3s;}
.btnDetail img{padding: 0 0 0 20px;}
.btnDetail:hover{background-color: #002a61;transition:all 0.3s;}
.btnList{position: relative; padding: 0 42px 0 30px;height: 50px;border:1px solid #252525;color:#252525;font-weight: 600;text-align: center;line-height: 48px;transition:all 0.3s;}
.btnList::after{content: "";display: block;height:11px;width: 11px;position: absolute;right: 20px;top:18px;background: url(../images/bg_list.png) center no-repeat;transition:all 0.3s;}
.btnList:hover{background-color: #252525;color:#fff}
.btnList:hover::after{background: url(../images/bg_list_ov.png) center no-repeat;}
.btnNewWin{display: inline-block; position: relative;min-width: 209px; padding: 0 42px 0 27px;height: 61px;border:1px solid #f2f2f2;text-align: left;line-height: 59px;transition:all 0.3s;background-color: #fff;}
.btnNewWin::after{content: "";display: block;height:14px;width: 14px;position: absolute;right: 22px;top:22px;background: url(../images/bg_newwin.png) center no-repeat;transition:all 0.3s;}
.btnNewWin:hover{background-color: #525252;color:#fff}
.btnNewWin:hover::after{background: url(../images/bg_newwin_ov.png) center no-repeat;}
.arrBtn{display: inline-block;padding: 14px 23px;background-color: #014296; }
.arrBtn em{display: inline-block;padding: 0 30px 0 0; background: url(../images/arr_btn01.png) right center no-repeat;color:#ffffff;font-weight: 300;transition:all 0.3s;}
.arrBtn:hover{background-color: #00306d;}
.arrBtn.sm{padding: 7px 23px;}
.arrBtn.grey{background-color: #3e3e3e;}
.arrBtn.grey:hover{background-color: #1b1b1b;}
.btnView{display: inline-block;line-height: 50px;height:50px;padding: 0 50px 0 20px; border:1px solid #bf8c27;background-color: #bf8c27;color:#fff;background-image: url(../images/ico_view.png);background-repeat: no-repeat;background-position: calc(100% - 15px);}
.btnView:hover{background-color: #fff;background-image: url(../images/ico_view_ov.png);color:#000 }

/*검색영역*/
.searchBox{display: flex;justify-content: center;gap: 8px;margin: 0 0 47px 0;}
.selbox{display: inline-block;vertical-align: top; min-width: 120px; height: 50px;padding:  0 32px 0 14px; border: 1px solid #dddddd;background-image: url(../images/arr_select01.png);background-position:  right 14px center;background-repeat: no-repeat;}
.btnSrch{display: inline-block;vertical-align: top;width: 90px;height: 50px;text-align: center;font-size: 18px;color:#fff;background-color: #003876;border:0;transition:all 0.3s;}
.btnSrch:hover{background-color: #002751;}
.inpTxt{display: inline-block;vertical-align: top;height: 50px;padding:  0 25px 0 14px; border: 1px solid #dddddd;font-size: 18px;}
.inpTxt::placeholder{color:#bcbcbc}
.searchIput{display: flex;justify-content: space-between;width: 490px;}
.searchIput .inpTxt{width: calc(100% - 97px);}
.searchBox.type2{background-color: #f8f8f8;padding: 25px;gap: 0;}
.searchBox.type2 .selbox{width:40%;min-width: 300px;}
.searchBox.type2 .btnSrch{line-height: 50px;}
.searchBox.type3{justify-content: space-between;background-color: #f8f8f8;padding: 25px;gap: 0;}
.searchBox.type3 .btnDownload{height: 50px;line-height: 40px;border-radius: 0;padding-left: 22px ;}
.bbsSearch{display: flex;margin-bottom: 30px;}
.bbsSearch .selbox{width: 100%;max-width: 500px;}
.bbsSearch.type2{display: flex;justify-content: flex-end;  margin-bottom: 30px;}
.bbsSearch.type2 .selbox{width: auto;}

/**/
.faqList{border-top:2px solid #5077b9}
.faqList dt {padding: 15px 0;cursor: pointer;}
.faqList dl {border-bottom: 1px solid #e5e5e5;color: #333;font-size: 19px;}
.faqList dl dt{background: url('../images/sub/ico_q.png') 42px 15px no-repeat;}
.faqList dl dt .trigger{ display: flex; min-height: 36px;padding: 10px 20px 0 120px ;}
.faqList dl dt .trigger .category{width: 205px;}
.faqList dl dt .trigger .subject{width: calc(100% - 205px);padding: 0 0 0 20px; }
.faqList dd {display: none;padding: 24px 20px 30px 120px;background: #f7f9fb url('../images/sub/ico_a.png') 42px 24px no-repeat;}
.faqList dd p {line-height: 32px;}

/**/
.picBox{display: flex; flex-direction: row-reverse;}
.picBox .txt{flex: 1  1 auto ;margin: 0 20px 0 0;}
.picBox .txt .desc{margin:15px 0 50px 0 ;}
.picBox .pic{flex: 0 0 auto;}
.picBox2{display: flex; flex-direction: row;margin-bottom: 50px;}
.picBox2 .txt{flex: 1  1 auto ;margin: 0 0 0 20px;}
.picBox2 .pic{flex: 0 0 auto;}
.imgBox{display: flex;gap: 0 20px; align-items: center;}
.imgBox > div {width: 100%;box-sizing: border-box;}
.imgBox2{text-align: center;}
.boxType01 {background-color: #f8f8f8;padding: 15px 20px;}
.boxType02{background-color:#e4f2ff;width:100%;box-sizing:border-box;padding:25px 30px}
.boxType02 p{line-height:24px}
.boxType02 p strong{color:#0d3c97;font-size:17px;font-weight:600;padding-bottom:15px}
.etcBox{display: flex;border-top: #545454 solid 1px;border-bottom: #d0d0d0 solid 1px;gap: 0 20px;}
.etcBox > div{padding: 10px 0 ;}
.etcBox > .list1{padding: 10px;}
.etcBox.imgSize img{max-width: 233px;}
.columnBox{display: flex;justify-content: space-between;margin-top: 35px; }
.columnBox > dt{width: 220px;padding: 0 20px 0 0 ;font-size: 18px;color: #333333;font-weight: 600;}
.columnBox > dd{width: calc(100% - 220px);}
.columnBox2{display: flex;justify-content: space-between;margin-top: 65px; }
.columnBox2 > h4{width: 300px;padding: 0 20px 0 0 ;}
.columnBox2 > div{width: calc(100% - 300px);text-align: center;padding: 0 95px;}
.stepBox{display: flex;gap: 0 13px;flex-wrap: wrap;}
.stepBox > li{position: relative;min-height:121px;padding: 0 34px 0 0;margin: 0 0 15px 0}
.stepBox > li > p{display: flex;width:213px;flex-wrap: wrap;height: 100%;padding: 10px; background:#f8f9fb;align-items: center;justify-content: center;border-radius: 16px;text-align: center;color:#013678;font-weight: 600;}
.stepBox > li > p em{display: block; width: 100%;color: #333;font-weight: 300;line-height: 1;font-size: 13px;}
.stepBox > li::after{content: "";display:block;width:17px;height: 28px;position: absolute;top:50%;right: 0;transform: translateY(-50%);background: url('../images/sub/arr_stepbox.png'); }
.stepBox > li:last-child::after{display: none;}
.stepBox > li > p .black{color: #333;font-weight: 300;}
.stepBox > li > p.big{width: 400px;}

/**/
.paging{display: flex;justify-content: center;margin: 83px 0 0 0;gap: 0 5px;}
.paging a{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #e5e5e5;font-size: 17px;color: #999999;font-weight: 500;}
.paging > span {display: flex;}
.paging > span > a {margin: 0 2px;}
.paging span a.on{ background-color: #003876;color:#fff;}
.paging > ul{border: 0;margin-top: 0 !important;padding: 0 20px;width: auto;color:#333}

/*List*/
.list1 > li{position: relative;  padding: 0 0 0 16px;margin: 0 0 8px 0;line-height: 1.2;}
.list1 > li:last-child{margin-bottom: 0;}
.list1 > li::before{content: "";display: block;width:7px;height: 7px;position: absolute;left:0;top:5px; border: 2px solid #878787;border-radius: 50%;  }
.list1 ul,
.list1 ol{margin: 10px 0 15px 0;font-size: 16px;}
.list2 > li{position: relative;  padding: 0 0 0 12px;margin: 0 0 5px 0;}
.list2 > li::before{content: "";display: block;width:4px;height:4px;position: absolute;left:0;top:5px; border: 2px solid #878787; }
.list3 > li{position: relative;  padding: 0 0 0 12px;margin: 0 0 5px 0;}
.list3 > li::before{content: "";display: block;width:4px;height:1px;position: absolute;left:0;top:8px; background-color: #878787;}
.list4 > li{color: #1b4fb4;font-size: 19px;margin:0 0 5px 0;font-weight: 400;}
.list5 > li{position: relative;  padding: 0 0 0 11px;margin: 0 0 7px 0;}
.list5 > li::before{content: "";display: block;width:5px;height:5px;position: absolute;left:0;top:8px; background-color: #222222;}
.list6{border-top:2px solid #5077b9}
.list6 > li{position: relative;  padding: 17px 10px 17px 53px;border-bottom: 1px solid #dadada;}
.list6 > li::before{content: "";display: block;width:5px;height:5px;position: absolute;left:18px;top:24px; background-color: #222222;}
.nbList1 > li{list-style: decimal;margin-bottom: 5px;}
.nbList2 > li{list-style: decimal;margin: 0 0 7px 20px;line-height: 24px;}
.nbList3 > li{display: flex;flex-wrap: wrap;margin: 0 0 20px 0}
.nbList3 > li:last-child{margin-bottom: 0;}
.nbList3 li .nb{width: 20px;height: 20px;margin: 0 5px 0 0; line-height: 20px; background-color: #014296;font-size: 15px;font-weight: 600;color: #fff;text-align: center;border-radius: 100%;}
.nbList3 li .txt{width: calc(100% - 25px);font-weight: 600;}
.nbList3 li .stepBox{width: 100%;margin-top: 20px;}
.list1 .nbList1{margin-left:18px;}
.nbList5 > li{display: flex;margin-bottom: 7px;}
.nbList5 li .nb{width: 20px;height: 20px;margin: 0 5px 0 0; line-height: 20px; background-color: #fff;font-size: inherit;font-weight: inherit;color: #333;text-align: center;border-radius: 100%;}
.nbList5 li .txt{width: calc(100% - 25px);font-weight: inherit;}

.fileList > li{ margin: 0 0 10px 0;}
.fileList > li > a{display: block; padding:  0 0 0 22px; font-size: 17px;color:#333333;font-weight: 300;background: url('../images/sub/ico_file01.png') left 3px no-repeat ;}
.fileList > li > a:hover{text-decoration: underline;}
.downFile {display: flex; margin:45px 0 0 0}
.downFile strong{width: 100px;padding:  0 0 0 5px;font-size: 17px;color:#727272;font-weight: 300;}
.downFile .fileList{width: calc(100% - 88px);}
.downFile .fileList > li:last-child{margin-bottom: 0;}
.downFile.type2 .fileList{border-top: 1px solid #efefef;width: 100%;}
.downFile.type2 .fileList > li {border-bottom: 1px solid #efefef;padding: 7px 0;margin-bottom: 0;}

/*imgList*/
.imgList1{ display: flex;flex-wrap: wrap;gap: 5px 10px;}
.imgList1 > li.double{ display: flex;flex-wrap: wrap;gap: 5px 10px;}
.imgList2{display: flex;flex-wrap: wrap;gap: 5px 10PX;}
.imgList2 li{border:1px solid #ddd;text-align: center;}
.imgList2 li > p{text-align: center;padding: 5px 0;}
.imgList2 li img{width: 100%;vertical-align: top;}
.imgList2.col3 li{width: calc(33% - 10px);}
.imgList3{display: flex;}
.imgList3 li{width: 50%;text-align: center;}
.imgList4{display: flex;gap: 0 10px;background-color: #d8d8d8;padding: 10px;}
.imgList4 li img{vertical-align: top;}

/*Table*/
.tableBox{border-top:2px solid #5077b9;margin-top:10px}
.tableBox + .tableBox{margin: 30px 0 0 0;}
.tableBox2{border-top:1px solid  #5077b9;margin-top: 50px;}
.table1{width: 100%;table-layout: fixed;}
.table1 tr th{background-color:#fafbff;height: 63px ;padding: 8px;font-weight: 400;text-align: center;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;vertical-align: middle;}
.table1 tr td{height: 63px ;padding: 8px;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;text-align: center;vertical-align: middle;}
.table1 tr th:first-child,
.table1 tr td:first-child{border-left:0}
.table2{width: 100%;table-layout: fixed;}
.table2 tr th{background-color:#fafbff;height: 63px ;padding: 8px;font-weight: 400;text-align: center;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.table2 tr td{height: 63px ;padding: 8px;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;text-align: left;}
.table2 tr th:first-child,
.table2 tr td:first-child{border-left:0}
.table3{width: 100%;table-layout: fixed;}
.table3 tr th{padding: 10px;height: 49px; border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;text-align: center;color:#222;font-size: 20px;font-weight: 500;}
.table3 tr td{border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 7px 15px;font-size: 17px;color: #222;line-height: 24px;text-align: center;}
.table3 tr td.bg1{background-color: #015eac;color:#fff;border-left:0}
.table3 tr td.bg2{background-color: #e6f5ff}
.table3 tr td.bg3{background-color: #f8f8f8;font-weight: 500;}
.table3 tr td.bg4{background-color: #00a28a;color:#fff;border-left:0}
.table3 tr td.bg5{background-color: #f1fdff}
.table3 tr td.bg6{background-color: #e87816;color:#fff;border-left:0}
.table3 tr td.bg7{background-color: #fff5ec}
.lLine {border-left: 1px solid #dddddd !important}
.lLine + .imgBox2{padding-top: 30px;}

/*asis*/
.dot01 {position: relative;; padding: 0 0 3px 10px;color: #2f2f2f;font-size: 24px ;font-weight: 500;/*background: url('/images/engNew2021/common/dot_01.png') no-repeat 0 6px;*/}
.dot01::before{content: "";display: block;position: absolute;top:0;left: 0;  width: 3px;height: 11px;background-color: red;}
.dotList > li {position: relative;/*background: url('/images/engNew2021/common/dot_07.png') 0 10px no-repeat;*/padding: 0 0 0 8px;margin: 0 0 10px 0;line-height: 24px;}
.dotList > li::before{content: "";display: block;position: absolute;top:8px;left: 0;  width: 2px;height: 2px;background-color:#333 ;}
.dotList > li i{font-style: italic;font-size: 16px;}
.fcBl{color: #1e3a94 !important;}
.fcBl2{color: #1b4fb4 !important;}
.fcBl3{color: #044497 !important;}
.fcRed{color: #d23340 !important;}
.fcR{color: #d23340 !important;}
.fcRed2{color: #f54a4a !important;}

/* css : 정렬 */
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.vt{vertical-align:top !important}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom !important}

.fl{float:left !important}
.fr{float:right !important}
.cl{clear:left !important}
.cr{clear:right !important}
.cb{clear:both !important; font-size:0 !important; font-family:'arial' !important; line-height:0 !important;}
.fn{float:none !important;width:100% !important;}
.elli{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*margin*/
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt0 { margin-top: 0 !important;}
.mb0 { margin-bottom: 0 !important;}
.mb10 {margin-bottom: 10px !important;}

/*Tab*/
.tabMenu .tabs {display: flex;flex-direction: row;flex-wrap: wrap;margin-bottom: 40px}
.tabMenu .tabs .tabBtn {display: flex;justify-content: center;align-items: center;width:20%;min-height: 64px;padding:0 22px 0 10px;background-color: #fff;line-height: 1.2; font-size: 20px;font-weight: 500;color:#333;border:1px solid #dddddd;margin:-1px 0 0 -1px;text-align: center;}
.tabMenu .tabs .tabBtn.link{position: relative;text-decoration: none;}
.tabMenu .tabs .tabBtn.link::after{content: "";display: block;width:11px;height: 11px;position: absolute;top:10px;right: 10px;background: url(../images/common/nWindow_ic.png) center no-repeat; }
.tabMenu .tabs .tabBtn.active {background-color: #5077b9;border-bottom: none;color: #fff;border-color: #5077b9;}
.tabMenu .tabContainer {padding: 60px 0 30px 0;}
.tabMenu .tabContainer .tabCont {display: none;}
.tabMenu .tabContainer .tabCont.active {display: block;}
.tabMenu .tabs.col2 .tabBtn {width:50%;}
.tabMenu .tabs.col4 .tabBtn {width:25%;}
.tabMenu .tabs.col6 .tabBtn {width:16.6%;}
.tabMenu .tabs.col6 .tabBtn:nth-child(6n) {width:17%;}
.tabMenu2 .tabs2 {display: flex;flex-direction: row;flex-wrap: wrap;gap: 0 7px;margin-bottom: 60px;}
.tabMenu2 .tabs2 .tabBtn2 {display: flex;justify-content: center;align-items: center;width: calc(25% - 7px);min-height: 64px;padding:0;background-color: #f7f9fb;line-height: 1.2; font-size: 19px;font-weight: 300;color:#333;}
.tabMenu2 .tabs2 .tabBtn2.active {background-color: #014296;border-bottom: none;color: #fff;font-weight: 500;}
.tabMenu2 .tabs2 .link{text-decoration: none;}
/* .tabMenu2 .tabContainer2 {padding: 60px 0 30px 0;} */
.tabMenu2 .tabContainer2 .tabCont2 {display: none;line-height: 30px;}
.tabMenu2 .tabContainer2 .tabCont2.active {display: block;}
.tabMenu2 .tabs2.col3 .tabBtn2 {width:calc(33.3% - 7px);}
.tabMenu2.type2 > .tabs2 {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.tabMenu2.type2 > .tabs2 .tabBtn2 {font-size: 19px;color:#333;border:0;margin:0;position: relative;background-color: #fff;}
.tabMenu2.type2 > .tabs2 .tabBtn2::after{content: "";display: none;width: 100%;height: 3px;position: absolute;left: 0;bottom: 0; background-color: #0467b3;}
.tabMenu2.type2 > .tabs2 .tabBtn2.active::after{display: block;}
.tabMenu2.type2 > .tabs2 .tabBtn2.active {background-color: #fff;border-bottom: none;color: #000;border-color: #5077b9;}
.tabMenu2 .tabs2.col5 .tabBtn2 {width:19%;}
.tabMenu2.type2 > .tabs2 .tabBtn2.opennw{position: relative;}
.tabMenu2.type2 > .tabs2 .tabBtn2.opennw::after{content: "";display: inline-block;position: relative;width: 14px;height: 14px;margin-left: 10px; background: url(../images/common/nWindow_ic.png) center no-repeat;}

/*이미지 팝업창*/
.imgpopWrap{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.9);z-index: 9999;align-items: center;justify-content: center;}
.imgpopWrap > div{display: flex; width: 100%;height: 100%;align-items: center;justify-content: center;}
.imgpopWrap > div span{position: relative; display: block;max-width: 1230px;padding:30px 15px 10px 15px; }
.imgpopWrap .btnClose {position: absolute;top: 0;right: 10px;font-size: 48px;color: white;background: none;border: none;cursor: pointer;line-height: 0;}
.thumimg01 {cursor: pointer;width: 200px;height: auto;}

/* 공통 css 추가 S */
.txt {font-size: 18px;letter-spacing: -1px;line-height: 1.5;}
.mt25 {margin-top: 25px}
/* 공통 css 추가 E */

.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%;}



/************sub01*********************/
/*인사말 */
.welcome .imgBox2{margin-bottom: 20px;}
.welcome strong{display: block;margin-bottom: 10px;font-size: 24px;color: #0e3174;line-height: 1.5}
.welcome .sign{display: flex;justify-content: flex-end;align-items: center;margin-top: 30px;}
.welcome .sign strong{display: inline-block;margin: 0;color: #333;font-size: inherit;}
.welcome .sign img{width: 140px;margin-left: 20px;}
/*프로필*/
.profile{ display: flex;}
.profile .profileL {width: 205px;margin-right: 40px;}
.profile .profileR{width: calc(100% - 245px);}
/*역대총장*/
.officeHistory .boxType01{margin-bottom: 30px;}
.officeHistory .photoBox.now{width: 302px;}
.officeHistory .photoBox {padding: 0;margin: 0;background-color: #1b4fb4;}
.officeHistory .photoBox p {color: #fff;padding: 10px 5px;text-align: center;margin-top: 0;font-size: 16px;}
.officeHistory .photoBox p strong {line-height: 16px;font-size: inherit;}
.officeHistory .photoBox .img img{vertical-align: top;width: 100%;}
.historyList{display: flex;flex-wrap: wrap;gap: 15px;}
.historyList li {width: 185px ;}
/*약사*/
.hisBox{ border-top: #545454 solid 1px;padding: 20px 0 15px 0;}
.hisBox > ul{display: flex;margin-bottom: 15px;}
.hisBox > ul > li{margin-right: 10px;}
/*연표*/
.historyTbl {display: flex;}
.historyTbl > dl{display: flex;flex-wrap: wrap;align-content: flex-start;width:  calc(100% - 130px);margin-left: 15px;}
.historyTbl > dl dt{font-weight: 600;width: 130px;margin-right: 10px;}
.historyTbl > dl dd{width: calc(100% - 140px);margin-bottom: 10px;}
/*교표*/
.emblem .boxType02{margin-bottom: 60px;}
.emblem .imgList1{gap: 10px;}
.emblem .imgList1 > li.double{gap: 10px;}
.emblem .imgList1 > li div{margin-bottom: 5px;}
/*UI*/
.uiBox{display: flex;}
.uiBox .desc{width: calc(100% - 600px);max-width: 500px; line-height: 24px;}
.uiBox .desc span{display: block;margin: 10px 0;}
.uiBox .img{width: 570px; margin-left: 30px;padding: 30px 15px;border-top:1px solid #b2b2b2}
.uiBox .bdno{border-top:0;padding-top: 0;}
.uiBox + .list1{padding: 50px 0;}
/*대학요람*/
.prosBox{margin-top:20px;position:relative;display: flex;}
.prosBox > img{width: 500px;}
.prosBox > div{width: calc(100% - 500px); text-align:center;padding:0 24px;background: #e4f2ff url(../images/sub/about/pros_bg.png) no-repeat;height:331px;box-sizing:border-box;background-position: right;}
.prosBox p:first-child{padding:53px 0 5px;font-weight:700;font-size:35px}
.prosBox p{color:#0d3c97}
.prosBox .btnsGo{display: flex;margin:55px 0 20px; justify-content: center;}
.prosBox .btnsGo a{background: url(../images/sub/ico_book.png) no-repeat 10px center #fff;color:#1b4fb4;font-size:inherit;min-height:37px;padding: 0 10px 0 33px;margin: 0 5px 0 0 ;}
.prosBox .btnsDown{display: inline-block;}
.prosBox .btnsDown a{display: block;color:#666;text-align: left;position: relative;padding-left: 15px;}
.prosBox .btnsDown a::before{content: "";display: block;width: 3px;height: 3px;background-color: #666;position: absolute;left:0;top:14px}
/*비전 및 목표*/
.visionBox{position: relative;max-width: 1238px;height: 1210px;padding: 327px 0 0 0; margin: 0 auto;/*background: url(../images/sub/about/vision.jpg) center top;*/}
.visionBox .university{display: flex;align-items: center;justify-content: center;width: 558px;height: 558px; margin: 0 auto;background: url(../images/sub/about/img_vision01.png);border-radius: 100%;box-shadow: 0 9px 48px 21px rgba(0, 0, 0, 0.2);}
.visionBox .university p{font-size: 24px;color:#191919;font-weight: 600;text-align: center;}
.visionBox .university strong{display: block;width: 100%;font-size: 35px;color: #2472d8;font-weight: 800;}
.visionBox .vision{width: 413px;position: absolute;}
.visionBox .vision .obj{display: flex;align-items: center;padding: 10px 5px 10px 25px;height: 122px; margin: 0 0 22PX 0;  background-color: #ebf3f8;border-radius: 20px;}
.visionBox .vision .obj .nbList3 > li{margin-bottom: 10px;letter-spacing: -0.5px;}
.visionBox .vision .obj .nbList3 > li:last-child{margin-bottom: 0;}
.visionBox .vision .obj .nbList3 li .txt{font-weight: 300;}
.visionBox .vision .goals{padding: 130px 0 0 0 ;width: 329px;height: 329px;margin: 0 auto; border-width: 3px;border-style: solid;border-color: #014296;border-radius: 100%;background: #FFF url(../images/sub/about/icon_vision01.png) center 40px no-repeat;text-align: center;}
.visionBox .vision .goals dt{font-size: 26px;font-weight:800;margin:0 0 10px 0;line-height: 1;letter-spacing: -0.5px;}
.visionBox .vision .goals dd {font-size: 19px;font-weight: 300;line-height: 1;}
.visionBox .vision .goals span{display:block;}
.visionBox .item1{top:0;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.visionBox .item2{top:18%;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.visionBox .item2 .goals{margin-left:71px;background: #fff url(../images/sub/about/icon_vision02.png) center 40px no-repeat;border-color: #108dd9;}
.visionBox .item2 .obj{background-color: #eaf6fd;}
.visionBox .item2 .obj .nbList3 li .nb{background-color:#0588d8}
.visionBox .item3{top:18%;right: 0;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
.visionBox .item3 .goals{padding-top: 110px;margin: 0 0 0 10px; background: #fff  url(../images/sub/about/icon_vision03.png) center 30px no-repeat;border-color:#00a28a}
.visionBox .item3 .goals dt{font-size: 25px;letter-spacing: -1px;}
.visionBox .item3 .goals dd {font-size: 17px;}
.visionBox .item3 .obj {padding-top: 10px;background-color: #e2f2f2;}
.visionBox .item3 .obj .nbList3 li .nb{background-color:#00a28a}
.visionBox .item4{bottom: 0;left:15%}
.visionBox .item4 .goals{background: #fff  url(../images/sub/about/icon_vision04.png) center 40px no-repeat;border-color:#ba9f52}
.visionBox .item4 .obj {background-color: #f9f6ec;margin-top: 22px;margin-bottom: 0;}
.visionBox .item4 .obj .nbList3 li .nb{background-color:#ba9f52}
.visionBox .item5{bottom: 0;right:15%}
.visionBox .item5 .goals{background: #fff  url(../images/sub/about/icon_vision05.png) center 40px no-repeat;border-color:#b7804a;}
.visionBox .item5 .obj {background-color: #f2f1ed;margin-top: 22px;margin-bottom: 0;}
.visionBox .item5 .obj .nbList3 li .nb{background-color:#b7804a}
/*이념*/
.philosophy .desc{line-height: 28px;padding: 35px 45px;   box-shadow: 0 0px 33px 5px rgba(3, 0, 0, 0.1);;text-align: left;border-radius: 15px;}
.philosophy .columnBox2 > h4{display: flex;align-items: center;}
.philosophy .phi h4{align-items: flex-start;}
.phiCont{position: relative;text-align: center;padding:84px;width: 504px;box-sizing: content-box;margin: 0 auto;}
.phiCont > span{display: flex;justify-content: center;align-items: center;position: absolute;  width: 168px;height: 168px;font-size: 26px;color: #fff;font-weight: 600;border-radius: 100%;text-align: center;}
.phiCont .phiItem1{background-color:#014296 ;top:0;left: 50%;transform: translateX(-50%);}
.phiCont .phiItem2{background-color:#00a28a ;left:0;bottom: 0;}
.phiCont .phiItem3{background-color:#9a9a9b ;right: 0;bottom: 0;}
.phiArr{display: flex;gap: 0 18px;}
.phiArr > li{width: 33.3%;}
.phiArr > li dl{position: relative;padding: 68px 0 0 0;}
.phiArr > li dl dt{position: absolute; width: 108px;height: 108px;line-height: 108px;top:0;left: 50% ;transform: translateX(-50%); border-radius:100%;margin: 0 auto;color: #fff;font-weight: 800;font-size: 22px;text-align: center;background-color: #014296; }
.phiArr > li dl dd{display: flex;align-items: center;justify-content: center;flex-wrap: wrap; width: 100%;height: 174px;padding: 30px 20px 0 20px; border: 3px solid #588ccf;border-radius: 17px;line-height: 24px}
.phiArr > li dl dd *{display: block;width: 100%;}
.phiArr > li.cr dl dt{background-color:#00a28a ;}
.phiArr > li.cr dl dd{border: 3px solid #84d7cb;}
.phiArr > li.se dl dt{background-color:#9a9a9b ;}
.phiArr > li.se dl dd{border: 3px solid #d4d4d4;}
.columnBox2.ide{margin-top: 0;}
.ide div ul {display: flex;gap: 0 18px;}
.ide div ul > li{width: 33.3%;padding: 69px 0 0 0;background: url(../images/sub/about/arr_phi01.png) center 21px no-repeat; }
.ide div ul > li p{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;height: 141px;padding: 10px; background-color: #afcdf4;border-radius: 17px;}
.ide div ul > li p *{display: block;width: 100%;}
.ide div ul > li:nth-child(2){background: url(../images/sub/about/arr_phi02.png) center 21px no-repeat;}
.ide div ul > li:nth-child(2) p{background-color: #a9e2da;}
.ide div ul > li:nth-child(3){background: url(../images/sub/about/arr_phi03.png) center 21px no-repeat;}
.ide div ul > li:nth-child(3) p{background-color: #dbdbdb;}
/**/
.tStar{position: relative; padding: 45px; border: 2px dotted #e1e1e1;border-radius: 30px;text-align: center;margin-top:60px}
.tStar h4{color:#ff9700;font-weight: 700;font-size: 50px;text-align: center;margin: 0 0 26px 0;}
.tStar h4 span{color:#3ab8d5}
.tStar.box1 .title5{margin-bottom: 20px;}
.tStar.box1{position: relative;margin:  60px 0 60px 0;}
.tStar.box1::before{content: "";display: block;width: 87px;height: 69px;position: absolute;left:85px;top:34px;   background: url(../images/sub/about/deco_tsrat01.png) center no-repeat; }
.tStar.box1::after{content: "";display: block;width: 87px;height: 69px;position: absolute; right:90px;bottom: 34px;   background: url(../images/sub/about/deco_tsrat02.png) center no-repeat; }
.tStar.box2 .logo{display: block; margin-bottom: 26px;}
.tStar .tstarG{display: flex;justify-content: center;gap: 0 75px;margin-top: 40px;}
.tStar .tstarG > li{width: auto;}
.tStar .tstarG > li > span{display: block; width: 240px;height: 240px;background:url(../images/sub/about/ico_tstar01.png) center top no-repeat ;margin: 0 auto 26px auto; }
.tStar .tstarG > li:nth-child(2) > span{background:url(../images/sub/about/ico_tstar02.png) center top no-repeat ;}
.tStar .tstarG > li:nth-child(3) > span{background:url(../images/sub/about/ico_tstar03.png) center top no-repeat ;}
.tStar .tstarG > li > span strong{display: block;padding: 138px 0 0 0;color:#00a28a;font-size: 34px;font-weight:700 ;text-align: center;}
.tStar .tstarG > li dl dt{font-size: 26px;font-weight: 700;margin: 0 0 15px 0;}
.tStar .tstarG > li dl dd{font-size: 20px;font-weight: 300;line-height: 27px;}
.tStar.box3{position: relative;margin-top: 87px;}
.tStar.box3 .title5{position: absolute;top:-115px;left: 50%;transform: translateX(-50%); }
.tStar .tStarI{display: flex;gap: 0 10px;}
.tStar .tStarI > li{display: flex;justify-content: center;align-items: center; width: calc(33.3% - 10px);max-width: 460px; height: 115px;background-color: #119cda;border-radius: 75px;border:10px solid #e2f3fb;font-size: 25px;color:#fff;line-height: 32px;}
.tStar.box4{position: relative;margin-top: 87px;padding: 65px 0 50px 0;}
.tStar.box4 .title5{position: absolute;top:-115px;left: 50%;transform: translateX(-50%); }
.tStar.box4 p{display: inline-block;background-color: #f1f1f1;padding: 29px 55px;color:#070707;font-size: 30px;font-weight: 500;border-radius: 60px;}
.tStar.box5{margin-bottom: 87px;}
.tStar.box5 .talents img{padding:10px 0 0 170px;}
.tStar .talents ul{display: flex;justify-content: space-between;}
.tStar .talents ul > li {display: flex;align-items: center;justify-content: center;width: calc(33.3% - 20px);max-width: 440px;  height: 84px;border-width:1px;border-style: dashed ;border-color: #0c92cd;font-size: 30px;color: #0c92cd;font-weight: 500;border-radius: 60px;}
.tStar .talents ul > li:nth-child(2){border-color: #009f95;color:#009f95;}
.tStar .talents ul > li:nth-child(3){border-color: #e87716;color:#e87716;}
.tStar.box6 .title5.arr{position: absolute;top:-115px;left: 50%;transform: translateX(-50%); }
.tStar .tStarC {display: flex;justify-content: space-between;margin-top: 20px;}
.tStar .tStarC > li {width: calc(33.3% - 20px);max-width: 440px;  }
.tStar .tStarC > li h6{display: flex;align-items: center;justify-content: center;height: 115px;width: 100%;padding: 0 10px; border-width:10px;border-style: solid;border-color: #e6f4fa;border-radius: 60px;background-color: #0c92cd;font-size: 30px;color: #fff;font-weight: 500; margin: 0 0 20px 0;}
.tStar .tStarC > li p{font-size: 20px;line-height: 27px;margin: 0 0 15px 0;min-height: 110px;}
.tStar .tStarC > li strong{display: block;background-color: #e6f4fa;font-size: 20px;font-weight: 500;padding: 8px 39px;border-radius: 25px;text-align: left;}
.tStar .tStarC > li ul{padding: 10px 10px 15px 39px;text-align: left;}
.tStar .tStarC > li ul li{position: relative;font-size: 20px;margin:  0 0 7px 0;padding: 0 0 0 10px;}
.tStar .tStarC > li ul li:last-child{margin-bottom: 0;}
.tStar .tStarC > li ul li::before{content: "";display: block;width: 5px;height: 5px;background-color: #222222;position: absolute;left:0;top:8px }
.tStar .tStarC > li:nth-child(2) h6{border-color: #dcf3f2;background-color: #009f95;}
.tStar .tStarC > li:nth-child(2) strong{background-color: #dcf3f2;}
.tStar .tStarC > li:nth-child(3) h6{border-color: #f7efe8;background-color: #e87716;}
.tStar .tStarC > li:nth-child(3) strong{background-color: #f7efe8;}
.tStar.box7{ position: relative;padding-top: 28px;margin-top: 88px;}
.tStar.box7 .title5{position: absolute;top:-28px;left: 50%;transform: translateX(-50%); }
.tStar.box7 .txt{display: inline-block;font-size: 20px;color: #222;font-weight: 500;margin:30px 0 10px 0; border: 1px dotted #0c92cd; padding: 15px 33px;border-radius: 40px;}
/* .talentDevel{position: relative;}
.talentDevel h6{position: absolute;width: 300px;height: 300px;display: flex;align-items: center;justify-content: center;top: 334px;left: 39%;}
.talentDevel h6 strong{font-size: 35px;font-weight: 700;color: #fff;}
.talentDevel h6 strong span{display: block; font-size: 24px;margin-top: 5px;}
.talentDevel ul li{position: absolute;}
.talentDevel ul li strong{display: flex;width: 200px;height: 200px; align-items: center;justify-content: center;font-size: 24px;color: #fff;line-height: 33px;font-weight:600 ;border-radius: 100%;}
.talentDevel ul li span{display: block; position: absolute; font-size: 20px;line-height: 27px;font-weight: 500;}
.talentDevel ul li.item1{left: 600px;top: 81px;}
.talentDevel ul li.item1 span{font-size: 17px;}
.talentDevel ul li.item1 .sp1{left:-184px;top:52px}
.talentDevel ul li.item1 .sp2{right:-185px;top:52px}
.talentDevel ul li.item2{right: 355px;top: 200px;}
.talentDevel ul li.item2 span{text-align: left;top: 74px;left: 258px;width: 200px;}
.talentDevel ul li.item3{right: 286px;top: 450px;}
.talentDevel ul li.item3 span{text-align: left;top: 59px;left: 258px;width: 200px;}
.talentDevel ul li.item4{right: 451px;bottom: 0;}
.talentDevel ul li.item4 span{text-align: left;top: 69px;left: 258px;width: 300px;}
.talentDevel ul li.item5{left: 450px;bottom:0;}
.talentDevel ul li.item5 span{text-align: right;top: 69px;left: -259px;width: 200px;}
.talentDevel ul li.item6{left: 288px;top: 450px;}
.talentDevel ul li.item6 span{text-align: right;top: 55px;left: -360px;width: 300px;}
.talentDevel ul li.item7{left: 351px;top: 200px;}
.talentDevel ul li.item7 span{text-align: right;top: 69px;left: -259px;width: 200px;} */
.talentDevel{position: relative; max-width: 1180px;margin: 0 auto;background: url(../images/sub/about/bg_talentdevel02.jpg) center bottom no-repeat;}
.talentDevel > ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0 65px 0; background: url(../images/sub/about/bg_talentdevel01.jpg) center 135px no-repeat;}
.talentDevel ul li{display: flex;flex-wrap: wrap;width: 50%;margin: 0 0 25px 0;}
.talentDevel ul li strong{display: flex;width: 350px;height: 100px; align-items: center;justify-content: center;font-size: 26px;color: #fff;line-height: 33px;font-weight:600 ;border-radius: 50px;background-color: #00a28a;}
.talentDevel ul li span{display: block;width: 100%; text-align: center;padding: 12px 0 0 0;line-height: 27px;font-size: 20px;}
.talentDevel ul li:nth-child(odd) {padding-left: 240px;}
.talentDevel ul li:nth-child(even) {padding-right: 240px;}
.talentDevel ul li.item1{display: block; position: relative; width: 100%;padding: 84px 0 40px 0;margin-bottom: 0;}
.talentDevel ul li.item1 strong{position: relative; margin: 0 auto;z-index: 1;}
.talentDevel ul li.item1::before{content: ""; display: block;width: 149px;height: 121px;position: absolute;left: 50%;transform: translateX(-50%);top:0; background: url(../images/sub/about/arr_tstar01.png) center top no-repeat; }
.talentDevel ul li.item1 div{display: flex;}
.talentDevel ul li.item1 div span{width: 50%;}
.talentDevel ul li.item6{margin-bottom: 0;}
.talentDevel ul li.item7{margin-bottom: 0;}
.talentDevelT{position: absolute;left:50%;transform: translateX(-50%);bottom: 20%;  width: 380px;height: 380px; border: 2px solid #0467b3;border-radius: 68px 20px 68px 20px;padding: 18px;background-color: #fff;}
.talentDevelT strong{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 68px 20px 68px 20px;width: 100%;height: 100%;background: #0467b3;box-shadow:5px 12px 14px 0px rgba(0, 0, 0, 0.2)}
.talentDevelT strong span{display: block;width: 100%;font-size: 40px;color: #fff;font-weight: 600;}
.talentDevelT strong span em{display: block;width: 100%;font-size:24px ;font-weight: 400;}

/* 캠퍼스 맵 */
.cpMap{text-align: center;border:1px solid #d9d9d9}
.mapBtns{display: flex;align-items: stretch;justify-content: center;margin: 20px 0 35px 0;gap: 0 5px;}
.camapBtn{display: inline-block;padding: 11px 12px;background: #fae100;text-align: center;border:1px solid #fae100}
.camapBtn em{display: inline-block;height: 27px;line-height: 27px; padding: 0 43px 0 0; background: url(../images/sub/about/ico_map01.png) right center no-repeat;font-weight: 300;}
.camapBtn:hover{background-color: #fff;border:1px solid #fae100}
.mapBtns .btnDownload{padding: 11px 45px 11px 12px;min-height: 50px;border-radius: 0;vertical-align: top;}
.mapBtns .btnDownload em{display: inline-block;line-height: 27px;}
.nvmapBtn{display: inline-block;padding: 11px 12px;background: #03be63 ;border:1px solid #03be63;}
.nvmapBtn em{display: inline-block;height: 27px;line-height: 27px;padding: 0 43px 0 0; background: url(../images/sub/about/ico_map02.png) right center no-repeat;font-weight: 300;color:#fff}
.nvmapBtn:hover{background-color: #fff;border:1px solid #03be63;}
.nvmapBtn:hover em{color:#03be63;background: url(../images/sub/about/ico_map02_ov.png) right center no-repeat;}
/*오시는 길*/
.location h5{margin: 0 0 10px 0; color: #044497;font-weight:600;font-size: 24px;display: flex;align-items: center;}
.location h5 img{padding: 0 9px 0 0 ;}
.location .list5 > li{margin-top: 25px;}
.location .list5 .transInfo{margin: 15px 0 25px -11px;border-bottom: 1px solid #dadada;}
.location .list5 .transInfo dt{padding: 17px 30px ; background-color: #f7f9fb;border-top:1px solid #dadada}
.location .list5 .transInfo dd{padding: 17px 30px ; border-top:1px solid #dadada}
.location .list5 .transInfo dd.cage{display: flex;justify-content: space-between;align-items: center;}
.location .list5 .transInfo dd.cage p{width: calc(100% - 200px);}
.trans{display: inline-block;line-height: 24px;margin:2px 0;}
.trans em{display: inline-block;color: #fff;font-weight: 300;padding:0 10px;line-height: 24px;margin: 0 4px 0 0; background-color: #0c43b7;border-radius: 3px;}
.trans.bus em{width: 24px;padding: 0;text-align: center;border-radius: 50%;}
.trans.fir{margin-left: 0;}
.trans .color1{background-color:#0ab480 ;}
.trans .color2{background-color: #43b19e;}
.trans .color3{background-color: #ffce33;color:#000}
.trans .color4{background-color: #48922d;}
.trans .color5{background-color: #2d8e92;}
.trans .color6{background-color: #f34d65;}
.trans .color7{background-color: #348ce5;}
/*Photo Gallery*/
.photoList{display: flex;gap: 0 20px;flex-wrap: wrap; padding: 60px 0 0 0 ; border-top:2px solid #5077b9;border-bottom: 1px solid #dadada ;}
.photoList > li{margin: 0 0 50px 0;width: calc(25% - 15px);}
.photoList > li > a{position: relative;display: block;width: 100%;height: 0;padding-top: 66.5%;overflow: hidden;margin: 0 0 10px 0;}
.photoList > li > a img {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);min-height: 100%;width: 100%;}
.photoList > li p{padding: 15px 0 0 0;}
.photoList > li p a{display: block;height: 20px;line-height: 20px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.boardView{ padding:0; border-top:2px solid #5077b9;border-bottom: 1px solid #dadada ;}
.boardView .viewTit{padding: 20px 10px;border-bottom: 1px solid #e0dfdf;}
.boardView .viewTit h5{font-size: 30px;font-weight: 600;}
.boardView .viewTit .data{padding: 10px 0 0 0;}
.boardView .viewTit .data span{display: inline-block;}
.boardView .viewCont{padding: 20px;}
.boardView + .btnBox2{margin-top: 30px;}
.boardView .lb-lsbx{margin-top: 30px;}
.boardView .lb-lsbx > div {border: 1px solid #e0e0e0;background: #f7f7f7;padding: 10px;padding-bottom: 0;}
.boardView .lb-lsbx > div > h4 {font-weight: 500;font-size: 22px;color: #2241b6;line-height: 1.2;margin-bottom: 10px;}
.boardView .lb-lsbx > div > ul {border-top: 1px solid #909090;}
.boardView .lb-lsbx > div > ul > li {padding: 20px 0;border-bottom: 1px solid #dbdada;font-weight: 400;}
.boardView .lb-lsbx > div > ul > li:last-child{border-bottom: 0;}

/*홍보영상*/
.videoList{display: flex;gap: 0 20px;flex-wrap: wrap; padding: 60px 0 0 0 ; border-top:2px solid #5077b9;border-bottom: 1px solid #dadada ;}
.videoList > li{margin: 0 0 50px 0;width: calc(25% - 15px);}
.videoList > li p{padding: 15px 0 0 0;}
.videoList > li p a{display: block;height: 20px;line-height: 20px;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.videoList > li p .date{display: block;margin-top: 5px;}
/*조직도*/
.org {position: relative;padding: 75px 0 0 0;margin-bottom: 40px;}
.org .orgPres{display: flex;align-items: center;justify-content: center;width: 280px;height: 280px;position: absolute;left:50%;transform: translateX(-50%);top:95px;font-size: 36px;font-weight:500;color:#fff;z-index: 1; }
.orgList1{position: relative;height: 533px;background: url(../images/sub/about/bg_org01.png) center top no-repeat;}
.orgList1 > li{position: absolute; width: 440px;height: 80px;}
.orgList1 > li span{display: flex;align-items: center;justify-content: center;height: 100%;; font-size: 20px;font-weight: 600;text-align: center;border:1px dotted #0c92cd;border-radius: 40px;background-color: #fff;}
.orgList1 .item1-1{top:0;left:79px}
.orgList1 .item1-2{left:110px;bottom: 130px;}
.orgList1 .item1-3{left:110px;bottom: 25px; }
.orgList1 .item1-4{top:0; right:55px}
.orgList1 .item1-5{bottom:25px;right:115px}
.orgList2{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 12px;padding: 50px 0 0 0; background: url(../images/sub/about/bg_org02.png) center top no-repeat;}
.orgList2 > li{width: calc(16.6% - 24px);}
.orgList2 .group{display: flex;align-items: center;justify-content: center;text-align: center; height: 70px;margin: 0 0 10px 0; font-size: 17px;color: #ffffff;background-color:#00a28a;font-weight: 600;border-radius: 20px 20px 0 0;}
.orgList3{position: absolute;right:110px;top:155px}
.orgList3 > li{width: 440px;height: 80px;margin-bottom: 20px;}
.orgList3 > li:last-child{margin-bottom: 0;}
.orgList3 > li span{display: flex;align-items: center;justify-content: center;height: 100%;; font-size: 20px;font-weight: 600;text-align: center;border:1px dotted #0c92cd;border-radius: 40px;background-color: #d0e1ef;}
.groupList{background-color: #fff;}
.groupList > li{margin: 0 0 10px 0;}
.groupList > li > span{display: flex;align-items: center;justify-content: center;min-height: 60px;padding:5px; font-size: 15px;text-align: center;font-weight: 500;background-color: #e2f2f2;}
.groupList > li ul li{display: flex;align-items: center;justify-content: center;min-height: 60px;padding:5px;border:1px solid #e2f2f2;border-top:0; font-size: 16px;text-align: center;}
.symbolBox{display: flex;flex-wrap: wrap;gap: 0 15px;}
.symbolBox > li{margin-top: 40px;}
.symbolBox span{display: inline-block;border: 1px solid #eee;}
.symbolBox.type2 > li{width: calc(20% - 15px);}
/*숫자로 보는 UOS*/
.uosNb .signboard{display: flex; background-color: #f2f3ed;align-items: center;justify-content: center;border-radius: 60px;padding: 15px 10px;}
.uosNb .signboard strong{color: #000;font-size: 40px;margin: 0 20px 0 0;}
.uosNb .signboard strong em{color: #3333f7;font-size: 70px;font-weight: 600;}
.uosNb .uosNbList{display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-between;}
.uosNb .uosNbList > li{width: calc(50% - 10px);margin: 0 0 20px 0;border: 1px solid #e6e6e6;border-radius: 15px;}
.uosNb .uosNbList > li .title2{position: relative; padding: 10px;margin-top: 0; border-bottom: 1px solid #e6e6e6;font-size: 19px;font-weight: 600;}
.uosNb .uosNbList > li .info{display: block;color: #000;padding:5px; font-size: 13px;text-align: right;font-weight: 300;}
.uosNb .uosNbList > li .icoBox{display: flex;align-items: center;justify-content: center;margin: 0 0 30px 0;padding: 0 10px;}
.uosNb .uosNbList > li .icoBox p{font-size: 30px;font-weight: 600;}
.uosNb .uosNbList > li .icoBox p em{font-weight: 300;font-size: 20px;}
.uosNb .uosNbList > li .icoBox p strong{font-size: 40px;}
.uosNb .uosNbList > li .icoBox .icon{margin: 0 20px 0 0;}
.uosNb .uosNbList > li .list1{padding: 10px;  border-top:1px dashed #dfdfdf}
.uosNb .uosNbList.type2 > li .title2{margin-bottom: 5px;}
.uosNb .uosNbList.type2 > li .icoBox{margin-bottom: 0;padding-top: 15px;}
.uosNb .uosNbList.type2 > li .icoBox .icon{width: 170px;text-align: center;}
.uosNb .uosNbList.type2 > li .icoBox .icon p{display: block;margin-bottom: 10px; padding:5px;line-height: 1.2;font-size: 13px;font-weight: 300;color:#fff;background-color: #4472c4;border-radius: 22px 0 22px 0;}
.uosNb .uosNbList.type2 > li .icoBox p strong{font-size: 60px;}
.brochure{text-align: center;}
.brochure img{border: 1px solid #ddd;}
/****************sub02*******************/
.boxType03{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;min-height: 310px;  text-align:center;padding:60px 20px;box-sizing:border-box;border-radius: 0 80px 0 80px;background: #e4f2ff url(../images/sub/about/pros_bg.png) no-repeat;background-position: right bottom;}
.boxType03 > p{display: block;width: 100%;color:#0d3c97;font-size: 1.5em;line-height: 1.5;font-weight: 400;}
.boxType03 .btns{margin-top: 30px;}
.boxType03 .btns > a{margin-bottom: 3px;}
/****************sub03*******************/
.officeList li {display: flex;border-top:1px dashed #d5d5d5; position: relative;padding: 20px 0;background: url('/images/engNew2021/aca/bg_office.png') no-repeat 0 0;}
.officeList li::before{content: "";display: block;width: 6px;height: 6px;position: absolute;left:0;top:-4px;background-color: #a1afdb;border-radius: 5px;}
.officeList li::after{content: "";display: block;width: 6px;height: 6px;position: absolute;right:0;top:-4px;background-color: #a1afdb;border-radius: 5px;}
.officeList .img {width: 257px;}
.officeList .img img {width: 228px;height: 168px;}
.officeList .wrap {width: calc(100% - 257px);}
.officeList .tit a {color: #1e3a94;font-size: 20px ;font-weight: normal;}
.officeList .cont {margin: 15px 0 23px 0;}
.academicBox{display: flex; border-top:#545454 solid 1px;border-bottom:#d0d0d0 solid 1px;}
.academicBox > img{width:270px;padding:0}
.academicBox > div{width:calc(100% - 270px);padding:10px;box-sizing:border-box}
.academicBox > div p{color:#3b3b3b}
.academicBox > div p:first-child{color:#666;margin-bottom:30px}
.academicBox > div p:nth-child(2){font-weight: 600;margin-bottom: 5px;}
.academicBox .nbList1{padding:20px 10px 20px 40px;line-height: 1.4;}
.academicTop{display: flex;justify-content: space-between;align-items: center;margin:0 0 45px 0}
.academicTop.rev{flex-direction: row-reverse;}
.academicTop > img{width: 600px;}
.academicTop > div{width: calc(100% - 660px);}
.academicTop strong{display: block;font-size: 36px;font-weight: 700;margin: 0 0 25px 0; }
.academicTop p{margin: 0 0 45px 0;line-height: 29px;}
.academicTop ul{display: flex;}
.academicTop ul li {display: flex;align-items: center;margin: 0 25px 0 0;}
.academicTop ul li img{padding: 0 8px 0 0;}
.academicCon{margin:  0 0 30px 0;}
.academicCon p{line-height: 27px;margin: 0 0 25px 0;}
.academicCon .info::after{content: "";display: block;clear: both;}
.academicCon .info strong{display: block;float:left; font-weight: 300;}
.academicCon .info ul{float: right; display: flex;gap: 5px;flex-wrap: wrap;}
.academicCon .info ul li .imgBtn{display: flex; width: 40px;height: 40px;flex-wrap: wrap;align-content: center;justify-content: center;border:1px solid #dddddd}
.academicCon .info ul li .txtBtn{display: inline-block;height: 40px;line-height: 40px; padding: 0 24px;border:1px solid #dddddd}
.academicCon .info ul li .txtBtn em{display: inline-block; font-weight: 300;padding: 0 27px 0 0;background: url(../images/sub/academics/arr_academi01.png) right center no-repeat;}
.academicCon .info ul li a:hover{background-color: #f1f1f1;}
.majorList{border-top:#545454 solid 1px}
.majorList > li{border-bottom:#d0d0d0 solid 1px;clear:both;padding:20px 0 15px}
.majorList > li > div.cont > h5{margin:0 0 30px 0;font-weight:600;color: #1b4fb4;}
.majorList > li > div.cont > h5 a{font-weight: 300;color:#444;text-decoration: underline;display: inline-block;}
.majorList > li > div.cont > h5 a img{vertical-align: middle;padding: 0 5px 0 10px;}
.majorList > li > div.cont .txt{margin-bottom: 30px;}
.majorList > li > div.cont .blt03{position: relative;padding: 0 0 0 16px;}
.majorList > li > div.cont .blt03::before{content: "";display: block;width:7px;height: 7px;position: absolute;left:0;top:5px; border: 2px solid #878787;border-radius: 50%;  }
.collegeList{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 6px;position: relative;}
.collegeList > li{width: calc(25% - 6px);padding: 0 0 6px 0;}
.collegeList > li>a{position: relative; display: flex;justify-content: center;align-items: center;width: 100%; min-height: 64px;background-color: #eeeeee;padding: 5px 30px 5px 10px;;text-align: center;font-size: 16px;}
.collegeList > li>a::after{content: "";display: block;width: 23px;height: 23px;position: absolute;right:17px;top:21px; background: url(../images/sub/arr_college.png) center no-repeat;}
.collegeList > li.on{margin-bottom: 53px;}
.collegeList > li.on>a{background-color: #0467b3;color:#fff}
.collegeList > li.on>a::after{background: url(../images/sub/arr_college_on.png) center no-repeat;}
.collegeList .lesson{display: none;flex-wrap: wrap;align-content: center; width: 100%;position: absolute;left:0;padding: 15px 0 10px 0;}
.collegeList .lesson>li{margin: 0 0 10px 33px;}
.collegeList .lesson>li a{display: block;position: relative; padding: 0 0 0 12px;color:#333;}
.collegeList .lesson>li a::before{content: "";display: block;width: 4px;height: 4px;background: #0467b3;position: absolute;left:0;top:8px;border-radius: 5px;}
.collegeList .on .lesson{display: flex;}
.collegeList .on .lesson>li.on a,
.collegeList .on .lesson>li.current a{color:#0467b3;}
.collegeList > li.on:nth-child(3){margin-bottom: 81px;}
.collegeList > li.on:nth-child(4){margin-bottom: 81px;}
.collegeList > li.on:nth-child(5){margin-bottom: 81px;}
.profList{display: flex;flex-wrap: wrap;position: relative;}
.profList::after{content: "";display: block;width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;bottom: 0px;}
.profList > li{width: 50%;border-bottom: 1px solid #e5e5e5;padding: 40px 10px;}
.profList > li:first-child{border-top: 0;padding-top: 0;}
.profList > li:nth-child(2){border-top: 0;padding-top: 0;}
.profBox{display: flex;align-items: center;justify-content: center;}
/* 250912 교수님들이미지 변경후에 사진 크기가 안맞아서 height 190px를 추가해서 고정시킴  */
.profBox .pic{display: block;width: 148px;height: 190px;margin: 0 50px 0 0}
/* 250912 height 100%, object fit 추가  */
.profBox .pic img{vertical-align: top;width: 100%;border:1px solid #e5e5e5;height: 100%;object-fit : cover}
.profBox .txt{width: calc(100% - 208px) ;margin: 0 20px 0 0;}
.profBox .txt .name {display: block; margin: 0 0 15px 0; font-size: 19px;color: #161616;font-weight: 600;}
.profBox .txt .name strong{display: block;font-size: 22px;color: #044497;margin: 0 0 5px 0;}
.profBox .txt ul li{position: relative; color:#676767;font-size: 17px;padding: 0 0 0 11px;}
.profBox .txt ul li::before{content: "";display: block;width: 4px;height: 4px;position: absolute;left:0;top:13px;border-radius: 4px; background-color: #6a6a6a;}
.tabMenu2.type2.acad{margin-top: 50px;}
/* 250611 교수 프로필 Detail, PURE CSS 추가  */
.profBox .profInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.profBox .profInfo .btnBox .newWin {
    font-size: 15px;
}
/*교수 페이징*/
.profPag{display: flex;justify-content: center;margin: 83px 0 0 0;gap: 0 5px;}
.profPag > *{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 1px solid #e5e5e5;font-size: 17px;color: #999999;font-weight: 500;}
.profPag .first{background: url(../images/paging_ic1.png) center no-repeat;} 
.profPag .prev{background: url(../images/paging_ic2.png) center no-repeat;} 
.profPag .next{background: url(../images/paging_ic3.png) center no-repeat;} 
.profPag .last{background: url(../images/paging_ic4.png) center no-repeat;} 
.profPag .active{ background-color: #003876;color:#fff;border-color: #003876;}

/*기존테이블 클래스 가져옴*/
.tblType02{width: 100%;table-layout: fixed;border-top: 2px solid #5077b9;}
.tblType02 thead th{background-color: #fafbff;height: 63px;padding: 8px;font-weight: 400;text-align: center;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.tblType02 tbody th{border-left: #c7cce1 solid 1px;border-bottom: 1px solid #dddddd;background-color: #f8f8f8;}
.tblType02 tr th:first-child{border-left: 0;}
.tblType02 tr td {height: 63px;padding: 8px;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd;text-align: center;}
.course_01 {width: 115px}
.course_01_2 {width: 120px;}
.course_03 {width: 150px}
.course_04 {width: 160px}
.course_04_2 {width: 110px}
.course_05 {width: 90px}
.course_06 {width: 100px}
.course_07 {width: 100px}

.linkList{margin-top: 0;}
.linkList ul{margin:10px 5px 0}
.linkList ul li{position: relative; display:inline-block;width:33%;vertical-align:top;background:url(../images/sub/arr_linklist.png) 0 9px no-repeat;padding-left:12px;margin-bottom:10px;box-sizing:border-box}
.linkList.one ul li{width: 100%;}
.linkList .th ul li{width: 100%;text-align: left;}
	
/**/
.boardList{border-top:1px solid #333}
.boardList > li{display: flex;border-bottom: 1px solid #e5e5e5;padding: 20px 0 ;}
.boardList > li .num{width: 85px;text-align: center;}
.boardList > li > div{display: flex;justify-content: space-between;width: calc(100% - 85px);}
.boardList > li .ph img{width: 160px}
.boardList > li .tx{width: calc(100% - 180px);line-height: 24px;}
.boardList > li .tx .ti{display: block;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;font-weight: 600;color: #000;}
.boardList > li .tx > p{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.boardList > li .da{display: flex;margin: 10px 0 0 0;font-size: 16px;color: #2241b6;}
.boardList > li .da img{width: 18px;vertical-align: top;padding-top: 2px;}
.boardList > li .da > span{display: inline-block;margin-right: 10px;}
.boardList .da > span:after {content: '';display: inline-block;vertical-align: top;width: 1px;height: 12px;background: #cfcfcf;margin-top: 5px;margin-left: 10px;}


/*학사일정*/
.listType02{border-top: 1px solid #2366bf;}
.listType02 table{width: 100%;table-layout: fixed;}
.listType02 tr th{height: 49px ;padding: 8px;font-weight: 400;text-align: center;font-size: 16px;color:#444;border-right: 1px solid #dfe5ea;border-bottom: 1px solid #dfe5ea;    background-color: #f5f5f5;;}
.listType02 tr td{height: 49px ;padding: 8px;border-bottom: 1px solid #dfe5ea;text-align: center;color:#717171}
.listType02 tr td.th{font-weight: 400;}
.listType02 tr td.al{text-align: left;}
.listType02 tr td.l20 {background: #f0f5fb;}
.listType02 tr td .dotList02{padding: 10px;}
.listType02 tr td .dotList02 > li{position: relative; padding: 0 0 0 10px;margin: 0 0 7px 0}
.listType02 tr td .dotList02 > li::before{content: "";display: block;width: 3px;height: 3px;position: absolute;left:0;top:7px; background-color: #1f4675;border-radius: 100%;}
.listType02 tr td .dotList02 > li:last-child{margin-bottom: 0;}
.listType02 tr td.hide{display: none;}
.wi_01 {width: 230px;}
.wi_02 {width: 300px;}
.calYaer{margin: 50px 0 0 0; display: flex;justify-self: center;align-self:center;font-size: 30px;font-weight: 600;}
.hide {clip: rect(0 0 0 0);width: 1px;height: 1px;position: absolute;overflow: hidden;margin: -1px;padding: 0;border: 0;}

/****************sub05*******************/
.calYaer{color:#0e3174;font-size:30px;line-height:30px;vertical-align:middle;text-align:center;font-weight:700}
.calYaer *{vertical-align:middle}
.bookingStemp{display: flex;align-items: stretch;flex-wrap: wrap;}
.bookingStemp > li{display: flex;flex-wrap: wrap;align-items: flex-start;width: 25%;}
.bookingStemp > li .text{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 50%;height: 100%;min-height: 107px;padding: 10px; border:1px solid #6268b2;border-radius: 5px;text-align: center;color:#5c69ad;}
.bookingStemp > li .text > span{display: block;width: 100%;}
.bookingStemp > li .text strong{display: block; width: 100%;margin: 0 0 5px 0;font-weight: 600;}
.bookingStemp > li .text strong i{display: inline-block;padding:3px; background-color: #e2e4f1;}
.bookingStemp > li .text em{font-weight: 500;}
.bookingStemp > li .arr{position: relative; display: flex;justify-content: center;align-items: flex-end;width: 50%; height: 50%;padding: 0 18px;text-align: center; }
.bookingStemp > li .arr i{display: inline-block;padding:3px; background-color: #e2e4f1;color:#5c69ad;font-size: 13px;width: 100%;}
.bookingStemp > li .arr::before{content: "";display: block;width: calc(100% - 36px);height: 3px;position: absolute;left:18px;bottom: -10px;background-color: #6167b1;}
.bookingStemp > li .arr::after{content: "▶";display: block;position: absolute;right:10px;bottom: -18px;color: #6167b1;}

/**/
.siteMapList > li{display: flex;}
.siteMapList > li >  a{width: 225px ;font-size: 24px;color:#183d86;font-weight: 600;}
.siteMapList > li .subList{width: calc(100% - 225px); border-top:2px solid #5077b9;padding: 30px 0;}
.siteMapList > li .subList .siteDept2{display: flex;flex-wrap: wrap;}
.siteMapList > li .subList .siteDept2 > li{width: 25%;}
.siteMapList > li .subList .siteDept2 > li > a{display: block;font-size:21px ;color: #141414;font-weight: 600;padding: 30px 0 20px 0;}
.siteMapList > li .subList .siteDept2 > li > ul{padding: 0 15px 30px 0;}
.siteMapList > li .subList .siteDept2 > li > ul > li{margin: 0 0 15px 0;}
.siteMapList > li .subList .siteDept2 > li > ul > li > a{font-size: 19px;font-weight: 300;}
.siteMapList   a.opennw::after{display: inline-block;}

/*새내기가이드*/
.statBox{display: flex; width: 100%;border-radius: 10px;overflow: hidden;margin-bottom: 30px;border: 1px solid #d0d0d0;margin-top: 20px;}
.statBox>div{width: 385px;float: none;overflow: hidden;border-radius: 10px}
.statBox>ul{display: flex;flex-direction: column;justify-content: center;width: calc(100% - 385px);padding: 20px;}
.statBox ul li{margin-bottom: 5px}
.videobox{border: 1px solid #ddd;clear: both}
.videobox{display: flex; background: #f9f9f9;}
.videobox .item{width:calc((100% - 3em) / 2); margin-right:3em;box-sizing: border-box;}
.videobox .item:first-child {padding: 1em;}
.videobox .item h3{margin-top:43px;}
.videobox .item:nth-child(2){display: flex;align-items: center;margin-right:0;padding: 2.5em 2em 1em 0;}
.videobox .item .scrollbox{overflow-y:auto; height:20em;padding: 0 2em 0 0;line-height: 1.2;}
.videobox .video {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
.videobox .video iframe{position:absolute;top: 0;left:0;width:100%;height:100%; border:none;}


/* 교과과정 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 */


@media screen and (max-width: 1526px) {
	.content .inner{padding: 0 15px;}
	.picBox .txt{flex: 1;}
	.picBox .pic{flex: 1;}

	/*sub01*/
	.orgList2{background-size: 94%;}
	.orgList1 .item1-1{left: 0;}
	.orgList1 .item1-2{left: 0;}
	.orgList1 .item1-3{left: 0;}
	.orgList1 .item1-4{right: 0;}
	.orgList1 .item1-5{right: 0;}
	.orgList3{right: 0;}

}

@media screen and (max-width: 1300px) {
	/*sub01*/
	.columnBox2 > h4{width: 200px;}
	.columnBox2 > div{width: calc(100% - 200px);padding: 0 20px;}
	.org .orgPres{width: 200px;height: 200px;background-color: #015eac;border-radius: 100%;top:0;left: 50%;}
	.orgList1{background: none;padding-top: 30px;height: 403px;}
	.orgList1::after{content: "";display: block;width: 1px;height: 100%; background-color: #dadada;position: absolute; left: 50%;top:0; }
	.orgList1 > li{width:50%;}
	.orgList1 > li::after{content: "";display: block;width: 100%;height: 1px; background-color: #dadada;position: absolute; left: 0;top:50%;transform: translateY(-50%);z-index: 1;  }
	.orgList1 > li > span{position: relative; width: 300px;z-index: 5;}
	.orgList1 .item1-1{top:115px}
	.orgList1 .item1-2{top:205px}
	.orgList1 .item1-3{bottom: 30px;}
	.orgList1 .item1-4{top:115px;display: flex;flex-direction: row-reverse;}
	.orgList1 .item1-5{bottom: 30px; display: flex;flex-direction: row-reverse;}
	.orgList3{top:7%}
	.orgList3 > li{width: 317px;}
}

@media screen and (max-width: 1200px) {
	.siteMapList > li .subList .siteDept2 > li{width: 33.3%;}

	/*sub01*/
	.visionBox .item2 {width: 329px;}
	.visionBox .item2 .goals{margin-left: 0;}
	.visionBox .item3 {width: 329px;}
	.visionBox .item3 .goals{margin: 0 0 0 auto;}
	.visionBox .vision .obj .nbList3 > li{margin-bottom: 5px;}
	.visionBox .item4{left: 5%;}
	.visionBox .item5{right: 5%;}
	.visionBox .university p{width: 300px;}
	.tStar{padding-left: 20px;padding-right: 20px;}
	.tStar.box1::before{left: 15px;}
	.tStar.box1::after{right: 15px;}
	.tStar .tstarG{gap: 0 25px;}
	.tStar .tStarI > li{line-height: 25px;}
	.tStar .tStarI > li p br{display: none;}
	
	/*sub03*/
	.collegeList > li>a{line-height: 1;}
	.collegeList > li>a::after{right: 9px;}
	.profBox .pic{margin-right: 20px;}
	.profBox .txt{width: calc(100% - 168px);}
	.academicTop{align-items: flex-start;}
	.academicTop > img{width: 300px;}
	.academicTop > div{width: calc(100% - 320px);}
	.academicTop strong{font-size: 20px;}
	.academicTop ul{display: block;}
	.academicTop ul li{margin-bottom: 10px;}
	.academicTop p{margin-bottom: 20px;}
	.academicCon .info strong{display: block;margin-bottom: 10px;}
	.academicCon .info{display: block;}
}

@media screen and (max-width: 1100px) {
	.emblem .imgList1 > li.double{display: block}
}

@media screen and (max-width: 1024px) {
	.wrap{font-size: 16px;}
	.content{min-height: inherit;}
	.subBody .subNavhFix .subTop{position: fixed;top:0;left:0;width: 100%;}
	.subBody .header{position: relative;left:0;top:0;width: 100%;background-color: #003b9e;}
	.subBody .header .hd-wp{height: 50px;;}
	.subBody .header .hd-wp .logo{height: 50px;}
	.subBody .utils{margin-top: 15px;}
	.subBody .mo-srsw{top:16px}
	.subBody .mo-mbt{top:15px}
	.content{padding: 35px 0;}
	.subVisual{padding-top: 10px;height: 145px}
	.subVisual .inner .pageTitle{padding: 0 10px;}
	.subVisual .inner .pageTitle span{padding-top: 17px;font-size: 30px;font-weight: 600;}
	.subTop .inner .subUtil{display: none;}
	.subTop .inner .subNav{height: 42px;width:100%;}
	.subTop .inner .subNav > li.home{border-left:0}
	.subTop .inner .subNav > li .subNavBtn{font-size: 14px;min-width: inherit;}
	.subTop .inner .subNav > li .subNavMenu{top:40px}
	.subTop .inner .subNav > li .subNavMenu li{padding-left: 5px;padding-right: 5px;}
	.subTop .inner .subNav > li .subNavMenu li a{font-size: 14px;}
	.footer .inner .fotInfo p{font-size: inherit;}
	.title1{font-size: 18px;padding-top: 8px;margin-top: 20px;}
	.title1::before{width: 10px;height: 10px;}
	.title2{font-size: 16px;}
	.title4{font-size: 18px;}
	.title5 span{font-size: 18px;}
	.list1 ul{font-size: inherit;} 
	.list1 ol{font-size: inherit;}
	.list4 > li{font-size: inherit;}
	.list6 > li{padding: 8px 8px 8px 20px;}
	.list6 > li::before{left:5px;top:14px}
	.nbList5 > li{margin-bottom: 0;}
	.title6{font-size:18px ;}
	.line + .imgBox2{padding-top: 0px;}
	.tabMenu .tabs .tabBtn,
	.tabMenu .tabs.col6 .tabBtn,
	.tabMenu .tabs.col6 .tabBtn:nth-child(6n){width:25%;height: auto; font-size: inherit ;min-height: 50px;}
	.tabMenu .tabContainer{padding-top: 30px;}
	.tabMenu2.type2 > .tabs2 .tabBtn2{font-size: inherit;}
	.tabMenu2.type2 .tabContainer2{padding-top: 30px;}
	.downFile strong{font-size: inherit;}
	.fileList > li > a{font-size: inherit;}
	.picBox .txt .desc{line-height: 22px;}
	.btnGo{height: 44px;font-size: 17px; }
	.btnList{height: 44px;line-height: 44px;}
	.btnDetail{height: 44px;font-size: inherit;width: auto;padding: 0 10px;}
	.columnBox{display: block;}
	.columnBox > dt{width: 100%;padding-right: 0;margin-bottom: 10px;font-size: 16px;}
	.columnBox > dd{width: 100%;}
	.columnBox > dd .desc{line-height: 1.2;}
	.greyBox{padding: 15px;}
	.table1 thead tr th{padding: 5px;height: 34px;}
	.table1 tr td{padding: 5px;height: 34px;}
	.table3 tr th{font-size: inherit;padding: 5px;}
	.table3 tr td{font-size: inherit;padding: 5px;line-height: 18px;}
	.table2 tr td{line-height: 1.2;}
	.inpTxt{font-size: inherit;}
	.btnSrch{font-size: inherit;}
	.faqList dl{font-size: inherit;}
	.faqList dl dt{background-position: 15px 10px;padding: 8px 0 15px 0;}
	.faqList dl dt .trigger{padding-left: 75px;padding-top: 8px;}
	.faqList dl dt .trigger .category{width: 100px;}
	.faqList dl dt .trigger .subject{padding-left: 10px;width: calc(100% - 100px);}
	.faqList dd{padding-left: 75px;padding-top: 15px; background-position: 15px 15px;}
	.faqList dd p{line-height: 20px;}
	.course_01 {width: 75px}
	.course_01_2 {width: auto;}
	.course_03 {width: auto}
	.course_04 {width: auto}
	.course_04_2 {width: auto}
	.course_05 {width: 70px}
	.course_06 {width: 70px}
	.course_07 {width: 70px}
	.wi_01 {width: 120px;}
	.wi_02 {width: 20%;}

	/*siteMap*/
	.siteMapList > li{display: block;}
	.siteMapList > li > a{display: block;width: 100%;margin-bottom: 10px;font-size: 18px;}
	.siteMapList > li .subList{width: 100%;padding: 0;}
	.siteMapList > li .subList .siteDept2 > li > a{font-size: inherit;}
	.siteMapList > li .subList .siteDept2 > li > ul > li > a{font-size: inherit;}

	/*sub01*/
	.welcome strong{font-size: 18px;}
	.uiBox{display: block;}
	.uiBox .desc{width: 100%;max-width: inherit;margin-bottom: 15px;line-height: 20px;}
	.uiBox .img{width: 100%;text-align: center;margin-left:0;padding: 30px 0 10px 0;}
	.prosBox > img{width: 300px;}
	.prosBox > div{width: calc(100% - 300px);}
	.prosBox .btnsGo{margin-top: 25px;}
	.visionBox .university{display: none;}
	.visionBox{height: auto;padding-top: 0;}
	.visionBox .vision{display: flex; position: relative; width: 100%;padding: 0 15px 20px 15px; margin: 0 0 20px 0;justify-content: space-between;background-color: #ebf3f8;border-radius: 20px;}
	.visionBox .vision .goals{width:300px;height: auto; margin:0;border-width: 0;background-size: 40px;padding-top: 70px;background-position: center 15px;background-color: transparent;}
	.visionBox .vision .goals dt{font-size: 18px;font-weight: 600;}
	.visionBox .vision .goals dd{font-size: inherit;}
	.visionBox .vision .goals span{display: inline;}
	.visionBox .vision .obj{height: auto;width: calc(100% - 330px);margin-bottom: 0;padding: 15px 0 0 0;}
	.visionBox .item1{flex-direction: row;}
	.visionBox .item2{flex-direction: row;background-color:#eaf6fd}
	.visionBox .item3{flex-direction: row;background-color:#e2f2f2}
	.visionBox .item4{background-color:#f9f6ec;left:0}
	.visionBox .item5{background-color:#f2f1ed;right: 0;}
	.visionBox .vision .obj .nbList3 > li{margin-bottom: 10px;}
	.philosophy img{width: 300px;}
	.philosophy .desc{padding: 20px;line-height: 20px;}
	.phiArr > li dl{padding-top: 50px;}
	.phiArr > li dl dt{width: 85px;height: 85px;line-height: 85px;font-size: inherit;}
	.phiArr > li dl dd{line-height: 20px;padding:25px 10px 10px 10px;}
	.phiArr > li dl dd br{display:  none;}
	.phiCont{width: 400px;background-size: 100%;background-position: center top;padding: 35px;}
	.phiCont > span{width: 100px;height: 100px;font-size: inherit;}
	.philosophy .phiCont img{width: 100%;}
	.ide div ul > li p br{display: none;}
	.tStar h4{font-size: 30px;}
	.tStar .desc{line-height: 27px;}
	.tStar.box1::before{background-size: 43px auto;}
	.tStar.box1::after{background-size: 43px auto;}
	.tStar .tstarG > li > span{background-size: 120px;width: 120px;height: 120px;}
	.tStar .tstarG > li:nth-child(2) > span{background-size: 120px;}
	.tStar .tstarG > li:nth-child(3) > span{background-size: 120px;}
	.tStar .tstarG > li > span strong{font-size: 20px;padding-top: 61px;}
	.tStar .tstarG > li dl dt{font-size: 18px;}
	.tStar .tstarG > li dl dd{font-size: inherit;line-height: 20px; }
	.tStar .tStarI > li{font-size: inherit;line-height: 19px}
	.tStar.box4 p{font-size: 18px;}
	.tStar .talents ul > li{font-size: 20px;}
	.tStar.box6{padding-bottom: 10px;}
	.tStar .tStarC > li h6{font-size: 20px;height: 70px;}
	.tStar .tStarC > li p{font-size: inherit;min-height: auto;line-height: 20px;}
	.tStar .tStarC > li p br{display: none;}
	.tStar .tStarC > li strong{font-size: 18px;}
	.tStar .tStarC > li ul li{font-size: inherit;}
	.tStar .tStarC > li ul li::before{top:5px}
	.location .list5 > li{margin-top: 7px;}
	.location h5{font-size: 18px;}
	.location .list5 .transInfo dt{padding: 10px;}
	.location .list5 .transInfo dd{padding: 10px;}
	.photoList{padding-top: 30px;}
	.photoList > li{margin-bottom: 25px;}
	.photoList > li p a{font-size: inherit;}
	.videoList{padding-top: 30px;}
	.videoList > li{margin-bottom: 25px;}
	.videoList > li p a{font-size: inherit;}
	.officeHistory .photoBox p{font-size: inherit;}
	.boardView .viewTit{padding: 10px;}
	.boardView .viewTit h5{font-size: 18px;}
	.boardView .viewTit .data{padding-top: 5px;}
	.boardView .viewCont{padding: 10px;}
	.org .orgPres{width:150px;height: 150px; font-size: 20px;}
	.orgList1 > li > span{font-size: 18px;padding: 5px;}
	.orgList2{background-size: 94%;}
	.orgList2 .group{font-size: inherit;line-height: 18px;}
	.groupList > li > span{font-size: inherit;}
	.groupList > li ul li{font-size: inherit;}
	.orgList2 > li{width: calc(16.6% - 10px);}
	.symbolBox > li,
	.symbolBox.type2 > li{width: calc(50% - 20px);}
	.uosNb .signboard strong{font-size: 30px;}
	.uosNb .signboard strong em{font-size: 40px;}
	.uosNb .signboard img{width: 200px;}
	.uosNb .uosNbList > li .title2{display: flex;align-items: center;font-size: 18px;min-height: 60px;}
	.uosNb .uosNbList > li .icoBox p{font-size: inherit;}
	.uosNb .uosNbList > li .icoBox p strong{font-size: 24px;}
	.uosNb .uosNbList.type2 > li.item5 .icoBox{margin-top: 10px;}
	.tStar.box7 .txt{font-size: 18px;padding: 10px 33px;}
	.talentDevel{background-size: 80%;}
	.talentDevel > ul{background-size: 80%;}
	.talentDevel ul li:nth-child(even){padding-right: 140px;}
	.talentDevel ul li:nth-child(odd){padding-left: 140px;}
	.talentDevel ul li.item1{padding-left: 0;}
	.talentDevel ul li strong{font-size: 20px;line-height: 20px;height: 80px;}
	.talentDevel ul li span{font-size: 17px;line-height: 20px;}
	.talentDevelT{width: 260px;height: 260px;}
	.talentDevelT strong span{font-size: 30px;}
	.talentDevelT strong span em{font-size: 20px;}
	.boardView .lb-lsbx > div > h4{font-size:1.2em;}
	.boardView .lb-lsbx > div > ul > li{padding-top: 10px;padding-bottom: 10px;}
	
	/*sub03*/
	.collegeList > li>a{padding: 5px 10px;font-size: inherit;}
	.collegeList > li>a::after{background-size: 15px;right: 2px;top:0 ;}
	.collegeList > li.on>a::after{background-size: 15px;}
	.collegeList .lesson>li{margin-left: 15px;}
	.collegeList .lesson>li a{font-size: inherit;}
	.profBox{justify-content: flex-start;}
	/* .profBox .txt{width: calc(100% - 200px);} */
	.profBox .txt{margin-right: 0;}
	.profBox .txt .name {font-size: inherit;}
	.profBox .txt .name strong{font-size: 1.2em;}
	.profBox .txt ul li{font-size: inherit;}
	.profTab .profWp{padding-top: 30px;}
	.profTab .profWp .profCont{line-height: 1.5;}
	.profList{display: block;}
	.profList > li{width: 100%;padding: 10px;/*padding-right: 130px;*/position: relative;}
	.profList > li .btnDetail{position: absolute;right: 15px;top:50%;transform: translateY(-50%); }
	.profList > li:first-child{border-top: 1px solid #e5e5e5;}
	/* .profList > li:nth-child(2){border-top: 1px solid #e5e5e5;} */
	.listType02 tr th{font-size: inherit;}
	.calYaer{font-size: 24px;}
	
	.linkList table{display: block;}
	.linkList table colgroup{display: none;}
	.linkList table tbody{display: block;}
	.linkList tr{display: block;width: 100%;}
	.linkList tr th{display: block;width: 100%;height: auto;}
	.linkList tr td{display: block;width: 100%;height: auto;border-left:0}
	.linkList ul{margin: 0;}
	.linkList ul li{margin-bottom: 5px;}
	.statBox>div{width: 267px;}
	.videobox .item:first-child{margin-right: 20px;}
	.videobox .item:nth-child(2){padding: 20px 0;}

	/*sub06*/
	.boardList > li .da{font-size: 13px;}
}

@media screen and (max-width: 820px) {
	.picBox{display: block;}
	.picBox .pic{display: block;margin-bottom: 20px; text-align: center;}
	.pic.roundLt img{margin: 0 auto;}
	.picBox .txt{margin-right:0 ;}
	.bookingStemp > li{width: 50%;margin-bottom: 20px;}
	.majorList > li > div.cont>h5{margin:0 0 30px 0;font-weight:600;color: #1b4fb4;}
	.majorList > li > div.cont>h5 a{display: block;margin-top: 5px;}
	.majorList > li > div.cont>h5 a img{padding-left: 0;width: 23px;}
	.linkList ul li{display: block; width: 100%;}
}

@media screen and (max-width: 768px) {
	.wrap{font-size: 14px;}
	.subTop .inner .subNav > li.home{width: 35px;}
	.subTop .inner .subNav > li .subNavBtn{padding: 0 25px 0 10px;}
	.subTop .inner .subNav > li .subNavBtn::after{width: 8px;height: 7px;background-size: 100%;right: 8px;}
	.subTop .inner .subNav > li .subNavMenu{padding-top: 10px;}
	.subTop .inner .subNav > li .subNavMenu li{margin-bottom: 10px;}
	.line{margin-bottom: 15px;}
	.btnBox.col3{display: block;}
	.btnBox.col3 > *{width: auto;margin: 2px 0}
	.titBox{flex-wrap: wrap;margin-bottom: 10px;}
	.titBox .title1{margin-bottom: 10px;width: 100%;}
	.titBox .btn{margin-bottom: 3px;}
	.imgList3{display: block;}
	.imgList3 > li{width: 100%;text-align: center;}
	.imgList4 {flex-wrap: wrap;gap: 10px ;}
	.imgList4 > li{width: 48%;}
	.boxType02{padding: 10px;}
	.boxType02 p{line-height: 18px;}
	.boxType02 p strong{font-size: 14px;}
	.picBox2{display: block;margin-bottom: 30px;}
	.picBox2 .pic{text-align: center;margin-bottom: 15px;}
	.picBox2 .txt{margin-left: 0;}
	.selbox{padding-left: 5px;background-position: right 8px center;}
	.stepBox > li{width: calc(50% - 13px);}
	.stepBox > li > p{width: 100%;}
	.stepBox > li > p.big{width: 100%;}
	.nbList3 li .nb{font-size: 12px;}
	.columnBox2{display: block;margin-top: 30px;}
	.columnBox2 > h4{width: 100%;margin-bottom: 30px;}
	.columnBox2 > div{width: 100%;padding: 0;}
	.btnSrch{width: 55px;}
	.tabMenu2 .tabs2 .tabBtn2{font-size: inherit;min-height: inherit;padding: 7px;}
	.searchIput .inpTxt{ width: calc(100% - 60px);}
	.searchBox.type2{padding: 15px 10px;}
	.searchBox.type2 .selbox{width: calc(100% - 55px);min-width: auto;}
	.searchBox.type3{padding: 15px 10px;}
	.paging{margin-top: 30px;}
	.paging a{width: 25px;height: 25px;font-size: 13px;}
	.paging span a{line-height: 25px;}

	/*sub01*/
	.welcome strong{font-size: 16px;}
	.profile{display: block;}
	.profile .profileL{margin: 0 auto 20px auto;}
	.profile .profileR{width: 100%;border-top: 1px solid #d7d7d7;padding-top: 20px;}
	.historyTbl{display: block;}
	.historyTbl > div {margin-bottom: 10px;}
	.historyTbl > dl{margin-left: 0;width: 100%;}
	.historyTbl > dl dt{width: 95px;}
	.historyTbl > dl dd{width: calc(100% - 105px);}
	.emblem .boxType02{margin-bottom: 0;}
	.emblem .imgList3{margin-bottom: 50px;}
	.prosBox{display: block;}
	.prosBox >img{width: 100%;}
	.prosBox > div{width: 100%;height: auto;padding: 20px 10px;}
	.prosBox p:first-child{font-size: 24px;padding-top:0}
	.academicBox > div{width: 100%;}
	.academicBox .nbList1{padding-left: 20px;}
	.majorList > li > div.cont .txt{margin-bottom: 15px;}
	.visionBox .vision{display: block;}
	.visionBox .vision .goals{width: 100%;}
	.visionBox .vision .obj{width: 100%;}
	.visionBox .item4 .obj{margin-top: 0;}
	.visionBox .item5 .obj{margin-top: 0;}
	.columnBox2.ide h4{display: none;}
	.location .list5 .transInfo dd.cage{display: block;}
	.location .list5 .transInfo dd.cage p{width: 100%;margin-bottom: 10px;}
	.photoList > li{width: calc(50% - 15px);}
	.photoList > li p{padding-top: 5px;}
	.videoList > li{width: calc(50% - 15px);}
	.videoList > li p{padding-top: 5px;}
	.org .orgPres{top:20px}
	.orgList2{display: block;background: none;padding-top: 0;}
	.orgList2 > li{width: 100%;}
	.orgList2 .group{height: 50px;}
	.orgList3{top:4%;width: 100%;display: flex;flex-direction: column;align-content: flex-end;flex-wrap: wrap;}
	.orgList3 > li{margin-bottom: 5px;width: 48%;}
	.orgList3 > li > span{font-size: 16px;}
	.groupList > li > span{min-height:40px;}
	.groupList > li ul li{min-height: 40px;}
	.orgList1 > li > span{font-size: 16px;width: 95%;line-height: 16px;}	
	.uosNb .uosNbList > li .info{text-align: left;}
	.talentDevel{background: url(../images/sub/about/bg_talentdevel04.jpg) center bottom no-repeat;  padding-bottom: 28px;}
	.talentDevel > ul{background: url(../images/sub/about/bg_talentdevel03.jpg) center 120px no-repeat;padding-bottom: 20px;}
	.talentDevel ul li:nth-child(even){padding-right: 10px;}
	.talentDevel ul li:nth-child(odd){padding-left: 10px;}
	.talentDevel ul li.item1{padding-left: 0;padding-bottom: 0;margin-bottom: 0;}
	.talentDevel ul li.item1 strong{width: 50%;}
	.talentDevel ul li.item1 div{justify-content: center;padding-bottom: 10px;}
	.talentDevel ul li.item1 .sp1{width: 120px;}
	.talentDevel ul li.item1 .sp2{width: 120px;}
	.talentDevelT{position: relative;width: 90%;height: auto;border-radius: 20px;width: 100%;bottom: inherit;}
	.talentDevelT strong{border-radius: 40px 20px 40px 20px;}
	.talentDevelT strong span{padding: 15px 10px;}

	/*sub3*/
	.officeList .tit a{font-size: 16px;}
	.officeList .img{display: none;}
	.officeList .wrap{width: 100%;}
	.academicBox{display: block;}
	.academicBox>img{display: none;}
	.academicTop{display: block;}
	.academicTop > img{width: auto;margin:0 auto;display: block;}
	.academicTop > div{width: 100%;padding-top: 15px;}
	.academicTop p{line-height: 20px;}
	.academicCon p{line-height: 20px;}

	/*sub5*/
	.videobox{display: block;}
	.videobox .item:first-child{width: 100%;}
	.videobox .item:nth-child(2){width: 100%;padding: 20px;}
	.statBox{display: block;padding: 10px;}
	.statBox>div{margin: 0 auto 30px auto;}
	.statBox>ul{width: 100%;padding: 0;}
}

@media screen and (max-width: 699px) {
	.imgBox{display: block;}
	.imgBox > img {display: block;margin: 0 auto 15px auto;}


}
@media screen and (max-width: 640px) {
	.siteMapList > li{margin-bottom: 30px;}
	.siteMapList > li .subList .siteDept2{display: block;}
	.siteMapList > li .subList .siteDept2 > li{width: 100%;}
	.siteMapList > li .subList .siteDept2 > li > ul{padding: 0;}
	.siteMapList > li .subList .siteDept2 > li > ul > li{position: relative; margin-bottom: 10px;padding-left: 10px;}
	.siteMapList > li .subList .siteDept2 > li > ul > li::before{content: "";display: block;width: 2px;height: 2px;position: absolute;left:0;top:7px;background: #333;}
	.tabMenu2.type2  .tabs2.col5{border-bottom: 0;}
	.tabMenu2.type2 .tabs2.col5 .tabBtn2{width: 49%;border-bottom: 1px solid #e5e5e5;}
	.tabMenu .tabs.col4 .tabBtn{width: 49%;}
	.tabMenu .tabs .tabBtn.link{padding-right:22px;}

	/*sub01*/
	.tStar .tstarG{display: block;}
	.tStar .tstarG > li{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
	.tStar .tstarG > li > span{margin: 0;}
	.tStar .tstarG > li > dl{width: calc(100% - 140px);}
	.tStar .tstarG > li dl dd br{display: none;}
	.tStar .tStarI{display: block;}
	.tStar .tStarI > li{display: block;width: 100%;max-width: inherit;height: auto;padding: 10px;margin-bottom: 10px;}
	.tStar .tStarI > li:last-child{margin-bottom: 0;}
	.tStar.box4 p{padding: 10px 20px;font-size: inherit;}
	.tStar.box5{padding-top: 15px;}
	.title5 span{font-size: 16px;}
	.tStar .talents ul > li{font-size: inherit;height: 45px;}
	.tStar .tStarC{display: block;margin-top: 0;}
	.tStar .tStarC > li{width: 100%;margin:  0 auto 20px auto;}
	.tStar .tStarC > li:last-child{margin-bottom: 0;}
	.tStar .tStarC > li h6{font-size: inherit;height: 55px;}
	.tStar .tStarC > li strong{font-size: inherit;}
	.tStar.box5 .talents img{padding: 0;width: 300px;}
	.symbolBox{display: block;}
	.symbolBox > li,
	.symbolBox.type2 > li{width: 100%;}
	.searchBox.type3{display: block;margin-bottom: 20px;}
	.searchBox.type3 .sels{margin-bottom: 10px;}
	.searchBox.type3 .sels .selbox{width: calc(100% - 60px);}
	.uosNb .signboard img{width: 110px;}
	.uosNb .signboard strong{font-size: 20px;text-align: center;}
	.uosNb .signboard strong em{font-size: 30px;}
	.uosNb .uosNbList{display: block;}
	.uosNb .uosNbList > li{width: 100%;}
	/* .uosNb .uosNbList.type2 > li.item5 .icoBox{margin-bottom: 1044px;} */
	.tStar.box7 .txt{font-size: 16px;}
	.talentDevel ul li strong{font-size: 16px;height: 70px;}
	.talentDevel ul li span{font-size: 14px;}
	.talentDevelT strong span{font-size: 18px;}
	.talentDevelT strong span em{font-size: 14px;}

	/*sub03*/
	.collegeList > li{width: calc(50% - 6px);}
	.profBox{display: block;text-align: center;}
	.profBox .pic{display: block; margin: 0 auto 10px auto;width: 100%;}
	.profBox .txt{width: 100%;margin-right: 0;}
	.profBox .txt ul{display: inline-block;}
	.profBox .txt ul li{text-align: left;}
	.profList > li{padding: 10px;flex-wrap: wrap;}
	.profList > li .btnDetail{position: relative;top:0;right: inherit;transform: none;margin-top: 15px}
	.profBox .pic img{width: 146px;}
	.profBox .txt .name{margin-bottom: 5px;}
	.profBox .txt .name strong{line-height: 1;}
	/* 250611 교수 프로필 Detail, PURE CSS 추가  */
	.profBox .profInfo {
        display: block;
    }
    .profBox .profInfo .btnBox {
        justify-content: center;
    }
	.academicCon .info .txt{float: none;width: 100%;}
	.academicCon .info .txt li {width: 49%;}
	.academicCon .info .txt li .txtBtn{width: 100%;padding:0; text-align: center;}
	.academicCon .info .txt li .txtBtn em{padding-right: 10px;}
	/*sub05*/
	.bookingStemp{display: block;}
	.bookingStemp > li{display: block;width: 100%;margin-bottom: 10px;}
	.bookingStemp > li .text{width: 100%;min-height: auto;margin-bottom: 10px;}
	.bookingStemp > li .arr{width: 100%;min-height: 45px;background-color: #e2e4f1;align-items: center;}
	.bookingStemp > li .arr i{width: 100%;}
	.bookingStemp > li .arr::before{width: 3px;height: calc(100% - 12px) ;right: inherit;left: 18px;bottom: inherit;top:5px}
	.bookingStemp > li .arr::after{content: "▼";bottom: 1px;left: 13px;right: inherit;}

	/*sub06*/
	.boardList > li .num{display: none;}
	.boardList > li > div{width: 100%;}

}

@media screen and (max-width: 480px) {
	.content .inner{padding: 0 10px;}
	.tabMenu .tabContainer{padding-top: 30px;}
	.subVisual .inner .pageTitle span{font-size: 20px;line-height: 1.2;}
	.subVisual .inner .pageTitle span::after{display: none;}
	
	.tabMenu .tabs .tabBtn,
	.tabMenu .tabs.col6 .tabBtn,
	.tabMenu .tabs.col6 .tabBtn:nth-child(6n){width:33.3%; font-size: 14px;height: auto;line-height: 1;padding: 5px 0;}
	.tabMenu2.type2 > .tabs2 {border-bottom: 0;}
	.tabMenu2.type2 .tabs2.col4 .tabBtn2{width: 49%;border-bottom: 1px solid #e5e5e5;}
	.tabMenu2.type2 > .tabs2 .tabBtn2::after{left: 2%;width: 96%;}

	.imgList4 {display: block;}
	.imgList4 > li{width: 100%;margin-bottom: 5px;}
	.imgList4 > li:last-child{margin-bottom: 0;}

	.etcBox{display: block;}
	.etcBox > img{width: 100%;}
	.etcBox.imgSize img{max-width: inherit;}
	.xScroll{overflow-x: auto;}
	.xScroll > table{width: 480px;}
	
	.stepBox{display: block;}
	.stepBox > li{padding-right: 0;padding-bottom: 25px;width: 100%;min-height: inherit;margin-bottom: 5px;}
	.stepBox > li::after{width: 8px;height: 19px; right: 50%;top:inherit;bottom: 0;  transform: rotate(90deg);background-size: 8px auto;background-repeat: no-repeat;}

	.course_01 {width: 50px}
	.course_02{width: 120px;}
	.course_03{width: 85px;}
	.course_05 {width: 50px}
	.course_06 {width: 50px}
	.course_07 {width: 50px}
	.wi_01 {width: 15%;}
	.wi_02 {width: 100px;}

	.selbox{height: 38px;}
	.inpTxt{height: 38px;padding-left:5px;}
	.btnSrch{height: 38px;}
	.searchBox.type2 .btnSrch{line-height: 38px;}

	.searchBox{flex-wrap: wrap;justify-content: space-between;flex-direction: row;gap: 5px 0;}
	.searchBox .selbox{width: 49%;}
	.searchIput{width: 100%;}
	.searchBox.type3 .btnDownload{height: 38px;line-height: 28px;padding-left: 10px;}
	.searchBox.type3 .btnView{height: 38px;line-height: 38px;padding-left: 10px;}
	.btnDownload3{height: 38px;line-height: 38px;padding-left: 10px;}
	.btnView{height: 38px;line-height: 38px;padding-left: 10px;}

	.faqList dl dt{background-size: 25px;background-position: 5px 10px;}
	.faqList dl dt .trigger{display: block;padding-left: 40px;}
	.faqList dl dt .trigger .category{display: block;padding-left: 0;width: 100%;margin-bottom: 10px;}
	.faqList dl dt .trigger .subject{display: block; padding-left: 0;width: 100%;}
	.faqList dd{background-size: 25px;background-position: 5px 10px;padding: 40px 10px 10px 10px;	}

	.downFile{display: block;margin-top: 15px;}
	.downFile strong{display: block;width: 100%;margin-bottom: 10px;padding-left: 0;}
	.downFile .fileList{width: 100%;}

	/*sub01*/
	.welcome .sign{display: block;text-align: right;}
	.welcome .sign strong{display: block;margin-bottom: 10px;}
	.historyTbl > dl{display: block;}
	.historyTbl > dl dt{width: 100%;margin-bottom: 5px;}
	.historyTbl > dl dd{width: 100%;}
	.phiArr{gap: 0 8px}
	.phiArr > li dl dt{width: 70px;height: 70px;line-height: 70px;}
	.phiArr > li dl dd{padding: 25px 5px 5px 5px;height: 200px;line-height: 17px;}
	.phiCont{width: 100%;box-sizing: border-box;padding: 20px;}
	.phiCont > span{width: 70px;height: 70px;}
	.ide div ul{gap: 0 8px}
	.ide div ul > li p{padding: 5px;}
	.tStar .talents ul{display: block;}
	.tStar .talents ul > li{width: 100%;margin-bottom: 5px;}
	.photoList{gap: 0 10px;}
	.photoList > li{width: calc(50% - 5px);}
	.videoList{gap: 0 10px;}
	.videoList > li{width: calc(50% - 5px);}
	.orgList1 > li > span{font-size: 15px;}
	.orgList3 > li > span{font-size: 15px;}
	.talentDevel{background-size: 90%;}
	.talentDevel > ul{background-size: 90%;}
	.talentDevel ul li strong{font-size: inherit;font-weight: 300;}
	.talentDevel ul li:nth-child(even){padding-right: 3px;}
	.talentDevel ul li:nth-child(odd){padding-left: 3px;}
	.talentDevelT{padding: 10px;}
	.talentDevelT strong span{font-size: inherit;font-weight: 300;}

	/*sub03*/
	.officeList li{padding: 15px 10px;}
	.officeList .cont{display: none;}
	.officeList .more{display: none;}
	.officeList .tit a{display: block;background: url(../images/sub/bg_office3.png) right center no-repeat;padding-right: 25px;}
	.collegeList{display: block;}
	.collegeList > li{width: 100%;margin-bottom: auto !important;}
	.collegeList > li > a{min-height: inherit;padding: 7px 23px 7px 10px;}
	.collegeList > li>a::after{top:50%;    transform: translateY(-50%);}
	.collegeList .on .lesson{display: block;position: relative;}
	.collegeList .lesson{padding-top: 7px;padding-bottom: 0;}
	.collegeList .lesson>li{margin-left: 0;margin-bottom: 7px; padding-left: 15px;}
	.collegeList .lesson>li:last-child{margin-bottom: 0;}
	.tabMenu2 .tabs2 {gap: 5px;}
	.tabMenu2 .tabs2 .tabBtn2{width: calc(50% - 5px);}

	/*sub06*/
	.boardList > li{padding: 10px;}
	.boardList > li > div{display: block;}	
	.boardList > li .ph{text-align: center;}
	.boardList > li .tx{width: 100%;margin-top: 15px;}

	
	
	
}



/* 국제처 국문에서 가져온 공지사항 css S */

/* 공통 */
/* ver-bar */
.ver-bar > li > span{display: inline-block; position: relative;}
.ver-bar > li > span:nth-child(1){padding-right: 10px;}
.ver-bar > li > span:nth-child(2){padding-left: 10px;}
.ver-bar > li > span:nth-child(1)::after{
    content:"";
    display: inline-block;
    width: 1px;
    height: 10px;
    background-color: #797979;
    position: absolute;
    right:-2px;
    top:7px;
}
/* -- ver-bar */
/* dot */
.dotList00{padding-left: 6px; margin-bottom: 20px; color:#333;}
.dotList00 > li {padding-left: 14px; position: relative;}
.dotList00 > li::before {
    content:"";
    display: inline-block;
    width: 6px;
    height: 2px;
    background-color: #333;
    position: absolute;
    left:0;
    top:9px;
}

.dotList01{margin-bottom: 40px;}
.dotList01 > li{position: relative; padding-left: 10px; color:#5d5d5d; margin-top: 14px;}
.dotList01 > li::before{
    content:"";
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #A9A9A9;
    border-radius: 50%;
    position: absolute;
    left:0;
    top:8px;
}
.dotList01 > li > .desc{padding-left: 10px; font-size: 15px;}


.dotList02{padding-left: 10px;}
.dotList02 > li {padding-left: 13px;}
.dotList02 > li {
    background: url(../images/blt_01.png) 0 10px no-repeat;
    padding-left:10px;
}

.dotList02 > li+li{margin-top: 5px;}

.dotList03{padding-left: 10px; margin-bottom: 10px;}
.dotList03 > li {padding-left: 12px; position: relative;}
.dotList03 > li::before {
    content:"";
    display: inline-block;
    width: 5px;
    height: 2px;
    background-color: #828282;
    position: absolute;
    left:0;
    top:10px;
}

.dotList03 > li+li{margin-top: 5px;}
/* -- dot */
/* num-list */
.numList01 > li{margin-bottom: 40px;}
.numList01 > li > .tit{font-size: var(--fz-22); color:#333; font-weight: 600; display: flex; gap: 10px; align-items: center; margin-bottom: 20px;}
.numList01 > li > .tit > .numD{display: inline-block; width: 37px; height: 37px; background-color: #FFF9A3; font-size: var(--fz-24); font-weight: 800; color:#1397b5; border-radius: 50%; display: flex; align-items: center; justify-content: center;} 
/* -- num-list */
/* 타이틀 */
.sub-tit{
    color: #333;
    font-size: var(--fz-22);
    background: url('../images/h4.png') 0 2px no-repeat;
    text-indent: 26px;
    margin: 30px 0 30px;
    line-height: 28px;
    font-weight: 600;
}
.sub-tit2{
    color: #1799B6;
    font-size: var(--fz-18);
    font-weight: 600;
    margin-bottom: 20px;
}
.conts-tit{font-size:var(--fz-45); font-weight: 700; color:#014195; text-align: center; margin-top: 90px;}
.conts-tit > span{color:#333;}
.conts-tit2{font-size:var(--fz-38); font-weight: 700; color:#014195; margin-bottom: 40px;}
.conts-tit2 > span{font-size: var(--fz-24); font-weight: 300;}
.conts-tit-desc{font-size:20px; font-weight: 300; text-align: center; margin-top: 10px;}

.desc{padding-left: 6px; margin-bottom: 50px; word-break: keep-all;}
.ind-box{padding-left: 26px; word-break: keep-all; color: #5d5d5d;}
.sub-txt{font-weight: 300; color: #5d5d5d; margin-top: 5px;}
.cout{font-size: 14px; text-indent: 25px; display: inline-block;}
.link-txt{ color:#2366bf}
.link-txt:hover,.link-txt:focus{text-decoration: underline;}
.point01{ color: #5d5d5d; font-size: var(--fz-15); margin-top: 5px;}
.point02{color:#EB521C; font-size: var(--fz-15); margin-top: 5px;}
.point03{color:#0e3174; font-size: var(--fz-15); margin-top: 5px;}
/* -- 타이틀 */
.txt-box{border-radius: 10px; background-color: #F9FBFD; padding:20px; border:1px solid #4F84CC; font-size: 14px; color:#5d5d5d; margin:20px 0;}
.txt-box > .tit{font-size: 14px; font-weight: 500; margin-bottom: 10px;}
.txt-box > .inner{padding-left: 10px;}
.flow-wrap {margin:20px 0 40px;}
.flow-wrap > ul >li{border:1px solid #b8b8b8; border-radius: 10px; padding:15px; background-color: #F5FDF4;  }
.flow-wrap > ul >li > p{display: flex; justify-content: space-between;}
.flow-wrap > ul >li + li{margin-top: 40px; position: relative}
.flow-wrap > ul >li + li::before{content:"↓"; display: inline-block; position: absolute; left:50%; top:-32px; transform: translateX(-50%);}

.flow-wrap > ul >li .emph{display: inline-block;     background: #f7e0df; border-radius: 5px; padding:0 10px;}
/* 버튼 */
.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 ;}
/* -- 버튼 */
/* tab */
.tab-area{width: 100%;}
.tab-area .tab > ul{display: flex; gap: 10px;}
.tab-area .tab > ul > li{flex: 1 1 0; text-align: center; }/*min-width 설정 필요*/
.tab-area .tab > ul > li button{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #F2F2F2; border:1px solid #F2F2F2; border-radius: 5px; color:#969696; font-weight: 700;}
.tab-area .tab > ul > li.active button{background-color: #fff; border-color: #2241B6; color: #2241B6; }

.tab-conts-wrap{margin:40px 0 20px;}
.tab-conts-wrap .tab-conts{display: none;}
.tab-conts-wrap .tab-conts.active{display: block;}
/* -- tab */
/* select tab */
.select-tabList select{width: 100%; max-width: 200px; border:1px solid #e4e4e4; font-size: 18px; border-radius: 5px; padding:10px 10px; }
.select-tab-conts{margin:40px 0 20px;}
.select-tab-conts .sel-tab-conts{display: none;}
.select-tab-conts .sel-tab-conts.active{display: block;}

/* -- select tab */
/* table */
.table-wrap{ margin:20px 0px 30px; overflow: hidden;}
table.type01,table.type02{width: 100%; border-top:2px solid #4F84CC; text-align: center; position: relative;}
table.type01 thead,table.type02 thead{border-bottom:2px solid #4F84CC; background-color: #fff;}
table.type01 th,table.type01 td,
table.type02 th,table.type02 td{padding:14px 10px; vertical-align: middle; font-size: 15px; font-weight: 400;}
table.type01 td,table.type02 td{border-right:1px solid #DFE5EA; border-left:1px solid #DFE5EA; border-bottom:1px solid #DFE5EA; color:#717171 }
table.type01 td:last-child,table.type02 td:last-child{border-right:0}
table.type01 td:nth-child(1){border-left:0; background-color: #F9FBFD; color:#333;}
table.type02 td:nth-child(1){border-left:0;}
table.type02 tr.al >td{padding:10px 20px; text-align: left; vertical-align: baseline;}
.table-wrap .pointTxt{ color:#5B748A; font-size: 14px;}
.table-wrap .link-txt{padding-right: 30px; background: url("../images/link-icn.png") right bottom no-repeat;}
/* table popup */
.table-wrap .layerPop.txtLayer{width: 100%; max-width:400px; position: relative; left:50%; transform: translateX(-50%); top:5px;  z-index: 1; background-color: #fff; border: 1px solid #ccc; border-radius: 16px; padding:60px 10px 20px;text-align: left; overflow: hidden; box-shadow: 2px 2px 10px rgba(78, 78, 78, 0.2);}
.table-wrap .layerPop.txtLayer .head{width: 100%; height: 40px; background-color: #27518F; position: absolute; left: 0; top:0; display: flex; justify-content: flex-end; align-items: center;}
.table-wrap .layerPop.txtLayer .close { width: 11px; height: 10px; margin-right: 20px; }

/* 검색 */
.pageSearch-wrap{margin-bottom: 40px;}
.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;appearance: auto;}

.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-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: 70px;}
.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;}
.view-wrap .vw-con-bx img {max-width: 100%}
.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;}
/* -- 공지사항 상세 */
/* 해외체험수기 등록 */
.respon-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-label .label-desc {display: block; margin-top: 3px; font-size: 1.4rem;}
.respon-form .form-field {width: 75%; padding: 10px 20px; align-content: center; background-color: #fff;}
.respon-form .form-field .w100{width: 100%;}

.respon-form input[type="text"],
.respon-form input[type="password"],
.respon-form input[type="number"]{width: 100%; height: 44px; padding: 0 15px; background-color: #fff; border: 1px solid #AFC2D8; border-radius: 6px; box-sizing: border-box; font-size: var(--fz-15);}
.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; font-size: var(--fz-15);}
.respon-form textarea{width: 100%; min-height: 200px;  border: 1px solid #AFC2D8; border-radius: 10px;    resize: none; font-size: var(--fz-15); }

/* 첨부파일 */
.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_file.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;
}
/* // 해외체험수기 등록 */

/* pageing */
.paging{text-align: center; margin-top: 40px;}
.paging > a{ vertical-align: middle; box-sizing: border-box; font-size: 15px; color: #888; line-height: 20px;  padding: 0 5px 2px;  margin: 2px 0;}
.paging > span{ vertical-align: middle; margin: 0 10px; }
.paging > span > a{ vertical-align: top; border: 1px solid #3e64ef; border-radius:5px; color: #3e64ef; padding:4px 10px; min-width:22px; margin-right: 7px;margin-top: 2px}
.paging > span > a:last-child{margin-right:0;}
.paging > span > a.on{ background:#3e64ef; color:#fff; font-weight: 500;}
.paging a img{padding: 4px; margin-top: 1px;}
/* -- pageing */

.tag-wrap{ text-align: center; padding:20px 40px; background-color: #e0ecfa; margin: 40px 0; border-radius: 16px;}
.tag-wrap .tit{font-size: var(--fz-22); margin-bottom: 20px;}
.tag-wrap .tab-list{display: flex; gap: 30px; justify-content: center; flex-wrap: wrap;}
.tag-wrap .tab-list a:hover,.tag-wrap .tab-list:focus{color:#2241B6}

/* faq accordion */
.accordion-wrap .accordion-tit-list{border-top:1px solid #2366BF; border-bottom:1px solid #2366BF; background-color: #F9FBFD;}

.accordion-wrap .tit-list{display: flex;}
.accordion-wrap .tit-list > li{text-align: center; padding:16px 10px;}
.accordion-wrap .tit-list > li:nth-child(1){width: 10%;}
.accordion-wrap .tit-list > li:nth-child(2){width: 20%;}
.accordion-wrap .tit-list > li:nth-child(3){width: 70%;}

.accordion-tit-list > .tit-list > li:not(:last-child){position: relative;}
.accordion-tit-list > .tit-list > li:not(:last-child):after{display: inline-block; width: 1px; height: 10px; background-color: #2366BF; position: absolute; top:0; right: 0; content:""}

.accordion-header{border-bottom:1px solid #E6EBEE;}
.accordion-header > .tit-list{background-color: #fff;}
.accordion-header > .tit-list > li{padding:20px 10px;}
.accordion-header > .tit-list > li:not(:last-child){color: #717171;}
.accordion-header > .tit-list > li > .btn-accordion{width: 100%; text-align: left; padding-left: 38px; position: relative;}
.accordion-header > .tit-list > li > .btn-accordion > span{display: inline-block; width: calc(100% - 30px);}
.accordion-header > .tit-list > li > .btn-accordion:after{
    content:"";
    display: inline-block;
    width: 18px;
    height: 9px;
    position: absolute;
    right:10px;
    top:8px;
    background: url("../images/arrw07.png") no-repeat;
    transform: rotate(0);
    transition: transform 0.6s ease-in-out;
}

.accordion-body{max-height: 0; background-color: #FFFFF7; color:#5d5d5d; border-bottom:1px solid #E6EBEE; overflow: hidden;transition: max-height 0.6s ease-in-out;}
.accordion-body > .accordion-txt-box{padding:30px 50px 30px 95px; }
.accordion-body > .accordion-txt-box > .txt{position: relative; padding-top: 5px;}
.accordion-body > .accordion-txt-box > .txt::before{content:""; display: inline-block; width: 30px; height: 28px; background: url("../images/icon_a2.png") left top no-repeat; position: absolute; left:-45px; top:0;}
.accordion-body > .accordion-txt-box .file-list{margin:40px 0;}
.accordion-body > .accordion-txt-box .file-list > li + li{margin-top: 10px;}
.accordion-body > .accordion-txt-box .file-item{ position: relative; padding-left: 30px; color: #2366bf;font-size: var(--fz-15);}
.accordion-body > .accordion-txt-box .file-item::before{display: inline-block;width: 20px; height: 19px; background: url("../images/icon_file.png") left top no-repeat; position: absolute; left:0; top:0px; content: "";}

/* active*/
.accordion-header > .tit-list > li > .btn-accordion.active:after{transform: rotate(180deg); }
.accordion-body.active{max-height: 100vh;}
/* 등록된 글없을때 */
.accordion-item:not(:has(.accordion-header)),
.accordion-item:not(:has(.accordion-body)){text-align: center; padding:20px;}
/* -- faq accordion */
/* -- 공통  */


/* 국제처 국문에서 가져온 공지사항 css E */


/* 교수회 qna 복사 css S */

/* 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/sub/btn_file.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;}
.view-answer{padding: 40px 10px; line-height: 1.5; border-top: 2px dotted #d2d2d2; }
.view-answer .view-answer-con{background-image: url("../images/sub/faq_icon01.png"); background-position: left top; background-repeat: no-repeat; padding-left: 40px;}
/* -- view */

/* 버튼 */
.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;}
/* -- 버튼 */

/* 교수회 qna 복사 css E */

/* 공지사항 제목 css S */
.conts-tit{font-size:45px; font-weight: 700; color:#014195; text-align: center; margin-top: 90px;}
.conts-tit > span{color:#333;}
.conts-tit2{font-size:38px; font-weight: 700; color:#014195; margin-bottom: 40px;}
.conts-tit2 > span{font-size: 24px; font-weight: 300;}
.conts-tit-desc{font-size:20px; font-weight: 300; text-align: center; margin-top: 10px;}
/* 공지사항 제목 css E */