/*=================== 01 성신교정 =======================*/

/* common */
.con-box .border-box .img-box{min-height:340px;display:flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.con-box .border-box .box-tit + .img-box{min-height:260px;}
.con-box .border-box .box-tit + .img-box > img{margin-top:-45px;}

.content-box .con-box + .btn-wrap{padding-top:40px;}

.cuk-table .tl02 td{text-align:left}
.ct_02 tbody td {text-align:left;}

@media screen and (max-width:1024px){
	.content-box .con-box + .btn-wrap{padding-top:20px;}
	
	.con-box .border-box .box-tit + .img-box{min-height:150px;}
	.con-box .border-box .box-tit + .img-box > img{margin-top:0;}
}

@media screen and (max-width:480px){
	.con-box .border-box .img-box{min-height:300px;}	
}

/*교표 - 로고타입*/

.logoType .img-box{height:230px;display:flex;justify-content: center;align-items: center;}
.logoType .img-box > img{display:inline-block;margin-top:-45px;}


/*교표 - 시그니처*/

.logoType .img-box{height:230px;display:flex;justify-content: center;align-items: center;}
.logoType .img-box > img{display:inline-block;margin-top:-45px;}


.signiture .img-box{height:auto;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.signiture .img-box.box1 > img{padding:0 40px}
.signiture .img-box.box1 > img:nth-child(1){width:40%}
.signiture .img-box.box1 > img:nth-child(2){width:60%;}
.signiture .img-box.box3 > img{width:50%;padding:0 15px;}
.signiture .img-box.box3 > img:nth-child(2){margin-top:12px;}

.mascot .border-box.box1{padding:0 !important;}
.mascot .border-box.box1 .img-box{height:100%;}
.mascot .border-box.box2{position:relative;}
.mascot .border-box.box2 .con-p{padding-bottom:80px;}
.mascot .border-box.box2 .cir-down{position:absolute;bottom:25px;left:30px;}

@media screen and (max-width: 768px){
	.mascot .border-box.box2 .cir-down{position:absolute;bottom:10px;left:15px;}
	.mascot .border-box.box2 .con-p{padding-bottom:65px;}
	
	.signiture .img-box.box1 > img:nth-child(1){width:70%}
	.signiture .img-box.box1 > img:nth-child(2){width:100%;}
	.signiture .img-box.box3{display:block;}
	.signiture .img-box.box3 > img{width:100%;padding:0 15px;}
	.signiture .img-box.box3 > img:nth-child(2){margin-top:15px;}
}
@media screen and (max-width: 480px){
	.signiture .img-box.box1 > img,
	.signiture .img-box.box3 > img{padding:0;}	
}

/* 교표 - 심볼마크 */
.simbol .img-box.box3 > img,
.simbol .img-box.box4 > img{transform:translateX(45px);}
.simbol .border-box .box-tit + .img-box.box6{min-height:315px;}
.simbol .img-box.box6{justify-content:space-around;}
.simbol .img-box.box6 > img{margin:10px 0;}
.simbol .img-box.box6 > img:first-child{width:46%;min-width:425px;}
.simbol .img-box.box6 > img:last-child{width:36%;min-width:332px;}

@media screen and (max-width: 768px){
	.simbol .img-box.box3 > img,
	.simbol .img-box.box4 > img{transform:inherit;}
}

@media screen and (max-width: 480px){
	.simbol .img-box.box6 > img:first-child{width:100%;min-width:auto;}
	.simbol .img-box.box6 > img:last-child{width:65%;min-width:auto;}
}

/* 교표 - 안내책자 */
.noindex .pdf .left_index{display:none;}
.noindex .pdf .right-index-wrap{width:100%;}
.pdf > .bn-search01.type01{padding-top:100px;}


/* 상징 - 교가 */
.song .border-box.box1{border:0;padding:0;}
.song .border-box.box2 .bg-box{width:100%;}
.song .border-box.box2 .bg-box + .bg-box{margin-left:0; margin-top:10px;}

/* 상징 - 상징물 */
.simbolThree .border-box.box1{padding:0 60px;}
.simbolThree .border-box.box1 > div{display:flex;padding:60px 0;}
.simbolThree .border-box.box1 > div + div{border-top:1px solid #e5e5e5;}
.simbolThree .border-box.box1 .left-wrap{width:290px;padding-top:40px;}
.simbolThree .border-box.box1 .right-wrap{width:calc(100% - 290px);}
.simbolThree .border-box.box1 .box-tit{font-size:36px;color:#a06a3c;}
.simbolThree .border-box.box1 .box-tit + span{font-size:18px;font-weight:700;color:#000;}
.simbolThree .border-box.box1 .box-tit + span span{font-size:16px;}
.simbolThree .border-box.box1 .img-box{min-height:auto;}

@media screen and (max-width: 1280px){
	.simbolThree .border-box.box1 .left-wrap{width:200px;}
	.simbolThree .border-box.box1 .right-wrap{width:calc(100% - 200px);}
	
}

@media screen and (max-width: 1024px){
	.simbolThree .border-box.box1 > div{flex-direction: column;}
	.simbolThree .border-box.box1 .left-wrap{width:100%;padding:0;}
	.simbolThree .border-box.box1 .left-wrap > *{display:inline-block;}
	.simbolThree .border-box.box1 .box-tit{margin-right:10px;}
	.simbolThree .border-box.box1 .right-wrap{width:100%;}
}

@media screen and (max-width: 768px){
	.simbolThree .border-box.box1{padding:0 20px;}
	.simbolThree .border-box.box1 > div{display:flex;padding:25px 0;}
	.simbolThree .border-box.box1 .box-tit{font-size:24px;}
	.simbolThree .border-box.box1 .box-tit + span{font-size:16px;}
	.simbolThree .border-box.box1 .box-tit + span span{font-size:14px;}
}

/* 대학소개 - 가톨릭교육브랜드 */
.eduBrand .border-box.box1 .box-tit{text-align: center;font-size:30px;}
.eduBrand .border-box.box1 .box-tit span{padding-bottom:10px;border-bottom:2px solid #000;display:inline-block;}
.eduBrand .trinity-wrap .img-box .designAdv{position:absolute;width:300px;height:130px;transform: translateX(314px);}
.eduBrand .trinity-wrap .img-box .designAdv > div{position:relative;width:100%;height:100%}
.eduBrand .trinity-wrap .img-box .designAdv > div::before{content:'';display:block;width:55%;height:1px;background:#214090;position:absolute;transform-origin:0 100%; transform:rotate(-38deg);bottom:0;}
.eduBrand .trinity-wrap .img-box .designAdv p{position:absolute;right:0;top:0; font-size:18px;width:auto;display:inline-block; color:#a06a3c;font-weight:700;padding:20px;border-radius: 3px; border:1px solid #a06a3c;background:#fff;}
.eduBrand .trinity-wrap .img-box .designAdv p::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#a06a3c;position:absolute;left:0;top:50%;transform:translate(-50%, -50%);}
.eduBrand .trinity-wrap .img-box .designAdv p::before{content:'';display:block;width:29px;height:29px;border-radius:50%;background:rgba(220,229,244,0.6);position:absolute;left:0;top:50%;transform:translate(-50%, -50%);}
.eduBrand .table-wrap.style thead .title span::before{background-image: url(/_res/songeui/ko/img/common/style_table_title.png);width:33px;height:24px;}
.eduBrand .table-wrap.style thead th:not(.title){background:#fff;}

@media screen and (max-width: 1024px){
	.eduBrand .border-box.box1 .box-tit{font-size:18px;}
	.eduBrand .border-box.box1 .box-tit span{padding-bottom:5px;}
	.eduBrand .trinity-wrap .img-box .designAd,
	.eduBrand .trinity-wrap .img-box .designAdv p,
	.eduBrand .trinity-wrap .img-box .designAdv > div::before,
	.eduBrand .trinity-wrap .img-box .designAdv p::after,
	.eduBrand .trinity-wrap .img-box .designAdv p::before{display:none;}
}
@media screen and (max-width: 480px){
	.eduBrand .trinity-wrap .img-box .designAdv p{padding:10px;width:80px;}
	.eduBrand .border-box.box1 .box-tit span{border-bottom:0;}
}



/* 발전전략 */
.devStrtgy .box1{padding:70px 0;margin-bottom:40px;background:#001345 url(/_res/songeui/ko/img/common/menu01/devStrtgy_tit_bg.jpg) no-repeat 50% 50% / cover;text-align: center;}
.devStrtgy .box1 p{font-size:34px;color:#fff;font-weight:700;margin-bottom:20px;}
.devStrtgy .box1 span{font-size:12px;color:#fff;letter-spacing: 0.8em;font-weight:100;}
.devStrtgy .table-wrap.style{padding-left:200px;}
.devStrtgy .table-wrap.style table{padding-top:40px;border-top:1px solid #e9e9e9;}
.devStrtgy .table-wrap.style thead th:not(.title){background:#edf0f5;border-color:#edf0f5;}
.devStrtgy .table-wrap.style thead .title span{background-image:none;position:relative}
.devStrtgy .table-wrap.style thead .title span::before{content:'';display:block;width:21px;height:32px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat: no-repeat;background-position:0 0;background-image: url(/_res/songeui/ko/img/common/style_table_title_ico2.png);}
.devStrtgy .table-wrap.style thead .title:not(:first-child) span{padding-left:0;}
.devStrtgy .table-wrap.style thead .title:not(:first-child) span::before{display:none;}
.devStrtgy .table-wrap.style tr{position:relative;}
.devStrtgy .table-wrap.style tr .cls-tit{position:absolute;left:-200px;top:50%;transform:translateY(-50%);}
.devStrtgy .table-wrap.style tr td{vertical-align: top;}
.devStrtgy .table-wrap.style .ul-type-dot{width:100%;}

.devStrtgy .table-wrap.style .none{background:#fff !important;border:0 !important;}
.devStrtgy .table-wrap.style thead tr:first-child .none{position:relative;}
.devStrtgy .table-wrap.style thead tr:first-child .none::before,
.devStrtgy .table-wrap.style thead tr:first-child .none::after{content:'';display:block;position:absolute;left:50%;top:100%; border-radius:50%;transform:translate(-50%, -50%);z-index:1;}
.devStrtgy .table-wrap.style thead tr:first-child .none::before{width:50px;height:50px;background:rgba(12,46,134,0.06);}
.devStrtgy .table-wrap.style thead tr:first-child .none::after{width:30px;height:30px;background:#a06a3c url(/_res/songeui/ko/img/common/step_arr.png) no-repeat 50% 50%;}


@media screen and (max-width: 1024px){
	.devStrtgy .table-wrap.style{padding-left:0;width:100%;margin-bottom:0;}
	.devStrtgy .table-wrap.style tr .cls-tit{display:none;}
	.devStrtgy .box1{margin-bottom:0;}
}

@media screen and (max-width: 768px){
	.devStrtgy .box1{padding:30px 15px;}
	.devStrtgy .box1 p{font-size:24px;margin-bottom:12px;line-height:1.2;}
	.devStrtgy .box1 span{font-size:14px;letter-spacing: 0.1em;}
}

/* 역대 총장 */
.pres .pres-swiper{padding-bottom:1px;}
.pres .pres-swiper .swiper-slide > div{padding:30px;border:1px solid #dce3e7;text-align: center;border-radius:5px 5px 0 0;}
.pres .pres-swiper .img-box{width:172px;height:172px;border-radius:50%;overflow: hidden;margin:0 auto;margin-bottom:25px;}
.pres .pres-swiper .pres_num{font-size:26px;color:#000;font-weight:700;margin-bottom:10px;}
.pres .pres-swiper .mini-date{font-size:15px;color:#555;font-weight:300;margin-top:15px;padding-left:20px;background:url(/_res/songeui/ko/img/common/menu01/pres_cal_ico.jpg.png) no-repeat 0 50%;}
.pres .pres-swiper .name-wrap{position:relative;margin-top:25px;}
.pres .pres-swiper .name-wrap::before{content:'';display:block;width:30px;height:1px;background:#a06a3c;position:absolute;left:50%;top:-13px;transform:translateX(-50%);}
.pres .pres-swiper .name-wrap > p{font-size:20px;color:#000;font-weight:600;margin-bottom:10px;}
.pres .pres-swiper .name-wrap > span{font-size:14px;color:#666;font-weight:500;}
.pres .pres-swiper .swiper-slide > a{padding:20px;font-size:15px;color:#a06a3c;font-weight: 700;border:1px solid #bcbecb;width:100%;text-align: center;border-radius:0 0 5px 5px;margin-top:-1px;}
.pres .pres-swiper .swiper-slide > a span{padding-right:20px;background: url(/_res/songeui/ko/img/common/menu01/pres_cal_arr.jpg.png) no-repeat 100% 50%;}
.pres .box1{position:relative;}
.pres .box1 .pres-swiper-prev,
.pres .box1 .pres-swiper-next{width:52px;height:52px;background-color:#a06a3c;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;background-size:auto;}
.pres .box1 .pres-swiper-prev{left:0;transform:translateX(-50%);background-image: url(/_res/songeui/ko/img/common/menu01/pres_swp_prev.png);}
.pres .box1 .pres-swiper-next{right:0;transform:translateX(50%);background-image: url(/_res/songeui/ko/img/common/menu01/pres_swp_next.png);}

.pres .profile-top{display:flex;align-items: center;}
.pres .profile-top .img-box{width:186px;height:186px;border-radius:50%;overflow: hidden;margin:0 auto;margin:0 50px;}
.pres .profile-top .img-box img{width:100%;height:100%; object-fit: cover;}
.pres .profile-top .pres_num{font-size:26px;color:#000;font-weight:700;margin-bottom:10px;}
.pres .profile-top .mini-date{font-size:15px;color:#555;font-weight:300;margin-top:15px;}
.pres .profile-top .name-wrap{position:relative;margin-top:25px;}
.pres .profile-top .name-wrap::before{content:'';display:block;width:50px;height:1px;background:#a06a3c;position:absolute;left:0;top:-13px;}
.pres .profile-top .name-wrap > p{font-size:20px;color:#000;font-weight:600;margin-bottom:10px;}
.pres .profile-top .name-wrap > span{font-size:14px;color:#666;font-weight:500;}

@media screen and (max-width: 1400px){
	.pres .box1 .pres-swiper-prev{left:10px;}
	.pres .box1 .pres-swiper-next{right:10px;}

}

@media screen and (max-width: 768px){
	.pres .pres-swiper .img-box{width:120px;height:120px;margin-bottom:15px;}
	.pres .pres-swiper .pres_num{font-size:24px;}
	.pres .pres-swiper .mini-date{font-size:14px;}
	.pres .pres-swiper .name-wrap > p{font-size:18px;margin-bottom:5px;}
	.pres .pres-swiper .swiper-slide > div{padding:20px;}
	.pres .pres-swiper .swiper-slide > a{padding:15px;}

	.pres .profile-top{justify-content: center;}
	.pres .profile-top .img-box{width:120px;height:120px;margin:0 30px 0 0;}
	.pres .profile-top .pres_num{font-size:24px;}
	.pres .profile-top .mini-date{font-size:14px;}
	.pres .profile-top .name-wrap > p{font-size:18px;margin-bottom:5px;}
	.pres .profile-top .swiper-slide > div{padding:20px;}
	.pres .profile-top .swiper-slide > a{padding:15px;}
}

/* 인사말 */
.intro .img-box.banner .bnimg-txt-wrap{padding-left:15px;left:50%;}
.intro .img-box.banner .bnimg-txt-wrap p{margin-bottom:32px;font-size:42px;color:#fefaeb;line-height:1.2;}
.intro .img-box.banner .bnimg-txt-wrap span{margin-top:143px;margin-bottom:0;font-size:15px;letter-spacing:0.1em;color:#fefaeb;}

.intro .box1{display:flex;word-break: keep-all;}
.intro .box1 > div{width:50%;}
.intro .box1 > div:first-child{padding-right:72.5px;}
.intro .box1 > div:last-child{padding-left:72.5px;}
.intro .box1 > div + div{border-left:1px solid #e9e9e9;}

.intro .box1 .con-box03:last-child{position:relative;padding-bottom:50px;}
.sign-wrap{width:100%; display:flex;justify-content: flex-end;align-items: center; position:absolute;bottom:0;left:0;text-align:right;}
.sign-wrap p{font-size:26px;color:#000;line-height:1.5;font-weight:300;}
.sign-wrap p span{font-weight:700;}
.sign-wrap em{font-style: normal;}

@media screen and (max-width: 1024px){
	.intro .img-box.banner .bnimg-txt-wrap p{font-size:32px;margin-bottom:15px;}
	.intro .img-box.banner .bnimg-txt-wrap span{margin-top:132px;}
	.intro .box1 > div:first-child{padding-right:20px;}
	.intro .box1 > div:last-child{padding-left:20px;}
	.sign-wrap p span{display:block;}
}

@media screen and (max-width: 768px){
	/*.intro .img-box.banner > img{height:300px;object-position:20%;}*/
	.intro .img-box.banner .bnimg-txt-wrap{left:0;}
	.intro .img-box.banner .bnimg-txt-wrap p{font-size:27px;}
	.intro .img-box.banner .bnimg-txt-wrap span{margin-top:100px;font-size:13px;}
	.intro .box1{flex-direction: column;}
	.intro .box1 > div{width:100%;padding-left:0 !important;padding-right:0 !important;border:0 !important;}
	.sign-wrap{bottom:-15px;}
	.sign-wrap p{font-size:20px;line-height: 1.2;}
	.sign-wrap p span{display:block;}
	.sign-wrap img{width:100px;}
}

/* 대학정보 */
.univ_info .h4-tit01{padding:0 0 20px 0;}
.univ_info .h4-tit01 > span{display:inline-block;font-size:20px;color:#a06a3d;font-weight:900;margin-right:20px;}
.univ_info .h4-tit01 + .con-p{padding:0 0 30px 0;}
.univ_info .grid-wrap{position:relative;}
.univ_info .grid-wrap + .grid-wrap{padding-top:60px;border-top:1px solid #d4d4d4;}
.univ_info .grid-wrap ul{display:flex;flex-wrap:wrap;}
.univ_info .grid-wrap ul li{display:flex;align-items:center;justify-content:center;overflow:hidden;width:calc(50% - 10px);height:295px;margin-right:20px;border:1px solid #e0e0e0;border-radius:3px;background-repeat:no-repeat;background-position:100% 100%;background-size:cover;}
.univ_info .grid-wrap ul li:nth-child(2n){margin-right:0;}
.univ_info .grid-wrap ul li:nth-child(n+3){margin-top:20px;}
.univ_info .grid-wrap:nth-child(3) ul li{border-color:#f9f6f5;background:#f9f6f5;}
.univ_info .grid-wrap:nth-child(3) ul li > div{max-width:470px;}
.univ_info .grid-wrap:nth-child(3) ul li > div dl dt{font-size:14px;}
.univ_info .grid-wrap .box07{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_bg07.png)}
.univ_info .grid-wrap .box08{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_bg08.png)}
.univ_info .grid-wrap .box09{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_bg09.png)}

.univ_info .grid-wrap ul li > div{position:relative;width:100%;max-width:420px;margin:0 auto;padding:0 20px;}
.univ_info .grid-wrap ul li > div::after{content:'';display:block;position:absolute;top:50%;width:125px;height:119px;background-repeat:no-repeat;background-position:50% 50%;transform:translateY(-50%);}
.univ_info .grid-wrap:nth-child(odd) ul li > div{padding-left:210px;}
.univ_info .grid-wrap:nth-child(even) ul li > div{padding-right:180px;}
.univ_info .grid-wrap:nth-child(odd) ul li > div::after{left:0;}
.univ_info .grid-wrap:nth-child(even) ul li > div::after{right:0;}

.univ_info .grid-wrap .box08 > div,
.univ_info .grid-wrap .box09 > div{display:flex;justify-content:center;max-width:350px;}
.univ_info .grid-wrap .box08 > div > dl,
.univ_info .grid-wrap .box09 > div > dl{display:block;}

.univ_info .grid-wrap .box01 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico01.png)}
.univ_info .grid-wrap .box02 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico02.png)}
.univ_info .grid-wrap .box03 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico03.png)}
.univ_info .grid-wrap .box04 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico04.png)}
.univ_info .grid-wrap .box05 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico05.png)}
.univ_info .grid-wrap .box06 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico06.png)}
.univ_info .grid-wrap .box07 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico07.png)}
.univ_info .grid-wrap .box08 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico08.png)}
.univ_info .grid-wrap .box09 > div::after{background-image:url(/_res/songeui/ko/img/common/menu01/univ_info_ico09.png)}

.univ_info .grid-wrap ul li > div > p{margin-bottom:12px;font-size:22px;color:#000;font-weight:600;}
.univ_info .grid-wrap ul li > div > dl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:16px;color:#333;font-weight:500;}
.univ_info .grid-wrap ul li > div > dl + dl{margin-top:12px;}
.univ_info .grid-wrap ul li > div dl strong{font-size:30px;font-weight:900;}
.univ_info .grid-wrap ul li > div dl strong > .strong{font-size:40px;font-weight:900;}
.univ_info .grid-wrap ul li > div dl dt strong{color:#a06a3d;}
.univ_info .grid-wrap ul li > div dl dd strong{color:#000;}

@media screen and (max-width: 1024px){
	.univ_info .grid-wrap:nth-child(odd) ul li > div{padding-left:130px;}
	.univ_info .grid-wrap:nth-child(even) ul li > div{padding-right:130px;}
	.univ_info .grid-wrap ul li > div::after{width:83px;height:79px;background-size:65px;}
}

@media screen and (max-width: 768px){
	.univ_info .h4-tit01 + .con-p{padding:0 0 10px 0;}
	.univ_info .grid-wrap ul li{width:100%;height:230px;margin-right:0;margin-top:20px;}
	.univ_info .grid-wrap ul li:first-child{margin-top:0;}
	.univ_info .grid-wrap ul li:nth-child(2n){margin-right:0;}
	
	.univ_info .grid-wrap:nth-child(odd) ul li > div{padding-left:100px;}
	.univ_info .grid-wrap:nth-child(even) ul li > div{padding-right:100px;}
	
	.univ_info .grid-wrap ul li > div > p{font-size:18px;}
	.univ_info .grid-wrap ul li > div > dl{font-size:14px;}
	.univ_info .grid-wrap ul li > div dl dt{line-height:40px;}
	.univ_info .grid-wrap ul li > div dl strong{font-size:24px;}
}


/* 조직도 */

.orgChart > .con-box > img.tablet,
.orgChart > .con-box > img.mobile{display:none;} /*접근성임시*/

.orgChart-wrap{display: grid;
	grid-template-columns: 170px repeat(3, 1fr);
	grid-column-gap: 40px;
	grid-row-gap: 30px;
}
.orgChart-wrap .org-wrap-tit{display:flex;align-items: center;}
.orgChart-wrap .org-wrap-tit p{font-size:20px;font-weight:700;color:#333;padding-left:28px;position:relative;}
.orgChart-wrap .org-wrap-tit p::before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#f6f2eb;border:5px solid #e8e3da;position:absolute; left:0;top:50%;transform:translateY(-50%);}
.orgChart-wrap .org-box{position:relative; padding:25px 15px;border-radius:3px;font-size:16px;color:#333;background:#f6f2eb;font-weight:500;display:flex;flex-wrap: wrap;align-items: center; justify-content: space-around;}
.orgChart-wrap .empty-box{position:relative;}
.orgChart-wrap .org-box::before,
.orgChart-wrap .empty-box::before{content:'';display:block;width:1px;height:calc(100% + 30px);background:#898989;position:absolute;bottom:0;left:50%;z-index:-1;}
.orgChart-wrap .org-box > ul.row1{display:flex;flex-wrap:wrap;justify-content: center;}
.orgChart-wrap .org-box > ul.row1 > li + li{margin-left:15px;}
.orgChart-wrap .org-tit{font-size:20px;font-weight:700;color:#fff;display:block;text-align: center;height:80px;}
.orgChart-wrap .org-tit span{font-size:15px;display:block;margin-top:3px;}

.orgChart-wrap .org-wrap-tit.col1 p{color:#a06a3c;}
.orgChart-wrap .org-wrap-tit.col1 p::before{background:#a06a3c;border-color:#dce5f4;}
.orgChart-wrap .org-wrap-tit.col2 p{color:#60513a;}
.orgChart-wrap .org-wrap-tit.col2 p::before{background:#60513a;border-color:#c6beb2;}

.orgChart-wrap .org-box.col1{background:#f7f8fa;margin-bottom:55px;}
.orgChart-wrap .org-box.col1::before{display:none;}
.orgChart-wrap .empty-box.col1::after{content:'';display:block;width:calc(100% + 80px);height:1px;background:#898989;position:absolute;left:-40px;top:calc(50% - 20px);transform:translateY(-50%);}
.orgChart-wrap .org-tit.col1{background:#a06a3c;padding:0;line-height:80px;margin:0;}
.orgChart-wrap .org-box.col2{background:#f6f2eb;}
.orgChart-wrap .org-tit.col2{background:#60513a;padding:17px 0;margin-top:20px;}
.orgChart-wrap .org-tit.col2::before{height:calc(100% + 50px);}
.orgChart-wrap .org-tit.col2::after{content:'';display:block;width:100%;height:1px;background:#898989;position:absolute;top:-50px;}
.orgChart-wrap .org-tit.col2.first::after{left:50%;}
.orgChart-wrap .org-tit.col2.last::after{right:50%;}

.org-system-box{padding:60px 0;border:1px solid #ececec;border-radius:3px;margin-top:30px;}
.org-system-box > ul{display:flex;flex-wrap:wrap}
.org-system-box > ul + ul > li{padding-top:50px;}
.org-system-box > ul > li{padding:0 40px;width:25%;}
.org-system-box > ul > li.wid50p{width:50%;}
.org-system-box > ul > li.wid50p > ul{display:flex;flex-wrap:wrap;}
.org-system-box > ul > li.wid50p > ul > li{width:50%;}
.org-system-box > ul > li.wid50p > ul > li:nth-child(2){margin-top:0;}
.org-system-box > ul > li.wid50p > ul > li:nth-child(odd){padding-right:40px;}
.org-system-box > ul > li.wid50p > ul > li:nth-child(even){padding-left:40px;}
/*
.org-system-box > ul > li.wid50p > ul > li{display:flex;}
.org-system-box > ul > li.wid50p > ul > li > *{width:50%;}
.org-system-box > ul > li.wid50p > ul > li > *:first-child{padding-right:40px;}
.org-system-box > ul > li.wid50p > ul > li > *:last-child{padding-left:40px;}
*/
.org-system-box > ul > li + li{border-left:1px solid #ececec;}
.org-system-box > ul > li:nth-child(n+5){padding-top:55px;}
.org-system-box .depth1-tit{font-size:20px;color:#a06a3c;font-weight:700;}
.org-system-box a{pointer-events: none;}
.org-system-box a.link{padding-right:25px;background:url(/_res/songeui/ko/img/common/new_link_ic.png) no-repeat 100% 50%;pointer-events:auto;}
.org-system-box .depth1-tit + ul{margin-top:20px;}
.org-system-box .depth1-tit + ul > li + li{margin-top:20px}
.org-system-box .depth2-tit{font-size:16px;color:#333;font-weight:700;}
.org-system-box .depth2-tit + ul{margin-top:10px;}

@media screen and (max-width: 1024px){
	
	.orgChart > .con-box > img.tablet{display:block;}
	.orgChart > .con-box > img.desktop,
	.orgChart > .con-box > img.mobile{display:none;} /*접근성임시*/
	
	.orgChart-wrap {
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.orgChart-wrap > div:first-child,
	.orgChart-wrap .org-wrap-tit{display:none;}

	.org-system-box > ul > li{width:50%;}
	.org-system-box > ul > li:nth-child(n+3){padding-top:40px;}
	.org-system-box > ul > li.wid50p > ul > li{display:block;}
	.org-system-box > ul > li.wid50p > ul > li > *{width:100% !important; padding:0 !important;}
}

@media screen and (max-width: 768px){
	.orgChart-wrap {
		position:relative;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
	}
	.orgChart-wrap .org-box{display:block;padding:15px;}
	.orgChart-wrap .org-box > ul{width:100%;}
	.orgChart-wrap .org-box > ul.row1{display:block;}
	.orgChart-wrap .org-box > ul.row1 > li + li{margin:0;}
	.orgChart-wrap .org-tit{font-size:16px;height:60px;}
	.orgChart-wrap .org-tit span{font-size:14px;margin-top:0;}
	.orgChart-wrap .org-tit.col1{line-height:60px;position:relative;}
	.orgChart-wrap .org-tit.col1::before{content:'';display:block;height:300px;width:1px;background:#e1e1e1;position:absolute;left:50%;bottom:-300px;}
	.orgChart-wrap .org-box.col1:not(.org-tit){position:absolute;width:calc(50% - 5px);top:80px;}
	.orgChart-wrap .org-box.col1.first{left:0;}
	.orgChart-wrap .org-box.col1.last{right:0;}
	.orgChart-wrap .org-tit.col2{padding:10px 0;margin-top:300px;}
	.orgChart-wrap .ul-type-dot > li{word-break: break-all;}
	.orgChart-wrap .empty-box.col1{display:none;}
	.orgChart-wrap .empty-box.col1::after{width:calc(100% + 20px);left:-10px;}

	.org-system-box{padding:30px 0}
	.org-system-box > ul > li{padding:0 20px;}
	.org-system-box .depth1-tit{font-size:18px;}
	.org-system-box .depth1-tit + ul{margin-top:12px;}
	.org-system-box .depth2-tit + ul{margin-top:5px;}
}

@media screen and (max-width: 480px){
	.orgChart > .con-box > img.mobile{display:block;width:100%;}
	.orgChart > .con-box > img.desktop,
	.orgChart > .con-box > img.tablet{display:none;} /*접근성임시*/
	
	
	.org-system-box > ul > li:nth-child(n+3){padding-top:20px;}
	.org-system-box{padding:0;}
	.org-system-box > ul > li{width:100%;padding:20px;}
	.org-system-box > ul > li:nth-child(n+5){padding-top:20px;}
	.org-system-box > ul > li + li{border-left:0;border-top:1px solid #ececec;}
	.org-system-box > ul + ul{border-top:1px solid #ececec;}
	.org-system-box > ul + ul > li{padding-top:20px;}
}

/* 성신교정 > 대학기구 조직도 */
/*
.orgChart .border-box .con-p + .flx{margin-top:20px;align-items:flex-end;}
.orgChart .border-box .dl-box{margin-right:15px;}
.orgChart .border-box .link-box{margin-top:10px;}

.orgChart-wrap3 .org-tit{padding:25px 0;width:100%; max-width:280px;font-size:17px;color:#fff;font-weight:700;border-radius:3px;text-align: center;}
.orgChart-wrap3 > .org-tit{background:#471b00;margin:0 auto;position:relative;}
.orgChart-wrap3 > .org-tit::before{content:'';display:block;width:1px;height:100%;background:#898989;position:absolute;left:50%;top:100%;}
.orgChart-wrap3 > .org-wrap{position:relative;}
.orgChart-wrap3 .org1::before{content:'';display:block;width:1px;height:100%;background:#898989;position:absolute;left:50%;}
.orgChart-wrap3 .org1{margin-top:40px;}
.orgChart-wrap3 .org1 > .org-tit{background:#3a1c62;margin:0 auto;}
.orgChart-wrap3 .tit1{margin-right:10px;}
.orgChart-wrap3 .tit1:nth-child(2){margin-top:90px;}
.orgChart-wrap3 .tit2{right:0;display:flex;flex-direction:column;justify-content:center;align-items:end;margin-left:10px;}
.orgChart-wrap3 .tit1 > .org-tit,
.orgChart-wrap3 .tit2 > .org-tit{background:#5e5851;}
.orgChart-wrap3 .tit2 > .org-tit:nth-child(2){margin:10px 0;}
.orgChart-wrap3 .org1 .dep1-wrap{margin:0 auto;max-width:800px;height:315px;margin-top:35px;display:flex;position:relative;}
.orgChart-wrap3 .org1 .dep1-wrap .dep-wrap{width:50%;}
.orgChart-wrap3 .org1 .dep1-wrap .dep-wrap ul > li{position:relative;width:calc(100% - 10px);}
.orgChart-wrap3 .org1 .dep1-wrap .dep-wrap ul > li::before{content:'';display:block;position:absolute;top:50%;z-index:-1;width:100%;height:1px;background:#898989;}
.orgChart-wrap3 .tit1::before{left:10px;}
.orgChart-wrap3 .tit2::before{right:10px;}
.orgChart-wrap3 .org2::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#898989;}
.orgChart-wrap3 .org2 .dep1-wrap{display:flex;justify-content:space-between;}
.orgChart-wrap3 .org2 .dep1-wrap > li{position:relative;padding-top:40px;}
.orgChart-wrap3 .org2 .dep1-wrap > li::before{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:40px;background:#898989;}
.orgChart-wrap3 .org2 .dep1-wrap > li:first-child{width:20.714%;}
.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(2),
.orgChart-wrap3 .org2 .dep1-wrap > li:last-child{width:36.428%;margin-left:45px;}
.orgChart-wrap3 .org2 .dep1-wrap > li:first-child::after{content:'';display:block;position:absolute;top:-1px;left:0;width:50%;height:3px;background:#fff;}
.orgChart-wrap3 .org2 .dep1-wrap > li:last-child::after{content:'';display:block;position:absolute;top:-1px;right:-1px;width:50%;height:3px;background:#fff;}
.orgChart-wrap3 .org2 .org-tit-wrap{position:relative;padding-bottom:40px;}
.orgChart-wrap3 .org2 .org-tit-wrap::after{content:'';display:block;position:absolute;bottom:0;left:50%;width:1px;height:40px;background:#898989;}
.orgChart-wrap3 .org2 .org-tit{margin:0 auto; background:#60513a;}
.orgChart-wrap3 .org2 .org-box{display:flex;align-items:center;padding:0 24px;width:63px;height:200px;background:#f6f2eb;font-size:15px;font-weight:600;word-break:break-all;}
.orgChart-wrap3 .org2 .dep2-wrap,
.orgChart-wrap3 .org2 .dep3-wrap{display:flex;justify-content:space-between;position:relative;width:100%;}
.orgChart-wrap3 .org2 .dep2-wrap::before,
.orgChart-wrap3 .org2 .dep3-wrap::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:1px;background:#898989;}
.orgChart-wrap3 .org2 .dep3-wrap.only::before{display:none;}
.orgChart-wrap3 .org2 .dep2-wrap > .depli{display:flex;flex-direction:column;align-items:center;position:relative;padding-top:40px;}
.orgChart-wrap3 .org2 .dep2-wrap > .depli::before{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:40px;background:#898989;}
.orgChart-wrap3 .org2 .dep2-wrap > .depli:first-child::after{content:'';display:block;position:absolute;top:-1px;left:0;width:50%;height:3px;background:#fff;}
.orgChart-wrap3 .org2 .dep2-wrap > .depli:last-child::after{content:'';display:block;position:absolute;top:-1px;right:-1px;width:50%;height:3px;background:#fff;}
.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(2) .dep2-wrap > .depli:first-child{width:34.117%}
.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(2) .dep2-wrap > .depli:nth-child(2){width:56.078%;margin-left:45px;}

.orgChart-wrap3 .org2 .dep3-wrap{position:relative;padding-top:40px;margin-top:40px;}
.orgChart-wrap3 .org2 .dep3-wrap::after{content:'';display:block;position:absolute;top:-40px;left:50%;width:1px;height:40px;background:#898989;}
.orgChart-wrap3 .org2 .dep3-wrap .org-box{position:relative;background:#f2f2f2;}
.orgChart-wrap3 .org2 .dep3-wrap .org-box::before{content:'';display:block;position:absolute;top:-40px;left:50%;width:1px;height:40px;background:#898989;}
.orgChart-wrap3 .org2 .dep3-wrap .org-box:first-child::after{content:'';display:block;position:absolute;top:-41px;left:0;width:50%;height:3px;background:#fff;}
.orgChart-wrap3 .org2 .dep3-wrap .org-box:last-child::after{content:'';display:block;position:absolute;top:-41px;right:-1px;width:50%;height:3px;background:#fff;}

.orgChart .tab-outer{margin-bottom:30px;}
.orgChart .js-tab-con .border-box + .border-box{margin-top:40px;}  */

.org-wrapper {margin: 0 auto;width: 100%; padding:0 66px;}
.org{margin:40px auto;padding:0 20px;position:relative;font-family:"Pretendard",sans-serif; min-width: 1400px;}
.node{display:inline-flex;align-items:center;justify-content:center; padding:8px 18px;border-radius:3px;white-space:nowrap; font-weight:600;font-size:14px;line-height:1.2;position:relative}
.node--top{background:#173b8c;color:#fff; width:236px; height:60px; font-size:26px;}
.node--blue{background:#00a8df;color:#fff;width:187px; height:50px;font-size:20px;}
.node--orange{background:#ff8a00;color:#fff;width:187px; height:50px; font-size:20px; z-index:1;}
.node--dark{background:#666;color:#fff; width:180px; height:45px; font-size:18px; z-index:1;}
.node--light{background:#f9f9f9;color:#333;border:1px solid #e5e5e5;  width:140px; height:40px;font-size:16px; z-index:1; } :root{--line:#cfcfcf; } 
.node--brown{background:#b1a79c;color:#fff; width:140px; height:45px; font-size:18px;  z-index:1;}
.nod_fl{display:flex; gap:15px;}
.nod_fl02{display:flex; justify-content:end; position:relative; left:40px;}
.top{display:flex;justify-content:center;margin-bottom:28px;position:relative}
.top::after{content:"";position:absolute;top:100%;left:50.1%;transform:translateX(-50%); width:1px;height:40px;background:var(--line)} 
.rw02{display:flex;justify-content:space-between;gap:50px;position:relative}
.rw02::before{content:"";position:absolute;top:-1px;left:63px;width:89.9%;height:1px;background:var(--line)} /* block */
.block{flex:1;min-width:300px;position:relative;padding-top:15px}
.block::before{content:"";position:absolute;top:0;left:50.3%;transform:translateX(-50%); width:1px;height:63%;background:var(--line)}
.block__head{display:flex;justify-content:center;margin-bottom:20px} /* lane */
.lane{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;position:relative;margin-bottom:20px}
/* .lane::before{content:"";position:absolute;top:-18px;left:0;width:100%;height:1px;background:var(--line)} */
.lane>li{list-style:none;position:relative;padding-top:45px}
/* .lane>li::before{content:"";position:absolute;top:38px;right:-30px;transform:translateX(-50%); width:21px;height:1px;background:var(--line)}  */
.nod_fl>li{position:relative;}
.nod_fl>.dod_pl::before{display:none;}
.nod_fl>li::before{content:"";position:absolute;top:23px;right:-62px;transform:translateX(-50%); width:45px;height:1px;background:var(--line)} 
.branch{justify-content:center;gap:10px;position:relative;margin-top:12px}
/* .branch::before{content:"";position:absolute;top:-18px;left:50%;transform:translateX(-50%); width:1px;height:18px;background:var(--line)} */
.branch>li{list-style:none} 
.pillar{margin-top:100px;padding-left:0px;position:relative}
/* .pillar::before{content:"";position:absolute;top:0;left:20px;width:1px;height:100%;background:var(--line)}  */
.pillar__col{margin-bottom:16px;position:relative; width:min-content; margin:0 auto;}
.pillar__title{font-size:13px;color:#777;margin-bottom:6px;display:block}
.pillar__col .node{margin:0px 0}
.bthr{left:135px; position:relative}
/* .bthr::after{content: "";position: absolute;top: 0;left: 50%; width: 1px;height: 100%;background: var(--line);} */
.ulto{top:455px; right:586px; flex-wrap:nowrap}
.bpnt01{padding-top:220px; position:relative; right:147px;}
.bpnt01::after{content: "";position: absolute;top: 0;left: 50%; width: 1px;height: 52%;background: var(--line);}
.la01{right:0px;}
.node_box{text-align:center; border:1px solid #e5e5e5; z-index:1; background:#fff; padding:10px 0;}
.node_box p{margin:5px 0; font-weight:500;}
.nd03{position:relative; }
.nd03::before{content:"";position:absolute;top:50%;left:-31px;width:30px;height:1px;background:var(--line)} 
.nb05{position:relative; }
.nb05::before{content:"";position:absolute;top:50%;right:95px;width:86%;height:1px;background:var(--line)}
.nd06{position:relative; z-index:1;}
.nd06::before{content:"";position:absolute;bottom:-78px; width:1px;height:170%;background:var(--line)} 
.nd06::after{content:"";position:absolute;top:-9px; width:1px;height:20%;background:var(--line)} 
.nd07{position:relative; z-index:1;}
.nd07::before{content:"";position:absolute;left:-59px; width:58%;height:1px;background:var(--line)} 
.nd07::after{content:"";position:absolute;bottom:-36px; width:1px;height:95%;background:var(--line)} 
.nd08{position:relative; z-index:1;}
.nd08::before{content:"";position:absolute;left:-16px; width:17%;height:1px;background:var(--line)} 
.tobo{display:flex; flex-wrap:nowrap; position:relative}
.tobo::before{content:"";position:absolute; top:36px; left:-162px; width:171.9%;height:1px;background:var(--line)} 
.tobo02{display:flex; flex-wrap:nowrap; position:relative}
.tobo02::before{content:"";position:absolute; top:36px; left:-119px; width:152.9%;height:1px;background:var(--line)} 
.tobo02::after{content:"";position:absolute; bottom:45px; left:193px; width:143.9%;height:1px;background:var(--line)} 
.nd09{position:relative; z-index:1;}
.nd09::after{content:"";position:absolute;top:-9px; width:1px;height:20%;background:var(--line)} 
.nd10{position:relative; z-index:1;}
.nd10::before{content:"";position:absolute;right:-10px; width:7%;height:1px;background:var(--line)} 
.nd11{position:relative; z-index:1;}
.nd11::before{content:"";position:absolute;bottom:-14px; width:1px;height:31%;background:var(--line)} 
.nd11::after{content:"";position:absolute;top:-9px; width:1px;height:20%;background:var(--line)} 
.nd12{position:relative; z-index:1;}
.nd12::after{content:"";position:absolute;top:-9px; width:1px;height:20%;background:var(--line)} 
.nb13{position:relative; z-index:1;}
.nb13::after{content:"";position:absolute;top:-10px; right:-343px; width:298%;height:1px;background:var(--line)} 
.nb14{position:relative; z-index:1;}
.nb14::after{content:"";position:absolute;top:66px; left:-8px; width:1px;height:73%;background:var(--line)} 
.nd15{position:relative; z-index:1;}
.nd15::after{content:"";position:absolute;top:-75px; right:-26px; width:19%;height:1px;background:var(--line)} 

button.bd03{margin-top:0px; color:#001345; border:1px solid #001345; padding:16px 23px; font-weight:600; border-radius:2px;}
.event-dot { display: block;width: 4px; height: 4px; margin: 0px auto 0; border-radius: 50%; background-color: #ff8a00; }

@media (max-width: 1550px) {
  .org-wrapper {overflow-x: auto;}
  .org { min-width: 1400px;}
}

@media screen and (max-width:1200px){
	.orgChart-wrap3 .org2 .org-box{padding:0 15px;width:45px;}
}

@media screen and (max-width:1024px){
	/*.orgChart-wrap3 .org2 .dep2-wrap div .org-box{width:45px;padding:0 15px;}*/
	.orgChart-wrap3 .org2 .org-box{height:150px;font-size:14px;}
	.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(2),
	.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(3),
	.orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(2) .dep2-wrap > .depli:nth-child(2){margin-left:15px;}
}

@media screen and (max-width:768px){
	.cukrnd .box1{padding:20px 10px;}

	.orgChart-wrap3{min-width:550px;}
	.orgChart-wrap3 .org-tit{padding:15px 0;font-size:15px;}
	.orgChart-wrap3 .org1 .dep1-wrap{height:215px;}
	.orgChart-wrap3 .org1 .dep1-wrap > li{height:50px;}
	.orgChart-wrap3 .org1{padding-bottom:0;margin-top:15px;}
	.orgChart-wrap3 .org1 .dep1-wrap{margin-top:15px;}
	
	/*.orgChart-wrap3 .org2 .dep1-wrap{display:block;}*/
	/*.orgChart-wrap3 .org2 .dep1-wrap > li{width: 100% !important;margin-left:0 !important;padding-top:15px;}*/
	.orgChart-wrap3 .org2 .org-box{width:30px;padding:0 9px;}
	.orgChart-wrap3 .org2 .org-tit-wrap{padding-bottom:15px;}
	.orgChart-wrap3 .org2 .org-tit-wrap::after,
	.orgChart-wrap3 .org2 .dep2-wrap > .depli::before{height:15px;}
	.orgChart-wrap3 .org2 .dep2-wrap > .depli,
	.orgChart-wrap3 .org2 .dep3-wrap{padding-top:15px;}
	.orgChart-wrap3 .org2 .dep3-wrap{margin-top:15px;}
	.orgChart-wrap3 .org2 .dep3-wrap::after,
	.orgChart-wrap3 .org2 .dep3-wrap .org-box::before{top:-15px;height:15px;}
	.orgChart-wrap3 .org2 .dep3-wrap .org-box:first-child::after,
	.orgChart-wrap3 .org2 .dep3-wrap .org-box:last-child::after{top:-17px;}
	
	.orgChart > .con-box{overflow:auto;}
	.orgChart .tab-outer{margin-bottom:15px;}
	.orgChart .orgChart-wrap3 .org1 .dep1-wrap{height:190px;}
	.orgChart .js-tab-con .border-box + .border-box{margin-top:20px;}
	/*.orgChart .orgChart-wrap3 .org2::before{display:none;}*/

}

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

	.orgChart .border-box .dl-box,
	.orgChart .border-box .link-box{width:100%;}
	.orgChart .border-box .dl-box{margin-right:0;}
}

.ol-box .link-box .cir-link{position:absolute;right:30px;top:30px;width:45px;height:45px;border-radius:50%;background-repeat: no-repeat;background-position:50% 50%;background-image: url(/_res/songeui/ko/img/common/menu02/homepage_ico_wh.png);text-indent:-9999em;font-size:0;}
.ol-box .link-box .cir-link.col01{background-color:#4194b1;}
.ol-box .link-box .cir-link.col02{background-color:#2752c1;}
.ol-box .link-box .cir-link.col03{background-color:#783ec7;}
.ol-box .link-box .box-tit{padding:0 0 10px 0; font-size:20px;color:#000;font-weight:700;padding-right:15px;display: inline-block;background:url(/_res/songeui/ko/img/common/menu02/homepage_arr_ico.png) no-repeat 100% 7px;}
.ol-box.col1 > ol > .link-box{width:100%;padding:0;}
.ol-box > ol > .link-box > div{padding:35px 40px;position:relative;height:100%;}
.ol-box > ol > .link-box > div > div{width:100%;}
.ol-box > ol > .link-box > div > div > span{display:block;margin-bottom:30px;}
.ol-box .link-box .dl-box dl{display:flex;flex-wrap:wrap; font-size:15px;color:#000;font-weight:600;}
.ol-box .link-box .dl-box dl dt{position:relative;width:65px;padding-left:28px;}
.ol-box .link-box .dl-box dl dt::before{content:'';display:block;width:18px;background-repeat: no-repeat;position:absolute; left:0;top:0;}
.ol-box .link-box .dl-box .loc dt::before{background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico1.png);height:21px;}
.ol-box .link-box .dl-box dl dd{padding-left:5px;}

@media screen and (max-width:768px){
	.ol-box .link-box .cir-link{right:12px;top:12px;width:34px;height:34px;}
	.ol-box > ol > .link-box > div{padding:15px;}
	.ol-box .link-box .box-tit{font-size:16px;}
	.ol-box .link-box .dl-box dl{font-size:14px;}
	.ol-box .link-box .dl-box dl dt{padding-left:20px;width:55px;}
	.ol-box .link-box .dl-box dl dt::before{width:15px;background-size:15px;top:3px;}
	.ol-box .link-box .dl-box .loc dt::before{height:18px;}
}

/* 규정 */
.rule .img-box{position:relative;height:570px;}
.rule .con-box02{text-align:left;position:absolute;left:0;top:0;height:100%;padding-top:110px;padding-left:125px;}
.rule .con-box02 .con-p{font-size:36px;font-weight:700;color:#333;line-height:1.4;margin-top:20px;}
.rule .con-box02 .con-p span{color:#a06a3c;}
.rule .con-box02 .link-box{margin-top:50px;}

@media screen and (max-width: 768px){
	.rule .con-box02{width:100%;padding:0 15px;padding-top:50px;}
	.rule .con-box02 .con-p{font-size:24px;}
	.rule .img-box{height:360px;}
}

/*정보공개 청구 팝업*/
.infoDisc .dialog-box{max-width:1080px;}
.infoDisc .ul-type-dot > li + li{margin-top:7px;}
.infoDisc .ul-type-dot > span{margin-top:10px;font-size:15px;display:inline-block;}

/*기부, 후원안내*/
.donation .img-box.banner .bnimg-txt-wrap span{color:#e3d1b5;}
.donation .img-box.banner .bnimg-txt-wrap p{color:#fff;}
.donation .dl-box dl dt{width:auto;}
.donation .box1 .bg-box + .bg-box{margin-top:20px;}
.donation .box1 .link-box{margin-top:25px;}




/*오시는 길*/
.map-outer{border:1px solid #dce3e7;border-radius:8px;overflow:hidden;}
.map-con-box{width:100%;height:550px;}
.map-con-box > div{width:100%;}
.map-con-box .root_daum_roughmap .wrap_map{min-height:550px;}
.map-address-box{position:relative;border-top:1px solid #dce3e7;padding:0 40px;box-sizing:border-box;}
.map-address-box .map-title-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:21px 0 26px;border-bottom:1px solid rgba(0,0,0,.06);font-size:0;}
.map-address-box .map-title-box > div .map-title{display:inline-block;margin:5px 26px 0 0;font-size:24px;font-weight:700;color:#000;line-height:29px;vertical-align:middle;}
.map-address-box .map-title-box > div span{display:inline-block;margin:5px 0 0;padding:10px 17px 9px;border-radius:20px;background-color:#111;font-size:16px;font-weight:700;color:#fff;line-height:21px;vertical-align:middle;}
.map-address-box .map-title-box .map-btn{display:inline-block;height:50px; padding:0px 22px;border-radius:24px;background-color:#fae103;font-size:0;box-sizing:border-box;}
.map-address-box .map-title-box .map-btn span{display:inline-block;font-size:15px;font-weight:600;color:#111;line-height:20px;line-height: 50px;}
.map-address-box .map-title-box .map-btn span::before{content:'';display:inline-block;margin:-2px 13px 0 0;width:18px;height:25px;background:url(/_res/songeui/ko/img/common/kakaomap_ico.png) no-repeat 0 0/100%;vertical-align:middle;}
.map-address-box .map-title-box .map-btn span::after{content:'';display:inline-block;margin:-4px 0 0 7px;width:7px;height:12px;background:url(/_res/songeui/ko/img/common/kakaomap-arr.png) no-repeat 0 0/100%;vertical-align:middle;}

.map-address-box .map-address > ul{padding:25px 0 28px;border-bottom:1px solid rgba(0,0,0,.06);font-size:0;}
.map-address-box .map-address > ul > li{margin:0 0 15px;}
.map-address-box .map-address > ul > li:last-of-type{margin:0;}
.map-address-box .map-address > ul > li p{display:inline-block;width:155px;font-size:16px;font-weight:700;color:#333;line-height:21px;vertical-align:top;}
.map-address-box .map-address > ul > li p::before{content:'';display:inline-block;margin:0 13px 0 0;width:18px;height:20px;background-size:100%;background-position:0 0;background-repeat:no-repeat;vertical-align:middle;}
.map-address-box .map-address > ul > li.addr p::before{background-image:url(/_res/songeui/ko/img/common/map_addr_ico.png);}
.map-address-box .map-address > ul > li.tel p::before{background-image:url(/_res/songeui/ko/img/common/map_tel_ico.png);}
.map-address-box .map-address > ul > li span{display:inline-block;width:calc(100% - 155px);font-size:16px;font-weight:400;color:#555;line-height:21px;word-break:break-all;vertical-align:top;}
.map-address-box .map-address > ul > li span a{display:inline-block;}
.map-address-box .map-address > ul > li span a:hover{text-decoration:underline;}
.map-address-box .map-address .map-mark-p{padding:19px 0 35px;font-size:0;}
.map-address-box .map-address .map-mark-p::before{content:'※';display:inline-block;margin:-2px 7px 0 0;font-size:22px;font-weight:100;line-height:24px;vertical-align:top;}
.map-address-box .map-address .map-mark-p span{display:inline-block;width:calc(100% - 18px);font-size:16px;font-weight:400;color:#555;line-height:24px;word-break:keep-all;}

.map .border-box{display:flex;align-items: center;}
.map .border-box .box-tit{padding:0;font-size:18px;color:#333}
.map .border-box .box-tit + .box-tit{margin-top:10px}
.map .border-box .box-tit .min{font-size:16px}
.map .border-box > p{display:inline-block;padding-top:50px;background-repeat: no-repeat;background-position:50% 0;text-align: center;margin-right:40px;width:81px;}
.map .border-box > p > span{padding:7px 13px;border-radius:30px;color:#fff;font-size:15px;font-weight:600;margin-top:45px;}
.map .border-box .ul-type-dot{margin-top:10px}
.map .box1 > p,
.map .box2 > p,
.map .box5 > p,
.map .box6 > p{background-image:url(/_res/songeui/ko/img/common/menu01/map_subway_ico.png);}
.map .box6 > p{position:relative;margin-bottom:30px;}
.map .box3 > p,
.map .box4 > p{background-image:url(/_res/songeui/ko/img/common/menu01/map_bus_ico.png);}
.map .box1 > p > span{background:#0052a4;}
.map .box2 > p > span{background:#739725;}
.map .box3 > p > span{background:#0d9788;}
.map .box4 > p > span{background:#9d4983;}
.map .box5 > p > span{background:#4c9fda;}
.map .box6 > p > span{background:#6a7025;position:absolute;margin-top:0;width:100px;bottom:-25px;left:50%;transform:translateX(-50%);}
.map .met2 > p > span{background:#1AA04E;}
.map .met3 > p > span{background:#e46216;}
.map .met4 > p > span{background:#0092c5;}
.map .met7 > p > span{background:#696E36;}
.map .met9 > p > span{background:#90896e;}

.map .box1 .str{color:#0a4086}
.map .box2 .str{color:#739725}
.map .met2 .str{color:#00a144}
.map .met3 .str{color:#e46216}
.map .met4 .str{color:#0092c5}
.map .met7 .str{color:#696e2e}
.map .met9 .str{color:#90896e}

.map .ul-type-dot .col01{color:#6a7025;font-weight:600;}
.map .ul-type-dot .col02{color:#cba540;font-weight:500;}
.map .border-box > div{width:calc(100% - 121px);}
.map .border-box.bus{padding-right:10px}

/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc-rtl {
  text-align: right; }

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: .3; }

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: .3; }

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7; }

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 .2em;
  vertical-align: middle; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none; }

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block; }

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px; }

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px; }

.fc-popover .fc-header .fc-title {
  margin: 0 2px; }

.fc-popover .fc-header .fc-close {
  cursor: pointer; }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left; }

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right; }

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px; }

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0; }

.fc-clear {
  clear: both; }

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */ }

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */ }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */ }

.fc th {
  text-align: center; }

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top; }

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */ }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer; }

a[data-goto]:hover {
  text-decoration: underline; }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0; }

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent; }

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */ }

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative; }

.fc-row .fc-bg {
  z-index: 1; }

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */ }

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent; }

.fc-row .fc-bgevent-skeleton {
  z-index: 2; }

.fc-row .fc-highlight-skeleton {
  z-index: 3; }

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */ }

.fc-row .fc-helper-skeleton {
  z-index: 5; }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent; }

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0; }

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0; }

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch; }

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */ }

.fc-event,
.fc-event-dot {
 /* background-color: #3a87ad; */
  /* default BACKGROUND color */ }

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */ }

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */ }

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed; }

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: .25; }

.fc-event .fc-content {
  position: relative;
  z-index: 2; }

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4; }

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none; }

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block; }

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px; }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0; }

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */ }

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */ }

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */ }

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px; }

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */ }

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */ }

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px; }

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */ }

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: .25; }

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden; }

.fc-day-grid-event .fc-time {
  font-weight: bold; }

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */ }

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */ }

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none; }

a.fc-more:hover {
  text-decoration: underline; }

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none; }

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */ }

.fc-more-popover {
  z-index: 2;
  width: 220px; }

.fc-more-popover .fc-event-container {
  padding: 10px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red; }

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent; }

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
  }

.fc-unthemed .fc-popover {
  background-color: #fff; }

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666; }

.fc-unthemed td.fc-today {
  background: #fcf8e3; }

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3; }

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative; }

.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%; }

.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%; }

.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%; }

.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%; }

.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%; }

.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%; }

.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid; }

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px; }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5; }

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */ }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal; }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */ }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */ }

.fc.fc-bootstrap3 a {
  text-decoration: none; }

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

.fc.fc-bootstrap4 a {
  text-decoration: none; }

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline; }

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit; }

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0; }

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff; }

.fc-bootstrap4 .fc-popover.card {
  position: absolute; }

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none; }

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center; }

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em; }

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em; }

.fc-toolbar .fc-left {
  float: left; }

.fc-toolbar .fc-right {
  float: right; }

.fc-toolbar .fc-center {
  display: inline-block; }

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: .75em; }

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0; }

/* title text */
.fc-toolbar h2 {
  margin: 0; }

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative; }

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2; }

.fc-toolbar .fc-state-down {
  z-index: 3; }

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4; }

.fc-toolbar button:focus {
  z-index: 5; }

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1; }

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */ }

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */ }

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden; }

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3; }

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px; }

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */ }

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right; }

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left; }

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0; }

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px; }

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080; }

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center; }

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em; }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */ }

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */ }

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */ }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap; }

.fc-ltr .fc-axis {
  text-align: right; }

.fc-rtl .fc-axis {
  text-align: left; }

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1; }

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */ }

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent; }

.fc-time-grid > .fc-bg {
  z-index: 1; }

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */ }

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0; }

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1; }

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2; }

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3; }

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4; }

.fc-time-grid .fc-now-indicator-line {
  z-index: 5; }

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6; }

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */ }

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted; }

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */ }

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */ }

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px; }

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%; }

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */ }

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0; }

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */ }

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible; }

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */ }

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */ }

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px; }

.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap; }

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap; }

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top; }

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */ }

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */ }

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */ }

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize; }

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "="; }

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px; }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0; }

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */ }

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px; }

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */ }

.fc-list-view {
  border-width: 1px;
  border-style: solid; }

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */ }

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px; }

.fc-list-table tr:first-child td {
  border-top-width: 0; }

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px; }

.fc-list-heading td {
  font-weight: bold; }

.fc-ltr .fc-list-heading-main {
  float: left; }

.fc-ltr .fc-list-heading-alt {
  float: right; }

.fc-rtl .fc-list-heading-main {
  float: right; }

.fc-rtl .fc-list-heading-alt {
  float: left; }

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */ }

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px; }

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0; }

.fc-rtl .fc-list-item-marker {
  padding-left: 0; }

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit; }

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline; }

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table; }

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee; }


  
 /* custom */
 .fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: auto;
  padding: auto;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer; }



.fc-day .fc-day-content > div {
  height: auto !important;   /* inline height:0px 무시 */
  min-height: 50px;          /* 원하는 높이값 강제 */
}

@media (max-width: 850px) {
  #showCalArea { overflow-x: auto;   }
  #showCalArea .fc-view {min-width: 850px;   }
}

@media screen and (max-width:1024px){
	.map-con-box .root_daum_roughmap .wrap_map{min-height:400px;}
	.map-address-box{padding:0 20px;}

}

@media screen and (max-width:768px){
	.map-con-box{height:350px;}
	.map-con-box .root_daum_roughmap .wrap_map{min-height:300px;}
	.map-address-box .map-title-box{padding:8px 0 13px;}
	.map-address-box .map-title-box > div .map-title{margin:5px 13px 0 0;font-size:20px;line-height:25px;}
	.map-address-box .map-title-box > div span{padding:5px 10px;font-size:14px;line-height:19px;}
	.map-address-box .map-title-box .map-btn{margin:10px 0 0;width:100%;text-align:center;padding:0px 10px;}
	.map-address-box .map-title-box .map-btn span{font-size:14px;}
	.map-address-box .map-title-box .map-btn span::before{margin:0 8px 0 0;width:15px;height:22px;}
	.map-address-box .map-title-box .map-btn span::after{margin:-2px 0 0 4px;width:5px;height:10px;}
	.map-address-box .map-address > ul{padding:13px 0;}
	.map-address-box .map-address > ul > li{margin:0 0 10px;}
	.map-address-box .map-address > ul > li p{width:110px;font-size:14px;line-height:19px;}
	.map-address-box .map-address > ul > li p::before{margin:0 6px 0 0;width:16px;height:18px;}
	.map-address-box .map-address > ul > li span{width:calc(100% - 110px);font-size:14px;line-height:19px;}
	.map-address-box .map-address .map-mark-p{padding:10px 0 15px;}
	.map-address-box .map-address .map-mark-p::before{margin:0 7px 0 0;font-size:20px;line-height:22px;}
	.map-address-box .map-address .map-mark-p span{width:calc(100% - 16px);font-size:14px;line-height:22px;}
	
	.map .border-box > p{margin-right:20px;}
	.map .border-box > div{width:calc(100% - 100px);}
}

@media screen and (max-width:480px){
	.map-address-box .map-address > ul > li p{width:100%;}
	.map-address-box .map-address > ul > li span{margin:5px 0 0;width:100%;}
}

/*캠퍼스투어*/
.tour .step-wrap > ul > li:first-child > div{background-image: url(/_res/songeui/ko/img/common/menu01/tour_step1_ic.png);}
.tour .step-wrap > ul > li:nth-child(2) > div{background-image: url(/_res/songeui/ko/img/common/menu01/tour_step2_ic.png);}
.tour .step-wrap > ul > li:last-child > div{background-image: url(/_res/songeui/ko/img/common/menu01/tour_step3_ic.png);}
.tour .step-wrap .step-box .step-info{margin-top:15px;}

.tour .cal-wrap{display:flex;}
.tour .cal-box{width:calc(100% - 480px);margin-right:20px;}
.tour .time-box{width:480px;padding-top:64px;}
.tour .time-box > div{border:1px solid #ccc;height:calc(100% - 35px);}
.tour .time-box .def{padding:0 50px;}
.tour .time-box .def > div{padding:30px 0;}
.tour .time-box .def > div + div{border-top:1px solid #eee;}
.tour .time-box .def .msg{font-size:24px;color:#333;font-weight:600;text-align: center;line-height: 1.4;padding-top:130px;background:url(/_res/songeui/ko/img/common/tour_timebox_def_ic.png) no-repeat 50% 30px;}
.tour .time-box .def .alert-txt{line-height: 1.7;text-align: center;}
.tour .time-box .time-sel > div:first-child{padding:20px;display:flex;align-items: center;border-bottom:1px solid #ccc;}
.tour .time-box .time-sel .date{font-size:18px;color:#000;font-weight:600;margin:0 10px;}
.tour .time-box .time-sel .date + span{font-size:15px;color:#898989;font-weight:500;}
.tour .time-box .time-sel ul li{display:flex;justify-content: space-between;align-items: center;padding:0 20px}
.tour .time-box .time-sel .check + span{font-size:12px;font-size:12px;font-weight:600;padding-left:10px;position:relative;color:#002aff;}
.tour .time-box .time-sel .check + span::before{content:'';display:block;width:3px;height:3px;background:#002aff; position:absolute;left:0;top:5px;}
.tour .time-box .time-sel .check{display:inline-block; padding:20px 0px;}
.tour .time-box .time-sel .check .txt{font-size:16px;color:#333;font-weight:500;}
.tour .time-box .time-sel .resv-no{background:#f9f9f9;}
.tour .time-box .time-sel .resv-no .check .ico{border-color:#e0e0e0;background-color:#f9f9f9;}
.tour .time-box .time-sel .resv-no .check .txt,
.tour .time-box .time-sel .resv-no .check + span{color:#898989;}
.tour .time-box .time-sel .resv-no .check + span::before{background:#898989;}

.tour .write-wrap .blue-box > p{position:relative;display:inline-block; padding-left:40px;font-size:16px;color:#333;font-weight:600;}
.tour .write-wrap .blue-box > p::before{content:'';display:inline-block;width:23px;height:22px;background:url(/_res/songeui/ko/img/common/cal_ico.png) no-repeat;position:absolute;left:0;top:50%;transform: translateY(-50%);}


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

	.tour .step-wrap .step-box > div{background-size:40px;}
	.tour .step-wrap .step-box .step-info{margin-top:10px;}

	.tour .cal-wrap{flex-wrap:wrap;}
	.tour .cal-wrap > div{width:100%;margin:0;}
	.tour .time-box > div{height:auto !important;}
	.tour .time-box .def{height:100% !important;}
}

@media screen and (max-width:768px){
	.tour .time-box .def{padding:0 20px;}
	.tour .time-box .def > div{padding:20px 0;}
	.tour .time-box .def .msg{font-size:18px;padding-top:80px;background-position:50% 0;}
	.tour .time-box .def .alert-txt{line-height: 1.7;text-align: center;}

	.tour .time-box{padding-top:30px;}
	.tour .time-box .time-sel > div:first-child{padding:15px;}
	.tour .time-box .time-sel .date{font-size:16px;}
	.tour .time-box .time-sel .date + span{font-size:14px;}
	.tour .time-box .time-sel .check{padding:15px 0;}
	.tour .time-box .time-sel .check .txt{font-size:14px;}

	
}

/* 캠퍼스투어 */
.campusTour .box1{padding:0;width:calc(45% - 10px);}
.campusTour .box1 .img-box{height:100%;}
.campusTour .box2{display:flex;width:calc(55% - 10px);flex-wrap: wrap;}
.campusTour .box2 > div{width:50%;}
.campusTour .box2 ul li{position:relative; font-size:18px;color:#333;font-weight:600;padding:15px 0 15px 43px;word-break: keep-all;}
.campusTour .box2 ul li span{position:absolute;left:0;top:10px; display:inline-block; width:30px;height:30px;border-radius:50%;background:#e7edf7;text-align: center;line-height:30px;font-size:14px;font-weight:700;color:#a06a3c;margin-right:14px;}

.campusTour .route-wrap ul{display:flex;position:relative;justify-content: space-between;}
.campusTour .route-wrap ul + ul{margin-top:30px;}
.campusTour .route-wrap ul:not(.rev)::before{content:'';display:block;width:92%;height:calc(100% + 30px);border-radius:0 20px 20px 0; border-right:1px dashed #8e9ba2;border-top:1px dashed #8e9ba2;border-bottom:1px dashed #8e9ba2;position:absolute;left:8%;top:25px;}
.campusTour .route-wrap ul:not(.rev) li:last-child::after{top:calc(50% + 30px);transform:translate(50%, 50%);}
.campusTour .route-wrap ul.rev{flex-direction: row-reverse;}
.campusTour .route-wrap ul.rev li:first-child::after{display:none;}
.campusTour .route-wrap ul li{text-align:center;flex:1;position:relative;}
.campusTour .route-wrap ul li::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#c5cde2;position:absolute;top:25px;right:0;transform:translateY(-45%);}
.campusTour .route-wrap .bg-cir{margin:0 auto; width:51px;height:51px;border-radius:50%;border:1px solid #6d82b6;background:#e7edf7;position:relative;}
.campusTour .route-wrap .bg-cir span{display:inline-block;width:39px;height:39px;background:#fff;border-radius:50%; color:#a06a3c;font-size:16px;font-weight:800;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);line-height:39px;}
.campusTour .route-wrap ul li p{font-size:16px;color:#333;font-weight:700;margin-top:20px;}
.campusTour .btn-wrap .btn02{width:180px;}


@media screen and (max-width:1024px){
	.campusTour .box1{margin:0 auto;}
	.campusTour .box2{width:100%;}
}

@media screen and (max-width:768px){
	.campusTour .box1{width:100%;}
	.campusTour .box2 ul li{font-size:15px;padding:10px 0 10px 30px;}
	.campusTour .box2 ul li span{width:20px;height:20px;font-size:12px;line-height:20px;margin-right:10px;}
	
	.campusTour .route-wrap .bg-cir{width:35px;height:35px;}
	.campusTour .route-wrap .bg-cir span{width:25px;height:25px;line-height: 25px;font-size:14px;}
	.campusTour .route-wrap ul:not(.rev)::before{top:18px;}
	.campusTour .route-wrap ul li::after{width:6px;height:6px;top:18px;}
	.campusTour .route-wrap ul li p{font-size:13px;margin-top:10px;}
}

@media screen and (max-width:480px){
	.campusTour .box1{width:100%;}
	.campusTour .box2 ul{width:100%;}
	
	.campusTour .box3{padding:10px 15px 40px}
	.campusTour .route-wrap{display:flex;}
	.campusTour .route-wrap ul{flex-direction:column; width:50%;}
	.campusTour .route-wrap ul li{padding:10px 0;}
	.campusTour .route-wrap ul li p{margin-top:0;padding-top:5px;background:#fff;}
	.campusTour .route-wrap ul.rev{flex-direction:column-reverse;}
	.campusTour .route-wrap ul:not(.rev)::before{width:100%;height:95%;left:50%;top:8%;border-radius:0 0 20px 20px;border-left:1px dashed #8e9ba2;border-top:0; }
	.campusTour .route-wrap ul li::after{display:none;}
}

/* 연혁01 */
.history1 .box1{padding-bottom:30px;}
.history1 .box1 .h4-tit01{font-size:30px;line-height:1.2;}
.history1 .box1 .con-p{padding-bottom:30px;}

.history-wrap{background:url(/_res/songeui/ko/img/common/menu01/history_tit_bg.png) no-repeat 50% 0;}
.history-wrap .history-tit{font-family: 'Roboto', sans-serif; color:#431601;font-weight:100;text-align:center;}
.history-wrap .history-tit > p{font-size:60px;line-height:1;}
.history-wrap .history-tit > span{font-size:24px;}
.history-wrap .history-box{margin-top:50px;}
.history-wrap .history-box .point-wrap{position:relative;overflow:hidden;padding-bottom:30px;}
.history-wrap .history-box .point-wrap::before{content:'';display:block;width:1px;height:100%;background:#eeeae6;position:absolute;left:50%;top:0;}
.history-wrap .y-point-box{display:flex;}
.point-cir{width:40px;height:40px;border-radius:50%;background:#f2ebe4;position:absolute;left:50%;top:0;transform:translate(-50%, -50%);display:flex;align-items: center;justify-content: center;z-index:1;}
.point-cir .dot{width:13px;height:13px;border-radius:50%;background:#a06a3c;display:inline-block;position:relative;text-indent:-9999em;font-size:0;}
.point-cir .bar{width:1px;height:0;background:#a06a3c;position:absolute;left:50%;bottom:50%;text-indent:-9999em;font-size:0;}
.y-point-box{padding:30px 0;display:flex;}

.history-box,
.history-box > div:last-child{position:relative;}
.history-box > div:last-child{padding-top:0;}
.history-box::before,
.history-box > div:last-child::before{content:'';display:block;width:40px;height:40px;border-radius:50%;background:#f7f9f9;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);z-index:-1;transition:all 0.2s;}
.history-box::after,
.history-box > div:last-child::after{content:'';display:block;width:13px;height:13px;border-radius:50%;background:#dce3e7;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);transition:all 0.2s;z-index:1;}

.on.history-box::before,
.history-box > div:last-child.on::before{background:rgba(168,122,71,.15);}
.on.history-box::after,
.history-box > div:last-child.on::after{background:#a06a3c;}

.y-point-box > div{width:50%;}
.y-point-box > div:first-child{padding-right:60px;text-align:right;}
.y-point-box > div:last-child{padding-left:60px;text-align:left;}
.y-point-box .img-box .img{height:290px;background:no-repeat; background-position:50% 50%;background-size:cover;}
.y-point-box.noimg .year-box{position:relative;}
.y-point-box.noimg .year-box::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#dce3e7;position:absolute;top:14px;}
.y-point-box.noimg .year-box.on::after{background:#a06a3c;}
.y-point-box.noimg > div:first-child::after{right:0;transform:translateX(50%);}
.y-point-box.noimg > div:last-child::after{left:0;transform:translateX(-50%);}

.y-point-box .year-box > div{display:flex;font-size:18px;line-height:1.5;}
.y-point-box .year-box > div strong{width:50px;}
.y-point-box .year-box > div span{width:calc(100% - 50px);word-break: keep-all;}
.y-point-box > div:first-child.year-box > div{justify-content: end;flex-direction: row-reverse;}
.y-point-box > div:last-child.year-box > div{justify-content: start;}
.y-point-box .year-box p{font-size:28px;font-weight:700;color:#001345;margin-bottom:20px;}
.y-point-box .year-box span{font-size:18px;font-weight:400;color:#555;}
.y-point-box.year1 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img01.jpg);}
.y-point-box.year2 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img02.jpg);}
.y-point-box.year3 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img03.jpg);}
.y-point-box.year4 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img04.jpg);}
.y-point-box.year5 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img05_1.jpg);}
.y-point-box.year6 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img05.jpg);}
.y-point-box.year7 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img06.jpg);}
.y-point-box.year8 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img07.jpg);}
.y-point-box.year9 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img08.jpg);}
.y-point-box.year10 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img08_1.jpg);}
.y-point-box.year11 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img09.jpg);}
.y-point-box.year12 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img10.jpg);}
.y-point-box.year13 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img11.jpg);}
/*.y-point-box.year14 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img12.jpg);}
.y-point-box.year15 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img13.jpg);}
.y-point-box.year16 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img14.jpg);}*/
.y-point-box.year14 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img15.jpg);}
.y-point-box.year15 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img16.jpg);}
.y-point-box.year16 .img{background-image:url(/_res/songeui/ko/img/common/menu01/history_img17.jpg);}


@media screen and (max-width:1200px){
	.y-point-box.year20 .img{height:310px;}
}

@media screen and (max-width:1024px){
	.history1 .box1 .h4-tit01{font-size:24px;}
}

@media screen and (max-width:768px){
	.history1 .box1 .h4-tit01{font-size:20px;}
	.history1 .box1 .con-p{padding-bottom:15px;}

	.history-wrap .history-tit > p{font-size:40px;}
	.history-wrap .history-tit > span{font-size:16px;}
	.y-point-box > div:first-child{padding-right:15px;}
	.y-point-box > div:last-child{padding-left: 15px;}

	.history-box::before, .history-box > div:last-child::before, .point-cir{width:20px;height:20px;}
	.history-box::after, .history-box > div:last-child::after, .point-cir .dot, .y-point-box.noimg .year-box::after{width:7px;height:7px;}

	.y-point-box .year-box p{font-size:20px;margin-bottom:12px;}
	.y-point-box .year-box span{font-size:14px;}

	.y-point-box .img-box .img{height:200px;}
	.y-point-box.year20 .img{height:280px;}
	.y-point-box .year-box > div{font-size:14px;}
	.y-point-box .year-box > div strong{width:40px;}
	.y-point-box .year-box > div span{font-size:14px;width:calc(100% - 40px);}
}

@media screen and (max-width:480px){
	.y-point-box .img-box .img{height:120px;}
}


/*규정*/
.bulletin .con-box{position:relative;}
.bulletin .h4-tit01 p{display:inline-block;margin-right:20px;}
.bulletin .h4-tit01 .alert-txt{margin-right:10px;}
.bulletin .h4-tit01 > div:last-child{line-height: 20px;}
.bulletin .ol-box > ol > li{width:calc((100% - 20px) / 3);margin-left:10px;}
.bulletin .ol-box > ol > li:nth-child(3n-2){margin-left:0;}
.bulletin .ol-box > ol > li:nth-child(n+4){margin-top:10px;}
/*.bulletin .ol-box > ol > li + li{margin-left:15px;}*/
.bulletin .box-tit{position:relative;padding:0 0 15px 35px;}
.bulletin .box-tit::before{content:'';display:block;width:26px;height:30px;position:absolute;left:0;top:0;}
.bulletin .box1 .box-tit::before{background:url(/_res/songeui/ko/img/common/menu01/bulletin_idx_tit_ico.png) no-repeat;}
.bulletin .ol-box > ol > li > div .ol-box-con{color:#000;font-weight:600;}
.bulletin .box1 .ol-box > ol > li,
.bulletin .box2 .ol-box > ol > li{cursor:pointer;}
.bulletin .box1 .ol-box > ol > li > div .ol-box-con{color:#000;font-weight:600;}
.bulletin .box1 .ol-box.rev > ol > li > div .ol-box-con{color:#666;}
.bulletin-wrap > li > div{font-size:24px;color:#333;font-weight:700; border-bottom:1px solid #bbbbbb;padding:30px 0;}
.bulletin-wrap .dep-2 > li > div, .bulletin-wrap .dep-3 li{padding:20px 0;border-bottom:1px solid #ececec;font-size:16px;}
.bulletin-wrap .dep-2 > li > div{font-weight:600;color:#000;}
.bulletin-wrap .dep-3 li{font-weight:400;color:#555;padding-right:140px;position:relative;}
.bulletin .box2 .box-tit{padding:0 0 15px 40px;}
.bulletin .box2 .box-tit::before{width:30px; background:url(/_res/songeui/ko/img/common/menu01/bulletin_idx_tit2_ico.png) no-repeat;}

.pdf-down{border-radius:5px;padding:8px 15px;}
.pdf-down span{position:relative; padding-left:20px;padding-right:0;}
.pdf-down span::before{content:'';display:block;width:16px;height:18px;background:url(/_res/songeui/ko/img/common/pdf-down-s.png) no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.pdf-down:hover span::before{background-image:url(/_res/songeui/ko/img/common/pdf-down-s_wh.png);}
.bulletin-wrap .pdf-down{position:absolute;right:0;top:50%;transform:translateY(-50%);}


@media screen and (max-width:1024px){
	.bulletin .ol-box > ol > li{width:calc((100% - 10px) / 2);margin-left:10px;}
	.bulletin .ol-box > ol > li:nth-child(3n-2){margin-left:10px;}
	.bulletin .ol-box > ol > li:nth-child(2n-1){margin-left:0;}
}

@media screen and (max-width:768px){
	.bulletin .ol-box > ol > li{max-width:100%;}
	.bulletin .box1 .box-tit{padding:0 0 15px 20px;}
	.bulletin .box1 .box-tit::before{width:13px;height:15px;background-size:13px;top:4px;}

	.bulletin-wrap > li > div{padding:20px 0;font-size:20px;}
	.bulletin-wrap .dep-2 > li > div, .bulletin-wrap .dep-3 li{font-size:14px;padding:12px 0;}
	.bulletin-wrap .dep-3 li{padding-right:120px;}

	.pdf-down{padding:8px 10px;}
}

@media screen and (max-width:480px){
	.bulletin .ol-box > ol > li{width:100%;margin-left:0 !important;}
	.bulletin .ol-box > ol > li + li{margin-top:10px;}
}

/*개설과목조회*/
.subject .table-top .alert-txt{margin-right:10px;}
.subject .table-wrap tr td{text-align: center;}

/*개설과목조회 상세보기 팝업*/
.dl-wrap dl{display:flex;font-size:16px;border-bottom:1px solid #e9e9e9;}
.dl-wrap dl > *{padding:20px 12px;}
.dl-wrap dl dt{font-weight:600;color:#000;width:168px;}
.dl-wrap dl dd{width:calc(100% - 168px);}

@media screen and (max-width:768px){
	.bulletin .h4-tit01 .sel-wrap{width:100%;margin-top:10px;}
	.bulletin .h4-tit01 .sel-wrap select{width:100%;padding:10px;}
	.bulletin .h4-tit01 > div{width:100%;}
	.bulletin .h4-tit01 .alert-txt{margin-right:0;display:inline-block;margin-top:10px;margin-bottom:10px;}
	.dl-wrap dl{font-size:14px;}
	.dl-wrap dl > *{padding:12px 10px;}
	.dl-wrap dl dt{width:100px;}
	.dl-wrap dl dd{width:calc(100% - 100px);}
}

/*전화번호부*/
.phoneBk .search-form.style .srch-wrap{min-width:none;width:calc(100% - 245px);}

@media screen and (max-width:768px){
	.phoneBk .search-form.style > div:not(.srch-wrap){width:50%;}
	.phoneBk .search-form.style > div:not(.srch-wrap)> .sel-wrap{width:100%;}
}



/*기초교양필수과목*/
.curr1 .alert-box{margin-bottom:60px;}
.curr1 .table-wrap tr td{text-align:center;line-height:1.5;padding:22px 15px;}
.curr1 .box1 .ul-type-dot > li + li{margin-top:20px;}
.curr1 .box1 .ul-type-normal{margin:10px 0;}
.curr1 .box2 .box-tit{padding: 0 0 10px 0;}

/*전공기초*/
.curr5 .box1 .ul-type-dot > li + li{margin-top:20px;}
.curr5 .box1 .ul-type-normal{margin:10px 0;}

/*융복합전공·트랙*/
.anno_af{position:relative;display:inline-block;padding-right:30px !important;}
.anno_af::after{position:absolute;right:0;top:0; display:block;width:22px;height:22px;border-radius:50%;background:#ffec03;color:#001345;text-align: center;font-size:11px;font-weight:800;line-height:24px;}
.anno_af.num1::after{content:'1';}
.anno_af.num2::after{content:'2';}
.anno_af.num3::after{content:'3';}

.anno_bf{position:relative;padding-left:30px !important;}
.anno_bf::before{position:absolute;left:0;top:0; display:block;width:22px;height:22px;border-radius:50%;background:#ffec03;color:#001345;text-align: center;font-size:11px;font-weight:800;line-height:24px;}
.anno_bf.num1::before{content:'1';}
.anno_bf.num2::before{content:'2';}
.anno_bf.num3::before{content:'3';}

.major_cvg .box1 .ul-type-normal > li + li{margin-top:20px;}
.major_cvg .box1 .ul-type-normal > li > p{font-size:16px;font-weight:700;color:#333;padding-bottom:10px;}

.major_cvg .step{display:flex;}
.major_cvg .step > li{padding:0 15px;position:relative;}
.major_cvg .step > li:first-child{padding-left:0;}
.major_cvg .step > li + li{padding-left:38px;}
.major_cvg .step > li + li::before{position:absolute;left:0;top:50%;transform:translateY(-50%); content:'';display:block;width:25px;height:25px;border-radius:50%;background:#a06a3c url(/_res/songeui/ko/img/common/step_arr_ico2.png) no-repeat 50% 50%;}

/* 학사정보 > 수업 > 수강신청변경*/
.regClass .box1 .ul-type-dot > li + li{margin-top:10px;}
.regClass .box1 .ul-type-dot > li p{padding-bottom:7px;}
.regClass .box1 .ul-type-normal li{font-size:15px;color:#555;}

/* 장학제도 > 성심교정 */
.sch_songsim .box1 .con-p{font-size:18px;color:#000;font-weight:600;}
.sch_songsim .box2 > ol > li > div{padding:35px;}
.sch_songsim .box2 .box-tit > p{font-size:14px;color:#555;font-weight:600;height:28px;}
.sch_songsim .box2 dl{display:flex;flex-wrap:wrap; font-size:15px;color:#555;padding-left:25px;background:url(/_res/songeui/ko/img/common/dl_tel_ico.png) no-repeat 0 0;}
.sch_songsim .box2 dl > dt{margin-right:5px;}

@media screen and (max-width:768px){
	.sch_songsim .box2 > ol > li > div{padding:15px;}
}

/* 장학제도 > 성의교정 */
.sch_songeui .sm-box-wrap li a{font-size:20px;font-weight:700;color:#333;padding:50px 55px 50px 30px;}
.sch_songeui .sm-box-wrap li a span{padding-left:110px;position:relative;}
.sch_songeui .sm-box-wrap li a span::before{content:'';display:block;width:43px;height:42px;background-repeat: no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%);}

.sch_songeui .box2 li a span::before{background-image:url(/_res/songeui/ko/img/common/menu04/flx-link-box_ico1.png);}
.sch_songeui .box3 li a span::before{background-image:url(/_res/songeui/ko/img/common/menu04/flx-link-box_ico2.png);}

.sch_songeui .box1 .ul-type-dot{display:flex;flex-wrap:wrap;}
.sch_songeui .box1 .ul-type-dot > li{width:33.3333%;}

@media screen and (max-width:1024px){
	.sch_songeui .box1 .ul-type-dot > li{width:50%;}
}

@media screen and (max-width:768px){
	.sch_songeui .box1 .ul-type-dot > li{width:100%;}
	.sch_songeui .sm-box-wrap li a{padding:30px 15px;font-size:16px;}
	.sch_songeui .sm-box-wrap li a span{padding-left:50px;}
}


/* 대학생활 > IT서비스 */
.sch_songeui .bg-box{padding:35px;display:flex;flex-wrap:wrap;align-items: center;}
.sch_songeui .bg-box .dl-box{width:calc(100% - 330px);}
.sch_songeui .bg-box .link-box{width:330px;}
.sch_songeui .bg-box .link-box > ul{justify-content: flex-end;}
.sch_songeui .bg-box dl{display:flex;flex-wrap:wrap;font-weight:600; font-size:15px;color:#333;padding-left:25px;}
.sch_songeui .bg-box dl.tel{background:url(/_res/songeui/ko/img/common/dl_tel_ico2.png) no-repeat 0 0;}
.sch_songeui .bg-box dl.mail{background:url(/_res/songeui/ko/img/common/dl_mail_ico.png) no-repeat 0 0;}
.sch_songeui .bg-box dl + dl{margin-top:15px;}
.sch_songeui .bg-box dl > dt{margin-right:5px;}

@media screen and (max-width:768px){
	.sch_songeui .bg-box dl{font-size:14px;}
	.sch_songeui .bg-box{padding:15px;}
	.sch_songeui .bg-box .dl-box{width:100%;}
	.sch_songeui .bg-box .link-box{width:100%;}
	.sch_songeui .bg-box .link-box > ul{justify-content: flex-start;}
	.sch_songeui .bg-box dl + dl{margin-top:7px;}
	.sch_songeui .bg-box .link-box > ul li{padding:15px 0;}
}



/* 캠퍼스맵 */
.header-wrap .header-box{display:flex;height:70px;background:#fff;padding:0 15px;align-items: center;}
.header-wrap .logo-wrap{width:340px;}
.header-wrap .logo-wrap a{margin-left:30px;}
.header-wrap .opt-wrap{width:calc(100% - 340px);display:flex;justify-content: space-between;}
.header-wrap .opt-wrap > ul{display:flex;padding:15px 0;}
.header-wrap .opt-wrap .map-tab-box li + li{margin-left:10px;}
.header-wrap .opt-wrap .map-tab-box li a{padding:14px 20px;border-radius:20px;background:#fff;font-size:14px;color:#333;font-weight:600;transition:all 0.2s;}
.header-wrap .opt-wrap .map-tab-box li a span{position:relative;padding-left:25px;}
.header-wrap .opt-wrap .map-tab-box li a span::before{content:'';display:block;width:19px;height:22px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-repeat: no-repeat;}
.header-wrap .map-tab-box li:first-child a span::before{background-image:url(/_res/songeui/ko/img/common/menu01/campusMap_ico01.png);}
.header-wrap .map-tab-box li:last-child a span::before{background-image:url(/_res/songeui/ko/img/common/menu01/campusMap_ico02.png);}
.header-wrap .map-tab-box li a.active{background:#eef5f9;}
.header-wrap .campus-tab-box li:first-child a{border-radius:3px 0 0 3px;}
.header-wrap .campus-tab-box li:last-child a{border-radius:0 3px 3px 0;}
.header-wrap .campus-tab-box li a{height:100%;border:1px solid #e0e0e0;padding:12px 20px;display:inline-block;position:relative;margin-right:-1px;}
.header-wrap .campus-tab-box li a span{padding:0;border:0;}
.header-wrap .campus-tab-box li a.active{border-color:#8392ba;z-index:1;}

.campusMap{display:flex;height:calc(100vh - 70px);}
.campusMap .map-list{width:340px;}
.campusMap .list-top{padding:17px 20px;background:#f0f0f0;border-bottom:8px solid #e0e0e0;}
.campusMap .list-top .g-srch-wrap{width:100%;border-radius:3px;border:0;background:#fff;box-shadow: 0 0 10px 1px rgba(220,229,244,0.5);}
.campusMap .list-top .g-srch-wrap input[type='text']{height:42px;font-size:16px;}
.campusMap .list-top .g-srch-wrap > a{background-image:url(/_res/songeui/ko/img/common/sub_header_srch_ico.png);}
.campusMap .list-bottom{background:#f0f0f0;overflow:auto;height:calc(100% - 90px);}
.campusMap .list-bottom ul li{padding:0 20px;border-bottom:1px solid #e6e6e6;}
.campusMap .list-bottom ul li a{padding:15px 0;padding-left:20px;width:100%; font-size:15px;font-weight:500;color:#333;background:url(/_res/songeui/ko/img/common/menu01/campusMap_ico03.png) no-repeat 0 50%;}
.campusMap .map-box{width:calc(100% - 340px);background:#ccc;}

/* 학사일정 리스트형 */
.cal_list .table-wrap td .td-label{margin-left:10px;}

/* 학사일정 캘린더형 */
.cal_cal .fc-header-toolbar{display:none;}

.cal_cal .time-box .time-sel ul li{padding:20px 25px;display:block;}
.cal_cal .time-box .time-sel ul li + li{border-top:1px solid #f0f0f0;}
.cal_cal .time-box .time-sel ul li > div{display:flex;justify-content: space-between;align-items: center;}
.cal_cal .time-box .time-sel ul li > div > p{font-size:16px;font-weight:600;color:#333;}

.cal_cal .time-box .time-sel .mini-date{font-size:13px;color:#898989;font-weight:400;}
.cal_cal .time-box .time-sel .lb-wrap{display:flex;}
.cal_cal .time-box .time-sel .lb-wrap span{padding:5px 10px;border-radius:20px;background:#edf0f5;color:#4f6f85;font-size:12px;font-weight:700;white-space: nowrap;}
.cal_cal .time-box .time-sel .lb-wrap span + span{margin-left:3px;}
.cal_cal .table-top .sel-wrap select{height:50px;border-radius:3px;width:130px;}
.cal_cal .table-top #btn-today{height:50px;width:74px;background:#a06a3c;color:#fff;text-align:center;line-height: 50px;border-radius:3px;}

@media screen and (max-width:1024px){
	.cal_cal .time-box{padding-top:30px;}
}

@media screen and (max-width:768px){
	.cal_cal .table-top .sel-wrap select{height:38px;width:100px;}
	.cal_cal .table-top #btn-today{height:38px;line-height:36px;width:60px;}
	.cal_cal .time-box .time-sel ul li{padding:12px 25px;}
	.cal_cal .time-box .time-sel ul li > div > p{font-size:15px;}
}


/* 계절학기 */
.sumwin .box1 .con-p{font-size:18px;font-weight:600;color:#000;}

@media screen and (max-width:768px){
	.sumwin .box1 .con-p{font-size:16px;}
}

/* 등록 > 대상별 등록금 납부 */
.byStu .box1 .table-wrap tr td{text-align: center;}

/* 등록 > 등록금납부 반환*/
.tuiReturn .box1{padding:0;}
.tuiReturn .box1 > ul{padding:30px 0;display:flex;flex-wrap: wrap;}
.tuiReturn .box1 > ul li{text-align: center;padding-bottom:40px;position:relative;flex:1;}
.tuiReturn .box1 > ul li + li{border-left:1px solid #e9ebed;}
.tuiReturn .box1 > ul li div{font-size:26px;font-weight:700;color:#000;padding-top:60px;background-repeat:no-repeat;background-position: 50% 0;}
.tuiReturn .box1 > ul .step1 div{background-image: url(/_res/songeui/ko/img/common/menu04/tuiReturn_ico1.png);}
.tuiReturn .box1 > ul .step2 div{background-image: url(/_res/songeui/ko/img/common/menu04/tuiReturn_ico2.png);}
.tuiReturn .box1 > ul .step3 div{background-image: url(/_res/songeui/ko/img/common/menu04/tuiReturn_ico3.png);}
.tuiReturn .box1 > ul .step4 div{background-image: url(/_res/songeui/ko/img/common/menu04/tuiReturn_ico4.png);}
.tuiReturn .box1 > ul li p{font-size:16px;font-weight:600;color:#555;margin-top:7px;}
.tuiReturn .box1 > ul li span{display:inline-block;line-height: 1.7;margin-top:10px; font-size:15px;font-weight:400;color:#888;padding:0 10px;}
.tuiReturn .box1 > ul li .link-txt{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space: nowrap;}
.tuiReturn .box2 tr td{text-align: center;}

@media screen and (max-width:768px){
	.tuiReturn .box1 > ul li{width:50%;flex:none;}
	.tuiReturn .box1 > ul li:nth-child(3n){border-left:0;}
	.tuiReturn .box1 > ul li:not(:nth-child(n+3)){padding-bottom:40px;}
	.tuiReturn .box1 > ul li:not(:nth-child(n+3))::after{position:absolute;bottom:20px;content:'';display:block;width:100%;height:1px;background:#e9ebed;}
	.tuiReturn .box1 > ul li div{font-size:20px;background-size:30px;padding-top:50px;}
	.tuiReturn .box1 > ul li p{font-size:15px;}
	.tuiReturn .box1 > ul li span{font-size:14px;line-height:1.5;}
}

/* 등록 > 재학생 고지서 조회 출력 방법 */
.tuiBill .table-wrap .btn03.link span{font-weight:700;}
.tuiBill .table-wrap .flx > *{margin:5px;}

@media screen and (max-width:768px){
	.tuiBill .table-wrap .flx{display:block;}
}


/* 학사정보 > 증명서발급 */
.cert .border-box{padding:0;background:#f6f8fa;}
.cert .border-box .box-tit-wrap{padding:30px;background:#fff;border-top-left-radius: 7px;border-top-right-radius: 7px;}
.cert .border-box .box-tit{padding:0 0 0 65px;position:relative;font-size:20px;color:#333;}
.cert .border-box .box-tit::before{content:'';display:block;width:48px;height:46px;background-repeat: no-repeat;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.cert .box1 .box-tit::before{background-image:url(/_res/songeui/ko/img/common/menu04/cert_ico01.png);}
.cert .box2 .box-tit::before{background-image:url(/_res/songeui/ko/img/common/menu04/cert_ico02.png);}
.cert .box3 .box-tit::before{background-image:url(/_res/songeui/ko/img/common/menu04/cert_ico03.png);}
.cert .box4 .box-tit::before{background-image:url(/_res/songeui/ko/img/common/menu04/cert_ico04.png);background-size:40px;}
.cert .border-box .info-box{padding:30px;height:calc(100% - 88px);}
.cert .border-box .info-box dl{display:flex;font-weight:500;line-height:1.5;}
.cert .border-box .info-box .dl-w dt{width:110px;}
.cert .border-box .info-box dl + dl{margin-top:7px;}
.cert .border-box .info-box dl dt{font-size:14px;color:#000;position:relative;padding-left:10px;width:70px;}
.cert .border-box .info-box dl dt::before{content:'';display:block;width:3px;height:3px;background:#000;position:absolute;left:0;top:5px;}
.cert .border-box .info-box dl dd{font-size:16px;color:#555;width:calc(100% - 70px);padding-left:15px;}
.cert .border-box .info-box .alert-txt{margin-top:20px;}
.cert .box4 .flx{flex-wrap: wrap;align-items:normal;}
.cert .box4 > .box-tit-wrap{border-bottom:1px solid #e9e9e9;}
.cert .box4 .bg-box{width:50%;padding:0;}
.cert .box4 .bg-box > .box-tit-wrap{padding:20px 0 20px 30px;}
.cert .box4 .bg-box .box-tit{padding-left:0;font-size:18px;color:#000;}
.cert .box4 .bg-box .box-tit::before{display:none;}
.cert .box4 .bg-box + .bg-box{border-left:1px solid #e9e9e9;}
.cert .box4 .bg-box .info-box{position:relative;height:calc(100% - 68px);}
.cert .box4 .bg-box .link-box{position:absolute;left:30px;bottom:25px;}
.cert .box4 .bg-box:last-of-type .info-box p{padding-bottom:15px;}
.cert .box4 .bg-box:last-of-type .info-box dl:last-of-type{padding-bottom:15px;}

@media screen and (max-width:1024px){
	.cert .box4 .bg-box{width:100%;}
	.cert .box4 .bg-box + .bg-box{border-left:0;border-top:1px solid #e9e9e9;}
	.cert .box4 .bg-box .info-box{position:relative;height:calc(100% - 68px);padding-bottom:95px;}
	.cert .box4 .bg-box:last-of-type .info-box{padding-bottom:20px;}
}

@media screen and (max-width:768px){
	.cert .border-box .box-tit::before{width:30px;height:30px;background-size:cover;}
	.cert .box2 .box-tit::before,
	.cert .box4 .box-tit::before{background-size:26px;}
	.cert .border-box .box-tit-wrap{padding:15px;}
	.cert .border-box .box-tit{font-size:18px;padding:0 0 0 45px;}
	.cert .border-box .info-box{padding:15px;}
	.cert .box4 .bg-box > .box-tit-wrap{padding:10px 0 10px 15px;}
	.cert .box4 .bg-box .box-tit{font-size:16px;}
	.cert .box4 .bg-box .info-box{height:calc(100% - 46px);}
	.cert .box4 .bg-box .link-box{width:calc(100% - 30px);left:15px;bottom:15px;}
	.cert .box4 .bg-box .link-box ul li{width:100%;}
	.cert .box4 .bg-box .link-box ul li + li{padding-left:0;}
	.cert .border-box .info-box dl dd{font-size:14px;}
	.cert .box4 .bg-box:last-of-type .info-box{padding-bottom:20px;}
	.cert .box4 .bg-box:last-of-type .info-box dl dd span a{display:inline;}
}

/* 증명서발급 > 우편발송신청*/
.certAply1 .input-wrap.style1 > input[type='text']{width:calc(100% - 350px);margin-right:10px;}
.certAply1 .input-wrap.style1 > .sel-wrap{width:340px;}
.certAply1 .input-wrap.style1 > .sel-wrap > input{height: 52px;border: 1px solid #d0d0d0;padding: 0 20px;width: 100%;border-radius: 3px;font-size: 16px;} /* 조회상세 select -> input */

.certAply1 .input-wrap.style2 > *:first-child{width:calc(100% - 240px);margin-right:10px;}
.certAply1 .input-wrap.style2 .flx > input[type='text']{width:100px;margin-right:10px;}
.certAply1 .input-wrap.style2 .flx > span{width:30px;margin-right:10px;}
.certAply1 .input-wrap.style2 .flx > button{width:80px;padding:0;}
.certAply1 .input-wrap.style3 > input[type='text']{width:calc(50% - 100px);}

.certAply1 .alert-txt{margin:10px 0 10px 10px;}
.certAply1 .link-txt{margin:10px 0 2px 10px;}

/* 증명발급 신청조회 */
.certAply2 .login-box{width:100%; max-width:520px;padding:30px 0;margin:0 auto;}
.certAply2 .login-box .box-tit{padding-bottom:10px; text-align:center; font-size:24px;color:#000;font-weight:700;padding-top:90px;background:url(/_res/songeui/ko/img/common/menu04/certAply_login_ico.png) no-repeat 50% 0;}
.certAply2 .login-box > p{font-size:16px;color:#555;font-weight:400;text-align: center;}
.certAply2 .login-box .log-input-box{margin-top:30px;}
.certAply2 .login-box .log-input-box > input{height: 60px;border: 1px solid #dddd;padding: 0 20px;width: 100%;border-radius: 3px;font-size: 16px;}
.certAply2 .login-box .log-input-box > input + input{margin-top:10px;}
.certAply2 .login-box .login-btn{height:60px;width:100%;background:#a06a3c;color:#fff;border-radius:3px;font-size:15px;font-weight:700;margin-top:20px;}
.certAply2 .login-box .ul-type-normal{margin-top:40px;padding-top:20px;border-top:1px solid #e4e7e9;text-align: center;}

@media screen and (max-width:1024px){
	.certAply1 .table-wrap.write .certificate > .sel-wrap{width:calc(40% - 5px);}
	.certAply1 .table-wrap.write .certificate > div:nth-child(2){width:calc(60% - 5px);}
	.certAply1 .input-wrap.style2 .flx > input[type='text']{width:70px;}
	.certAply1 .input-wrap.style2 .flx > span{width:15px;}
	.certAply1 .input-wrap.style2 > *:first-child{width:calc(100% - 195px);}
}

@media screen and (max-width:768px){
	/*.certAply1 .input-wrap.style1 > input[type='text']{width:100%;margin-right:0;margin-bottom:5px;}*/
	.certAply1 .input-wrap.style1 > input[type='text'],
	.certAply1 .input-wrap.style1 > .sel-wrap{width:calc(50% - 5px);}
	.certAply1 .table-wrap.write .certificate > .sel-wrap,
	.certAply1 .table-wrap.write .certificate > div:nth-child(2){width:100%;}
	.certAply1 .input-wrap.style2{margin-top:10px;}
	.certAply1 .input-wrap.style3{display:block;}
	.certAply1 .input-wrap.style3 > input[type='text']{width:100%;}
	.certAply1 .input-wrap.style3 .alert-txt{display:block; margin-left:0;margin-top:10px;}
	
	.certAply2 .login-box{padding:20px 0;}
	.certAply2 .login-box .log-input-box{margin-top:15px;}
	.certAply2 .login-box .box-tit{font-size:20px;background-size:60px;padding-top:70px;}
	.certAply2 .login-box > p{font-size:14px;}
	.certAply2 .login-box .log-input-box > input{height:42px;}
	.certAply2 .login-box .log-input-box > input + input{margin-top:5px;}
	.certAply2 .login-box .login-btn{height:50px;margin-top:7px;}
	.certAply2 .login-box .ul-type-normal{margin-top:20px;padding-top:15px;}
	
	.certAply1 .input-wrap.style1 > .sel-wrap > input{height:37px;}
}

/* 증명발급 신청결과조회 목록페이지 */
.certlist .blue-box > p,
.certview .blue-box > p{color:#555;}
.certlist .blue-box > p span,
.certview .blue-box > p span{color:#001345;font-weight:700;margin-right:5px;}
.certlist .blue-box > p::before,
.certview .blue-box > p::before{width:23px;height:17px; background-image: url(/_res/songeui/ko/img/common/menu04/certlist_user_ico.png);}
.certlist .table-wrap{width:100%;}
.certlist .table-wrap tbody td{text-align: center;}
.certlist .box1{font-size:18px;font-weight:600;line-height:1.7;}

@media screen and (max-width:768px){
	.certlist .box1{font-size:16px;line-height:1.5;}
}

.certview .blue-box > span span{font-weight:700;color:#a06a3c;}

/* 소단위학위과정 */
.major_dg .img-box{position:relative;height:470px;}
.major_dg .box1 {text-align: left;position: absolute;left: 0;top: 0;height: 100%;padding:90px 50px 90px 90px;}
.major_dg .box1 > p{font-size:24px;color:#333;font-weight:700;line-height:1.4;}
.major_dg .box1 > div{line-height:1.7;margin-top:20px;}
.major_dg .box1 .link-box{margin-top:40px;}
.major_dg .box1 .link-box ul li .link.inter{width:230px;}
.major_dg .box2 td{text-align:center;}
.major_dg .box2 td span{color:#a06a3c;font-weight:500;}
.major_dg .box2 td .ul-type-dot > li{display:inline-block;}

.major_dg .ol-box > ol > li > div{padding:30px;border:0;height:100%;}
.major_dg .ol-box > ol > li > div > span{display:inline-block;width:60px;height:60px;background:#fff;line-height:60px;border-radius:50%;text-align:center;}
.major_dg .ol-box > ol > li > div > span:after{display:none;}
.major_dg .ol-box > ol > li > div .ol-box-con{width:calc(100% - 60px);padding-left:30px;}
.major_dg .ol-box-con > p{font-size:20px;font-weight:700;color:#333;margin-bottom:15px;}
.major_dg .ol-box-con > span{font-size:14px;font-weight:600;color:#555;display:inline-block;line-height:1.4;}
.major_dg .ol-box > ol .col01 > div{background:#edf0f5;}
.major_dg .ol-box > ol .col02 > div{background:#f5f1f7;}
.major_dg .ol-box > ol .col03 > div{background:#edf4f4;}
.major_dg .ol-box > ol .col01 > div > span{color:#a06a3c;}
.major_dg .ol-box > ol .col02 > div > span{color:#400c86;}
.major_dg .ol-box > ol .col03 > div > span{color:#0c5486;}


@media screen and (max-width:1024px){
	.major_dg .box1{padding:20px;}
}

@media screen and (max-width:768px){
	.major_dg .box1 > p{font-size:20px;}
	.major_dg .box1 > div{margin-top:10px;}
	.major_dg .box1 .link-box{margin-top:20px;position:absolute;bottom:20px;width:calc(100% - 40px);}
	.major_dg .box1 .link-box ul li,
	.major_dg .box1 .link-box ul li .link.inter{width:100%;}
	.major_dg .ol-box > ol > li > div{padding:15px;}
	.major_dg .ol-box > ol > li > div > span{width:45px;height:45px;line-height:45px;}
	.major_dg .ol-box > ol > li > div .ol-box-con{width:calc(100% - 45px);padding-left:15px;}
	.major_dg .ol-box-con > p{font-size:16px;margin-bottom:5px;}
}

@media screen and (max-width:480px){
	.major_dg .img-box{height:605px;}
}

/* 등록 > 재학생등록금 납부 일정 */
.tuifee_sch .sm-box-wrap.col2 > ul > li{padding:30px 55px 30px 30px;}
.tuifee_sch .sm-box-wrap.col2 > ul > li dl{display:flex;flex-wrap:wrap; font-size:20px;font-weight:700;color:#333;}
.tuifee_sch .sm-box-wrap.col2 > ul > li dl > *{margin:10px 0;}
.tuifee_sch .sm-box-wrap.col2 > ul > li dl dt{position:relative; padding-left:40px;margin-right:40px;}
.tuifee_sch .sm-box-wrap.col2 > ul > li dl dt::before{position:absolute;left:0;top:-2px;background:url(/_res/songeui/ko/img/common/menu04/tuifee_sch_cal_ico.png) no-repeat; content:'';display:block;width:28px;height:26px;}

@media screen and (max-width:768px){
	.tuifee_sch .sm-box-wrap.col2 > ul > li{padding:20px 15px;}
	.tuifee_sch .sm-box-wrap.col2 > ul > li dl{font-size:16px;}
	.tuifee_sch .sm-box-wrap.col2 > ul > li dl > *{margin:5px 0;}
	.tuifee_sch .sm-box-wrap.col2 > ul > li dl dt{padding-left:30px;margin-right:15px;}
	.tuifee_sch .sm-box-wrap.col2 > ul > li dl dt::before{width:20px;height:20px;background-size:20px;top:0;}
}

/* 학적변동 > 휴학 */
.leaveAb .step-wrap .step-box > div{padding-left:0;}
.leaveAb .step-wrap > ul > li{padding:20px;text-align: center;flex:1;position:relative;padding-bottom:60px;}
.leaveAb .step-wrap > ul > li + li{margin-left:10px;}
.leaveAb .step-box .step-num{margin-bottom:20px;}
.leaveAb .step-box .step-info{padding-top:80px;background-repeat: no-repeat;background-position:50% 0;}
.leaveAb .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/menu04/leaveAb_ico01.png);}
.leaveAb .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/menu04/leaveAb_ico02.png);}
.leaveAb .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/menu04/leaveAb_ico03.png);}
.leaveAb .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/menu04/leaveAb_ico04.png);}
.leaveAb .step-wrap > ul > li > p{height:35px;line-height: 35px;position:absolute;width:100%;left:0;bottom:0;font-size:13px;font-weight:700;}
.leaveAb .step1 > p{background:#edf0f5;color:#a06a3c;}
.leaveAb .step2 > p{background:#f5f1f7;color:#400c86;}
.leaveAb .step3 > p{background:#edf4f4;color:#0c6586;}
.leaveAb .step4 > p{background:#fdf4e9;color:#c17013;}

.leaveAb .box1 td{text-align: center;}


/* 국내교류지원 > 교류대학현황 */
.exDom2 .box1 td{text-align: center;}
.exDom2 .box1 td a:hover{text-decoration: underline;}

/* 국내교류지원 > 학점교류안내 */
.exDom1 .box1 td{text-align: center;line-height:1.5;}

/* 국제교류지원 > 교환학생 */
.exOvsea2 .diagram-wrap{width:100%;max-width:920px;margin:0 auto;padding:20px 0;}
.exOvsea2 .diagram-wrap > p{width:calc(100% - 250px);height:70px;line-height: 70px;font-size:18px;color:#fff;font-weight:700;background:#001345;border-radius:3px;text-align: center;margin:0 auto;margin-bottom:60px;position:relative;}
.exOvsea2 .diagram-wrap > p::before{content:'';display:block;width:1px;height:60px;background:#e4e7e9;position:absolute;bottom:-60px;left:50%;}
.exOvsea2 .diagram-wrap > p::after{content:'';display:block;width:9px;height:9px;background:#a06a3c;border-radius:50%; border:8px solid #e0e8f5; position:absolute;bottom:-60px;left:50%;transform:translate(-50%, 50%);z-index:1;}
.exOvsea2 .diagram-wrap ul{display:flex;justify-content: space-between;padding-top:70px;position:relative;}
.exOvsea2 .diagram-wrap ul::before{content:'';display:block;width:calc(100% - 250px);height:1px;background:#e4e7e9;position:absolute;top:0;left:125px;}
.exOvsea2 .diagram-wrap ul::after{content:'';display:block;width:45px;height:45px;border-radius:50%; background:#dce5f4;opacity:40%;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);}
.exOvsea2 .diagram-wrap ul li{display:inline-block; width:250px;height:250px;border-radius:50%;position:relative;}
.exOvsea2 .diagram-wrap ul li::after{content:'';display:block;width:9px;height:9px;border-radius:50%;border:4px solid #fff;position:absolute;top:0;left:50%;transform:translate(-50%, -50%);}
.exOvsea2 .diagram-wrap ul li::before{content:'';display:block;width:1px;height:70px;background:#e4e7e9;position:absolute;left:50%;top:-70px;}
.exOvsea2 .diagram-wrap ul .cir1{background:#f6f8fb;border:1px solid #778abb;color:#a06a3c;}
.exOvsea2 .diagram-wrap ul .cir1::after{background:#a06a3c;}
.exOvsea2 .diagram-wrap ul .cir2{background:#fbf9fc;border:1px solid #9376bb;color:#400c86;}
.exOvsea2 .diagram-wrap ul .cir2::after{background:#400c86;}
.exOvsea2 .diagram-wrap ul .cir3{background:#f4f8f8;border:1px solid #7faebf;color:#0c6586;}
.exOvsea2 .diagram-wrap ul .cir3::after{background:#0c6586;}
.exOvsea2 .diagram-wrap ul li p{position:absolute;display:flex;align-items: center;justify-content: center; left:50%;top:50%;transform: translate(-50%, -50%);text-align: center; font-size:20px;font-weight:700;background:#fff;border-radius:50%;width:210px;height:210px;}

@media screen and (max-width:1024px){
	.exOvsea2 .diagram-wrap ul li{width:200px;height:200px;}
	.exOvsea2 .diagram-wrap ul li p{width:160px;height:160px;font-size:16px;}
	.exOvsea2 .diagram-wrap > p{width:calc(100% - 200px); height:52px;line-height:52px;font-size:16px;}
}

@media screen and (max-width:768px){
	.exOvsea2 .diagram-wrap ul li{width:160px;height:160px;}
	.exOvsea2 .diagram-wrap ul li + li{margin-top:30px;}
	.exOvsea2 .diagram-wrap ul li p{width:120px;height:120px;}
	.exOvsea2 .diagram-wrap > p{height:52px;line-height:52px;font-size:16px;width:100%;margin-bottom:30px;}
	.exOvsea2 .diagram-wrap ul{flex-direction: column;justify-content: center;align-items: center;padding-top:0;}
	.exOvsea2 .diagram-wrap > p::after,
	.exOvsea2 .diagram-wrap > p::before{bottom:-30px;}
	.exOvsea2 .diagram-wrap > p::before{height:30px;}
	.exOvsea2 .diagram-wrap ul li::before{height:30px;top:-30px;}
}

/* 국제교류지원 > 해외협정대학 */
.exOvsea1 .img-box{position:relative;margin-bottom:30px;}
.exOvsea1 .img-box > .alert-txt{position:absolute;left:50%;top:6%;color:#001345 !important;font-size:30px !important;font-weight:700 !important;transform:translateX(-50%);padding-bottom:5px;border-bottom:2px solid #001345;}
.exOvsea1 .map-point{width:100%;height:100%;position:absolute;left:0;top:0;}
.exOvsea1 .map-point ul li{position:absolute;cursor:pointer;}
.exOvsea1 .map-point ul .conti1{left:14%;top:36%;transform:translate(-50%, -50%);}
.exOvsea1 .map-point ul .conti2{left:31%;top:30%;transform:translate(-50%, -50%);}
.exOvsea1 .map-point ul .conti3{left:42%;bottom:21%;transform:translate(-50%, 50%);}
.exOvsea1 .map-point ul .conti4{right:27%;top:32%;transform:translate(50%, -50%);}
.exOvsea1 .map-point ul .conti5{right:16%;bottom:31%;transform:translate(50%, 50%);}
.exOvsea1 .map-point ul .conti6{left:12%;bottom:35%;transform:translate(-50%, 50%);}

.exOvsea1 .map-point ul li .num{position:relative; display:flex;justify-content: center; width:39px;margin:0 auto;padding:12px 0 16px;background-repeat: no-repeat; font-size:16px;color:#fff;font-weight:700;transition:all 0.2s;}
.exOvsea1 .map-point ul li .num::after{content: '';display:block;width:1px;height:40px;background:#e4e7e9;position:absolute;bottom:-40px;left:50%;visibility: hidden;opacity: 0;transition:all 0.2s;}
.exOvsea1 .map-point ul li .num::before{content: '';display:block;width:30px;height:30px;background:#dce5f4;border:8px solid #f3f6fb;position:absolute; border-radius:50%;bottom:-40px;left:50%;transform:translate(-50%, 50%);visibility: hidden;opacity: 0;transition:all 0.2s;}
.exOvsea1 .map-point ul li .num span{display:none;padding-left:5px;}
.exOvsea1 .map-point ul .conti1 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti1_point.png);}
.exOvsea1 .map-point ul .conti2 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti2_point.png);}
.exOvsea1 .map-point ul .conti3 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti3_point.png);}
.exOvsea1 .map-point ul .conti4 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti4_point.png);}
.exOvsea1 .map-point ul .conti5 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti5_point.png);}
.exOvsea1 .map-point ul .conti6 .num{background-image: url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti6_point.png);}
.exOvsea1 .map-point ul li .conti_name{position:relative; margin-top:10px;font-size:20px;font-weight:700;color:#000;padding-right:15px;background:url(/_res/songeui/ko/img/common/menu04/exOvsea1_conti_arr.png) no-repeat 100% 50%;transition:all 0.2s;}
.exOvsea1 .map-point ul li .conti_name::after{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#fff;border:2px solid #a06a3c;position:absolute;left:50%;top:0;transform:translate(-50%, -50%);visibility: hidden;opacity: 0;transition:all 0.2s;}
.exOvsea1 .map-point ul li > a > span{font-size:15px;color:#898989;}

.exOvsea1 .map-point ul li:hover .num,
.exOvsea1 .map-point ul li.on .num{padding:10px 20px;margin-bottom:40px; width:auto;height:38px;border-radius:30px;}
.exOvsea1 .map-point ul .conti1:hover .num,
.exOvsea1 .map-point ul .conti1.on .num{background:#0c6586;}
.exOvsea1 .map-point ul .conti2:hover .num,
.exOvsea1 .map-point ul .conti2.on .num{background:#a06a3c;}
.exOvsea1 .map-point ul .conti3:hover .num,
.exOvsea1 .map-point ul .conti3.on .num{background:#c17013;}
.exOvsea1 .map-point ul .conti4:hover .num,
.exOvsea1 .map-point ul .conti4.on .num{background:#400c86;}
.exOvsea1 .map-point ul .conti5:hover .num,
.exOvsea1 .map-point ul .conti5.on .num{background:#a42c7f;}
.exOvsea1 .map-point ul .conti6:hover .num,
.exOvsea1 .map-point ul .conti6.on .num{background:#0c8612;}

.exOvsea1 .map-point ul li:hover .num::before,
.exOvsea1 .map-point ul li:hover .num::after,
.exOvsea1 .map-point ul li.on .num::before,
.exOvsea1 .map-point ul li.on .num::after{visibility: visible;opacity: 1;}
.exOvsea1 .map-point ul li:hover .num span,
.exOvsea1 .map-point ul li.on .num span{display:block;}
.exOvsea1 .map-point ul li:hover .conti_name,
.exOvsea1 .map-point ul li.on .conti_name{padding-top:30px; padding-right:0;background:none;font-size:28px;}
.exOvsea1 .map-point ul li:hover .conti_name::after,
.exOvsea1 .map-point ul li.on .conti_name::after{visibility: visible;opacity: 1;}

.exOvsea1 .map-point ul .conti{pointer-events: none;}
.exOvsea1 .map-point ul .conti .conti_name{color:#898989;padding-right:0;background:none;text-align: center;}
/*.exOvsea1 .map-point ul .conti.afr{left:12%;bottom:35%;}*/
.exOvsea1 .map-point ul .conti.md{left:18%;bottom:46%;}

.exOvsea1 .table-wrap .btn.link{position:absolute;right:25px;top:50%;transform:translateY(-50%);}
.exOvsea1 .table-wrap .rel-td{position:relative;padding:20px 65px 20px 25px;}

@media screen and (max-width:1024px){
	.exOvsea1 .map-point ul li .num{font-size:14px;width:30px;background-size:30px; padding:7px 0 13px;}
	.exOvsea1 .map-point ul li .conti_name{font-size:16px;padding-right:10px;background-size:6px;margin-top:5px;}
	.exOvsea1 .map-point ul li > a > span{font-size:13px;}
	.exOvsea1 .map-point ul .conti.afr{left:11%;bottom:32%;}
}
@media screen and (max-width:768px){
	.exOvsea1 .img-box{height:300px;overflow:auto;}
	.exOvsea1 .map-point{width:665px;}
	.exOvsea1 .img-box > img{height:100%;width:auto;max-width:unset;}
	.exOvsea1 .img-box > .alert-txt{font-size:20px !important;top:85% !important;font-size:20px !important;left:15px;transform:none;}
	
	.exOvsea1 .map-point ul li .num{padding:5px 0 10px;}
	.exOvsea1 .map-point ul .conti{display:none;}
	
	.exOvsea1 .table-wrap .btn.link{position:absolute;right:10px;}
	.exOvsea1 .table-wrap .rel-td{position:relative;padding:15px 40px 15px 10px;}
}

/* 국제교류지원 > 사회봉사 */
.exOvsea3 .thumb-wrap .thumb-box .info-box{display:flex;flex-direction:column;justify-content:center;}


/*전공기초*/
.curr5 .alert-box{margin-bottom:60px;}
.curr5 .box1 td{word-break: break-all;text-align:center;}

/* 전공 > 전공배정 */
.major_ass .box1 td{line-height:1.5;}

/* ======================== 03 대학 ============================ */

/* 신학과소개 */
.theo .ol-box > ol > li > div .ol-box-con{font-size:17px;}

/* 교직 */
.teaching .step-wrap.column .step-box{padding-bottom:50px;}
.teaching .step-wrap.column .step-box .step-info{background-repeat:no-repeat;background-position:50% 0;}
.teaching .step-wrap.column .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/step_ico06.png);}
.teaching .step-wrap.column .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/step_ico02.png);}
.teaching .step-wrap.column .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/step_ico08.png);}
.teaching .step-wrap.column .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/step_ico03.png);}
.teaching .step-wrap.column .step5 .step-info{background-image: url(/_res/songeui/ko/img/common/step_ico07.png);}

.teaching .step1 .sub-info{background:#f8f4f1;color:#9f6b3c;}
.teaching .step2 .sub-info{background:#fdf5ea;color:#eb8e27;}
.teaching .step3 .sub-info{background:#f6f7f1;color:#475c24;}
.teaching .step4 .sub-info{background:#f6f1f7;color:#3f0d88;}
.teaching .step5 .sub-info{background:#fbf2f5;color:#eb3c7f;}

/*복수전공*/
.multimj .alert-box .alert-tit{padding-top:15px;}

@media screen and (max-width: 480px) {
	.multimj .alert-box > div{background-position:0 50%;}
}


/* ======================== 04 대학원 ============================ */

/* 논문 작성 지침 */
.thesis .box1 .flx > div:first-child{width:30%;}
.thesis .box1 .flx > div:last-child{width:70%;}
.thesis .box1 .link-box{margin-top:30px;}

@media screen and (max-width: 768px) {
	.thesis .box1 .flx > div:first-child,
	.thesis .box1 .flx > div:last-child{width:100%;}
	.thesis .box1 .link-box{margin-top:20px;}
}


/* ======================== 05 대학생활 ============================ */

/* 학생회 조직도 */
.stuOrgChart .orgChart-wrap3 .org1 .dep1-wrap{max-width:1010px;margin-top:100px;height:160px;}
.stuOrgChart .orgChart-wrap3 .org-tit{max-width:250px;}
.stuOrgChart .orgChart-wrap3 > .org-tit{max-width:380px;}
.stuOrgChart .orgChart-wrap3 > .org-tit::before{height:100px;}
.stuOrgChart .orgChart-wrap3 .tit1 > .org-tit, .stuOrgChart .orgChart-wrap3 .tit2 > .org-tit{background:#873112;}
.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li{width:calc((100% - 45px) / 4);max-width:250px;margin-left:15px;}
.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li:first-child{margin-left:0;}

.orgChart-wrap3 .org3{position:relative;max-width:1010px;margin:0 auto;padding-top:100px;}
.orgChart-wrap3 .org3::before{content:'';display:block;position:absolute;top:-110px;left:50%;width:1px;height:210px;background:#898989;}
.orgChart-wrap3 .org3 ul{display:flex;justify-content:space-between;}
.orgChart-wrap3 .org3 ul li{width:calc((100% - 30px) / 3);max-width:250px;margin-left:15px;}
.orgChart-wrap3 .org3 .org-tit{position:relative;color:#000;background:#f6f2eb;}
.orgChart-wrap3 .org3 .org-tit::before{content:'';display:block;position:absolute;top:50%;z-index:-1;width:100%;height:1px;background:#898989;}
.orgChart-wrap3 .org3 ul li:first-child{margin-left:0;}
.orgChart-wrap3 .org3 ul li:first-child .org-tit::before{left:100%;}
.orgChart-wrap3 .org3 ul li:last-child .org-tit::before{right:100%;}

@media screen and (max-width: 768px) {
	.stuOrgChart .orgChart-wrap3{min-width:auto;}
	.stuOrgChart .orgChart-wrap3 .org1 .dep1-wrap{margin-top:0;height:70px;}
    .stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap {display: flex;position:relative;}
	.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li{padding-top:22px;}
	.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li::before{height:22px;}
	/*.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap::after{content:'';display:block;position:absolute;top:40px;z-index:-1;width:100%;height:1px;background:#898989;}*/
	/*.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap::before{content:'';display:block;position:absolute;bottom:25px;z-index:-1;width:100%;height:1px;background:#898989;}*/
	/*.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li{width:calc((100% - 15px) / 2) !important;margin-left:15px !important;}
	.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li:nth-child(odd){margin-left:0 !important;}
	.stuOrgChart .orgChart-wrap3 .org2::before{display:none;}
	.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li::after,
	.stuOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li::before{display:none;}*/
	.orgChart-wrap3 .org3{padding-top:20px;}
	.orgChart-wrap3 .org3::before{top:-140px;height:160px;}
}

.stuOrgChart .border-box .img-box{min-height:auto;}
.stuOrgChart .thumb-wrap .thumb-box .info-box{display:flex;flex-direction:column;justify-content:center;}
.stuOrgChart .border-box .h4-tit01{padding:0 0 15px 0;}

/* 학보사 소개 */
.acad_news .box1{padding:0;background:#f8f7f6 url(/_res/songeui/ko/img/common/menu05/acad_news_bg.png) no-repeat 100% 0;}
.acad_news .box1 .img-box > img{padding:0 30px;}
.acad_news .box2{display:flex;flex-direction:column;justify-content:space-between;}
.acad_news .box2 .link-box{margin-top:20px;}



/* 학보사 조직도 */
.newsOrgChart .orgChart-wrap3 .org1 .dep1-wrap{height:200px;margin-top:80px;}
.newsOrgChart .orgChart-wrap3 .org1 .dep1-wrap .dep-wrap{width:100%;}
.newsOrgChart .orgChart-wrap3 .org1 .dep1-wrap .dep-wrap ul > li{max-width:280px;margin:0 auto;}
.newsOrgChart .orgChart-wrap3 .org1 .dep1-wrap .dep-wrap ul > li::before{display:none;}
.newsOrgChart .orgChart-wrap3 .tit1 > .org-tit{background:#873112;}
.newsOrgChart .orgChart-wrap3 .org2{}
.newsOrgChart .orgChart-wrap3 .org3{max-width:100%;}
.newsOrgChart .orgChart-wrap3 .org3::before{height:160px;z-index:-1;}
.newsOrgChart .orgChart-wrap3 .org3 ul{position:relative;}
.newsOrgChart .orgChart-wrap3 .org3 ul::before{content:'';display:block;position:absolute;top:-50px;z-index:-1;width:100%;height:1px;background:#898989;}
.newsOrgChart .orgChart-wrap3 .org3 ul > li{position:relative;}
.newsOrgChart .orgChart-wrap3 .org3 ul > li:first-child::after{content: '';display: block;position: absolute;top: -51px;left: 0;width: 50%;height: 3px;background: #fff;}
.newsOrgChart .orgChart-wrap3 .org3 ul > li:last-child::after{content: '';display: block;position: absolute;top: -51px;right:-1px; width: 50%;height: 3px;background: #fff;}
.newsOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li{width:50%;}
.newsOrgChart .orgChart-wrap3 .org3 .org-tit::before{content: '';display: block;position: absolute;top: -50px;left:50%;z-index: -1;width: 1px;height: 50px;background: #898989;}
.newsOrgChart .orgChart-wrap3 .org3 ul li:first-child .org-tit::before{left:50%;}
.newsOrgChart .orgChart-wrap3 .org3 .org-tit::after{content: '';display: block;position: absolute;bottom: -50px;left:50%;z-index: -1;width: 1px;height: 50px;background: #898989;}

.newsOrgChart .orgChart-wrap3 .org3 ul > li:first-child::before {content: '';display: block;position: absolute;bottom: -51px;left: 0;width: 50%;height: 3px;background: #fff;z-index:1;}
.newsOrgChart .orgChart-wrap3 .org3 ul > li:last-child::before {content: '';display: block;position: absolute;bottom: -51px;right: -1px;width: 50%;height: 3px;background: #fff;z-index:1;}
.orgChart-wrap3 .org4{position:relative;padding-top:50px;}
.orgChart-wrap3 .org4::before{content: '';display: block;position: absolute;top:50px;left:0;width:100%;height:1px;background: #898989;}
.orgChart-wrap3 .org4 .org-tit{color:#000;background:#f2f2f2;}
.orgChart-wrap3 .org4 ul li{position:relative;width:250px;margin:0 auto;padding-top:90px;}
.orgChart-wrap3 .org4 ul li::before{content:'';display:block;position:absolute;top:0;left:50%;z-index:-1;width:1px;height:100%;background:#898989;}

@media screen and (max-width:768px){
	.newsOrgChart .orgChart-wrap3{min-width:auto;}
	.newsOrgChart .orgChart-wrap3 .org1 .dep1-wrap{margin-top:30px;height:70px;}
	.newsOrgChart .orgChart-wrap3 .org2 .dep1-wrap{display:flex;}
	.newsOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li{width:calc(50% - 15px);padding-top:20px;}
	.newsOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li + li{margin-left:30px !important;}
	.newsOrgChart .orgChart-wrap3 .org2 .dep1-wrap > li::before{z-index:-1;}
	.newsOrgChart .orgChart-wrap3 .org3{padding-top:40px;}
	.newsOrgChart .orgChart-wrap3 .org4{padding-top:20px;}
	.newsOrgChart .orgChart-wrap3 .org3 .org-tit::before,
	.newsOrgChart .orgChart-wrap3 .org3 .org-tit::after{height:20px;}
	.newsOrgChart .orgChart-wrap3 .org3 .org-tit::before{top:-20px;}
	.newsOrgChart .orgChart-wrap3 .org3 .org-tit::after{bottom:-20px;}
	.newsOrgChart .orgChart-wrap3 .org3 ul::before{top:-20px;}
	.newsOrgChart .orgChart-wrap3 .org3 ul > li:first-child::after,
	.newsOrgChart .orgChart-wrap3 .org3 ul > li:last-child::after{top:-21px;}
	.newsOrgChart .orgChart-wrap3 .org4::before{top:20px;}
	.newsOrgChart .orgChart-wrap3 .org3 ul > li:first-child::before,
	.newsOrgChart .orgChart-wrap3 .org3 ul > li:last-child::before{bottom:-21px;}
	.newsOrgChart .orgChart-wrap3 .org4 ul li{padding-top:20px;}
}

/* 동아리 */
.club .ol-box > ol > li > a .ol-box-con{color:#000;font-weight:600;}

/*교목실*/
.chapel .table-wrap.step > div{display: flex;align-items: center;padding:40px;border-top:1px solid #e0e0e0;}
.chapel .table-wrap.step > div:last-child{border-bottom:1px solid #e0e0e0;}
.chapel .table-wrap.step > div > span {display: block;width: 50px;height: 50px;border-radius: 50%;text-align: center;font-size: 15px;font-weight: 900;line-height: 50px;}
.chapel .table-wrap.step .row_col01 span{background:#f8f4f1;color:#a06a3d;}
.chapel .table-wrap.step .row_col02 span{background:#fdf4e9;color:#ea8f25;}
.chapel .table-wrap.step .row_col03 span{background:#f6f7f1;color:#475b23;}
.chapel .table-wrap.step .row_col04 span{background:#f5f1f7;color:#400c86;}
.chapel .table-wrap.step > div > p{font-size:16px;color:#555;font-weight:400;margin-left:40px;width: calc(100% - 90px);line-height: 1.5;word-break: keep-all;}
.chapel .activity-box > ol > li .activity-con-box .txt{padding:12px 0 0;}

/*부서소개*/
.chapel .activity-box .mail{padding-left:24px;font-size:15px;color:#555;font-weight:700;background:url(/_res/songeui/ko/img/common/dl_mail_ico.png) no-repeat 0 50%;margin-top:7px;margin-bottom:15px;}
.chapel .activity-box .mail + .txt{border-top:1px solid #e9e9e9;}
.chapel .activity-box .txt_b{font-size:18px;color:#000;font-weight:500;margin-top:10px;line-height:1.5;}
.chapel .activity-box .txt_b span{color:#a87a47;}

/*영성상담*/
.chapel .box1{padding:0;}
.chapel .box2{position:relative;}
.chapel .box2 .bg-box{background:#f9f6f5;}
.chapel .box2 .bg-box .box-tit{font-size:18px;color:#333;padding:0 0 25px 0;}
.chapel .box2 .bg-box .con-p{padding:0 0 20px 0;}
.chapel .cir-down a::before{background-image: url(/_res/songeui/ko/img/common/menu05/mail_wh_ico.png);}
.chapel .cir-down a{pointer-events:none;}
.chapel .cir-down a span{padding-bottom:0;border:0;font-weight:700;}
.chapel .box2 .eng{position:absolute;bottom:25px;right:25px;font-size:14px;color:#000;opacity:25%;font-weight:500;letter-spacing:0.5em;}

/*상담 신고*/
.counsel .box1{align-items:normal;}
.counsel .st-box1{display:flex;align-items:center;width:60%;}
.counsel .st-box1 > *{flex:1;}
.counsel .st-box1 > ul{position:relative;padding-right:60px;}
.counsel .st-box1 > ul::after{content:'';display:block;position:absolute;right:0;top:48%;width:60px;height:220px;background:url(/_res/songeui/ko/img/common/menu05/counsel_dash_line.png) no-repeat;transform:translateY(-50%);}
.counsel .st-box1 > ul li{display:block;width:100%;padding:30px;background:#fff;border:1px solid #a06a3d;border-radius:3px;font-size:20px;font-weight:600;color:#222;}
.counsel .st-box1 > ul li + li{margin-top:20px;}
.counsel .st-box1 > ul li p{position:relative;padding-left:74px;}
.counsel .st-box1 > ul li p::before{content:'';display:block;position:absolute;left:0;top:50%;width:58px;height:42px;background-repeat:no-repeat;background-position:50% 50%;transform:translateY(-50%);}
.counsel .st-box1 .step1 p::before{background-image:url(/_res/songeui/ko/img/common/menu05/counsel_ico01.png);}
.counsel .st-box1 .step2 p::before{background-image:url(/_res/songeui/ko/img/common/menu05/counsel_ico02.png);}
.counsel .st-box1 .step3 p::before{background-image:url(/_res/songeui/ko/img/common/menu05/counsel_ico03.png);}
.counsel .st-box1 > ul li p span{font-size:16px;}
.counsel .st-box1 > div{position:relative;width:100%;height:84px;margin-top:-25px;border-radius:3px;color:#fff;font-size:20px;font-weight:600;text-align:center;line-height:84px;}
.counsel .st-box1 > div::after{content:'';display:block;position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;border:4px solid #fff;transform:translate(-50%,-50%);}
.counsel .st-box1 > div + div{margin-left:60px;}
.counsel .st-box1 > div + div::before{content:'';display:block;position:absolute;left:-60px;top:50%;width:60px;height:2px;background:url(/_res/songeui/ko/img/common/menu05/counsel_dash_line2.png) no-repeat 0 0;}
.counsel .st-box1 > div:nth-child(2),
.counsel .st-box1 > div:nth-child(2)::after{background:#ea8f25;}
.counsel .st-box1 > div:nth-child(3),
.counsel .st-box1 > div:nth-child(3)::after{background:#885a33;}
.counsel .st-box2{position:relative;width:calc(40% - 80px);margin-left:80px;background-image:url(/_res/songeui/ko/img/common/menu05/counsel_ico04.png);background-repeat:no-repeat;background-position:50% calc(100% - 20px); color:#000;font-weight:600;text-align:center;}
.counsel .st-box2::before{content:'';display:block;position:absolute;left:-40px;top:50%;width:45px;height:45px;border-radius:50%;background:#a06a3d url(/_res/songeui/ko/img/common/slidemenu-dep01_arr.png) no-repeat 50% 50%;transform:translate(-50%,-50%);}
.counsel .st-box2 span{display:block;margin-top:50px; font-size:16px;}
.counsel .st-box2 p{font-size:24px;margin-top:15px;}

@media screen and (max-width:1200px){
	.counsel .st-box1 > div + div{margin-left:40px;}
	.counsel .st-box1 > div + div::before{width:40px;left:-40px;}
	
	/*영성상담*/
	.chapel .box2 .con-box02{padding:0 0 20px 0;}
	.chapel .box2 .eng{right:0;width:100%;text-align:center;}
}
@media screen and (max-width:1024px){
	.counsel .st-box1{display:block;}
	.counsel .st-box1 > ul{display:flex;padding-right:0;padding-bottom:60px;}
	.counsel .st-box1 > ul::after{content:'';display:block;position:absolute;left:49%;bottom:-80px;right:unset;top:unset;transform:translate(-50%,0) rotate(90deg);}
	.counsel .st-box1 > ul li{padding:15px;font-size:16px;}
	.counsel .st-box1 > ul li + li{margin-top:0;margin-left:10px;}
	.counsel .st-box1 > ul li p{padding-left:0;padding-top:37px;text-align:center;}
	.counsel .st-box1 > ul li p::before{top:0;left:50%;width:38px;height:28px;background-size:38px;transform:translate(-50%, 0)}
	.counsel .st-box1 .step1 p::before{background-size:30px}
	.counsel .st-box1 .step2 p::before{background-size:28px;}
	.counsel .st-box1 > ul li p span{font-size:14px;}
	.counsel .st-box1 > div{height:54px;margin-top:0;font-size:16px;line-height:54px;}
	.counsel .st-box1 > div::after{top:0;left:50%;}
	.counsel .st-box1 > div + div::before{top:-40px;left:50%;transform:rotate(90deg);transform-origin: left;}
	.counsel .st-box1 > div + div{margin-left:0;margin-top:40px;}
	
	/*영성상담*/
	.chapel .box2{padding:25px 30px 50px;}
}
@media screen and (max-width:768px){
	
	/*교목실*/
	.chapel .table-wrap.step > div{padding:20px;}
	.chapel .table-wrap.step > div > span {width: 38px;height: 38px;line-height: 38px;}
	.chapel .table-wrap.step > div > p{font-size:15px;margin-left:20px;width: calc(100% - 58px);}
	
	.counsel .box1{flex-direction:column;}
	.counsel .st-box1,
	.counsel .st-box2{width:100%;padding:30px;background-position:100% 50%;background-size:40%;}
	.counsel .st-box2{margin-left:0;margin-top:80px;}
	.counsel .st-box2::before{top:-40px;left:50%;transform:rotate(90deg) translate(-50%, 50%);}
	.counsel .st-box2 span{margin-top:15px;}
	
	/*부서소개*/
	.chapel .activity-box .mail{text-align:left;}
	.chapel .activity-box .txt_b{text-align:left;font-size:16px;}
	
	/*영성상담*/
	.chapel .box2{padding:15px 15px 60px;}
	.chapel .box2 .eng{font-size:12px;width:calc(100% - 30px);right:15px;letter-spacing:0.4em;bottom:15px;}
	.chapel .box2 .bg-box .box-tit{font-size:15px;}
}

/* 센터소개 및 이용 안내 조직도 */
.orgChart-wrap2{position:relative;}
.orgChart-wrap2::before{content:'';display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background:#898989;}
.orgChart-wrap2 .org-tit{padding:30px 0;font-size:20px;font-weight:700; color:#fff;border-radius:3px;text-align: center;position:relative;margin:0 auto;}
.orgChart-wrap2 .org-tit.top1{background:#471b00;max-width:345px;margin-bottom:60px;}
.orgChart-wrap2 .org-tit.top2{background:#60513a;max-width:345px;margin-bottom:50px;}
.orgChart-wrap2 .dep1-wrap{display:flex;position:relative;}
.orgChart-wrap2 .dep1-wrap .org-tit{max-width:250px;padding:25px 0;font-size:18px;background:#f6f2eb;color:#000;}
.orgChart-wrap2 .dep1-wrap > li{position:relative;}
.orgChart-wrap2 .dep1-wrap > li::before{content:'';display:block;position:absolute;top:36px;width:100%;height:1px;background:#898989;}
.orgChart-wrap2 .dep1-wrap > li:first-child::before{left:50%;}
.orgChart-wrap2 .dep1-wrap > li:last-child::before{right:50%;}
.orgChart-wrap2 .dep1-wrap > li{width:calc(100% / 3);}
.orgChart-wrap2 .dep1-wrap > li.spe{padding-top:160px;}
.orgChart-wrap2 .dep1-wrap > li.spe::before{display:none;}


@media screen and (max-width: 1200px){
	.orgChart-wrap2 .dep1-wrap{flex-wrap:wrap;justify-content: center;}
	/*.orgChart-wrap2 .dep1-wrap > li{min-width:200px;}*/
	.orgChart-wrap2 .dep1-wrap::before,
	.orgChart-wrap2 .dep1-wrap > li > .org-tit::after{display:none;}
	.orgChart-wrap2 .dep1-wrap{padding-top:0;}
}

@media screen and (max-width: 768px){
	.stu_govm .border-box{padding:20px 15px;}
	.orgChart-wrap2 .org-tit{font-size:18px;padding:20px 0;}
	.orgChart-wrap2 .org-tit.top1{margin-bottom:20px;}
	.orgChart-wrap2 .org-tit.top2{margin-bottom:30px;}
	.orgChart-wrap2 .dep1-wrap .org-tit{padding:15px 0;font-size:16px;}
	.orgChart-wrap2 .dep1-wrap > li::before{top:25px;}
	.orgChart-wrap2 .dep1-wrap > li.spe{padding-top:80px;}
}

/*.orgChart-wrap2 .org-tit{padding:30px 0;font-size:20px;font-weight:700; color:#fff;border-radius:3px;text-align: center;position:relative;margin:0 auto;}
.orgChart-wrap2 .org-tit::after{content:'';display:block;width:1px;height:100%;background:#898989;position:absolute;left:50%;top:100%;}
.orgChart-wrap2 .org-tit.top1{background:#a06a3c;max-width:345px;margin-bottom:60px;}
.orgChart-wrap2 .org-tit.top2{background:#61513a;max-width:345px;margin-bottom:50px;}
.orgChart-wrap2 .org-tit.top2::after{height:50px;}
.orgChart-wrap2 .dep1-wrap{display:flex;padding-top:70px;position:relative;}
.orgChart-wrap2 .dep1-wrap::before{content:'';display:block;width:80%;height:1px;background:#898989;position:absolute;left:10%;top:-2px;}
.orgChart-wrap2 .dep1-wrap .org-tit{padding:25px 0;font-size:18px;background:#6788b3;}
.orgChart-wrap2 .dep1-wrap .org-tit::after{top:-100%;}
.orgChart-wrap2 .dep1-wrap > li{width:calc((100% - 50px) / 5);margin:0 5px;}
.orgChart-wrap2 .org-box{padding:30px;background:#f9f9f9;}
.orgChart-wrap2 .dep1-wrap .org-box{min-height:230px;margin-top:20px;position:relative;}
.orgChart-wrap2 .dep1-wrap .org-box::after{content:'';display:block;width:1px;height:20px;background:#898989;position:absolute;left:50%;top:-20px;}
.orgChart-wrap2 .dep2-wrap > li + li{margin-top:20px;}
.orgChart-wrap2 .dep2-wrap .org-tit{height:70px;font-size:16px;background:#777;display:flex;justify-content:center;align-items:center;}
.orgChart-wrap2 .dep2-wrap .org-tit::after{width:25px;height:1px;left:-25px;top:50%;}
.orgChart-wrap2 .dep2-wrap .org-box{margin-top:10px;min-height:auto;}
.orgChart-wrap2 .dep2-wrap .org-box::after{height:10px;top:-10px;}
.orgChart-wrap2 .spe .dep2-wrap{padding-left:40px;margin-top:20px;position:relative;}
.orgChart-wrap2 .spe .dep2-wrap::after{content:'';display:block;width:1px;height:calc(100% - 150px);background:#898989;position:absolute;left:15px;top:-20px;}

.orgChart-wrap2 .ul-type-dot > li + li{margin-top:5px;}

.stu_govm .border-box{padding:60px;}

@media screen and (max-width: 1200px){
	.orgChart-wrap2 .dep1-wrap{flex-wrap:wrap;justify-content: center;}
	.orgChart-wrap2 .dep1-wrap > li{min-width:200px;}
	.orgChart-wrap2 .dep1-wrap::before,
	.orgChart-wrap2 .dep1-wrap > li > .org-tit::after{display:none;}
	.orgChart-wrap2 .dep1-wrap{padding-top:0;}
}

@media screen and (max-width: 768px){
	.stu_govm .border-box{padding:20px 15px;}
	.orgChart-wrap2 .org-tit{font-size:18px;padding:20px 0;}
	.orgChart-wrap2 .org-tit.top1{margin-bottom:20px;}
	.orgChart-wrap2 .org-tit.top2{margin-bottom:30px;}
	.orgChart-wrap2 .org-box{padding:20px;}
	.orgChart-wrap2 .dep1-wrap .org-tit{padding:15px 0;font-size:16px;}
	.orgChart-wrap2 .dep1-wrap > li{min-width:100%;width:100%;margin:0;}
	.orgChart-wrap2 .dep1-wrap > li + li{margin-top:20px;}
	.orgChart-wrap2 .dep1-wrap .org-box{margin-top:10px;min-height:auto;}
	.orgChart-wrap2 .dep1-wrap .org-box::after{height:10px;top:-10px;}
	.orgChart-wrap2 .dep2-wrap .org-tit{height:60px;}
	.orgChart-wrap2 .spe .dep2-wrap::after{height:calc(100% - 106px);}
}
*/


/* 취창업교육 (임시) */
.career .img-box{padding:0;}
.career .img-box.box1 > img{max-width:1000px;}
.career .img-box.box2{padding:25px 30px 35px;}
.career .img-box.box3{overflow:auto;}
.career .img-box.box3 > img{min-width:768px;}
.career .img-box.box4{background:#e0f3fa;padding:25px 30px;}

.career .img-box.box5 > img{max-width:548px;}
.career .img-box.box6 > img{max-width:456px;}

.career .img-box.box7{padding-top:10px;}
.career .img-box.box7 > img{max-width:484px;}

/* 대학생활 > IT서비스 */
.ITserv .bg-box{padding:35px;display:flex;flex-wrap:wrap;align-items: center;}
.ITserv .bg-box .dl-box{width:calc(100% - 330px);}
.ITserv .bg-box .link-box{width:330px;}
.ITserv .bg-box .link-box > ul{justify-content: flex-end;}
.ITserv .bg-box dl{display:flex;flex-wrap:wrap;font-weight:600; font-size:15px;color:#333;padding-left:25px;}
.ITserv .bg-box dl.tel{background:url(/_res/songeui/ko/img/common/dl_tel_ico2.png) no-repeat 0 0;}
.ITserv .bg-box dl.mail{background:url(/_res/songeui/ko/img/common/dl_mail_ico.png) no-repeat 0 0;}
.ITserv .bg-box dl + dl{margin-top:15px;}
.ITserv .bg-box dl > dt{margin-right:5px;}
.link-box ul li .link.ms,
.link-box ul li .link.v3{padding-left:55px;}
.link-box ul li .link.ms:before{position:absolute;left:20px;top:50%;transform:translateY(-50%);content:'';display:block;width:22px;height:28px;background:url(/_res/songeui/ko/img/common/menu05/ms_ico.png) no-repeat 0 0 / cover;}
.link-box ul li .link.v3:before{position:absolute;left:20px;top:50%;transform:translateY(-50%);content:'';display:block;width:22px;height:22px;background:url(/_res/songeui/ko/img/common/menu05/v3_ico.png) no-repeat 0 0 / cover;}

@media screen and (max-width:768px){
	.ITserv .bg-box dl{font-size:14px;}
	.ITserv .bg-box{padding:15px;}
	.ITserv .bg-box .dl-box{width:100%;}
	.ITserv .bg-box .link-box{width:100%;}
	.ITserv .bg-box .link-box > ul{justify-content: flex-start;}
	.ITserv .bg-box dl + dl{margin-top:7px;}
	.ITserv .bg-box .link-box > ul li{padding:15px 0;}
}

/* 대학생활 > 편의복지 공통 */
.conv .thumb-wrap .thumb-box{border:1px solid #e7eaed;border-radius: 3px;}
.conv .thumb-wrap .thumb-box .img-box,
.conv .thumb-wrap .thumb-box .info-box{width:50%;}
.conv .thumb-wrap .thumb-box .info-box{padding:40px 50px;}
.conv .thumb-wrap .info-box > div{padding:20px 0;}
.conv .thumb-wrap .info-box > div + div{border-top:1px solid #e7eaed;}
.conv .thumb-wrap .info-box .box-tit{padding:85px 0 7px 0;position:relative;background-repeat: no-repeat;}
.conv .thumb-wrap .info-box .con-p{padding:0 0 20px 0;}
.conv .thumb-wrap .info-box .dl-tit{font-size:16px;font-weight:600;color:#000;padding-bottom:20px;}
.conv .thumb-wrap .info-box .dl-box{padding-bottom:10px;}
.conv .thumb-wrap .info-box .dl-box dl{display:flex;font-size:15px;color:#000;font-weight:600;line-height:1.4}
.conv .thumb-wrap .info-box .dl-box dl + dl{margin-top:15px;}
.conv .thumb-wrap .info-box .dl-box dl dt{padding-left:30px;padding-right:5px;position:relative;}
.conv .thumb-wrap .info-box .dl-box dl dt::before{position:absolute;left:0;top:0; content:'';display:block;width:18px;background-repeat: no-repeat;background-position:50% 50%;background-size:cover;}
.conv .thumb-wrap .info-box .dl-box .loc dt::before{height:21px; background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico1.png);}
.conv .thumb-wrap .info-box .dl-box .time dt::before{height:18px; background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico2.png);}

@media screen and (max-width:1024px){
	.conv .thumb-wrap .thumb-box .info-box{padding:0 20px;}
}
@media screen and (max-width:768px){
	.thumb-wrap .thumb-box .img-box{margin-bottom:0;}
	.conv .thumb-wrap .thumb-box .img-box, .conv .thumb-wrap .thumb-box .info-box{width:100%;}
	/* .conv .thumb-wrap .thumb-box .info-box{padding:0 20px} */
	.conv .thumb-wrap .info-box > div{padding:15px 0;}
	.conv .thumb-wrap .info-box .box-tit{padding-top:60px;background-size:50px;margin-top:-45px;}
	.conv .thumb-wrap .info-box .dl-tit{font-size:15px;padding-bottom:10px;}
	.conv .thumb-wrap .info-box .dl-box dl + dl{margin-top:5px;font-size:14px;}
	.conv .thumb-wrap .info-box .dl-box dl dt{padding-left:20px;min-width:75px;}
	.conv .thumb-wrap .info-box .dl-box dl dt::before{width:15px;background-size:15px;top:2px;}
	.conv .thumb-wrap .info-box .dl-box .loc dt::before{height:18px;}
	.conv .thumb-wrap .info-box .dl-box .time dt::before{height:15px;}
}

/* 대학생활 > 편의복지 > 대관안내 */
.rt_sim .box-wrap.card .border-box > .img-box{height:305px;}
.rt_sim .box-wrap.card .dl-box{padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.rt_sim .box-wrap.card .dl-box dl{justify-content:space-between;align-items:center;}
.rt_sim .box-wrap.card .dl-box dl dt{font-size:14px;color:#555;font-weight:600;flex-shrink:0;}
.rt_sim .box-wrap.card .dl-box dl dd{font-size:18px;color:#a06a3c;font-weight:700;}
.rt_sim .box-wrap.card .border-box .box-tit{padding:0 0 10px 0;}
.rt_sim .box-wrap.card .border-box .alert-txt{margin-top:15px;}
.rt_sim .img-pop-btn{position:absolute;bottom:20px;right:20px; width:52px;height:52px;border-radius:50%; background:#f0f4f7 url(/_res/songeui/ko/img/common/menu05/img_pop_ico.png) no-repeat 50% 50%;text-indent:-9999em;font-size:0;}
.dialog-wrap.rt_sim .dialog-box{max-width:870px;width:870px;}
.dialog-wrap.rt_sim .cont-wrap{padding:0;}
.dialog-wrap.rt_sim .cont-wrap .img-box{width:100%;height:600px;}
.dialog-wrap.rt_sim .cont-wrap .img-box img{width:100%;height:100%;object-fit: cover;}

@media screen and (max-width:1024px){
	.dialog-wrap.rt_sim .dialog-box{max-width:100%;width:100%;}
}

@media screen and (max-width:768px){
	.rt_sim .box-wrap.card .border-box > .img-box{height:200px;}
	.rt_sim .img-pop-btn{width:38px;height:38px;background-size:15px;right:10px;bottom:10px;}
	.dialog-wrap.rt_sim .cont-wrap .img-box{height:300px;}
}

/* 보건실 */
.health .thumb-box{border:1px solid #e0e0e0;}
.health .thumb-box .info-box{display:flex;flex-direction: column;justify-content: center;}
.health .thumb-box .info-box .box-tit{background-image:url(/_res/songeui/ko/img/common/menu05/disServ_cir_icon.png);z-index:1;}
.health .health-swiper{width:50%;}
.health .health-swiper .health-swiper-pagination{position:absolute;bottom:0;z-index:1;height:25px;}
.health .health-swiper-next, .health .health-swiper-prev{border-radius:20px;background-color:rgba(0 0 0 / 50%);background-size:6px;width:20px;}
.health .health-swiper-prev{background-image:url(/_res/songeui/ko/img/common/menu05/health_swp_prev.png);}
.health .health-swiper-next{background-image:url(/_res/songeui/ko/img/common/menu05/health_swp_next.png);}

.health .health-swiper .swiper-pagination-bullet{opacity:1;background:#b0a696;}
.health .health-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2px;}
.health .health-swiper .swiper-pagination-bullet-active{width:17px;border-radius:5px;background:#fff;}

.health .box1 .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico01.png);}
.health .box1 .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico02.png);}
.health .box1 .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico03.png);}
.health .box1 .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico04.png);}
.health .box1 .step5 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico05.png);}

.health .box2 .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico06.png);}
.health .box2 .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico07.png);}
.health .box2 .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico08.png);}
.health .box2 .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico03.png);}
.health .box2 .step5 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico01.png);}

.qna-wrap ul li:first-child{border-top:1px solid #e7e7e7;}
.qna-wrap ul li {border-bottom:1px solid #e7e7e7;}
.qna-wrap ul li > *{display:flex;align-items: center;}
.qna-wrap ul li a{padding:28px 0;position:relative;}
.qna-wrap ul li a::after{position:absolute;right:27px; content:'';display:block;width:15px;height:9px;background:url(/_res/songeui/ko/img/common/ans-box_downarr.png) no-repeat;transition:all 0.2s;}
.qna-wrap ul li a > p{width:39px;height:39px;border-radius:50%;background:#ececec;font-size:16px;font-weight:600;color:#a06a3c;text-align: center;line-height: 39px;transition:all 0.2s;}
.qna-wrap ul li a > div{width:calc(100% - 39px); font-size:20px;color:#333;font-weight:400;padding-left:18px;transition:all 0.2s;padding-right:50px;}
.qna-wrap .ans-box{position:relative; padding:40px 58px 40px 100px;background:#f7f7f8;display:none;line-height:1.7;}
.qna-wrap .ans-box > span{position:absolute;left:58px;top:35px; font-size:22px;color:#a06a3c;font-weight:600;}

.qna-wrap ul li.on{border-color:#ccc;}
.qna-wrap ul li.on a > p{background:#a06a3c;color:#fff;font-size:22px;font-weight:600;}
.qna-wrap ul li.on a > div{color:#001345;font-weight:700;}
.qna-wrap ul li.on a::after{background:url(/_res/songeui/ko/img/common/ans-box_downarr_on.png) no-repeat;transform:rotate(180deg);}

@media screen and (max-width:768px){
	.health .health-swiper{width:100%;}
	.qna-wrap ul li a{padding:15px 0;}
	.qna-wrap ul li a > p{width:28px;height:28px;line-height:28px;}
	.qna-wrap ul li a > div{width:calc(100% - 28px);font-size:16px;padding-left:12px;padding-right:30px;}
	.qna-wrap .ans-box{padding:15px 15px 15px 40px;}
	.qna-wrap .ans-box > span{font-size:16px;left:15px;top:14px;}
	.qna-wrap ul li a::after{right:10px;width:12px;height:7px;background-size:12px;}
	.qna-wrap ul li.on a > p{font-size:16px;}
	.qna-wrap ul li.on a::after{background-size:12px;}
}

/*부속병원이용 및 학생상해보험*/
.hospital .h4-tit01.flx{max-width:1050px;}
.hospital .box1 .table-wrap{max-width:1050px;}
.hospital .box1 .table-wrap tr th, .hospital .box1 .table-wrap tr td{padding:17px 15px;}

@media screen and (max-width:480px){
	.hospital .h4-tit01.flx{display:block;}
	.hospital .h4-tit01.flx .link-box ul li:nth-of-type(n){padding:10px 0 0 0;}
}

/* 식당 편의시설 */
.restaurant .box-wrap.card .dl-box dl dd{width:calc(100% - 60px);}
.restaurant .box-wrap.card .border-box .cir-icon{left:30px;}
.restaurant .box-wrap.card .border-box > .img-box{height:300px;}
.restaurant .box-wrap.card .border-box .info-box{padding:50px 30px 30px;}
.restaurant .box-wrap.card .border-box .info-box .link-txt{display:inline;}
.restaurant .box-wrap.card .border-box .box-tit{position:relative;padding:0 170px 10px 0;}
.restaurant .box-wrap.card .border-box .box-tit > span:nth-child(2){position:absolute;right:0;top:0;}
.restaurant .box1 .cir-icon{background-image:url(/_res/songeui/ko/img/common/menu05/restaurant_cir_ico01.png);}
.restaurant .box2 .cir-icon{background-image:url(/_res/songeui/ko/img/common/menu05/restaurant_cir_ico02.png);}

@media screen and (max-width:768px){
	.restaurant .box-wrap.card .border-box .box-tit{display:block;padding-right:0}
	.restaurant .box-wrap.card .border-box .box-tit > span{display:block;width:100%;}
	.restaurant .box-wrap.card .border-box .box-tit > span:nth-child(2){position:static;margin-top:5px}
	.restaurant .box-wrap.card .border-box > .img-box{height:230px;}
	.restaurant .box-wrap.card .border-box .info-box{padding:30px 15px 15px;}
	.restaurant .box-wrap.card .border-box .cir-icon{left:15px;}
}

/* 학생지원 > 기숙사(성심)*/
.dmt_sim .con-box .flx{align-items:flex-end;}
.dmt_sim .con-tit{padding:0 0 35px 0;}
.dmt_sim .con-tit + .link-box{margin-bottom:30px;}
.dmt_sim .box-wrap .border-box > .img-box{height:420px;}
.dmt_sim .box-wrap .border-box .info-box{padding:50px 30px 30px;}
.dmt_sim .box-wrap .border-box .cir-icon{left:30px; background-image:url(/_res/songeui/ko/img/common/menu05/dmt_cir_icon.png);}
.dmt_sim .con-tit{width:calc(100% - 300px);}
.dmt_sim .box-tit{padding:0 0 10px 0;}

@media screen and (max-width:1024px){
	.dmt_sim .flx{display:block;}
	.dmt_sim .con-tit{width:100%;padding:0 0 10px 0;}
	.dmt_sim .con-tit + .link-box{padding:0 0 15px 0;margin-bottom:0;}
}

@media screen and (max-width:768px){
	.dmt_sim .box-wrap.card .border-box > .img-box{height:300px;}
	.dmt_sim .box-wrap.card .border-box .info-box{padding:30px 15px 15px;}
	.dmt_sim .box-wrap.card .border-box .cir-icon{left:15px;}
}

/* 학생지원 > 기숙사(성신)*/
.dmt_sin .box-wrap .border-box > .img-box{height:420px;}
.dmt_sin .box-wrap .border-box .info-box{padding:50px 30px 30px;}
.dmt_sin .box-wrap .border-box .cir-icon{left:30px; background-image:url(/_res/songeui/ko/img/common/menu05/dmt_cir_icon.png);}
.dmt_sin .box-tit{padding:0 0 10px 0;}

@media screen and (max-width:768px){
	.dmt_sin .box-wrap.card .border-box > .img-box{height:300px;}
	.dmt_sin .box-wrap.card .border-box .info-box{padding:30px 15px 15px;}
	.dmt_sin .box-wrap.card .border-box .cir-icon{left:15px;}
}

/* 학생지원 > 기숙사(성의)*/
.dmt_eui .thumb-wrap .thumb-box .img-box{height:520px;}
.dmt_eui .thumb-wrap .info-box{padding:40px 50px;}
.dmt_eui .thumb-wrap .info-box .box-tit{background-image: url(/_res/songeui/ko/img/common/menu05/dmt_cir_icon.png);}
.dmt_eui .thumb-wrap .info-box p.con-p{font-weight:600;}

@media screen and (max-width:1024px){
	.dmt_eui .thumb-wrap .thumb-box .img-box{height:350px;}
	.dmt_eui .thumb-wrap .thumb-box .info-box{padding:20px;}
}
@media screen and (max-width:768px){
	.dmt_eui .thumb-wrap .thumb-box .img-box{height:250px;}
	.dmt_eui .thumb-wrap .thumb-box .info-box{padding:15px 20px;}
}

/* 학생지원 > 대학직장예비군)*/
/*.stu_res .thumb-wrap .thumb-box .img-box{height:410px;}*/
.stu_res .thumb-wrap .info-box .box-tit{background-image: url(/_res/songeui/ko/img/common/menu05/stu_res_cir_ico.png);padding-bottom:20px;}
.stu_res .thumb-wrap .info-box .dl-box .tel dt::before{height:18px; background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico3.png);}
.stu_res .thumb-wrap .info-box .dl-box .link dt::before{height:18px; background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico4.png);}
.stu_res .thumb-wrap .info-box > div{padding:40px 0;}
.stu_res .thumb-wrap .info-box > div:last-child{padding:30px 0;}

@media screen and (max-width:768px){
	.stu_res .thumb-wrap .thumb-box .img-box{height:250px;}
	.stu_res .thumb-wrap .info-box > div,
	.stu_res .thumb-wrap .info-box > div:last-child{padding:15px 0;}
	.stu_res .thumb-wrap .info-box .box-tit{padding-bottom:10px;}
}

/* 도서관 */
/* .library .thumb-wrap .thumb-box .img-box{height:520px;} */
.library .thumb-wrap .info-box .box-tit{background-image: url(/_res/songeui/ko/img/common/menu05/library_cir_icon.png);}
.library .thumb-wrap .thumb-box .info-box{padding-top:40px;padding-bottom:40px;}

@media screen and (max-width:768px){
	.library .thumb-wrap .thumb-box .img-box{height:300px;}
	.library .thumb-wrap .thumb-box .info-box{padding-top:20px;padding-bottom:20px;}
}

/* 장애학생지원 */
.disServ .thumb-wrap .info-box .box-tit{background-image: url(/_res/songeui/ko/img/common/menu05/disServ_cir_icon.png);}
.disServ .thumb-wrap .thumb-box .info-box{padding-top:40px;padding-bottom:40px;}
.disServ .thumb-wrap .info-box .dl-box{padding-top:0;padding-bottom:30px;}
.disServ .step-wrap .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico06.png);}
.disServ .step-wrap .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico03.png);}
.disServ .step-wrap .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico07.png);background-position-y: 15%;}
.disServ .step-wrap .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/disServ_step_ico01.png);background-position-y: 15%;}
.disServ .step-wrap .step5 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/disServ_step_ico02.png);}

@media screen and (max-width:768px){
	.disServ .thumb-wrap .thumb-box .img-box{height:250px;}
	.disServ .thumb-wrap .thumb-box .info-box{padding-top:20px;padding-bottom:20px;}
}

/* 교내미디어 */
.media .img-box{position:relative;height:410px;}
.media .box1{text-align:left;position:absolute;left:0;top:0;height:100%;padding-top:110px;padding-left:100px;}
.media .box1 .con-p{font-size:36px;font-weight:700;color:#333;line-height:1.5;}
.media .box1 > span{font-size:14px;color:#888;font-family: 'Roboto', sans-serif;letter-spacing: 0.1em;display:inline-block;padding-top:20px;}
.media .box1 .con-p span{color:#a06a3c;}
.media .bg-box .box-tit{padding:0 0 15px 0;}

@media screen and (max-width: 768px){
	.media .box1{width:100%;padding:0 15px;display:flex;flex-direction:column;justify-content:center;}
	.media .box1 .con-p{font-size:21px;text-align:center;}
	.media .box1 > span{padding-top:10px;font-size:12px;display:block;text-align:center;width:100%;}
	.media .img-box{height:220px;}
}

@media screen and (max-width: 480px){
	.media .bg-box .box-tit{padding: 0 0 5px 0;}
    .media .link-box ul li{width:auto;}
	.media .link-box ul li + li{margin-left:5px;}
}



/* 학생군사교육단 */
.rotc .thumb-wrap .info-box .box-tit{background-image: url(/_res/songeui/ko/img/common/menu05/rotc_cir_icon.png);}

.sm-thumb-wrap{margin-top:60px;}
.sm-thumb-wrap ul{display:flex;flex-wrap:wrap;}
.sm-thumb-wrap ul li{width:calc((100% - 60px) / 4);}
.sm-thumb-wrap ul li + li{margin-left:20px;}
.sm-thumb-wrap ul li img{width:100%;height:100%;object-fit: cover;overflow:hidden;}

@media screen and (max-width: 1024px){
	.rotc .thumb-wrap .thumb-box .info-box{padding:20px;}
	.rotc .thumb-wrap .info-box > div{padding:0;}

	.sm-thumb-wrap{margin-top:20px;}
	.sm-thumb-wrap ul li{width:calc((100% - 20px) / 2);}
	.sm-thumb-wrap ul li:nth-child(n+3){margin-top:20px;}
	.sm-thumb-wrap ul li:nth-child(3n){margin-left:0;}
}

/* 학생상담 */

/*.counsel .thumb-wrap .info-box .box-tit {background-image: url(/_res/songeui/ko/img/common/menu05/counsel_cir_ico.png);}
.counsel .img-box{position:relative;}
.counsel .box1{text-align:left;position:absolute;left:0;top:0;height:100%;padding-top:110px;padding-left:100px;}
.counsel .box1 .con-p{font-size:36px;font-weight:700;color:#fff;line-height:1.5;}
.counsel .box1 > span{font-size:14px;color:#fff;font-family: 'Roboto', sans-serif;letter-spacing: 0.1em;display:inline-block;padding-top:20px;}
.counsel .box1 .con-p span{color:#a06a3c;}

.counsel .thumb-wrap .info-box .dl-box .tel dt::before{background-image:url(/_res/songeui/ko/img/common/menu05/conv_dl_ico3.png);height:18px;}
.counsel .thumb-wrap .info-box .dl-box .mail dt::before{background-image:url(/_res/songeui/ko/img/common/dl_mail_ico.png);height:14px;}
.counsel .thumb-wrap .info-box .link-txt{margin-top:40px;}

@media screen and (max-width: 768px){
	.counsel .thumb-wrap .thumb-box .info-box {padding-top: 20px;padding-bottom: 20px;}
	.counsel .h4-tit01.flx{display:block;}
	.counsel .box1{width:100%;padding:0 15px;padding-top:30px;}
	
	.counsel .box1 .con-p{font-size:24px;}
	.counsel .box1 > span{padding-top:5px;font-size:12px;}
	.counsel .img-box{height:220px;}
	.counsel .thumb-wrap .info-box .link-txt{margin-top:15px;}
}

@media screen and (max-width: 480px){
	.counsel .bg-box .box-tit{padding: 0 0 5px 0;}
	.counsel .link-box ul li{width:100%;padding-top:10px;}
	.counsel .link-box ul li:nth-of-type(n){padding-bottom:0;}
	.counsel .link-box ul li + li{margin-left:5px;}
}
*/

/* 평생교육 */

.lifelong .border-box.box1{padding:50px;}
.lifelong .border-box.box1 .box-tit {text-align: center;font-size: 30px;}
.lifelong .border-box.box1 .box-tit span {padding-bottom: 10px;border-bottom: 2px solid #000;display: inline-block;}
.lifelong-wrap .img-box > img{padding:10px 70px 0;}
.lifelong-wrap .img-box > img:first-child{width:43%;}
.lifelong-wrap .img-box > img:nth-child(2){width:40%;}

.lifelong .lifelong-ol > ol > li{display:flex;padding:40px 50px;border-top:1px solid #e9e9e9;}
.lifelong .lifelong-ol > ol > li:last-child{border-bottom:1px solid #e9e9e9;}
.lifelong .lifelong-ol > ol > li > p{width:50px;height:50px;border-radius:50%;text-align:center;font-size:14px;font-weight:800;line-height:50px;}
.lifelong .lifelong-ol > ol > li > div{width:calc(100% - 50px);padding-left:30px;}

.lifelong .lifelong-ol > ol > li.col01 > p{background-color:#edf0f5;color:#a06a3c;}
.lifelong .lifelong-ol > ol > li.col02 > p{background-color:#f5f1f7;color:#400c86;}
.lifelong .lifelong-ol > ol > li.col03 > p{background-color:#edf4f4;color:#0c6586;}
.lifelong .lifelong-ol > ol > li.col04 > p{background-color:#fdf4e9;color:#c17013;}
.lifelong .lifelong-ol > ol > li.col05 > p{background-color:#f7f7f7;color:#555555;}

.lifelong .lifelong-ol > ol > li > div > p{font-size:20px;font-weight:700;color:#333;height:50px;display:flex;align-items:center;}
.lifelong .lifelong-ol > ol > li > div > div,
.lifelong .lifelong-ol > ol > li > div > ul{margin-top:10px;}
.lifelong .lifelong-ol > ol > li > div > .alert-txt{display:inline-block; margin-top:15px;}

@media screen and (max-width: 1024px){
	.lifelong-wrap .img-box > img{padding:0 30px;}
}

@media screen and (max-width: 768px){
	.lifelong .border-box.box1{padding:15px;}
	.lifelong .border-box.box1 .box-tit span{border-bottom:0;padding-bottom:0;font-size:20px;}
	.lifelong-wrap .img-box > img{max-width:320px; width:100%;padding:15px 0;}
	.lifelong-wrap .img-box > img:first-child,
	.lifelong-wrap .img-box > img:nth-child(2){width:100%;}
	.lifelong-wrap .img-box > img:nth-child(2){max-width:265px;}
	
	.lifelong .box1{width:100%;padding:0 15px;padding-top:30px;}
	.lifelong .box1 .con-p{font-size:24px;}
	.lifelong .box1 > span{padding-top:5px;font-size:12px;}
	/*.lifelong .img-box{height:220px;}*/
	
	.lifelong .lifelong-ol > ol > li{padding:20px 15px;}
	.lifelong .lifelong-ol > ol > li > p{width:40px;height:40px;line-height:40px;}
	.lifelong .lifelong-ol > ol > li > div{width:calc(100% - 40px);padding-left:20px;}
	.lifelong .lifelong-ol > ol > li > div > p{font-size:15px;height:40px;}
	.lifelong .lifelong-ol > ol > li > div > div, .lifelong .lifelong-ol > ol > li > div > ul{margin-top:15px;}
	.lifelong .lifelong-ol > ol > li > div > .alert-txt{margin-top:10px;}
}

/* 기관동아리 */
.instClub .intro-box{border-radius:5px;overflow:hidden;height:430px;display:flex;}
.instClub .intro-box > *{width:50%;}
.instClub .intro-box > p{background:#a06a3c url(/_res/songeui/ko/img/common/menu05/institute_club_logo.png) no-repeat 50% 50%;display:flex;align-items:center;justify-content:center;}
.instClub .intro-box > p > span{font-size:36px; color:#fff;text-align:center;font-weight:700;}
.instClub .intro-box > .img-box{height:100%;}
.instClub .intro-box > .img-box > img{height:100%;width:100%;object-fit:cover;}

@media screen and (max-width:1024px){
	.instClub .intro-box{height:310px;}
	.instClub .intro-box > p > span{font-size:24px;}
	.instClub .intro-box > p{background-size:300px;}
}

@media screen and (max-width:768px){
	.instClub .intro-box{display:block;height:auto;}
	.instClub .intro-box > *{width:100%;}
	.instClub .intro-box > p{padding:20px 0;background-size:150px;background-position:0 50%;}
	.instClub .intro-box > p > span{font-size:18px;}
}

/* 뉴스룸 > 기사제보 */
.req_coop .sel-wrap{width:100%;}
/*.req_coop .agree-box .agr-con .ul-type-dot > li + li{margin-top:10px;}*/
.req_coop .agree-box .agr-con .ul-type-dot dl{display:flex;}
.req_coop .agree-box .agr-con .ul-type-dot dl dt{flex-shrink:0;}
.req_coop .agree-box .agr-con .ul-type-dot dl dd{padding-left:5px;}
.req_coop .inn-table tbody tr td div.style{display:flex;}
.req_coop .inn-table tbody tr td div.style > *{display:block;}
.req_coop .inn-table tbody tr td div.style .b-input.datepicker{margin-right:10px;}
.req_coop .inn-table tbody tr td div.style .b-select:nth-child(3){margin-right:10px;}
.req_coop .b-table-wrap{background:#fff;margin-top:-5px;} /*기사제보 > write - 첨부파일*/
.req_coop .b-table-box .b-row-box{padding:0 40px;}
.req_coop .b-table-box .b-row-box .b-title-box{padding:0;width:180px;}

@media screen and (max-width:1024px){
	.req_coop .inn-table tbody tr td div.style .b-select{height:52px;}
	.req_coop .b-table-box .b-row-box .b-title-box{display:table-cell;}
}

@media screen and (max-width:768px){
	.req_coop .agree-box .agr-con .ul-type-dot dl{display:block;}
	.req_coop .agree-box .agr-con .ul-type-dot dl dt,
	.req_coop .agree-box .agr-con .ul-type-dot dl dd{width:100%;padding-left:0;}
	.req_coop .inn-table tbody tr td div.style .b-select{width:calc(50% - 20px);height:37px;}
	.req_coop .b-table-box .b-row-box .b-title-box{display:block;}
	.req_coop .b-table-box .b-row-box{padding:0 15px;}
	.req_coop .cms-multi-upload .fileUpload{padding-top:20px !important;}
}

/* 입학교육 > 외국인입학 */
.adm_foreigner .sm-box-wrap.col2 > ul > li{padding:30px 55px 30px 30px;}
.adm_foreigner .sm-box-wrap.col2 > ul > li dl{display:flex;flex-wrap:wrap; font-size:20px;font-weight:700;color:#333;}
.adm_foreigner .sm-box-wrap.col2 > ul > li dl > *{margin:10px 0;}
.adm_foreigner .sm-box-wrap.col2 > ul > li dl dt{position:relative; padding-left:40px;margin-right:40px;}
.adm_foreigner .sm-box-wrap.col2 > ul > li dl dt::before{position:absolute;left:0;top:-2px;background:url(/_res/songeui/ko/img/common/menu04/tuifee_sch_cal_ico.png) no-repeat; content:'';display:block;width:28px;height:26px;}
.adm_foreigner .step-wrap.column .step-box .step-info{font-size:16px;color:#555;line-height:1.3;padding-top:100px;background-position-y: 15%;}
.adm_foreigner .step-wrap.column .step1 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico06.png);}
.adm_foreigner .step-wrap.column .step2 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico02.png);}
.adm_foreigner .step-wrap.column .step3 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico03.png);}
.adm_foreigner .step-wrap.column .step4 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico04.png);}
.adm_foreigner .step-wrap.column .step5 .step-info{background-image: url(/_res/songeui/ko/img/common/menu05/health_step_ico07.png);}
.adm_foreigner .step-wrap.column .step6 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico06.png);}
.adm_foreigner .step-wrap.column .step7 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico07.png);}
.adm_foreigner .step-wrap.column .step8 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico08.png);}
.adm_foreigner .step-wrap.column .step9 .step-info{background-image: url(/_res/songeui/ko/img/common/menu02/adm_foreigner_step_ico09.png);}

@media screen and (max-width:768px){
	.adm_foreigner .sm-box-wrap.col2 > ul > li{padding:20px 15px;}
	.adm_foreigner .sm-box-wrap.col2 > ul > li dl{font-size:16px;}
	.adm_foreigner .sm-box-wrap.col2 > ul > li dl > *{margin:5px 0;}
	.adm_foreigner .sm-box-wrap.col2 > ul > li dl dt{padding-left:30px;margin-right:15px;}
	.adm_foreigner .sm-box-wrap.col2 > ul > li dl dt::before{width:20px;height:20px;background-size:20px;top:0;}
	.adm_foreigner .step-wrap.column .step-box .step-info{padding-left:20px;padding-right:20px}
}


/* 입학교육 > 대학 */
.edu_undergd .left_index_wrap .left_index{width:170px;}
.edu_undergd .left_index_wrap .left_index .index_list{position:sticky;top:70px;left:0;}
.edu_undergd .right-index-wrap{width:calc(100% - 230px);}
.edu_undergd .depart{border-top:1px solid #ececec;padding:50px 0;display:flex;flex-wrap: wrap;position:relative;}
.edu_undergd .depart .link_focus{position:absolute; top:-300px;font-size:0;text-indent:-9999em;}
.edu_undergd .depart .depart-name{font-size:24px;color:#000;font-weight:700;width:160px;margin-top:12px;}
.edu_undergd .depart .depart-name span{font-size:20px}
.edu_undergd .depart .depart-name + *{width:calc(100% - 160px);padding-left:40px;display:flex;flex-wrap: wrap;}
.edu_undergd .depart > ul > li{border:1px solid #ddd;border-radius:3px;width:calc(50% - 5px);}
.edu_undergd .depart > ul > li:nth-child(2n){margin-left:10px;}
.edu_undergd .depart > ul > li:nth-child(n+3){margin-top:10px;}
.edu_undergd .depart > ul > li > a{padding:20px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.edu_undergd .depart > ul > li > a > *{margin:10px 0;}
.edu_undergd .depart .left{flex-shrink:0;}
.edu_undergd .depart .left .mj-name{position:relative;font-size:18px;font-weight:700;padding-left:40px;color:#111;background:url(/_res/songeui/ko/img/common/menu02/homepage_arr_ico.png) no-repeat 100% 50%;padding-right:15px;}
.edu_undergd .depart .left .mj-name::before{content:'';display:block;width:30px;height:30px;background:#eff2f6 url(/_res/songeui/ko/img/common/menu02/homepage_ico.png) no-repeat 50% 50%;border-radius:50%;position:absolute;left:0;top:-5px;}
.edu_undergd .lb{font-size:12px;font-weight:700; color:#a06a3c;display:inline-block;padding:5px 8px;border-radius:20px;margin-left:5px;}
.edu_undergd .lb.col01{background:#ddf0fa;}
.edu_undergd .lb.col02{background:#f8dbfb;}
.edu_undergd .lb.col03{background:#dde0fa;}
.edu_undergd .depart .right{display:flex;font-size:13px;color:#555;font-weight:500;align-items: center;padding-left:10px;}
.edu_undergd .depart .right li{padding-left:22px;position:relative;}
.edu_undergd .depart .right li + li{margin-left:20px;}
.edu_undergd .depart .right li::before{content:'';display:block;width:16px;background-repeat: no-repeat;background-size:cover;position:absolute;left:0;top:0;}
.edu_undergd .depart .right .tel::before{background-image: url(/_res/songeui/ko/img/common/menu02/depart_tel_ico.png);height:16px;}
.edu_undergd .depart .right .loc::before{background-image: url(/_res/songeui/ko/img/common/menu02/depart_loc_ico.png);height:19px;}

/* 입학교육 > 대학원 */
.depart.column{display:block;padding:0 0 60px 0;border:0;}
.depart.column .depart-name{width:100%;display:flex;align-items: center;}
.depart.column .depart-name + *{width:100%;padding-left:0;padding-top:25px;}
.depart.column > ul > li > a{padding:20px 20px;}
.depart.column .left .mj-name{color:#000;}

@media screen and (max-width:1500px){
	.edu_undergd .depart > ul > li > a{display:block;}
	.edu_undergd .depart > ul > li > a > *{width:100%;}
}


@media screen and (max-width:1024px){
	.edu_undergd .left_index_wrap .left_index{width:100%;}
	.edu_undergd .right-index-wrap{width:100%;}
	.edu_undergd .depart{display:block;padding:20px 0 40px;}
	.edu_undergd .depart .depart-name{width:100%;}
	.edu_undergd .depart .depart-name br{display:none;}
	.edu_undergd .depart .depart-name + *{padding-left:0;padding-top:15px;width:100%;}

	.depart.column .depart-name + *{width:100%;}
}

@media screen and (max-width:768px){
	.edu_undergd .depart .depart-name{font-size:22px;width:100%;}
	.edu_undergd .depart .depart-name + *{display:block;}
	.edu_undergd .depart > ul > li{width:100%;}
	.edu_undergd .depart > ul > li:nth-child(2n){margin-left:0;}
	.edu_undergd .depart > ul > li + li{margin-top:10px;}
	.edu_undergd .depart > ul > li > a{padding:15px;}
	.edu_undergd .depart > ul > li > a > *{margin:5px 0;}
	.edu_undergd .depart .left .mj-name{font-size:16px;padding-left:32px;}
	.edu_undergd .depart .left .mj-name::before{width:26px;height:26px;background-size:12px;}
	.edu_undergd .depart .left{background-size:6px;background-position-y: 45%;padding-right:10px;}
	.edu_undergd .depart .right{font-size:14px;padding-left:5px;}
	.edu_undergd .lb{padding:0 6px;margin-left:3px;}
	.edu_undergd .depart .right li{padding-left:20px;}
	.edu_undergd .depart .right li::before{width:14px;top:3px;}
	.edu_undergd .depart .right .tel::before{height:14px;}
	.edu_undergd .depart .right .loc::before{height:16px;}

	.depart.column{padding:0 0 20px 0;}
}

/* 입학교육 > 대학원입학 > 일반대학원 */
.adm_genGr .card .img-box{height:300px;}
.adm_genGr .card .border-box{position:relative;}
.adm_genGr .card .border-box .info-box{/*display:flex;justify-content: space-between;*/padding:20px 30px;margin-bottom:55px;}
.adm_genGr .card .border-box .info-box + .btn-box{position:absolute;width:100%;bottom:0;}
.adm_genGr .card .border-box .box-tit{padding-bottom:0;font-size:24px;}
.adm_genGr .card .border-box .ul-type-normal{text-align: right;}
.adm_genGr .card .border-box .dl-box dl dt{flex-shrink:0;}

.adm_genGr .card .info-box .dl-box{font-size:15px;color:#555;margin-top:15px;}
.adm_genGr .card .info-box .dl-box dl dt{padding-left:25px;position:relative;width:auto;flex-shrink:0;}
.adm_genGr .card .info-box .dl-box dl dt::before{content:'';display:block;width:18px;position:absolute;left:0;top:3px;background-repeat: no-repeat;}
.adm_genGr .card .info-box .dl-box dl dd{padding-left:10px;width:100%;}
.adm_genGr .card .info-box .dl-box .loc dt::before{height:21px;background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico1_gr.png);}
.adm_genGr .card .info-box .dl-box .tel dt::before{height:18px;background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico2_gr.png);}


@media screen and (max-width:768px){
	.adm_genGr .card .border-box .info-box{min-height:100px;padding:15px;margin-bottom:45px;}
	.adm_genGr .card .border-box .box-tit{font-size:20px;}
}

/* 입학교육 > 대학원입학 > 특수대학원 */
.adm_spe_gd .box-wrap{padding:0;}
.adm_spe_gd .card .info-box{padding:30px 20px;height:calc(100% - 55px);}
.adm_spe_gd .card .info-box .dl-box{font-size:15px;color:#555;}
.adm_spe_gd .card .info-box .dl-box dl dt{padding-left:25px;position:relative;width:85px;}
.adm_spe_gd .card .info-box .dl-box dl dt::before{content:'';display:block;width:18px;position:absolute;left:0;top:3px;background-repeat: no-repeat;}
.adm_spe_gd .card .info-box .dl-box dl dd{padding-left:10px;width:calc(100% - 85px);}
.adm_spe_gd .card .info-box .dl-box .loc dt::before{height:21px;background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico1_gr.png);}
.adm_spe_gd .card .info-box .dl-box .tel dt::before{height:18px;background-image: url(/_res/songeui/ko/img/common/menu05/conv_dl_ico2_gr.png);}
.adm_spe_gd .box-wrap.col3.card > *{width:calc((100% - 40px) / 3);}
.adm_spe_gd .box-wrap.col3.card > * + *{margin-left:20px;}
.adm_spe_gd .box-wrap.col3.card > *:nth-child(n+4){margin-top:20px;}
.adm_spe_gd .box-wrap.col3.card > *:nth-child(3n+1){margin-left:0;}

@media screen and (max-width:1024px){
	.adm_spe_gd .box-wrap.col3.card > *{width:calc((100% - 20px) / 2);}
	.adm_spe_gd .box-wrap.col3.card > *{margin-top:0;}
	.adm_spe_gd .box-wrap.col3.card > *:nth-child(n+3){margin-top:20px;}
	.adm_spe_gd .box-wrap.col3.card > *:nth-child(3n+1){margin-left:20px;}
	.adm_spe_gd .box-wrap.col3.card > *:nth-child(2n+1){margin-left:0;}
}

@media screen and (max-width:768px){
	.adm_spe_gd .box-wrap.col3.card > *{width:100%;}
	.adm_spe_gd .box-wrap.col3.card > *:nth-child(n+3){margin-top:20px;}
	.adm_spe_gd .box-wrap.col3.card > *:nth-child(3n+1){margin-left:0;}
	.adm_spe_gd .card .info-box{height:calc(100% - 45px);}
	.adm_spe_gd .card .info-box .dl-box dl dt{padding-left:20px;width:75px;}
	.adm_spe_gd .card .info-box .dl-box dl dd{padding-left:5px; width:calc(100% - 75px);}
	.adm_spe_gd .card .info-box .dl-box dl dt::before{width:15px;background-size:15px;}
	.adm_spe_gd .card .info-box .dl-box .loc dt::before{height:18px;}
	.adm_spe_gd .card .info-box .dl-box .tel dt::before{height:15px;}
}

/*연구산학 > SDGs*/
.sdg-wrap{padding-bottom:60px;}
.sdg-tab-wrap {display: flex;flex-wrap: wrap;gap: 0.3rem;}
.sdg-tab-wrap li{width: calc((100% - 2.4rem) / 9);aspect-ratio: 1/1;}
.sdg-tab-wrap li a {transition: 0.3s;display:block;height:100%;width:100%;text-indent:-9999em;font-size:0;background-repeat: no-repeat;background-size:cover;}
.sdg-tab-wrap li .tab1{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-01.png);}
.sdg-tab-wrap li .tab2{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-02.png);}
.sdg-tab-wrap li .tab3{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-03.png);}
.sdg-tab-wrap li .tab4{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-04.png);}
.sdg-tab-wrap li .tab5{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-05.png);}
.sdg-tab-wrap li .tab6{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-06.png);}
.sdg-tab-wrap li .tab7{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-07.png);}
.sdg-tab-wrap li .tab8{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-08.png);}
.sdg-tab-wrap li .tab9{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-09.png);}
.sdg-tab-wrap li .tab10{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-10.png);}
.sdg-tab-wrap li .tab11{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-11.png);}
.sdg-tab-wrap li .tab12{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-12.png);}
.sdg-tab-wrap li .tab13{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-13.png);}
.sdg-tab-wrap li .tab14{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-14.png);}
.sdg-tab-wrap li .tab15{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-15.png);}
.sdg-tab-wrap li .tab16{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-16.png);}
.sdg-tab-wrap li .tab17{background-image: url(/_res/songeui/ko/img/common/menu01/E-WEB-Goal-17.png);}
.sdg-tab-wrap li .tab18{background-image: url(/_res/songeui/ko/img/common/menu01/logo_cuk.png);}
.sdg-tab-wrap li a:hover {transform: scale(1.1);}
.sdg-bn-wrap {margin-top: 3rem;}
.sdg-bn-wrap .sdg-bn {position: relative;justify-content: space-between;display: flex;padding: 1.5rem 2.5rem;flex-wrap: wrap;align-items: center;}
.sdg-bn-wrap .sdg-bn.active {display: flex;}
.sdg-bn-wrap .sdg-bn.bn1 {background: #E02b40;}
.sdg-bn-wrap .sdg-bn.bn2 {background: #d19f2a;}
.sdg-bn-wrap .sdg-bn.bn3 {background: #4c9f38;}
.sdg-bn-wrap .sdg-bn.bn4 {background: #c5192d;}
.sdg-bn-wrap .sdg-bn.bn5 {background: #ff3a21;}
.sdg-bn-wrap .sdg-bn.bn6 {background: #27bde2;}
.sdg-bn-wrap .sdg-bn.bn7 {background: #fcc312;}
.sdg-bn-wrap .sdg-bn.bn8 {background: #a21942;}
.sdg-bn-wrap .sdg-bn.bn9 {background: #fd6925;}
.sdg-bn-wrap .sdg-bn.bn10 {background: #dd1367;}
.sdg-bn-wrap .sdg-bn.bn11 {background: #fd9d24;}
.sdg-bn-wrap .sdg-bn.bn12 {background: #bf8b2e;}
.sdg-bn-wrap .sdg-bn.bn13 {background: #48773c;}
.sdg-bn-wrap .sdg-bn.bn14 {background: #007dbb;}
.sdg-bn-wrap .sdg-bn.bn15 {background: #40ae49;}
.sdg-bn-wrap .sdg-bn.bn16 {background: #00558a;}
.sdg-bn-wrap .sdg-bn.bn17 {background: #1a3668;}
.sdg-bn-wrap .sdg-bn.bn18 {display:none;}
.sdg-bn-wrap .sdg-bn-tit {max-width: 50%;}
.sdg-tab-wrap .sdg-bn {max-width: 15%;}

.sdg-18 .table-top{background:#041F83;padding:50px 25px;position:relative;margin-top:-60px;}
.sdg-18 .table-top .h4-tit01{font-size:40px; padding:0;color:#fff;font-weight:900;}
.sdg-18 .table-top span{position:absolute;bottom:10px;right:25px;text-align:right;color:#fff;}

@media screen and (max-width:768px){
	.sdg-tab-wrap li{width: calc((100% - 1.5rem) / 6);}
	.sdg-bn-wrap{margin-top:1rem;}
	.sdg-bn-wrap img{width:20%;}
	.sdg-bn-wrap .sdg-bn{padding:1rem 1.5rem;}
	
	.sdg-18 .table-top{padding:30px 15px 50px 15px;}
	.sdg-18 .table-top .h4-tit01{font-size:30px;}
	.sdg-18 .table-top span{right:15px;}
}

@media screen and (max-width:480px){
	.sdg-tab-wrap li{width: calc((100% - 0.6rem) / 3);}
	.sdg-bn-wrap img{width:30%;}
	.sdg-18 .table-top span br{display:none;}
	.sdg-18 .table-top .h4-tit01{text-align:center;font-size:24px;}
	.sdg-18 .table-top span{font-size:14px;}
}


/*국책사업단*/
.national_rnd .border-box .img-box{min-height:220px;}
.national_rnd .ol-box > ol > li > div{align-items:flex-start;}


/*부설연구소센터*/
.content > .institute .tab-outer{margin-top:-30px;padding-bottom:55px;position:sticky;top:80px;left:0;z-index:1;}
.institute .tab-box{padding-top:0;}
.institute .con-box{position:relative;}
.institute .con-box .link_focus{position:absolute; top:-300px;font-size:0;text-indent:-9999em;}
.institute .table-wrap td p{display:inline-block; font-size:16px;color:#333;font-weight:700;}
.institute .table-wrap td > div{padding:10px 0;}
.table-wrap .cir-link-box{position:relative;padding-right:50px;position:relative;}
.table-wrap .cir-link-box > p{max-width:calc(100% - 40px);padding-right:15px;background:url(/_res/songeui/ko/img/common/menu02/homepage_arr_ico.png) no-repeat 100% 50%;}
.table-wrap .cir-link-box > a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;text-indent: -9999em;font-size:0;}
.table-wrap .cir-link-box > a::after{content:'';display:block;width:31px;height:31px;border-radius:50%;background:#eff2f6 url(/_res/songeui/ko/img/common/menu02/homepage_ico.png) no-repeat 50% 50%;position:absolute;right:0;top:50%;transform:translateY(-50%);}

@media screen and (max-width:1024px){
	.institute .tab-outer{padding-bottom:41px;}
	.institute .table-wrap tr th, .institute .table-wrap tr td{padding:20px;}
}

@media screen and (max-width:768px){
	.institute .table-wrap colgroup, .institute .table-wrap tr th, .institute .table-wrap tr td{display:block;width:100%;}
	.institute .table-wrap tr th, .institute .table-wrap tr td{border-right:1px solid #e9e9e9;border-left:1px solid #e9e9e9;padding:10px 15px;}
}

/*통합검색 페이지*/
.sub-container.totSearch{background:#fafcfd;}
.totSearch .content-wrap{padding:64px 50px 100px;}
.totSearch .content-box{display:flex;}
.totSearch .content-box > .main-srch-board{width:calc(100% - 320px);}
.totSearch .content-box > .right-srch-wrap{width:320px;padding-left:30px;}

.totSearch .box{background:#fff;border:1px solid #dce3e7;border-radius:10px;}
.totSearch .right-srch-wrap .box{padding:27px 30px;}
.totSearch .right-srch-wrap .box + .box{margin-top:20px;}
.totSearch .right-srch-wrap .box .box-tit{font-size:16px;font-weight:700;color:#000;padding:0 0 10px 25px;position:relative;}
.totSearch .right-srch-wrap .box .box-tit::before{content:'';display:block;position:absolute;height:18px; left:0;top:4px;background-repeat: no-repeat;background-position: 0;}
.totSearch .right-srch-wrap .myword .box-tit::before{background-image:url(/_res/songeui/ko/img/common/totsearch/myword-tit_ico.png);width:15px;}
.totSearch .right-srch-wrap .keyword .box-tit::before{background-image:url(/_res/songeui/ko/img/common/totsearch/keyword-tit_ico.png);width:18px;}
.totSearch .right-srch-wrap .box ol li{padding:3px 0;}
.totSearch .right-srch-wrap .box ol li span{color:#555;font-weight:400;}
.totSearch .right-srch-wrap .box ol li .num{display:inline-block;width:26px;height:24px;text-align: center;line-height: 24px;font-size:12px;color:#333;border-radius:2px;background:#e7eced;margin-right:12px;}

.main-srch-board .search-form{display:flex;padding:20px 0 0 0;flex-wrap: wrap;}
.main-srch-board .search-form .srch-wrap{margin:0;border:2px solid #a06a3c;border-radius:30px;background:#fff;}
.main-srch-board .search-form .input-wrap{width:100%;}
.main-srch-board .search-form .srch-wrap input[type="text"]{background:none;height:35px;line-height: 35px;font-size:20px;color:#a06a3c;padding:0 90px 0 30px;}
.main-srch-board .search-form .srch-wrap .btn-search{width:30px;right:20px;background-image: url(/_res/songeui/ko/img/common/totsearch/search_ico_nav.png);background-position:0 50%;}
.main-srch-board .search-form .srch-wrap .btn-rst{border:none;padding:0;width:21px;height:21px;border-radius:50%;background:#e2e2e2 url(/_res/songeui/ko/img/common/totsearch/sm-x_ico.png) no-repeat 50% 50%;color:transparent;text-indent:-9999em;position:absolute; top:50%;right:70px; transform:translateY(-50%);cursor:pointer;}
.main-srch-board .search-form .chk-wrap{display:flex;align-items: center;}
.main-srch-board .search-form .chk-wrap > *{margin:15px 0 15px 20px;font-size:14px;color:#333;font-weight:500;}
.main-srch-board .search-form .chk-wrap > a{font-size:14px;color:#333;font-weight:500;padding-left:20px;background:url(/_res/songeui/ko/img/common/totsearch/help_ico.png) no-repeat 0 50%;}
.main-srch-board .box + .box{margin-top:20px;}

.srch-ctg-swiper-outer{position:relative;margin-top:8px;padding:0 20px;}
.srch-ctg-swiper{overflow:hidden;}
.srch-ctg-swiper ul li{width:auto;padding:12px 20px;font-size:15px;color:#333;border-radius:30px;background:#ededed;cursor: pointer;transition:all 0.2s;}
.srch-ctg-swiper ul li:hover,
.srch-ctg-swiper ul li.on{color:#fff;background:#a06a3c;}
.srch-ctg-swiper-outer button{width:40px;height:40px;border-radius:50%;background-color:#fff;background-position:50% 50%; background-repeat: no-repeat; background-size:auto;border:1px solid #cdcdce;}
.srch-ctg-swiper-outer button.srch-ctg-prev{background-image:url(/_res/songeui/ko/img/common/totsearch/cg_keword_prev.png);left:0;}
.srch-ctg-swiper-outer button.srch-ctg-next{background-image:url(/_res/songeui/ko/img/common/totsearch/cg_keword_arr.png);right:0;}

.totSearch .box .box-head{display:flex;font-size:20px;color:#a06a3c;padding:20px 30px;position:relative;}
.totSearch .box .box-head::after{content:'';display:block;position:absolute; right:30px;top:50%;transform:translateY(-50%);background-repeat:no-repeat;}
.totSearch .box .box-list > ul,
.totSearch .box .box-list > div{padding:0 30px;}
.totSearch .box .box-list > div{padding-bottom:30px;}
.totSearch .box .box-list > div > div:first-child{border-top:1px solid #f2f2f2;}
.totSearch .box .box-list > ul > li{border-top:1px solid #cdcdcd;}
.totSearch .box .box-list > ul > li > a{padding:20px 0;width:100%;}
.totSearch .box .box-list .tit{display:flex;align-items: center;font-weight:500;justify-content: space-between;}
.totSearch .box .box-list .tit p{font-size:18px;color:#333;width:calc(100% - 80px);}
.totSearch .box .box-list .tit span{font-size:14px;color:#000;}
.totSearch .box .box-list .cont{font-size:15px;color:#898989;margin-top:15px;width:calc(100% - 80px);}
.totSearch .box .path-label{display:inline-block; border-radius:5px;background:#e7eef2;color:#6c8c9e;width:auto;font-size:14px;padding:6px 10px;margin-top:15px;}
.totSearch .box .path-label > span{display:inline-block;}
.totSearch .box .path-label > span + span{padding-left:20px;background:url(/_res/songeui/ko/img/common/totsearch/path-lb-arr.png) no-repeat 7px 50%;}
.totSearch .box .box-list .box-more{width:100%;height:40px;line-height: 40px;text-align: center;border-top:1px solid #dce3e7;font-size:14px;color:#000;font-weight:500;}
.totSearch .box .box-list .box-more span{padding-right:18px;background:url(/_res/songeui/ko/img/common/totsearch/box-more_ico.png) no-repeat 100% 50%;}
.totSearch .box .box-list > ul > li.thumb_type > a{display:flex;}
.totSearch .box .box-list > ul > li.thumb_type > a > .img-wrap{width:180px;border-radius:3px;overflow:hidden;}
.totSearch .box .box-list > ul > li.thumb_type > a > .img-wrap img{width:100%;height:100%;object-fit:cover;}
.totSearch .box .box-list > ul > li.thumb_type > a > .img-wrap + div{width:calc(100% - 180px);padding-left:20px;}

.totSearch .dr_tg .box-head::after{width:15px;height:9px;transform:translateY(-50%) rotate(180deg);background-image:url(/_res/songeui/ko/img/common/totsearch/box-downarr_ico.png);}
.totSearch .dr_tg .box-head.up::after{transform:translateY(-50%) rotate(0deg);}
.totSearch .dp_tg .box-head::after{width:calc(100% - 60px);height:1px;background:#f2f2f2;top:unset;bottom:0;left:30px;}
.totSearch .dp_tg .box-head .btn-help-close{width:30px;height:30px;position:absolute;right:20px;top:17px;background:url(/_res/songeui/ko/img/common/totsearch/box-close_ico.png) no-repeat 50% 50%;}

.totSearch .box-cont{padding:30px;}
.totSearch .box-cont .con-tit{font-size:16px;color:#333;font-weight:500;}
.totSearch .box-cont .con-box{padding:0 0 30px 0;}
.totSearch .box-cont .box-tit{padding:0 0 15px 0;}
.totSearch .box-cont .con-p{font-size:15px;}

.totSearch .filter{padding:0 30px;position:relative;display:none;}
.totSearch .filter .btn-filter-close{width:30px;height:30px;position:absolute;right:20px;top:5px;background:url(/_res/songeui/ko/img/common/totsearch/box-close_ico.png) no-repeat 50% 50%;}
.totSearch .filter > ul > li{display:flex;flex-wrap:wrap;padding:5px 0;}
.totSearch .filter > ul > li + li{border-top:1px solid #f2f2f2;}
.totSearch .filter dl{display:flex;align-items: center;}
.totSearch .filter .col2 dl{width:50%;}
.totSearch .filter dl dt{font-size:14px;font-weight:700;color:#333;width:45px;}
.totSearch .filter dl dd{width:calc(100% - 45px);}
.totSearch .filter dl dd li{display:inline-block;margin-right:2px;}
.totSearch .filter dl dd label{display:inline-block; font-size:14px; text-align: center; padding:6px 10px;border-radius:30px;border:1px solid #e9eff3;background:#fff;color:#4f6a79;transition:all 0.2s;}
.totSearch .filter dl dd label .txt::before{display:none;}
.totSearch .filter dl dd label.on{background:#002aff;color:#fff;border-color:#002aff;}

.srch-rt-board .result-txt{height:220px;display:flex;flex-direction: column;justify-content: space-between;padding-bottom:20px;}
.srch-rt-board .result-txt .txt-wrap{display:flex;justify-content: center;align-items: center;height:100%;}
.srch-rt-board .result-txt p{text-align: center;font-size:24px;font-weight:700;color:#333;}
.srch-rt-board .result-txt p span{color:#002aff;}

.totSearch .box .table-wrap thead > tr:last-child th{border-bottom-color:#dbdbdb;border-top-color:#c5c5c5;}
.totSearch .box .table-wrap tr td{font-size:15px;line-height:1.5;}
.totSearch .box .table-wrap.sm tr th, .totSearch .box .table-wrap.sm tr td{border-right:0;}
.totSearch .box .table-wrap.sm tr td a{word-break: break-all;}

@media screen and (max-width:1024px){
	.totSearch .content-wrap{padding:0 20px;}
	.main-srch-board .search-form{justify-content: center;}
	.main-srch-board .search-form .srch-wrap{padding:5px 0;}
	.main-srch-board .search-form .srch-wrap input[type="text"]{height:30px;line-height:30px;font-size:16px;}
	.main-srch-board .search-form .srch-wrap .btn-search{width:20px;background-size:20px;}
	.srch-ctg-swiper ul li{padding:6px 12px;font-size:14px;}

	.totSearch .filter{padding:0 15px;}
	.totSearch .filter .btn-filter-close{right:5px;}
	.totSearch .dp_tg .box-head .btn-help-close{right:5px;top:8px;}
	.totSearch .dp_tg .box-head::after{width:calc(100% - 30px);left:15px;}
	.totSearch .box-cont{padding:15px;}
	.totSearch .box-cont .con-box{padding:0 0 25px 0;}
	.totSearch .box-cont .con-tit{font-size:15px;}
	.totSearch .box-cont .box-tit{font-size:16px;}
	.totSearch .box-cont .con-p{font-size:14px;}
	.totSearch .box .table-wrap tr td{font-size:14px;}
	.totSearch .filter .col2 dl{width:100%;}
	.totSearch .filter .col2 dl:first-child{padding-bottom:5px;}
	.totSearch .filter .col2 dl + dl{padding-top:5px;border-top:1px solid #f2f2f2;}

	.srch-rt-board .result-txt{height:300px;padding-bottom:10px;}
	.srch-rt-board .result-txt p{font-size:18px;}

	.main-srch-board .box + .box{margin-top:10px;}
	.totSearch .box .box-head{font-size:16px;padding:15px;}
	.totSearch .box .box-head::after{right:15px;}

	.totSearch .content-box > .main-srch-board{width:100%;}
	.totSearch .content-box > .right-srch-wrap{display:none;}
	.totSearch .box .box-list > ul, .totSearch .box .box-list > div{padding:0 15px;}
	.totSearch .box .box-list > div{padding-bottom:15px;}
	.totSearch .box .box-list > ul > li > a{padding:15px 0;}
	.totSearch .keyword{display:flex;margin-top:10px;}
	.totSearch .keyword .box-tit{font-size:14px;padding-bottom:0;width:100px;padding-left:20px;background:url(/_res/songeui/ko/img/common/totsearch/keyword-tit_ico.png) no-repeat 0 5px / 13px;}
	.totSearch .keyword ul{display:flex;align-items:center;width:calc(100% - 100px);flex-wrap:wrap;}
	.totSearch .keyword ul li{display:inline-block;margin:2px 5px;font-size:14px;}
}

@media screen and (max-width:768px){
	.totSearch .box .box-list > ul > li.thumb_type > a{display:block;}
	.totSearch .box .box-list > ul > li.thumb_type > a > .img-wrap + div{width:100%;padding-left:0;margin-top:15px;}
	.totSearch .box .box-list > ul > li.thumb_type > a > .img-wrap{margin:0 auto;}
}

@media screen and (max-width:480px){
	.totSearch .box .box-list .tit{display:block;}
	.totSearch .box .box-list .tit p{font-size:15px;}
	.totSearch .box .box-list .tit p,
	.totSearch .box .box-list .cont{width:100%;}
	.totSearch .box .box-list .cont{font-size:14px;margin-top:10px;}

	
}

/*오픈이벤트 임시 코드*/
.open-e-wrap > a{display:block;margin:5px auto;}
.open-e-wrap img{margin-top:-5px !important;}
.open-e-wrap > a:nth-child(5) img{margin-top:-15px !important;}

/*================ 06 성신광장 ========================*/

/* 성지순례 > 성지소개 */
.pilgrm .box2 .con-p{color:#333;line-height:1.8;}
.pilgrm .box2 .bg-box{margin-left:0;margin-top:30px;}
.pilgrm .box2 .bg-box .box-tit + .box-tit{text-align:right;}


/*성지순례 > 김대건 신부 유해 보존 과정*/
.b_tit{font-size: 20px;font-weight: 700;line-height: 30px;letter-spacing: -.4px;padding: 38px 0 22px;color: #111;}
.top_info_box{display: flex;align-items: center;border-radius: 9px;background-image:url(/_res/songeui/ko/img/common/detec_lab_info_bg1.png);background-position: top center;background-size: cover;background-repeat: no-repeat;height:366px;padding: 0 120px;}
.top_info_box .s_txt{font-size: 14px;font-weight: 500;letter-spacing: 4.5px;color: #2b2014;display: block;padding-bottom: 20px;}
.top_info_box p{font-size: 36px; font-weight: 700;letter-spacing: -1px;line-height: 50px;color: #333333;word-break: keep-all;}
.top_info_box p span{color:#a06a3d;}
.top_info_box +  .b_tit{padding-top:60px;}
.con-p.txt{font-size: 18px;line-height: 30px;padding: 0 0 40px 0;}
.b_tit .s_txt{font-size:16px;}


.saintandre .top_info_box{background-image:url(/_res/songeui/museum/img/saintandre_bnimg.jpg);}

@media screen and (max-width:1024px){
	
	/*성지순례 > 김대건 신부 유해 보존 과정*/
	.top_info_box{padding: 0 60px;}
}
@media screen and (max-width:768px){
	
	/* 성지순례 > 성지소개 */
	.pilgrm .box2 .bg-box{margin-top:12px;}
	
	/*성지순례 > 김대건 신부 유해 보존 과정*/
	.b_tit{font-size: 18px;line-height: 26px;padding: 30px 0 20px;}
	.top_info_box + .b_tit{padding-top: 40px;}
	.top_info_box{padding: 50px 20px;height: auto;}
	.top_info_box .s_txt{font-size: 12px;letter-spacing: 3px;padding-bottom: 12px;}
	.top_info_box p{font-size: 28px;line-height: 34px;}
	.top_info_box.img4{height:auto;}
	.top_info_box.img4 .b_txt{ padding-bottom: 18px;}
	.top_info_box .mark-p{font-size: 14px;line-height: 22px; margin-top: 20px;}
	.top_info_box .mark-p + .mark-p{margin-top:5px;}
	.con-p.txt{font-size: 15px;line-height: 26px;padding: 0 0 25px 0;}
}

/* 로그인 */
.login{ min-height: 650px; display:flex; justify-content:space-between; }
.login_banner {width: 50%;background: url(/_res/songeui/ko/img/login_bg.png) no-repeat; position:relative; color:#fff; padding:40px 37px;}
.login_banner .lo_top{padding-left:25%;padding-top:25px; padding-bottom:50px;}
.login_banner .lo_top .t_01{font-size: 14px;font-weight: 500;color: #a9abb5; position: relative;z-index: 99;letter-spacing: 7px;}
.login_banner .lo_top h6{font-size: 36px;font-weight: 600; position: relative;z-index: 99; margin-top:20px;line-height:1.3;}
.login_banner .lo_middle{width:100%;border-top:1px solid #fff;padding:25px 0;}
.login_banner .lo_middle .line{width:95%; height:1px; background:#fff; }
.login_banner .lo_middle .t_02{font-size: 30px; font-weight:700; margin:38px 0;}
.login_banner .lo_middle .t_03{font-size:28px;font-weight:600;}
.login_banner .lo_middle .ul-type-dot2{font-size:20px;margin-top:25px;}
.login_banner .lo_middle .ul-type-dot2 li{position: relative;font-size:16px;word-break: keep-all;line-height:1.3;}
.login_banner .lo_middle .ul-type-dot2 li + li{margin-top:20px;}
.login_banner .lo_middle .ul-type-dot2 li .trinity{padding: 0 18px 0 0; background: url(/_res/songeui/ko/img/link_lo2.png) no-repeat 100% 1px;border-bottom: 1px solid #fff;}
.login_banner .lo_bottom{position:absolute; left:37px; bottom:50px; display:flex; align-items:center;}
.login_banner .lo_bottom p{font-size:20px; font-weight: 600; margin-left:5px;}
.login_column {width: 50%; padding:80px 0;background:#f5f5f5;display:flex;justify-content:center;align-items:center;}
.login_column .login_box{padding:50px 45px;background:#fff;}
.login_column .lo_logo{display:flex; align-items:center;}
.login_column .lo_logo img{width:260px;}
.login_column .lo_logo .t_03{font-size:40px; color:#5b5051; font-weight: 800; margin-left:8px;}

.login_column .lo_entry{margin-top:30px;}
.login_column .lo_entry .lo_id,
.login_column .lo_entry .lo_pw{padding:0 20px;margin-top:22px;}
.login_column .lo_entry .t_04{font-size:15px; font-weight:700; color:#001345; margin-bottom:18px;}
.login_column .lo_entry .trinity{padding: 0 18px 0 0; background: url(/_res/songeui/ko/img/link_lo.png) no-repeat 100% 1px;border-bottom: 2px solid #001345;}
.login_column .lo_entry .t_05{font-size:18px; font-weight: 600; color:#60513a;}
.login_column .lo_entry input{ width:100%; height:57px; background:#fff; border:1px solid #d5d5d5; border-radius:5px; margin-top:8px; display:flex;  align-items:center; color:#333; font-size:16px;}
.login_column .lo_entry input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #a9a9a9; }
.login_column .lo_entry input::-webkit-input-placeholder::-moz-placeholder { /* Firefox 19+ */ color: #a9a9a9; }
.login_column .lo_entry input::-webkit-input-placeholder:-ms-input-placeholder { /* IE 10+ */ color: #a9a9a9; }
.login_column .lo_entry input::-webkit-input-placeholder:-moz-placeholder { /* Firefox 18- */ color: #a9a9a9; }
.login_column .lo_entry .input-with-icon{ background-repeat:no-repeat; background-position: 15px center; padding-left:35px; }
.login_column .lo_entry .i1{background-image:url(/_res/songeui/ko/img/login_user.png); }
.login_column .lo_entry .i2{background-image:url(/_res/songeui/ko/img/login_pw.png); }
.login_column button{position:relative;left:20px;width:calc(100% - 40px); height:58px; line-height:58px; background:#b37441; border-radius:5px; margin-top:35px; text-align:center; }
.login_column button .t_06{ color:#fff; font-size:18px; font-weight:600; background:none; }

.box{padding: 30px 40px;background-color: #f7f7f7;}
.box p {font-size: 15px;line-height: 1.6;}
.box p strong {display: inline-block; margin-bottom: 8px; font-size:18px; color:#333333;}
.consent-wrap {display: flex;justify-content: space-between;align-items: center;padding: 25px 20px;position: relative;}
.flex-spacer {flex: 1;}
.check-agree {display: flex;align-items: center;gap: 10px;}
.check-agree label{color:#000; font-size:18px; font-weight:600;}
.recaptcha {display: flex;align-items: center;gap: 50px; background:#f9f9f9; border:1px solid #dddddd; padding:10px;}
.check-circle {width: 54px;height: 54px;border-radius: 50%;border: 1px solid #d4d4d4;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;transition: all 0.3s;}
.check-circle span {font-size: 18px;color: #ccc;pointer-events: none;}
.check-circle.checked {background-color: #007bff;border-color: #007bff;}
.check-circle.checked span { color: #fff;}
.recaptcha-box { width: 24px;height: 24px;border: 1px solid #444;display: inline-block;cursor: pointer;position: relative; margin-right:10px;}
.recaptcha-le span{color:#000;}
.recaptcha-box::after { content: '';position: absolute;width: 0;height: 0;}
.recaptcha-box.checked::after {content: '✔';position: absolute;top: 0%;left: 25%;transform: translate(-50%, -60%);font-size: 16px; color: black;}
.recaptcha-le{display:flex; align-items:center;}
.information{border:1px solid #cccccc; margin-bottom:60px;}
.btn-wrap {margin-top: 30px;/* max-width: 1100px; */}
.btn-wrap button { padding: 16px 30px;margin-right: 10px; font-size: 15px;cursor: pointer; border-radius:3px; font-weight:600;}
.btn-primary { background-color: #003087;color: #fff;}
.btn-outline { background-color: #fff;border: 1px solid #ccc;}
.check-icon {width: 20px;height: 18px;color: #d0d0d0;pointer-events: none;}
.check-circle.checked .check-icon {color: #fff;}
.form-checkbox-wrap{margin-left:30px;}


@media screen and (max-width:1400px){
	.login_banner .lo_top{padding-left:0;}
	.login_banner .lo_top .t_01{font-size:12px;}
	.login_banner .lo_top h6{font-size:32px;}
	.login_banner .lo_middle .t_03{font-size:24px;}
/*.login_column {width: 49%;}*/
	/*
.login_column .lo_sec{padding:0px;}
.login_column .lo_logo .t_03{font-size:3.5vw;}	
.login_column .lo_logo img{width:65%;}*/
}
/*
@media screen and (max-width:1190px){
.login_column .lo_logo .t_03{font-size:29px; margin-left:3px;}
.login_banner .lo_top{position:absolute; right:10px; }
.login_banner .lo_middle{position:absolute; left:15px;}
.login_banner .lo_bottom{position:absolute; left:15px;}
}
*/
@media screen and (max-width:1024px){
.login{ min-height: 760px; display:block;}
.login_banner {width: 100%; background: url(/_res/songeui/ko/img/login_bg.png) no-repeat center center; background-size:cover; position:relative; color:#fff; padding:37px 20px; text-align:center;}
.login_banner .lo_top{padding:0 0 20px 0;}
.login_banner .lo_top .t_01{font-size: 13px;font-weight: 500;color: #a9abb5; position: relative;z-index: 99;letter-spacing: 7px;}
.login_banner .lo_top h6{font-size: 30px;font-weight: 600; position: relative;z-index: 99; margin-top:20px;}
.login_banner .lo_top h6 br{display:none;}
.login_banner .lo_middle{position:static; }
.login_banner .lo_middle .line{display:none;}
.login_banner .lo_middle .t_02{font-size: 26px; margin:38px 0;}
.login_banner .lo_bottom{position:static;  display:flex; justify-content:center; align-items:center; margin-top:30px;}
.login_column {width:100%; padding:80px 0; }
.login_column .lo_logo{display:flex; align-items:center; justify-content:center;}
.login_column .lo_logo img{width:200px;}
.login_column .lo_logo .t_03{font-size:28px;}
	
.box{padding: 30px 40px;background-color: #f5fafe;}
.box p {font-size: 15px;line-height: 1.6;}
.box p strong {display: inline-block; margin-bottom: 8px; font-size:18px; color:#333333;}
.consent-wrap {display: block;justify-content: space-between;align-items: center;padding: 25px 20px;position: relative;}
.flex-spacer {flex: 1; display:none;}
.check-agree {display: flex;align-items: center;gap: 10px;position:static;left: 0%;transform: unset;}
.check-agree label{color:#000; font-size:18px; font-weight:600;}
.recaptcha {display: flex;align-items: center;gap: 50px; background:#f9f9f9; border:1px solid #dddddd; padding:10px; margin-top:20px;}
.check-circle {width: 54px;height: 54px;border-radius: 50%;border: 1px solid #d4d4d4;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;transition: all 0.3s;}
.check-circle span {font-size: 18px;color: #ccc;pointer-events: none;}
.check-circle.checked {background-color: #007bff;border-color: #007bff;}
.check-circle.checked span { color: #fff;}
.recaptcha-box { width: 24px;height: 24px;border: 1px solid #444;display: inline-block;cursor: pointer;position: relative; margin-right:10px;}
.recaptcha-le span{color:#000;}
.recaptcha-box::after { content: '';position: absolute;width: 0;height: 0;}
.recaptcha-box.checked::after {content: '✔';position: absolute;top: 0%;left: 25%;transform: translate(-50%, -60%);font-size: 16px; color: black;}
.recaptcha-le{display:flex; align-items:center;}
.information{border:1px solid #cccccc;}
.btn-wrap {margin-top: 30px;max-width: 1100px;}
.btn-wrap button { padding: 16px 30px;margin-right: 10px; font-size: 15px;cursor: pointer; border-radius:3px; font-weight:600;}
.btn-primary { background-color: #003087;color: #fff;}
.btn-outline { background-color: #fff;border: 1px solid #ccc;}
.check-icon {width: 20px;height: 18px;color: #d0d0d0;pointer-events: none;}
.check-circle.checked .check-icon {color: #fff;}
}
@media screen and (max-width:768px){
.login{ min-height: 760px; display:block;}
.login_banner {width: 100%; background: url(/_res/songeui/ko/img/login_bg.png) no-repeat center center; background-size:cover; position:relative; color:#fff; padding:20px 15px; text-align:center;}
.login_column .login_box{padding:30px 20px;}
.login_banner .lo_top{position:static;}
.login_banner .lo_top .t_01{font-weight: 500;color: #a9abb5;letter-spacing:0.2em;}
.login_banner .lo_top h6{font-size: 20px;font-weight: 600;margin-top:15px;}
.login_banner .lo_top h6 br{display:none;}
.login_banner .lo_middle .t_03{font-size:18px;}
.login_banner .lo_middle{position:static; }
.login_banner .lo_middle .line{display:none;}
.login_banner .lo_middle .t_02{font-size: 21px; margin:30px 0;}
.login_banner .lo_middle .ul-type-dot2{font-size:14px;text-align:left;}
.login_banner .lo_middle .ul-type-dot2 li{font-size:14px;line-height:1.4;}
.login_banner .lo_middle .ul-type-dot2 li + li{margin-top:12px;}
.login_banner .lo_bottom{position:static;  display:flex; justify-content:center; align-items:center;}
.login_banner .lo_bottom p{font-size:15px; font-weight: 600; margin-left:5px;}
.login_column .lo_entry .lo_pw{margin-top:15px;}
.login_column {width:100%; padding:15px; }
.login_column .lo_logo{display:flex; align-items:center; justify-content:center;}
.login_column .lo_entry{margin-top:30px;}
.login_column .lo_entry .t_04{font-size:16px; color:#001345; margin-bottom:18px;}
.login_column .lo_entry .t_05{font-size:14px;}
.login_column .lo_entry input{ height:52px;  background:#f5f5f5; border:1px solid #d5d5d5; border-radius:5px; margin-top:8px; display:flex;  align-items:center; color:#a9a9a9; font-size:14px;}
.login_column button{ height:60px; line-height:60px; background:#b37441; border-radius:5px; margin-top:30px; text-align:center; }
.login_column button .t_06{ color:#fff; font-size:16px; font-weight:600; }
	
.box{padding: 30px 20px;background-color: #f5fafe;}
.box p {font-size: 13px;line-height: 1.6;}
.box p strong {display: inline-block; margin-bottom: 8px; font-size:15px; color:#333333;}
.consent-wrap {display: block;justify-content: space-between;align-items: center;padding: 25px 10px;position: relative;}
.flex-spacer {flex: 1; display:none;}
.check-agree {display: flex;align-items: center;gap: 10px;position:static;left: 0%;transform: unset;}
.check-agree label{color:#000; font-size:13px; font-weight:600;}
.recaptcha {display: flex;align-items: center; justify-content:space-between;  gap: 50px; background:#f9f9f9; border:1px solid #dddddd; padding:10px; width:auto; margin-top:20px;}
.check-circle {width: 35px;height: 35px;border-radius: 50%;border: 1px solid #d4d4d4;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;transition: all 0.3s;}
.check-circle span {font-size: 18px;color: #ccc;pointer-events: none;}
.check-circle.checked {background-color: #007bff;border-color: #007bff;}
.check-circle.checked span { color: #fff; background: transparent;}
.recaptcha-box { width: 24px;height: 24px;border: 1px solid #444;display: inline-block;cursor: pointer;position: relative; margin-right:10px;}
.recaptcha-le span{color:#000;}
.recaptcha-box::after { content: '';position: absolute;width: 0;height: 0;}
.recaptcha-box.checked::after {content: '✔';position: absolute;top: 0%;left: 25%;transform: translate(-50%, -60%);font-size: 16px; color: black;}
.recaptcha-le{display:flex; align-items:center;}
.information{border:1px solid #cccccc;}
.btn-wrap {margin-top: 30px;max-width: 1100px;}
.btn-wrap button { padding: 16px 30px;margin-right: 10px; font-size: 15px;cursor: pointer; border-radius:3px; font-weight:600;}
.btn-primary { background-color: #003087;color: #fff;}
.btn-outline { background-color: #fff;border: 1px solid #ccc;}
.check-icon {width: 20px;height: 18px;color: #d0d0d0;pointer-events: none;}
.check-circle.checked .check-icon {color: #fff;}
}
@media screen and (max-width:480px){
	.login_column .lo_logo img{width:160px;}
	.login_column .lo_logo .t_03{font-size:22px;}
	.login_column .lo_entry{margin-top:20px;}
	.login_column .lo_entry .lo_id, .login_column .lo_entry .lo_pw{padding:0;}
	.login_column button{width:100%;left:0;height:45px;line-height:45px;}
	.login_column .lo_entry input{height:45px;line-height:45px;}
	.check-agree {display: block;align-items: center;gap: 10px;position:static;left: 0%;transform: unset;}
	.form-checkbox-wrap{margin-left:0px;}
}


/*========================== 구글 영문 =================================*/

/*연혁*/
html.en .y-point-box .year-box > div strong{width:110px;}

/*교수 소개*/
html.en .bn-list-faculty .b-prof-info-box .b-info-box > ul > li > span{width:150px;}
html.en .bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p{width:calc(100% - 165px);}

html.en .orgChart > .con-box{overflow:auto;} 
html.en .orgChart-wrap3{min-width:1400px;}
html.en .orgChart-wrap3 .org2 .org-box{padding:0 3px;justify-content:center;word-break:keep-all;text-align:center;width:80px;}

.bn-write-common-convention fieldset {
    min-width: initial;
}

.bn-write-common-convention .b-table-outer {
    padding: 0 0 3.8rem;
}

.bn-write-common-convention .b-table-outer:only-of-type {
    padding: 0;
}

.bn-write-common-convention .b-table-wrap {
    margin: 0 0 2rem;
    padding: 4rem;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.bn-write-common-convention .b-table-wrap:last-of-type {
    margin: 0;
}

.bn-write-common-convention .b-table-box {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem;
    padding: 0 0 3rem;
}

.bn-write-common-convention .b-table-box:last-of-type {
    padding: 0;
}

.bn-write-common-convention .b-table-box .b-row-box {
    display: flex;
    flex: 1;
}

.bn-write-common-convention .b-table-box .b-row-box > div {
    display: flex;
}

.bn-write-common-convention .b-table-box .b-row-box .b-title-box {
    padding: 1.4rem 0 0;
    width: 15rem;
    box-sizing: border-box;
}

.bn-write-common-convention .b-table-box .b-row-box .b-title-box label, .bn-write-common-convention .b-table-box .b-row-box .b-title-box p {
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color02);
    line-height: 2.2rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-title-box .b-wr-required {
    display: inline-block;
    padding: 0 0 0 5px;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color12);
    line-height: 2.1rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box, .bn-write-common-convention .b-table-box .b-row-box .b-con-box02 {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% - 15rem);
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con {
    display: flex;
    gap: 10px;
    width: 100%;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .bn-write-common-convention .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-input, .bn-write-common-convention .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-input {
    max-width: 19.5rem;
}

.bn-write-common-convention .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-select, .bn-write-common-convention .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-select {
    max-width: 19.5rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con > span {
    align-self: center;
    color: var(--text-color08);
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn {
    display: inline-block;
    padding: 1.2rem 1rem;
    width: 13.6rem;
    border: 1px solid var(--border-color02);
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn span {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color06);
    line-height: 2.2rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box {
    padding: 1rem 0 0;
    width: 100%;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li {
    padding: 5px 0 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li:last-of-type {
    padding: 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li a {
    display: block;
    font-size: 1.4rem;
    color: var(--text-color02);
    line-height: 2rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li a:hover {
    text-decoration: underline;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert {
    display: block;
    padding: 1.2rem 0 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p {
    display: flex;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p span {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-color13);
    line-height: 1.8rem;
    vertical-align: middle;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p::before {
    content: '';
    display: inline-block;
    margin: 2px 6px 0 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-alert-not@2x.png) no-repeat 0 0/100%;
    vertical-align: middle;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p.agreement span {
    color: var(--text-color14);
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p.agreement::before {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-alert-agreement@2x.png);
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 2rem;
    border-radius: 3px;
    background-color: var(--color06);
    box-sizing: border-box;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul li {
    padding: 6px 1rem 0 0;
    width: 50%;
    box-sizing: border-box;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul li:nth-of-type(-n+2) {
    padding-top: 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-pw-guide {
    padding: 1.3rem 0 0;
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-color07);
    line-height: 2rem;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-pw-guide span {
    color: var(--text-color15);
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-guide-box {
    padding: 1.2rem 0 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-guide-box .b-wr-pw-guide {
    padding-top: 0;
}

.bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-guide-box {
    margin: 1rem 0 0;
}

.bn-write-common-convention .b-top-table-box {
    padding: 4rem 0 0;
    border-top: 1px dashed var(--color39);
}

.bn-write-common-convention .b-period-box {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-convention .b-period-box > div {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-convention .b-period-box span {
    color: var(--text-color05);
}

.bn-write-common-convention .b-period-box .b-input.datepicker {
    flex: auto;
    width: 50%;
}

.bn-write-common-convention .b-period-box .b-select-box {
    width: 50%;
}

.bn-write-common-convention .b-choose-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -7px 0;
    gap: 4px;
}

.bn-write-common-convention .b-choose-box button {
    margin: 0;
    border: 1px solid var(--border-color13);
    border-radius: 3px;
    width: 3.6rem;
    height: 3.6rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: 0.25s ease;
}

.bn-write-common-convention .b-choose-box button:hover {
    border-color: var(--color13);
    background-color: var(--color13);
}

.bn-write-common-convention .b-choose-box button:disabled {
    border-color: var(--color38);
    background-color: var(--color38);
    pointer-events: none;
}

.bn-write-common-convention .b-choose-box button.b-minus {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-minus@2x.png);
}

.bn-write-common-convention .b-choose-box button.b-plus {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-plus@2x.png);
}

.bn-write-common-convention .b-choose-box button.b-minus:hover, .bn-write-common-convention .b-choose-box button.b-minus:disabled {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-minus-w@2x.png);
}

.bn-write-common-convention .b-choose-box button.b-plus:hover, .bn-write-common-convention .b-choose-box button.b-plus:disabled {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-plus-w@2x.png);
}

.bn-write-common-convention .b-choose-box .b-select {
    padding: 6.5px 3rem 6.5px 1.6rem;
    min-width: 9.2rem;
}

.bn-write-common-convention .b-choose-box .b-select.changed {
    color: var(--text-color06);
}

.bn-write-common-convention .cms-multi-upload {
    width: 100%;
}

/* 컨벤션센터 대관신청 - step01 */
.bn-write-common-convention .b-rental-apply .b-rental-con-box:nth-of-type(n+2) {
    padding: 6rem 0 0;
}

.bn-write-common-convention .b-rental-apply .b-rental-place {
    margin: 0 0 2rem;
    border-radius: 3px;
    border: 1px solid #cccccc;
}

.bn-write-common-convention .b-rental-apply .b-rental-place:last-of-type {
    margin: 0;
}

.bn-write-common-convention .b-rental-apply .b-rental-place:hover {
    border-color: #0c2e86;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4rem 4rem 3rem 4rem;
    box-sizing: border-box;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info div {
    display: flex;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info div p:not(.floor) {
    font-size: 24px;
    line-height: 3rem;
    color: #333333;
    font-weight: 700;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info div .floor {
    padding: 0 2rem 0 0;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info > p {
    padding: 2px 0;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--text-color07);
    font-weight: var(--font-weight-medium);
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-box {
    padding: 3rem 4rem;
    background:#f7f7f7;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-box ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2px -2.35rem;
}

.bn-write-common-convention .b-rental-apply .b-rental-place .b-place-box ul li {
    display: flex;
    align-items: center;
    padding: 2px 3.1rem;
}

/* 컨벤션센터 대관신청 - step02 */
.bn-write-common-convention .bn-rental-cal {
    border-top: 1px solid var(--border-color02);
}

.bn-write-common-convention .bn-rental-cal .schedule-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.4rem 4rem;
    width: 100%;
    box-sizing: border-box;
}

.bn-write-common-convention .bn-rental-cal .prev-month {
    padding: 0 0 0 5rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-long-arr-prev@2x.png) no-repeat center left/2.9rem;
}

.bn-write-common-convention .bn-rental-cal div button {
    padding: 0;
    border-radius: 0;
    background: #fff;
    font-size: 2rem;
    line-height: 2.5rem;
    color: var(--text-color07);
    font-weight: var(--font-weight-bold);
}

.bn-write-common-convention .bn-rental-cal .prev-month button {
    color: var(--text-color16);
}

.bn-write-common-convention .bn-rental-cal .year-month {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.bn-write-common-convention .bn-rental-cal .next-month {
    padding: 0 5rem 0 0;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-long-arr-next-active@2x.png) no-repeat center right/2.9rem;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-box {
    display: inline-block;
    position: relative;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-box .b-btn-select {
    display: inline-block;
    position: relative;
    padding: 0 4.9rem 0 0;
    border-radius: 4px;
    border: 1px solid var(--input-border-color);
    width: 100%;
    background: #fff;
    font-family: inherit;
    font-size: 2.6rem;
    line-height: 3rem;
    color: var(--color18);
    font-weight: var(--font-weight-bold);
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    box-sizing: border-box;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-box .b-btn-select:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-cir-arr-down@2x.png) no-repeat center center/100%;
    transition: all 0.2s;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-box.active .b-btn-select {
    color: var(--input-text-color);
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-box.active .b-btn-select:after {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-cir-arr-up@2x.png);
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list {
    display: none;
    position: absolute;
    top: calc(100% + 1.9rem);
    left: 0;
    z-index: 10;
    border: 1px solid var(--border-color02);
    border-radius: 3px;
    width: 100%;
    max-height: 14.6rem;
    background: #fff;
    overflow-y: auto;
    box-sizing: border-box;
    box-shadow: 0px 5px 18px 0px rgba(190, 190, 190, 0.3);
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list::-webkit-scrollbar {
    width: 10px;
    height: 100%;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list::-webkit-scrollbar-thumb {
    border: 4px solid transparent;
    border-radius: 0;
    width: 2px;
    background-clip: padding-box;
    background-color: var(--color20);
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list::-webkit-scrollbar-track {
    border: 4px solid transparent;
    width: 2px;
    background-clip: padding-box;
    background-color: var(--color28);
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list li a {
    display: block;
    padding: 5px 1.6rem;
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.1rem;
    color: var(--text-color08);
    font-weight: var(--font-weight-medium);
    box-sizing: border-box;
}

.bn-write-common-convention .bn-rental-cal .b-cal-select-list li a:hover {
    color: var(--text-color06);
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box {
    display: flex;
    justify-content: flex-end;
    padding: 2rem 0 0;
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label {
    border-radius: 3px;
    padding: 2.5px 2rem;
    background: var(--color34);
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label ul {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label li {
    position: relative;
    padding: 0 0 0 1.8rem;
    font-size: 1.4rem;
    line-height: 2.8rem;
    color: var(--text-color07);
    font-weight: var(--font-weight-medium);
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1.2rem;
    height: 1.2rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-o@2x.png) no-repeat center center/100%;
    transform: translateY(-50%);
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label li:nth-of-type(2):before {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-x@2x.png);
}

.bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label li:nth-of-type(3):before {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-chk03@2x.png);
}

/* 컨벤션센터 대관신청 - step03 */
.bn-write-common-convention .b-rental-tab-box {
    position: relative;
}

.bn-write-common-convention .b-rental-tab-box > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.bn-write-common-convention .b-rental-tab-box > ul > li > button {
    display: block;
    position: relative;
    z-index: 10;
    padding: 1.25rem 4.9rem;
    border-radius: 2.4rem;
    box-sizing: border-box;
    border: 1px solid var(--color02);
    min-width: 22rem;
    background: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    color: var(--text-color12);
    font-weight: var(--font-weight-bold);
    text-align: center;
    transition: 0.25s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

.bn-write-common-convention .b-rental-tab-box > ul > li.active > button, .bn-write-common-convention .b-rental-tab-box > ul > li > button:hover {
    background-color: var(--color02);
    color: #fff;
}

.bn-write-common-convention .b-rent-tab-con-box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 6.8rem;
    width: 100%;
}

.bn-write-common-convention .b-rental-tab-box > ul > li.active .b-rent-tab-con-box, .bn-write-common-convention .b-rental-tab-box > ul > li.active > button + .b-rent-tab-con-box {
    display: block;
}

.bn-write-common-convention .b-rental-check ul {
    display: flex;
    flex-wrap: wrap;
    margin: -2px -2.35rem;
}

.bn-write-common-convention .b-rental-check ul li {
    display: flex;
    align-items: center;
    padding: 2px 2.35rem;
}

/* 컨벤션센터 회원가입, 대관신청 완료 페이지*/
.bn-write-common-convention .b-complete-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 10rem;
    border-bottom: 1px solid var(--border-color05);
}

.bn-write-common-convention .b-complete-box .b-complete-ico-wrap {
    padding: 0 0 3.2rem;
}

.bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box {
    position: relative;
    width: 16rem;
    height: 16rem;
    border-radius: 50%;
    background: var(--color06);
    box-sizing: border-box;
}

.bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box > a {
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 5.9rem;
    height: 7.9rem;
}

.bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box > a::before {
    content: '';
    position: absolute;
    width: 5.9rem;
    height: 7.9rem;
    background: url(/_res/sejong/_share/img/sj-common/common/ico-complete-sign.png) no-repeat center center / 100%;
}

.bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box.rental > a::before {
    width: 6.1rem;
    height: 7.9rem;
    background-image: url(/_res/sejong/_share/img/sj-common/common/ico-complete-sign-rental@2x.png);
}

.bn-write-common-convention .b-complete-box .b-complete-tit {
    padding: 0 0 3.5rem;
    font-size: 3.6rem;
    font-weight: var(--font-weight-bold);
    line-height: 4.6rem;
}

.bn-write-common-convention .b-complete-box .b-complete-desc {
    padding: 0 0 5.7rem;
    font-size: 2rem;
    font-weight: var(--font-weight-semibold);
    line-height: 3.2rem;
    color: var(--color23);
    text-align: center;
    word-break: keep-all;
}

.bn-write-common-convention .b-complete-box .b-btn-wrap {
    padding: 0;
}

/* 컨벤션센터 대관신청, 예약 관리자 */
.bn-write-common-convention.admin-rental .b-title-wrap {
    padding: 0 0 1.5rem;
}

.bn-write-common-convention.admin-rental .b-table-wrap {
    padding: 3rem;
}

.bn-write-common-convention.admin-rental .b-table-box {
    padding: 0 0 1rem;
}

.bn-write-common-convention.admin-rental .b-table-box .b-row-box .b-con-box, .bn-write-common-convention.admin-rental .b-table-box .b-row-box .b-con-box02 {
    padding: 0 0 1rem;
}

.bn-write-common-convention.admin-rental .b-table-box .b-row-box .b-con-box:has(.b-rental-check) {
    align-self: center;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box {
    width: 100%;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box .b-file-box .attach-data {
    padding: 0 0 1rem;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box .b-file-box .attach-data:last-of-type {
    padding: 0;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box .b-file-box .attach-data .attch-del-check {
    flex-shrink: 0;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box .b-file-box .attach-data .txt-btn {
    flex-shrink: 0;
    align-self: center;
    font-size: 0;
    line-height: 0;
}

.bn-write-common-convention.admin-rental .file-multi-upload-box .b-file-box .attach-data .txt-btn .b-file-del-btn {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: var(--font-weight-bold);
    color: var(--color01);
    line-height: 1;
}

/* 컨벤션센터 fullcalendar custom */
.bn-write-common-convention .custom-calendar {
    border-top: 1px solid var(--border-color02);
}

.bn-write-common-convention .custom-calendar .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    border: 0;
    border-bottom: 1px solid var(--border-color09);
}

.bn-write-common-convention .custom-calendar .fc-toolbar.fc-header-toolbar {
    display: none;
}

.bn-write-common-convention .custom-calendar .fc-day-header {
    padding: 6px 0;
    background: var(--color06);
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: var(--text-color08);
    font-weight: var(--font-weight-bold);
}

.bn-write-common-convention .custom-calendar .fc-basic-view .fc-body .fc-row {
    min-height: 13.2rem;
}

.bn-write-common-convention .custom-calendar .fc-row:not(.fc-widget-header) {
    border-left: 0;
    border-bottom: 0;
}

.bn-write-common-convention .custom-calendar .fc-row .fc-content-skeleton {
    padding-bottom: 0;
}

.bn-write-common-convention .custom-calendar .fc-day {
    position: relative;
    border: 1px solid var(--border-color09);
}

.bn-write-common-convention .custom-calendar .fc-day.fc-sat {
    border-right: 0;
}

.bn-write-common-convention .custom-calendar .fc-day.selected:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 4.1rem;
    height: 4.1rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-chk02@2x.png) no-repeat center center/100%;
}

.bn-write-common-convention .custom-calendar .fc-day-top.fc-other-month {
    opacity: 1;
}

.bn-write-common-convention .custom-calendar .fc-day-top .fc-day-number {
    padding: 1.2rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
    color: var(--text-color07);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
}

.bn-write-common-convention .custom-calendar .fc-day-top.fc-sat .fc-day-number {
    color: var(--color31);
}

.bn-write-common-convention .custom-calendar .fc-day-top.fc-sun .fc-day-number {
    color: var(--color33);
}

.bn-write-common-convention .custom-calendar .fc-day-top.holiday .fc-day-number {
    color: var(--color33);
}

.bn-write-common-convention .custom-calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    display: block;
    float: none;
    box-sizing: border-box;
}

.bn-write-common-convention .custom-calendar td.fc-today, .bn-write-common-convention .custom-calendar.fc-unthemed td.fc-today {
    position: relative;
    background: none;
}

.bn-write-common-convention .custom-calendar .fc-day-grid-event {
    margin: 2px 1.2rem;
    padding: 4px 3rem 4px 1.6rem;
    border: 1px solid var(--border-color07);
    border-radius: 1.5rem;
    background: #fff url(/_res/sejong/_share/img/sj-common/board/ico-o@2x.png) no-repeat center right 1.2rem/1.2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    color: var(--text-color07);
    font-weight: var(--font-weight-bold);
}

.bn-write-common-convention .custom-calendar .fc-day-grid-event.disabled {
    border-color: var(--border-color04);
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-x@2x.png);
    color: var(--text-color08);
}

.bn-write-common-convention .custom-calendar .fc-day-grid-event .fc-content {
    white-space: normal;
}

/*** 갤러리 ***/
/* 갤러리 게시판 쓰기 - bn-write-common-gallery */
.bn-write-common-gallery fieldset {
    min-width: initial;
}

.bn-write-common-gallery .b-table-outer {
    padding: 0 0 3.8rem;
}

.bn-write-common-gallery .b-table-outer:only-of-type {
    padding: 0;
}

.bn-write-common-gallery .b-table-wrap {
    margin: 0 0 2rem;
    padding: 4rem;
    border: 1px solid var(--border-color01);
    box-sizing: border-box;
}

.bn-write-common-gallery .b-table-wrap.b-work-wrap {
    position: relative;
    padding: 4rem 17.2rem 4rem 4rem;
}

.bn-write-common-gallery .b-table-wrap:last-of-type {
    margin: 0;
}

.bn-write-common-gallery .b-table-box {
    display: flex;
    flex-wrap: wrap;
    gap: 6rem;
    padding: 0 0 3rem;
}

.bn-write-common-gallery .b-table-box:only-child .b-row-box .b-con-box {
    padding: 0;
}

.bn-write-common-gallery .b-table-box:last-of-type {
    padding: 0;
}

.bn-write-common-gallery .b-table-box .b-row-box {
    display: flex;
    flex: 1;
}

.bn-write-common-gallery .b-table-box .b-row-box > div {
    display: flex;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-title-box {
    padding: 1.4rem 0 0;
    width: 15rem;
    box-sizing: border-box;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-title-box label, .bn-write-common-gallery .b-table-box .b-row-box .b-title-box p {
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color02);
    line-height: 2.2rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-title-box .b-wr-required {
    display: inline-block;
    padding: 0 0 0 5px;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color27);
    line-height: 2.1rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box, .bn-write-common-gallery .b-table-box .b-row-box .b-con-box02 {
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    width: calc(100% - 15rem);
}

.bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-del-btn {
    position: absolute;
    top: 50%;
    right: 9rem;
    width: 4.2rem;
    height: 3.6rem;
    border: 1px solid var(--border-color24);
    border-radius: 1.8rem;
    background: #fff url(/_res/sejong/_share/img/sj-common/common/ico-work-del@2x.png) no-repeat center/1rem 1rem;
    transform: translateY(-50%);
}

.bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-move-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 100%;
    border-left: 1px solid var(--border-color01);
}

.bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-move-box .b-work-up-btn {
    width: 100%;
    height: 50%;
    border-bottom: 1px solid var(--border-color01);
    background: #fff url(/_res/sejong/_share/img/sj-common/common/ico-work-up@2x.png) no-repeat center/1.3rem 7px;
}

.bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-move-box .b-work-down-btn {
    width: 100%;
    height: 50%;
    background: #fff url(/_res/sejong/_share/img/sj-common/common/ico-work-down@2x.png) no-repeat center/1.3rem 7px;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con {
    display: flex;
    gap: 10px;
    width: 100%;
}

.bn-write-common-gallery .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-input, .bn-write-common-gallery .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-input {
    max-width: 19.5rem;
}

.bn-write-common-gallery .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-select, .bn-write-common-gallery .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-select {
    max-width: 19.5rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box.b-chk-box {
    padding-top: 1.2rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con > span {
    align-self: center;
    color: var(--text-color08);
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn {
    display: inline-block;
    padding: 1.2rem 1rem;
    width: 13.6rem;
    border: 1px solid var(--border-color02);
    border-radius: 3px;
    background-color: #fff;
    box-sizing: border-box;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn span {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: var(--font-weight-bold);
    color: var(--text-color06);
    line-height: 2.2rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box {
    padding: 1rem 0 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li {
    padding: 5px 0 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li:last-of-type {
    padding: 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li a {
    display: block;
    font-size: 1.4rem;
    color: var(--text-color02);
    line-height: 2rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li a:hover {
    text-decoration: underline;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert {
    display: block;
    padding: 1.2rem 0 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p {
    display: flex;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p span {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: var(--font-weight-semibold);
    color: var(--text-color13);
    line-height: 1.8rem;
    vertical-align: middle;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p::before {
    content: '';
    display: inline-block;
    margin: 2px 6px 0 0;
    width: 1.5rem;
    height: 1.5rem;
    background: url(/_res/sejong/_share/img/sj-common/board/ico-alert-not@2x.png) no-repeat 0 0/100%;
    vertical-align: middle;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p.agreement span {
    color: var(--text-color14);
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p.agreement::before {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-alert-agreement@2x.png);
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 2rem;
    border-radius: 3px;
    background-color: var(--color06);
    box-sizing: border-box;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul li {
    padding: 6px 1rem 0 0;
    width: 50%;
    box-sizing: border-box;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul li:nth-of-type(-n+2) {
    padding-top: 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-pw-guide {
    padding: 7px 0 0;
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    color: var(--text-color27);
    line-height: 2rem;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-pw-guide span {
    color: var(--text-color27);
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-guide-box {
    padding: 1.2rem 0 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-guide-box .b-wr-pw-guide {
    padding-top: 0;
}

.bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-guide-box {
    margin: 1rem 0 0;
}

.bn-write-common-gallery .b-table-box.b-history-box {
}

.bn-write-common-gallery .b-table-box.b-history-box .b-row-box {
    flex: auto;
}

.bn-write-common-gallery .b-table-box.b-history-box .b-row-box.b-history-title-box {
    width: 30%;
}

.bn-write-common-gallery .b-table-box.b-history-box .b-row-box.b-history-detail-box {
    width: calc(70% - 6rem);
}

.bn-write-common-gallery .b-table-box.b-history-box .b-row-box .b-con-box {
    width: 100%;
}

.bn-write-common-gallery .b-table-box.b-history-box .b-row-box .b-textarea {
    height: 15rem;
}

.bn-write-common-gallery .b-top-table-box {
    padding: 4rem 0 0;
    border-top: 1px dashed var(--color39);
}

.bn-write-common-gallery .b-period-box {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-gallery .b-period-box > div {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-gallery .b-period-box span {
    color: var(--text-color05);
}

.bn-write-common-gallery .b-period-box .b-input.datepicker {
    flex: auto;
    width: 50%;
}

.bn-write-common-gallery .b-period-box .b-select-box {
    width: 50%;
}

.bn-write-common-gallery .b-time-box {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-gallery .b-time-box > div {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 100%;
}

.bn-write-common-gallery .b-time-box span {
    color: var(--text-color05);
}

.bn-write-common-gallery .b-time-box .b-select-box {
    width: 100%;
}

.bn-write-common-gallery .b-choose-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -7px 0;
    gap: 4px;
}

.bn-write-common-gallery .b-choose-box button {
    margin: 0;
    border: 1px solid var(--border-color13);
    border-radius: 3px;
    width: 3.6rem;
    height: 3.6rem;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    transition: 0.25s ease;
}

.bn-write-common-gallery .b-choose-box button:hover {
    border-color: var(--color13);
    background-color: var(--color13);
}

.bn-write-common-gallery .b-choose-box button:disabled {
    border-color: var(--color38);
    background-color: var(--color38);
    pointer-events: none;
}

.bn-write-common-gallery .b-choose-box button.b-minus {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-minus@2x.png);
}

.bn-write-common-gallery .b-choose-box button.b-plus {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-plus@2x.png);
}

.bn-write-common-gallery .b-choose-box button.b-minus:hover, .bn-write-common-gallery .b-choose-box button.b-minus:disabled {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-minus-w@2x.png);
}

.bn-write-common-gallery .b-choose-box button.b-plus:hover, .bn-write-common-gallery .b-choose-box button.b-plus:disabled {
    background-image: url(/_res/sejong/_share/img/sj-common/board/ico-plus-w@2x.png);
}

.bn-write-common-gallery .b-choose-box .b-select {
    padding: 6.5px 3rem 6.5px 1.6rem;
    min-width: 9.2rem;
}

.bn-write-common-gallery .b-choose-box .b-select.changed {
    color: var(--text-color06);
}

.bn-write-common-gallery .cms-multi-upload {
    width: 100%;
}

@media screen and (max-width: 1024.98px) {
    /*** 컨벤션센터 ***/ /* 컨벤션센터 게시판 쓰기 - bn-write-common-convention */ .bn-write-common-convention .b-table-outer {
        padding:0 0 2rem;
    }

    .bn-write-common-convention .b-table-wrap {
        margin: 0 0 1.5rem;
        padding: 2rem;
    }

    .bn-write-common-convention .b-table-box {
        gap: 1.5rem;
        padding: 0 0 1.5rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box {
        flex: auto;
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-title-box {
        padding: 8px 0 0;
        width: 12rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-title-box label, .bn-write-common-convention .b-table-box .b-row-box .b-title-box p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-title-box .b-wr-required {
        padding: 0 0 0 3px;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box, .bn-write-common-convention .b-table-box .b-row-box .b-con-box02 {
        width: calc(100% - 12rem);
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box {
        padding: 8px 0 0;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li {
        padding: 3px 0 0;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-file-box ul li a {
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-input, .bn-write-common-convention .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-input {
        max-width: unset;
    }

    .bn-write-common-convention .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-select, .bn-write-common-convention .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-select {
        max-width: unset;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn {
        padding: 6px 1rem 7px;
        width: auto;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn span {
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert {
        display: block;
        padding: 6px 0 0;
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p span {
        font-size: 1.1rem;
        line-height: 1.7rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert p::before {
        margin: 2px 4px 0 0;
        width: 1.2rem;
        height: 1.2rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul {
        padding: 1rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-pw-guide {
        padding: 6px 0 0;
        font-size: 1.3rem;
        ;line-height: 1.9rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-wr-guide-box {
        padding: 6px 0 0;
    }

    .bn-write-common-convention .b-top-table-box {
        padding: 2rem 0 0;
    }

    .bn-write-common-convention .b-period-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3px;
    }

    .bn-write-common-convention .b-period-box > div {
        gap: 6px;
    }

    .bn-write-common-convention .b-choose-box {
        margin: 0;
    }

    .bn-write-common-convention .b-choose-box button {
        width: 3.4rem;
        height: 3.4rem;
    }

    .bn-write-common-convention .b-choose-box .b-select {
        padding: 6.5px 2rem 6.5px 1rem;
        min-width: 8rem;
    }

    /* 컨벤션센터 대관신청 - step01 */
    .bn-write-common-convention .b-rental-apply .b-rental-con-box:nth-of-type(n+2) {
        padding: 4rem 0 0;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place {
        margin: 0 0 1rem;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info {
        flex-wrap: wrap;
        padding: 1.5rem 2rem;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info div p:not(.floor) {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info div .floor {
        padding: 0 1rem 0 0;
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place .b-place-info > p {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    .bn-write-common-convention .b-rental-apply .b-rental-place .b-place-box {
        padding: 1.5rem 2rem;
    }

    /* 컨벤션센터 대관신청 - step02 */
    .bn-write-common-convention .bn-rental-cal .schedule-top {
        padding: 1.5rem 0;
    }

    .bn-write-common-convention .bn-rental-cal .prev-month {
        padding: 0 0 0 2rem;
        background-size: 1.5rem;
    }

    .bn-write-common-convention .bn-rental-cal div button {
        font-size: 1.4rem;
    }

    .bn-write-common-convention .bn-rental-cal .year-month {
        gap: 2rem;
    }

    .bn-write-common-convention .bn-rental-cal .next-month {
        padding: 0 2rem 0 0;
        background-size: 1.5rem;
    }

    .bn-write-common-convention .bn-rental-cal .b-cal-select-box .b-btn-select {
        padding: 0 2.5rem 0 0;
        font-size: 2rem;
        line-height: 2.6rem;
    }

    .bn-write-common-convention .bn-rental-cal .b-cal-select-box .b-btn-select:after {
        top: 3px;
        width: 2rem;
        height: 2rem;
    }

    .bn-write-common-convention .bn-rental-cal .b-cal-select-list li a {
        padding: 2px 5px;
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-convention .bn-rental-cal .schedule-bottom-box {
        padding: 1rem 0 0;
    }

    .bn-write-common-convention .bn-rental-cal .schedule-bottom-box .b-cal-label li {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

    /* 컨벤션센터 대관신청 - step03 */
    .bn-write-common-convention .b-rental-tab-box > ul > li > button {
        padding: 7px 2.5rem;
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-convention .b-rent-tab-con-box {
        padding-top: 5.5rem;
    }

    /* 컨벤션센터 회원가입, 대관신청 완료 페이지*/
    .bn-write-common-convention .b-complete-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 0 6rem;
        border-bottom: 1px solid var(--border-color05);
    }

    .bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box {
        position: relative;
        width: 13rem;
        height: 13rem;
        border-radius: 50%;
        background: var(--color06);
        box-sizing: border-box;
    }

    .bn-write-common-convention .b-complete-box .b-complete-tit {
        padding: 0 0 2.2rem;
        font-size: 3rem;
        line-height: 4rem;
    }

    .bn-write-common-convention .b-complete-box .b-complete-desc {
        padding: 0 0 4rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box > a {
        width: 4.9rem;
        height: 6.9rem;
    }

    .bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box > a::before {
        width: 4.9rem;
        height: 6.9rem;
        background: url(/_res/sejong/_share/img/sj-common/common/ico-complete-sign.png) no-repeat center center / 90%;
    }

    .bn-write-common-convention .b-complete-box .b-complete-ico-wrap .b-complete-ico-box.rental > a::before {
        width: 4.9rem;
        height: 6.3rem;
    }

    /* 컨벤션센터 대관신청, 예약 관리자  */
    .bn-write-common-convention.admin-rental .b-table-wrap {
        padding: 2rem;
    }

    .bn-write-common-convention.admin-rental .b-table-box {
        gap: 8px;
    }

    /* 컨벤션센터 fullcalendar custom */
    .bn-write-common-convention .custom-calendar .fc-day-header {
        padding: 3px 0;
        font-size: 1.4rem;
        ;line-height: 2.1rem;
    }

    .bn-write-common-convention .custom-calendar .fc-basic-view .fc-body .fc-row {
        min-height: 10rem;
    }

    .bn-write-common-convention .custom-calendar .fc-row .fc-content-skeleton {
        padding-bottom: 0;
    }

    .bn-write-common-convention .custom-calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        padding: 6px 3.5px;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    .bn-write-common-convention .custom-calendar .fc-day-grid-event {
        margin: 2px 0;
        padding: 2px 1.2rem 2px 2px;
        background-position: center right 2px;
        background-size: 8px;
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: var(--font-weight-regular);
    }

    /*** 갤러리 ***/
    /* 갤러리 게시판 쓰기 - bn-write-common-gallery */
    .bn-write-common-gallery .b-table-outer {
        padding: 0 0 2rem;
    }

    .bn-write-common-gallery .b-table-wrap {
        margin: 0 0 1.5rem;
        padding: 2rem;
    }

    .bn-write-common-gallery .b-table-wrap.b-work-wrap {
        padding: 2rem 11.2rem 2rem 2rem;
    }

    .bn-write-common-gallery .b-table-box {
        gap: 1.5rem;
        padding: 0 0 1.5rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box {
        flex: auto;
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-title-box {
        padding: 8px 0 0;
        width: 12rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-title-box label, .bn-write-common-gallery .b-table-box .b-row-box .b-title-box p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-title-box .b-wr-required {
        padding: 0 0 0 3px;
        font-size: 1.3rem;
        line-height: 1.8rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box, .bn-write-common-gallery .b-table-box .b-row-box .b-con-box02 {
        width: calc(100% - 12rem);
    }

    .bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-del-btn {
        right: 6rem;
        width: 3.6rem;
        height: 3rem;
        background-size: 8px 8px;
    }

    .bn-write-common-gallery .b-table-wrap.b-work-wrap .b-work-move-box {
        width: 4rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box {
        padding: 8px 0 0;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li {
        padding: 3px 0 0;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-file-box ul li a {
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-input, .bn-write-common-gallery .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-input {
        max-width: unset;
    }

    .bn-write-common-gallery .b-table-box .b-row-box.b-email-box:only-child .b-con-box .b-con .b-select, .bn-write-common-gallery .b-table-box .b-row-box.b-tel-box:only-child .b-con-box .b-con .b-select {
        max-width: unset;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn {
        padding: 6px 1rem 7px;
        width: auto;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-con .b-dup-chk-btn span {
        font-size: 1.3rem;
        line-height: 1.9rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert {
        display: block;
        padding: 6px 0 0;
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p span {
        font-size: 1.1rem;
        line-height: 1.7rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert p::before {
        margin: 2px 4px 0 0;
        width: 1.2rem;
        height: 1.2rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul {
        padding: 1rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-pw-guide {
        padding: 6px 0 0;
        font-size: 1.3rem;
        ;line-height: 1.9rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-wr-guide-box {
        padding: 6px 0 0;
    }

    .bn-write-common-gallery .b-table-box.b-history-box {
        gap: 0;
    }

    .bn-write-common-gallery .b-table-box.b-history-box .b-row-box.b-history-title-box {
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box.b-history-box .b-row-box.b-history-title-box .b-con-box {
        padding: 0 0 1rem;
    }

    .bn-write-common-gallery .b-table-box.b-history-box .b-row-box.b-history-detail-box {
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box.b-history-box .b-row-box .b-textarea {
        height: 8rem;
    }

    .bn-write-common-gallery .b-top-table-box {
        padding: 2rem 0 0;
    }

    .bn-write-common-gallery .b-period-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3px;
    }

    .bn-write-common-gallery .b-period-box > div {
        gap: 6px;
    }

    .bn-write-common-gallery .b-time-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3px;
    }

    .bn-write-common-gallery .b-time-box > div {
        gap: 6px;
    }

    .bn-write-common-gallery .b-choose-box {
        margin: 0;
    }

    .bn-write-common-gallery .b-choose-box button {
        width: 3.4rem;
        height: 3.4rem;
    }

    .bn-write-common-gallery .b-choose-box .b-select {
        padding: 6.5px 2rem 6.5px 1rem;
        min-width: 8rem;
    }
}

@media screen and (max-width: 768px) {
    /*** 컨벤션센터 ***/ /* 컨벤션센터 게시판 쓰기 - bn-write-common-convention */ .bn-write-common-convention .b-table-box {
        gap:1.5rem;
        padding: 0 0 1.5rem;
    }

    .bn-write-common-convention .b-table-box .b-row-box {
        flex-wrap: wrap;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-title-box {
        padding: 0 0 8px;
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box, .bn-write-common-convention .b-table-box .b-row-box .b-con-box02 {
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul li:nth-of-type(n) {
        padding: 5px 0 0;
        width: 100%;
    }

    .bn-write-common-convention .b-table-box .b-row-box .b-con-box .b-alert ul li:first-of-type {
        padding-top: 0;
    }

    /*** 갤러리 ***/
    /* 갤러리 게시판 쓰기 - bn-write-common-gallery */
    .bn-write-common-gallery .b-table-box {
        gap: 1.5rem;
        padding: 0 0 1.5rem;
    }

    .bn-write-common-gallery .b-table-box .b-row-box {
        flex-wrap: wrap;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-title-box {
        padding: 0 0 8px;
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box, .bn-write-common-gallery .b-table-box .b-row-box .b-con-box02 {
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul li:nth-of-type(n) {
        padding: 5px 0 0;
        width: 100%;
    }

    .bn-write-common-gallery .b-table-box .b-row-box .b-con-box .b-alert ul li:first-of-type {
        padding-top: 0;
    }
}
/* 공통 */
/*.b-con-box{padding:0 0 3.4rem;}*/
.b-con-box{padding:0 0 0;}
.bwc03 .b-con-box{padding:0;}
.b-h4-tit01{padding:0 0 2.5rem;font-size:3.6rem;line-height:4.6rem;font-weight:var(--font-weight-bold);}
.b-h5-tit01{padding:0 0 2.5rem;font-size:28px;line-height:3.8rem;font-weight:700; color:#000}
.b-h6-tit01{padding:0 0 3rem;font-size:2.4rem;line-height:3.4rem;color:var(--text-color11);font-weight:var(--font-weight-bold);}
.b-h6-tit01.ico-doc{position:relative;}
.b-h6-tit01.ico-doc:before{content:'';display:inline-block;margin:0 9px 0 0;width:1.8rem;height:2.2rem;background:url(/_res/sejong/_share/img/sj-common/board/ico-doc@2x.png) no-repeat center center/100%;vertical-align:middle;}
.b-slo-p{padding:0 0 1.4rem;font-size:1.8rem;line-height:2.4rem;font-weight:var(--font-weight-bold);}
.b-con-p{font-size:1.6rem;line-height:2.6rem;font-weight:var(--font-weight-semibold);}
.b-ul-type01 > li{position:relative;padding:0 0 0 1rem;font-size:1.5rem;line-height:2.5rem;font-weight:var(--font-weight-medium);color:var(--text-color07);}
.b-ul-type01 > li:before{content:'';position:absolute;top:1rem;left:0;width:3px;height:3px;border-radius:50%;background-color:var(--color01);}
.b-mark-p01,
.b-mark-p02{position:relative;font-size:1.4rem;line-height:2rem;color:var(--text-color07);font-weight:var(--font-weight-medium);}
.b-mark-p01:before{content:'※';display:inline-block;margin:0 4px 0 0;color:var(--text-color15);}
.b-mark-p02:before{content:'*';display:inline-block;margin:0 4px 0 0;color:var(--text-color15);}
.b-input{width:100% !important; /*max-width:100% !important;*/}
.type02{max-width:100% !important;}

.b-title-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:-5px 0;padding:0 0 4rem;}
.b-title-wrap .b-h4-tit01,
.b-title-wrap .b-h5-tit01{flex-shrink:0;padding:5px 0;}
.b-title-wrap + .b-h5-tit01{padding-top:2rem;}
.b-title-wrap + .b-title-wrap{padding-top:2rem;}
.b-title-wrap .b-process-list{display:flex;flex-wrap:wrap;align-items:center;margin:-5px 0;padding:5px 0;counter-reset:number 0;}
.b-title-wrap .b-process-list li{display:flex;align-items:center;position:relative;padding:5px 0 5px 3.2rem;font-size:1.6rem;line-height:2.4rem;color:var(--text-color05);font-weight:var(--font-weight-bold);}
.b-title-wrap .b-process-list li:before{content:counter(number);counter-increment:number 1;position:absolute;top:5px;left:0;border-radius:50%;width:2.4rem;height:2.4rem;background:var(--color08);font-size:1.4rem;line-height:2.5rem;color:#fff;font-weight:var(--font-weight-bold);text-align:center;}
.b-title-wrap .b-process-list li:after{content:'';display:inline-block;margin:0 1.6rem;width:6px;height:1rem;background:url(/_res/sejong/_share/img/sj-common/board/ico-arr01@2x.png) no-repeat center center/100%;}
.b-title-wrap .b-process-list li.process{color:var(--color02);}
.b-title-wrap .b-process-list li.process:before{content:'⋯';background:var(--color02);}
.b-title-wrap .b-process-list li.complete{color:var(--color10);}
.b-title-wrap .b-process-list li.complete:before{content:'';background:var(--color10) url(/_res/sejong/_share/img/sj-common/board/ico-chk01-s@2x.png) no-repeat center center/1.1rem;}
.b-title-wrap .b-process-list li:last-of-type:after{display:none;}
.b-title-wrap .required-p{font-size:1.4rem;font-weight:var(--font-weight-medium);line-height:2rem;color:var(--text-color07);}
.b-title-wrap .required-p span{display:inline-block;padding:0 3px 0 0;color:var(--text-color12);}

.b-input{display:inline-block;flex:1;padding:0.2rem 0rem 0.2rem;width:100%;border:1px solid #d0d0d0;border-radius:3px;font-size:15px;font-weight:var(--font-weight-bold);color:var(--text-color06);line-height:2.1rem;box-sizing:border-box; }
.b-input[type="text"]{border-radius:3px;}
.b-input::placeholder{font-weight:var(--font-weight-semibold);color:var(--text-color08);}
.b-input.datepicker{padding-right:3.6rem;background:url(/_res/songeui/ko/img/common/cal_01.png) no-repeat right 2rem center/1.6rem;}
.b-input.datepicker:focus-visible{background-image:url(/_res/songeui/ko/img/common/cal_01.png);}
.b-textarea{height:24.4rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;resize:none;}

.b-select{display:inline-block;flex:1;padding:1.2rem 3rem 1.3rem 2rem;width:100%;border:1px solid #d0d0d0;border-radius:3px;background:url(/_res/sejong/_share/img/sj-common/board/ico-wr-select-arrow@2x.png) no-repeat right 2rem center/1rem;font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-color08); /*line-height:2.1rem;*/ box-sizing:border-box;appearance:none;}
.b-select:disabled{background-color:var(--color34);}

.color-primary{color:var(--color01) !important;}
.color-light-blue{color:var(--color19) !important;}
.color-blue{color:var(--color02) !important;}
.color-navy{color:var(--color04) !important;}
.color-white{color:#fff !important;}
.color-red{color:var(--color01);}

.bn-write-common-convetion{--c-active: var(--color03);--c-active-inner: #FFFFFF;--c-default: var(--border-color04);}
.bn-write-common-gallery{--c-active: var(--color68);--c-active-inner: #FFFFFF;--c-default: var(--border-color23);}
.checkbox {--border-radius: 50%;--border-radius-corner: 50%;display: flex;align-items: center;  color:#000; font-weight:500; position: relative;border-radius: var(--border-radius, 12px) var(--border-radius-corner, 12px) var(--border-radius, 12px) var(--border-radius, 12px);
input {
		--border-color: #ddd;
		--border-width: 1px;

		appearance: none;
		outline: none;
		border: none;
		display: block;
		cursor: pointer;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
		background: #fff;
		border-radius:2px;
		box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
		&:checked {
			--border-color: #0c2e86;
			--border-width: 1px;
			background-color: #fff;
			background-image: none;

			& + svg {
				--tick-offset: 45px;

				.tick {
					stroke: #0c2e86;
				}
			}

			& + svg + label {
				color: #000;
			}
		}
		&:disabled {
			--border-color: var(--border-color04);
			--border-width: 12px;
			background-color: unset;
			background-image: none;
			& + svg {
				.tick {
					stroke: var(--c-active-inner);
				}
			}
		}

		&:not(:checked, :disabled) {
			transition: box-shadow .25s;

			&:hover {
				--border-width: 3px;
				--border-color: var(--c-active);
			}
		}

		& + svg {
			display: block;
			position: absolute;
			top: 50%;
			left: 0;
			width: 20px;
			height: 20px;
			pointer-events: none; border:1px solid #8592b3; background:#fff;
			fill: aliceblue;
			transform: translateY(-50%) scale(1.01) translateZ(0);

			--dot-x: 15px;
			--dot-y: -14px;
			--dot-s: 1;
			--tick-offset: 45px;
			--tick-array: 13px;
			--tick-s: 1;
			--drop-s: 1;

			.tick {
				fill: none;
				stroke-width: 2px;
				stroke-linecap: round;
				stroke-linejoin: round;
				stroke: #fff;
				stroke-dasharray: var(--tick-array) 33px;
				stroke-dashoffset: var(--tick-offset);
				transform-origin: 10.5px 16px;
				transform: scale(var(--tick-s)) translateZ(0);
			}

			.dot {
				transform-origin: 10.5px 15.5px;
				transform: translate(var(--dot-x), var(--dot-y)) scale(var(--dot-s)) translateZ(0);
			}

			.drop {
				transform-origin: 25px -1px;
				transform: scale(var(--drop-s)) translateZ(0);
			}
		}
	}

label {display: inline-block;margin: 0 0 0 8px;font-size: 16px;line-height: 2.1rem;color: #000;font-weight: 500;vertical-align: middle;cursor: pointer;}
}

.b-input {
    padding: 5px 10px;
    width: 100%;
    height: 53px;
    border: 1px solid #d0d0d0;
    border-radius: 2px !important;
    font-weight: 300;
    font-size: 16px;
    box-sizing: border-box;
    vertical-align: middle;
}

.b-input::-webkit-input-placeholder {
    color: #999;
}

.b-input::-ms-input-placeholder {
    color: #999;
}

.b-input::placeholder {
    color: #999;
}

.b-input.type02 {
    width: calc(50% - 11px);
    max-width: 200px;
}

.bn-write-common01 .b-table-wrap {
    padding: 30px 0 60px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.bn-write-common01 .b-table-wrap + .b-table-wrap {
    margin: 60px 0 0;
}

.bn-write-common01 .b-pc-hide {
    display: none;
}

.bn-write-common01 .b-table-box {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.bn-write-common01 .b-table-box.b-agree {
    border-top: 1px solid #ececec;
}

.bn-write-common01 .b-table-box .b-row-box {
    display: table;
    padding: 0 50px 20px 30px;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

.bn-write-common01 .b-table-box:last-of-type .b-row-box {
    padding-bottom: 0;
}

.bn-write-common01 .b-table-box .b-row-box > div {
    vertical-align: middle;
}

.bn-write-common01 .b-table-box.type02 .b-row-box > div {
    display: table-cell;
}

.bn-write-common01 .b-table-box.type02 .b-row-box > div > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.bn-write-common01 .b-table-box.type03 .b-row-box > div {
    display: table-cell;
}

.bn-write-common01 .b-table-box.type03 .b-row-box > div > div {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.bn-write-common01 .b-table-box .b-row-box .b-title-box {
    display: table-cell;
    padding: 10px 30px 10px 20px;
    width: 225px;
    font-weight: 400;
    color: #000;
    line-height: 24px;
    vertical-align: middle;
    box-sizing: border-box;
}

.bn-write-common01 .b-table-box .b-row-box .b-title-box p {
    display: inline-block;
}

.bn-write-common01 .b-table-box.type01 .b-row-box.guideline .b-title-box {
    border-right: 0;
    text-align: center;
}

.bn-write-common01 .b-table-box .b-row-box .b-title-box br {
    display: none;
}

.bn-write-common01 .b-table-box .b-row-box .b-title-box.b-required:after {
    content: "*";
    display: inline-block;
    padding: 0;
    color: #de3131;
    line-height: 1;
    vertical-align: middle;
}

.bn-write-common01 .b-table-box .b-row-box .b-con-box {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.bn-write-common01 .b-table-box .b-row-box .b-con-box02 {
    display: table-cell;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
    vertical-align: middle;
}

.bn-write-common01 .b-select {
    position: relative;
    margin: 0 5px 0 0;
    padding: 5px 10px;
    width: calc(100% - 10px);
    max-width: 340px;
    height: 53px;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    background: #fff url(/_res/songeui/_share/img/board/btn-select-open.png) no-repeat right 10px center;
    font-family: inherit;
    font-size: inherit;
}

.bn-write-common01 .b-select-wide {
    width: calc(50% - 15px);
    max-width: 100%;
}

.bn-write-common01 .b-select:last-of-type {
    margin: 0;
}

.bn-write-common01 .b-select option[value=""][disabled] {
    display: none;
}

.bn-write-common01 select:invalid {
    font-weight: 300;
    font-size: 16px;
    color: #999;
}

.bn-write-common01 .b-page-box .b-input {
    min-width: unset;
}

.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2) {
    width: 25%;
}

.bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3) {
    border-left: 1px solid #d3d9dd;
}

.bn-write-common01 .b-period-box {
    font-size: 0;
}

.bn-write-common01 .b-period-box > p {
    display: inline-block;
    padding: 0 30px 0 0;
    vertical-align: middle;
}

.bn-write-common01 .b-period-box.b-like > p {
    padding: 0;
}

.bn-write-common01 .b-period-box.b-like > p > label {
    display: inline-block;
    text-indent: -9999px;
}

.bn-write-common01 .b-period-box.b-like > p label:before {
    position: absolute;
    left: 0;
}

.bn-write-common01 .b-period-box > div {
    display: inline-block;
    font-size: 0;
}

.bn-write-common01 .b-period-box .b-week-box {
    position: relative;
    padding: 0 23px;
    box-sizing: border-box;
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    max-width: unset;
    transform: translateY(-50%);
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box .b-prev-btn-box {
    left: 0;
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box .b-next-btn-box {
    right: 0;
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box > div > a {
    display: block;
    width: 8px;
    height: 13px;
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box .b-prev-btn-box .b-prev-week-btn {
    background-image: url(../img/board/ico-month-prev.png);
}

.bn-write-common01 .b-period-box .b-week-box .b-week-btn-box .b-next-btn-box .b-next-week-btn {
    background-image: url(../img/board/ico-month-next.png);
}

.bn-write-common01 .b-period-box > div > div {
    display: inline-block;
    width: calc(50% - 15px);
}

.bn-write-common01 .b-period-box .b-week-box > div {
    width: 100%;
    max-width: 110px;
}

.bn-write-common01 .b-period-box .b-input {
    margin: 0 10px 0 0;
}

.bn-write-common01 .b-period-box .b-input:last-of-type {
    margin: 0;
}

.bn-write-common01 .b-period-box .b-input.datepicker {
    max-width: 161px;
}

.bn-write-common01 .b-period-box > div > span {
    padding: 0 5px;
    font-size: 16px;
    color: #7d7d7d;
    line-height: 1;
    vertical-align: middle;
}

.bn-write-common01 .b-input.datepicker {
    padding-right: 40px;
    width: 100%;
    max-width: 340px;
}

.bn-write-common01 .b-textarea {
    padding: 20px;
    width: 100%;
    max-width: unset;
    height: 300px;
    border: 1px solid #d0d0d0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.bn-write-common01 .b-password-box .b-input {
    width: calc(40% - 15px);
    max-width: 200px;
}

.bn-write-common01 .b-password-box span {
    display: inline-block;
    padding: 0 0 0 10px;
}

.bn-write-common01 .b-file-box.type01 {
    font-size: 0;
}

.bn-write-common01 .b-file-box.type01 > div {
    display: inline-block;
    padding: 0 20px 0 0;
    width: 86px;
    vertical-align: top;
}

.bn-write-common01 .b-file-box.type01 > div:last-of-type {
    padding: 0;
    width: 100%;
    max-width: calc(100% - 106px);
}

.bn-write-common01 .b-file-box.type01 > div > ul {
    font-size: 0;
}

.bn-write-common01 .b-file-box.type01 > div > ul .b-file-none span {
    padding: 0;
    color: #666;
}

.bn-write-common01 .b-file-box.type01 .b-file-btn {
    display: inline-block;
    padding: 6px 0 7px;
    min-width: 86px;
    border: 1px solid #004388;
    background-color: #fff;
    font-size: 14px;
    color: #004388;
    border-radius: 16px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type01 li {
    display: block;
    margin: 0 0 10px;
}

.bn-write-common01 .b-file-box.type01 li:last-of-type {
    margin-bottom: 0;
}

.bn-write-common01 .b-file-box.type01 li span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 23px;
    font-size: 16px;
    line-height: 21px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type01 li:not(.b-file-none) span::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 13px;
    height: 16px;
    background: url(../img/board/ico-file.png) no-repeat 0 0/100%;
}

.bn-write-common01 .b-file-box.type01 li:not(.b-file-none) span {
    max-width: calc(100% - 22px);
    box-sizing: border-box;
}

.bn-write-common01 .b-file-box.type01 div p {
    display: inline-block;
    padding: 0 10px 0 0;
    line-height: 21px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type01 div p label {
    margin: 0;
    padding: 0 0 0 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bn-write-common01 .b-file-box.type01 .b-file-del-btn {
    display: inline-block;
    margin: 5px 0 0 10px;
    width: 12px;
    height: 12px;
    background: url(../img/board/ico-file-close.png) no-repeat center center/100%;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 50%;
    vertical-align: top;
}

.bn-write-common01 .b-file-box.type01 div p.b-size {
    padding: 10px 0 0;
    font-size: 12px;
    font-weight: 200;
    color: #666;
    line-height: 1;
    text-align: center;
}

.bn-write-common01 .b-file-box.type02 {
    padding: 12px 20px 0 20px;
}

.bn-write-common01 .b-file-box.type02 .attach-data {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}

.bn-write-common01 .b-file-box.type02 .attach-data:last-of-type {
    margin: 0;
}

.bn-write-common01 .b-file-box.type02 .attach-data > div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.bn-write-common01 .b-file-box.type02 .attach-data p {
    display: inline-block;
    position: relative;
    padding: 0;
    max-width: calc(100% - 22px);
    line-height: 21px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type02 .attach-data p::after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 16px;
    background: url(../img/board/ico-file.png) no-repeat 0 0/100%;
}

.bn-write-common01 .b-file-box.type02 .attach-data p label {
    margin: 0;
    padding: 0 0 0 23px;
    word-break: break-all;
}

.bn-write-common01 .b-file-box.type02 .attach-data p label::before {
    display: none;
}

.bn-write-common01 .b-file-box.type02 .attach-data .txt-btn {
    display: inline-block;
    vertical-align: top;
}

.bn-write-common01 .b-file-box.type02 .attach-data .txt-btn .b-file-del-btn {
    display: inline-block;
    margin: 8px 0 0 10px;
    width: 12px;
    height: 12px;
    background: url(../img/board/ico-file-close.png) no-repeat center center/100%;
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 50%;
    vertical-align: top;
}

.bn-write-common01 .b-file-box.type03 {
    padding: 10px 20px;
}

.bn-write-common01 .b-file-box.type03 .b-input {
    width: calc(100% - 94px);
}

.bn-write-common01 .b-file-box.type03 .b-input.b-input-file {
    border: 0;
}

.bn-write-common01 .b-file-box.type03 .b-input::placeholder {
    color: #999;
}

.bn-write-common01 .b-file-box.type03 .b-add-btn {
    padding: 8px;
    background-color: #fec240;
    color: #fff;
    border-radius: 5px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type03 .b-file-btn {
    display: inline-block;
    padding: 11px 0;
    min-width: 90px;
    border: 1px solid #030f89;
    background-color: #fff;
    font-weight: 200;
    font-size: 14px;
    color: #030f89;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type03 .b-file-btn:hover {
    background-color: #030f89;
    color: #fff;
}

.bn-write-common01 .b-file-box.type03 ul {
    font-size: 0;
}

.bn-write-common01 .b-file-box.type03 ul li {
    display: inline-block;
    position: relative;
    padding: 0 0 0 16px;
    font-size: 0;
}

.bn-write-common01 .b-file-box.type03.b-article-flex-box ul li {
    width: 100%;
}

.bn-write-common01 .b-file-box.type03 span {
    display: inline-block;
    font-weight: 200;
    font-size: 16px;
    color: #999999;
    line-height: 21px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type03 .b-title-ellip {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bn-write-common01 .b-file-box.type03 .b-del-btn {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 12px;
    height: 12px;
    background: url(../img/board/btn-pop-close.png) no-repeat 0 0/100%;
    cursor: pointer;
}

.bn-write-common01 .b-file-box.type04 {
    padding: 0 20px 10px;
}

.bn-write-common01 .b-file-box.type04 .b-input {
    width: calc(100% - 94px);
}

.bn-write-common01 .b-file-box.type04 .b-input.b-input-file {
    border: 0;
}

.bn-write-common01 .b-file-box.type04 .b-input::placeholder {
    color: #999;
}

.bn-write-common01 .b-file-box.type04 .b-add-btn {
    padding: 8px;
    background-color: #fec240;
    color: #fff;
    border-radius: 5px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type04 .b-file-btn {
    display: inline-block;
    padding: 11px 0;
    min-width: 90px;
    border: 1px solid #030f89;
    background-color: #fff;
    font-weight: 200;
    font-size: 14px;
    color: #030f89;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type04 .b-file-btn:hover {
    background-color: #030f89;
    color: #fff;
}

.bn-write-common01 .b-file-box.type04 ul {
    font-size: 0;
}

.bn-write-common01 .b-file-box.type04 ul li {
    display: inline-block;
    position: relative;
    padding: 0 0 0 16px;
    font-size: 0;
}

.bn-write-common01 .b-file-box.type04.b-article-flex-box ul li {
    width: 100%;
}

.bn-write-common01 .b-file-box.type04 span {
    display: inline-block;
    font-weight: 200;
    font-size: 16px;
    color: #999999;
    line-height: 21px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box.type04 .b-title-ellip {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bn-write-common01 .b-file-box.type04 .b-del-btn {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 12px;
    height: 12px;
    background: url(../img/board/btn-pop-close.png) no-repeat 0 0/100%;
    cursor: pointer;
}

.bn-write-common01 .b-file-box .b-guide-txt {
    display: inline-block;
    padding: 0 0 0 10px;
    font-weight: 200;
    font-size: 16px;
    color: #888;
    line-height: 24px;
    vertical-align: middle;
}

.bn-write-common01 .b-file-box .b-guide-txt span.privacy {
    display: block;
    color: #ff0000;
}

.bn-write-common01 .b-video-box > p {
    display: inline-block;
}

.bn-write-common01 .b-sel-box {
    display: block;
    position: relative;
    z-index: 0;
    width: 100px;
    text-align: left;
    vertical-align: middle;
}

.bn-write-common01 .b-sel-title {
    display: block;
    line-height: 17px;
    padding: 8px 24px 8px 10px;
    border: 1px solid #d8d8d8;
    background: #fff url(../img/board/btn-sel-open02.png) no-repeat right 12px center;
    font-weight: 200;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    box-sizing: border-box;
    vertical-align: middle;
}

.bn-write-common01 .b-sel-box.close {
    z-index: 20;
}

.bn-write-common01 .b-sel-box.close .b-sel-box-title {
    background: #fff url(../img/board/btn-sel-close02.png) no-repeat right 12px center;
}

.bn-write-common01 .b-sel-box.close ul {
    display: block;
}

.bn-write-common01 .b-sel-box ul {
    display: none;
    position: absolute;
    top: 35px;
    width: 100%;
}

.bn-write-common01 .b-sel-box ul li {
    width: 100%;
    height: 100%;
    border: 1px solid #d8d8d8;
    border-top: none;
    background-color: #fff;
    font-weight: 300;
    box-sizing: border-box;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
}

.bn-write-common01 .b-sel-box ul li a {
    display: block;
    padding: 9px 10px;
    font-weight: 200;
    color: #333;
    box-sizing: border-box;
}

.bn-write-common01 .b-sel-box ul li:hover a {
    background-color: #b2b2b2;
    color: #fff;
}

.bn-write-common01 .b-tel-box span {
    padding: 0 5px;
}

.bn-write-common01 .b-tel-box label {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    text-indent: -9999999px;
    overflow: hidden;
}

.bn-write-common01 .b-tel-box .b-select {
    font-family: inherit;
    max-width: 200px;
}

.bn-write-common01 .b-tel-box .b-input {
    width: calc(33.33% - 16px);
    max-width: 200px;
}

.bn-write-common01 .b-period-box span {
    padding: 0 2px 0 5px;
}

.bn-write-common01 .b-email-box span {
    padding: 0 4px 0;
}

.bn-write-common01 .b-email-box .b-input {
    width: calc(33.33% - 15px);
    max-width: 200px;
}

.bn-write-common01 .b-address-box label {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    text-indent: -9999999px;
    overflow: hidden;
}

.bn-write-common01 .b-address-box > div div {
    display: inline-block;
    padding: 0 0 10px;
    max-width: calc(100% - 73px);
}

.bn-write-common01 .b-address-box > div div span {
    padding: 0 8px;
}

.bn-write-common01 .b-address-box > div div .b-input {
    width: calc(50% - 15px);
    max-width: 155px;
}

.bn-write-common01 .b-address-box > div > button {
    display: inline-block;
    padding: 3px 5px;
    border: 1px solid #474747;
    background: none;
    font-weight: 200;
    font-size: 15px;
    color: #191919;
    border-radius: 5px;
    line-height: 1;
    cursor: pointer;
    vertical-align: middle;
}

.bn-write-common01 .b-relation-box div:nth-of-type(1) {
    padding: 0 0 5px;
}

.bn-write-common01 .b-relation-box div:nth-of-type(2) label {
    padding: 0 10px 0 0;
}

.bn-write-common01 .b-relation-box div:nth-of-type(2) .b-input {
    max-width: calc(100% - 41px);
}

.bn-write-common01 .b-url-box .b-input {
    margin: 0 0 10px;
    max-width: 330px;
}

.bn-write-common01 .b-url-box p {
    line-height: 25px;
    word-break: break-all;
}

.bn-write-common01 .b-url-box p span {
    color: #FF0000;
}

.bn-write-common01 .b-guide-list-box .b-con-box > div {
    font-size: 0;
}

.bn-write-common01 .b-guide-list-box .b-con-box > div > div {
    display: inline-block;
    vertical-align: middle;
}

.bn-write-common01 .b-guide-list-box .b-title-box {
    text-align: center;
}

.bn-write-common01 .b-guide-list-box .b-guide-box {
    padding: 0 10px 0 0;
    width: 100%;
    max-width: 1028px;
}

.bn-write-common01 .b-guide-list-box .b-guide-box .b-guide {
    max-width: unset;
}

.bn-write-common01 .b-guide-list-box .b-row-box .b-con-box {
    padding: 15px 0;
}

.bn-write-common01 .b-guide-list-box .b-page-box {
    padding: 0 15px 0 0;
    max-width: 165px;
}

.bn-write-common01 .b-guide-list-box .b-page-box .b-input {
    padding: 0 0 0 35px;
    background: url(../img/board/ico-page-txt.png) no-repeat 15px center;
}

.bn-write-common01 .b-guide-list-box .b-guide-btn {
    width: 44px;
    height: 44px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
    background-color: #fff;
    box-sizing: border-box;
    text-indent: -99999px;
    vertical-align: middle;
}

.bn-write-common01 .b-guide-list-box .b-guide-btn.up {
    margin: 0 10px 0 0;
    background-image: url(../img/board/btn-guideline-up-on.png);
}

.bn-write-common01 .b-guide-list-box .b-guide-btn.down {
    background-image: url(../img/board/btn-guideline-down-on.png);
}

.bn-write-common01 .b-guide-list-box .b-guide-btn.up.disabled {
    background-image: url(../img/board/btn-guideline-up.png);
}

.bn-write-common01 .b-guide-list-box .b-guide-btn.down.disabled {
    background-image: url(../img/board/btn-guideline-down.png);
}

.bn-write-common01 .b-guide-list-box .b-file-del-btn {
    display: inline-block;
    margin: 0 0 0 30px;
    width: 24px;
    height: 24px;
    background: #e5e5e5 url(../img/board/btn-file-del.png) no-repeat center center;
    border-radius: 24px;
    cursor: pointer;
    text-indent: -99999px;
    box-sizing: border-box;
    vertical-align: middle;
}

.bn-write-common01 .b-add-box {
    padding: 35px 0 0;
    text-align: center;
}

.bn-write-common01 .b-add-box .b-add-btn {
    position: relative;
    font-size: 14px;
    line-height: 24px;
}

.bn-write-common01 .b-add-box .b-add-btn:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #111;
}

.bn-write-common01 .b-add-box .b-add-btn:hover {
    color: #004388;
}

.bn-write-common01 .b-add-box .b-add-btn:hover:after {
    background-color: #004388;
}

.bn-write-common01 .b-input.datepicker {
    background: url(/_res/songeui/_share/img/board/ico-calendar.png) no-repeat center right 15px;
}

.bn-write-common01 .b-email01 p {
    display: inline-block;
    margin: 0 10px 0 0;
    font-weight: 300;
    vertical-align: middle;
}

.bn-write-common01 .b-email01 .b-input {
    display: inline-block;
    margin: 0 10px 0 0;
    max-width: 200px;
    min-width: unset;
}

.bn-write-common01 .b-email01 .b-select {
    width: 220px;
}

.bn-write-common01 .b-reserve-box p {
    display: inline-block;
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.bn-write-common01 .b-table-box.type02 .b-con-box.b-email02 .b-input {
    width: 200px;
    min-width: unset;
}

.bn-write-common01 .b-table-box.type02 .b-con-box.b-email02 p {
    display: inline-block;
}

.bn-write-common01 .b-address01 {
    width: 266px;
    min-width: unset;
    background-color: #f8f8f8;
}

.bn-write-common01 .b-address02 {
    width: 100%;
    max-width: unset;
    background-color: #f8f8f8;
}

.bn-write-common01 .b-address03 {
    width: 100%;
    max-width: unset;
}

.bn-write-common01 .b-row-box.b-address .b-con-box > div {
    padding: 0 0 10px;
}

.bn-write-common01 .b-row-box.b-address .b-con-box > div:last-of-type {
    padding-bottom: 0;
}

.bn-write-common01 .b-address-top-box .b-input {
    margin: 0 10px 0 0;
}

.bn-write-common01 .b-address-top-box .btn-post-search {
    display: inline-block;
    padding: 12px 10px 13px;
    min-width: 164px;
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    font-weight: 300;
    line-height: 26px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.bn-write-common01 .b-address-top-box .btn-post-search:hover {
    border-color: #0c2e86;
    background-color: #0c2e86;
    color: #fff;
}

/* checkbox, radio - 일반 write 페이지와 개인정보처리방침 등에서 공통으로 사용하기 위에 앞 클래스를 type0n으로 지정*/
.b-radio {
    position: absolute;
    top: 0;
    left: -999999px;
}

.b-radio + label {
    display: inline-block;
    position: relative;
    margin-right: 30px;
    padding-left: 31px;
    font-weight: 400;
    cursor: pointer;
}

.b-radio + label:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #8592b3;
    background-color: #fff;
    border-radius: 50%;
    box-sizing: border-box;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.b-radio:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #0c2e86;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.b-radio:disabled + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #eee;
    border-radius: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.b-chk {
    position: absolute;
    top: 0;
    left: -999999px;
}

.b-chk + label {
    display: block;
    position: relative;
    padding: 0 0 0 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
}

.b-chk + label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #8592b3;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    transform: translateY(-50%);
}

.b-chk:checked + label:before {
    background: #fff url(/_res/songeui/ko/img/common/ico-write-check.png) no-repeat center center;
}

/* 개인정보동의 */
.b-agree-box {
    padding: 30px 0 0;
}

.b-agree-term-box {
    margin: 0 0 56px 0;
    padding: 20px;
    border: 1px solid #d0d0d0;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

.b-agree-term-box .b-agree-term-txt {
    color: #333;
    line-height: 40px;
}

.b-agree-radio-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.b-agree-radio-box > p {
    padding: 0 89px 0 0;
    font-weight: 600;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.b-agree-radio-box > div {
    display: flex;
}

.b-agree-radio-box > div > div .b-radio + label {
    position: relative;
    margin: 0 60px 0 0;
    padding: 16px 0 16px 70px;
    font-weight: 200;
    font-size: 18px;
    color: #444;
    line-height: 23px;
}

.b-agree-radio-box > div > div:last-of-type label {
    margin: 0 !important;
}

.b-agree-radio-box > div > div .b-radio + label:before {
    width: 54px;
    height: 54px;
    border: 1px solid #d4d4d4;
    background: #fff url(../img/board/ico-b-agree-radio.png) no-repeat 50% 50%/100%;
}

.b-agree-radio-box > div > div .b-radio:checked + label {
    font-weight: 400;
    color: #001345;
    text-decoration: underline;
    text-underline-offset: 6px;
}

.bn-write-common01 .b-table-box .b-row-box {
    display: table;
    padding: 0 50px 20px 30px;
    width: 100%;
    table-layout: fixed;
    box-sizing: border-box;
}

.b-agree-radio-box > div > div .b-radio:checked + label:before {
    border-color: #ffec03;
    background-color: #ffec03;
    background-image: url(../img/board/ico-b-agree-radio-on.png);
}

.b-agree-radio-box > div > div .b-radio:checked + label:after {
    display: none;
}

@media screen and (max-width: 1024px) {
    /* bn-write-common01 type01 공통 */ .b-input {
        max-width:unset;
        height: 35px;
        font-size: 14px;
    }

    .bn-write-common01 .b-table-wrap {
        padding: 15px 0 30px;
    }

    .bn-write-common01 .b-table-wrap + .b-table-wrap {
        margin: 30px 0 0;
    }

    .bn-write-common01 .b-table-box .b-row-box {
        padding: 0 20px 15px;
    }

    .bn-write-common01 .b-table-box.b-agree .b-row-box {
        padding-top: 15px;
    }

    .bn-write-common01 .b-table-box.type02 .b-row-box > div:not(:last-of-type) {
        padding: 0 0 15px 0;
    }

    .bn-write-common01 .b-table-box .b-row-box .b-title-box {
        display: block;
        padding: 0 0 15px;
        width: 100%;
        line-height: 22px;
    }

    .bn-write-common01 .b-table-box .b-row-box .b-con-box {
        display: block;
    }

    .bn-write-common01 .b-table-box .b-row-box .b-con-box02 {
        display: block;
    }

    .bn-write-common01 .b-table-box.type02 .b-row-box > div {
        display: block;
    }

    .bn-write-common01 .b-select {
        width: 100%;
        max-width: 100%;
        height: 35px;
        border-radius: 0;
    }

    .bn-write-common01 select:invalid {
        font-size: 14px;
    }

    .bn-write-common01 .b-period-box > p {
        padding: 0 0 3px;
    }

    .bn-write-common01 .b-period-box > p:only-child {
        padding-bottom: 0;
    }

    .bn-write-common01 .b-period-box > div {
        width: 100%;
    }

    .bn-write-common01 .b-period-box > div > div {
        display: block;
        width: 100%;
    }

    .bn-write-common01 .b-period-box .b-week-box {
        width: auto;
    }

    .bn-write-common01 .b-period-box .b-week-box > div {
        display: inline-block;
    }

    .bn-write-common01 .b-period-box .b-input.datepicker {
        max-width: unset;
        background-size: 20px;
    }

    .bn-write-common01 .b-textarea {
        padding: 10px;
        height: 150px;
    }

    .bn-write-common01 .b-sel-title {
        font-size: 14px;
    }

    .bn-write-common01 .b-sel-box ul li a {
        font-size: 14px;
    }

    .bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-con-box:nth-of-type(2) {
        width: auto;
    }

    .bn-write-common01 .b-table-box.b-notice-box .b-row-box .b-title-box:nth-of-type(3) {
        border-left: none;
    }

    .bn-write-common01 .b-email-box .b-input {
        width: calc(50% - 12px);
        max-width: 100%;
    }

    .bn-write-common01 .b-email01 .b-input {
        margin: 0 5px 0 0;
        max-width: 150px;
    }

    .bn-write-common01 .b-email-box .b-select {
        margin: 5px 0 0 0;
        width: 100%;
    }

    .bn-write-common01 .b-email01 .b-select {
        width: 150px;
    }

    .bn-write-common01 .b-email01 p {
        margin: 0 5px 0 0;
    }

    .bn-write-common01 .b-email-box span {
        font-size: 14px;
    }

    .bn-write-common01 .b-tel-box .b-select {
        width: calc(33.33% - 15px);
        max-width: 100%;
    }

    .bn-write-common01 .b-tel-box .b-input {
        margin: 5px 0 0 0;
    }

    .bn-write-common01 .b-password-box span {
        display: block;
        padding: 5px 0 0 0;
        font-size: 14px;
        line-height: 19px;
    }

    .bn-write-common01 .b-date-box .b-input.datepicker {
        width: 100%;
        max-width: 100%;
    }

    .bn-write-common01 .b-write-box {
        padding: 20px 0;
    }

    .bn-write-common01 .b-write-box .b-textarea {
        height: 200px;
    }

    .bn-write-common01 .b-file-box.type01 .b-file-btn {
        font-size: 14px;
    }

    .bn-write-common01 .b-file-box.type01 span {
        padding: 0 5px;
        font-size: 14px;
        line-height: 24px;
    }

    .bn-write-common01 .b-file-box.type01 div p {
        margin: 10px 0 0;
        padding: 0;
        width: calc(100% - 30px);
    }

    .bn-write-common01 .b-file-box.type01 div p label {
        padding: 0;
    }

    .bn-write-common01 .b-file-box.type01 div p.b-size {
        margin: 0;
        padding: 10px 0 0;
        width: 100%;
    }

    .bn-write-common01 .b-file-box.type01 div p.b-size span {
        padding: 0;
        font-size: 12px;
        line-height: 1;
    }

    .bn-write-common01 .b-file-box.type02 {
        padding: 12px 10px 0 10px;
    }

    .bn-write-common01 .b-file-box.type02 .attach-data {
        margin: 0 0 5px;
    }

    .bn-write-common01 .b-file-box.type02 .attach-data p label {
        line-height: 24px;
    }

    .bn-write-common01 .b-file-box.type02 .attach-data .txt-btn .b-file-del-btn {
        margin: 6px 0 0 10px;
    }

    .bn-write-common01 .b-file-box.type03 {
        padding: 5px 10px
    }

    .bn-write-common01 .b-file-box.type04 {
        padding: 0 10px 5px;
    }

    .bn-write-common01 .b-file-box.type04 .b-file-btn {
        padding: 7px 0;
    }

    .bn-write-common01 .b-file-box .b-guide-txt {
        padding: 5px 0 0;
        font-size: 14px;
        line-height: 22px;
    }

    .bn-write-common01 .b-url-box p {
        line-height: 20px;
    }

    .bn-write-common01 .b-address-top-box .b-input {
        margin: 0 5px 0 0;
        width: calc(100% - 125px);
    }

    .bn-write-common01 .b-address-top-box .btn-post-search {
        padding: 4px 5px 5px;
        min-width: 120px;
        font-size: 14px;
        line-height: 24px;
    }

    .bn-write-common01 .b-guide-list-box .b-guide-box {
        padding: 0;
    }

    .bn-write-common01 .b-guide-list-box .b-guide-btn {
        width: 35px;
        height: 35px;
        background-size: 8px;
    }

    .bn-write-common01 .b-guide-list-box .b-guide-btn.up {
        margin: 0 5px 0 0;
    }

    .bn-write-common01 .b-guide-list-box .b-file-del-btn {
        margin: 0 0 0 15px;
        width: 20px;
        height: 20px;
        background-size: 6px;
    }

    .bn-write-common01 .b-guide-list-box .b-page-box {
        padding: 0 10px 0 0;
        width: calc(100% - 110px);
        box-sizing: border-box;
    }

    /* checkbox, radio */
    .b-radio + label {
        margin-right: 15px;
        padding-left: 20px;
        font-size: 14px;
    }

    .b-radio + label:before {
        width: 15px;
        height: 15px;
    }

    .b-radio:checked + label:after {
        left: 4px;
        width: 7px;
        height: 7px;
    }

    .b-radio:disabled + label:after {
        width: 15px;
        height: 15px;
    }

    .b-chk + label {
        padding: 0 0 0 20px;
        font-size: 14px;
        line-height: 24px;
    }

    .b-chk + label:before {
        width: 15px;
        height: 15px;
    }

    .b-chk:checked + label:before {
        background-size: 7px;
        font-size: 10px;
    }

    /* 개인정보동의 */
    .b-agree-box {
        padding: 0;
    }

    .b-agree-term-box {
        margin: 0 0 30px 0;
        padding: 15px;
    }

    .b-agree-term-box .b-agree-term-txt {
        font-size: 14px;
        line-height: 30px;
    }

    .b-agree-radio-box {
        display: block;
    }

    .b-agree-radio-box > p {
        padding: 0 0 10px 0;
        font-size: 16px;
        line-height: 26px;
    }

    .b-agree-radio-box > div > div .b-radio + label {
        margin: 0 30px 0 0;
        padding: 10px 0 10px 50px;
        font-size: 16px;
        line-height: 21px;
    }

    .b-agree-radio-box > div > div .b-radio + label:before {
        width: 40px;
        height: 40px;
    }

    .b-agree-radio-box > div > div .b-radio:checked + label {
        text-underline-offset: 4px;
    }
}

@media screen and (max-width: 768px) {
    /* bn-write-common01 type01 공통 */ .bn-write-common01 .b-email01 .b-input {
        margin:0 0 10px;
        max-width: 100%;
    }

    .bn-write-common01 .b-email01 .b-select {
        width: 100%;
    }

    .bn-write-common01 .b-email01 p {
        margin: 0 0 10px 0;
    }

    .bn-write-common01 .b-table-box.type02 .b-con-box.b-email02 .b-input {
        margin: 0 0 10px;
        width: 100%;
    }

    .bn-write-common01 .b-table-box.type02 .b-con-box.b-email02 .b-input:last-of-type {
        margin-bottom: 0;
    }

    .bn-write-common01 .b-table-box.type02 .b-con-box.b-email02 p {
        margin: 0 0 10px;
    }

    .bn-write-common01 .b-file-box.type01 > div {
        padding: 0 0 10px 0;
        width: 100%;
    }

    .bn-write-common01 .b-file-box.type01 > div:last-of-type {
        max-width: calc(100% - 90px);
    }

    .bn-write-common01 .b-file-box.type01 .b-file-btn {
        padding: 3px 0;
    }

    .bn-write-common01 .b-file-box.type01 li {
        margin: 0 0 5px;
    }

    .bn-write-common01 .b-file-box.type01 li span {
        padding: 0 0 0 20px;
        font-size: 14px;
        line-height: 19px;
    }

    .bn-write-common01 .b-file-box.type01 li:not(.b-file-none) span {
        max-width: calc(100% - 15px);
    }

    .bn-write-common01 .b-file-box.type01 .b-file-del-btn {
        width: 10px;
        height: 10px;
        margin: 5px 0 0 5px;
    }

    .bn-write-common01 .b-file-box.type01 div p.b-size {
        padding: 5px 0 0;
        text-align: left;
    }

    .bn-write-common01 .b-period-box .b-week-box {
        width: 100%;
    }

    .bn-write-common01 .b-period-box .b-week-box > div {
        display: block;
        max-width: unset;
    }

    /* 개인정보 동의 */
    .b-agree-radio-box > div {
        display: block;
    }

    .b-agree-radio-box > div > div:not(:last-of-type) {
        padding: 0 0 5px 0;
    }
}

@media screen and (max-width: 460px) {
    /* bn-write-common01 type01 공통 */ .b-input {
        width:100%;
    }

    .bn-write-common01 .b-file-box.type01 > div {
        display: block;
        padding: 0 0 10px;
    }

    .bn-write-common01 .b-file-box.type01 > div:last-of-type {
        max-width: none;
    }
}

.b-page-title-box{padding:0 0 25px 0;}
.b-h4-tit01{font-weight:700;font-size:24px;color:#000;line-height:34px;}
.b-form-guide{padding:9px 0 0;font-weight:500;font-size:14px;color:#555;line-height:24px;}
.b-all-list-num{padding:0 0 21px;display:none;/*관리자 요청으로 none처리함 04-11*/}
.b-all-list-num p{font-size:14px;font-weight:600;color:#000;line-height:19px;}



@media screen and (max-width:1024px){
	.checkbox {
		input {
			width:20px;
			height:20px;

			& + svg {
				width:20px;
				height:20px;
			}
		}
		label {
			margin: 0 0 0 4px;
			line-height:2rem;
		}
	}
} 
.cms-multi-upload .choose-file label {
	font-size: 1.1em;
}
.cms-multi-upload .fileUpload {
	font-size: 1.25rem; /* 20 */
	position: relative;
	padding: 12px 10px;
	text-align: center;
}

.cms-multi-upload .b-file-content {
	font-size: 16px;
}

.cms-multi-upload .fileUpload.has-advanced-upload .drop-box
{
	/*border: 1px dashed #468C75;*/
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	border-radius: 10px;
	position: relative;
	display: flex;
	overflow: hidden;
	cursor: pointer;
}

.cms-multi-upload .fileUpload.has-advanced-upload .b-file-content > :not(:empty)
{
	border: 1px dashed #468C75;
	-webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
	transition: outline-offset .15s ease-in-out, background-color .15s linear;
	padding: 20px 10px;
	border-radius: 10px;
}

.cms-multi-upload input[data-alt].hide {
	display: none;
}


.cms-multi-upload .b-file-icon
{
	display: none;
	padding: 0px;
}
.cms-multi-upload .b-file-content > :not(:empty) {
	margin-top: 12px;
    border-top: 1px dotted #e5e5e5;
}
.cms-multi-upload .fileUpload.has-advanced-upload .b-file-icon
{
	width: 100%;
	height: 80px;
	fill: #9EC9BB;
	display: block;
	margin-bottom: 40px;
}
.cms-multi-upload .fileUpload.has-advanced-upload .b-file-icon-upload
{
	display: inline-block;
	height: 25px;
	width: 50px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAZCAYAAABzVH1EAAAB1klEQVRYR+2WQU7CUBCG/1HCGm/QGwgbCisgoSSuxBNIywHEE4gnUA5AiydQViaUBFxp2YAnkCPgjhBkzEMwNUF4bdqki75NF503M98/M+89QsjLdPoTgNlQtUyYoShM58K36dgsvoaqhRorVOcxiI82iSsiK1o8I7JKbezi1pIVLG4tWaWCbi1r1EtjhYKeq7TcOfxXkfaoVzsCJnq2MvGY807zwGbEdHodgC7B1DJy5cY22i4QAUFMFoAXQ9WKkQIRFWGmsUiKifV6ttLZdbNbTr/K4Efxj0AXulp+ihSISMalNGiFkp7Xhu6KbGAHAFLMuK7ntPsgIH5ECXi13+wGEe4AzIi4tK0SJRMnvFh+CAiAHwy1UgsytDTIepiZzpFMtPRMabYvid95AU8BUja2YqjTALqGqlX37bfGgxQWyysQd2UPA2mQtmM3Cbhh4Lauas1DapqOPQRQ+GtH75Q8Lh4SYltV2VieWssriFCVF19DgE83MJ+UTCiHINaz5lG0UEGEc+v1WeGjxPqeIOKibJtEDmQNI/p9Pk/p+bPpoXbc/o8kiGzybrsYREY1PyrJ+N1l4yeW5+MX4m4gku53XzDMirh/Qjl+3W8kX8n52OTlGfMNz2IaKSi0k9MAAAAASUVORK5CYII=');
}
.cms-multi-upload .choose-file:hover label{
	cursor: pointer;
	color: #39bfd3;
}
.cms-multi-upload .cms-multi-upload .fileUpload:hover span.choose-file{ color: #39bfd3;}
.cms-multi-upload .cms-multi-upload .fileUpload:hover{ cursor: pointer; }
.cms-multi-upload .b-file-box03 {
	position: relative;
}
.cms-multi-upload .fileUpload .filehide{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.cms-multi-upload .fileUpload .b-file-content ul li{ display:table; border-bottom: 1px dotted #e5e5e5; width: calc(100% - 8px); padding: 8px;}
.cms-multi-upload .fileUpload .b-file-content ul li:last-of-type{ border-bottom:none; }
.cms-multi-upload .fileUpload .b-file-content ul li .attachDelete,
.cms-multi-upload .fileUpload .b-file-content ul li .fileIndexChange
 {float: right; color: #999; border-radius: 20px; cursor: pointer;
    margin-left: 5px;
    padding: 2px 8px;
    border: 1px solid #d8d8d8;
    background-color: white;
    font-size:0; line-height:0;
 }
.cms-multi-upload .fileUpload .b-file-content ul li:first-of-type .fileIndexChange[data-index-change='up'],
 .cms-multi-upload .fileUpload .b-file-content ul li:last-of-type .fileIndexChange[data-index-change='down']{
 	display: none;
 }
.cms-multi-upload .fileUpload .b-file-content ul li input[type="text"]{margin-top:5px;}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-list{display:table-cell;margin: auto;vertical-align:middle;padding-left: 19px; padding-right:6px; text-align:left;}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img {
    width: 70px;
    height: 70px;
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    /*border: 2px dotted #e7e7e7;*/
    border-radius: 7px;
    /*background-color: #f9f9f9;*/
    background-color: #f1f1f1;

}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img img{max-height:100%;max-width:100%;border-radius:10px;/* border: 1px dashed #b9b1b1; */}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.ext{
	color: #999999;
    font-size: 1.4em;
    width: 100%;
    height: 100%;
    display: inline-block;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    background-color: white;
    line-height: 2.0em;
    /*padding: 0 5px;*/
    color: #7689b3;
}
.cms-multi-upload .b-file-list button {
    width: 28px;
    height: 28px;
}
.cms-multi-upload .b-file-list button span {
	width: 10px; height: 10px; display: inline-block;
	background-size: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.cms-multi-upload .b-file-list button span.remove {
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAXElEQVQoU52QQRKAIAwDl5erL9cJmk7NcCKXFroDTQZw8Or6apYTuAegRrBqwjUTKK3g353BhH2uXzrYYe8scGoL9E42JIPq56tppgZpUGCPpnbKNJyjjawyn4E/rXQeBwi6h5AAAAAASUVORK5CYII=')
}
.cms-multi-upload .b-file-list button span.down {
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAbklEQVQoU5XQMQqAMAyF4b+X8UiOzs7OgoqDk7NzcdND6NHkSSNSKtRsDV/SJI7McJkOwQM4geGjqAMKwRFogT6BhZSf7OsZaCJsaAWq94wLUAesKdRpB0o94mW8qsOsD0pB5bYA704Wv86TdcoLBikQNq8QKTIAAAAASUVORK5CYII=')
}
.cms-multi-upload .b-file-list button span.up {
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAaklEQVQoU6XQMQqAMAyF4b+X8UzOjuLsJmpXZ+eu3kK8mTxIoEiGgllC0y8JJNEYqdERwcua+3rIF57AaKAAg+MaZmABdvtcATVOejtUcTOkrFBW/QBmwQj5RsdZ8AYemxAdQbj7dZ7wtC/MvBAyosVfYwAAAABJRU5ErkJggg==');
}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.prv-ico {
	width: 60px; height: 60px; display: inline-block; border-radius: 10px;
	background-size: 60px;
	background-repeat: no-repeat;
	background-position: center;
}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.excel{
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAAHJklEQVR4nOVbe0wURxz+du/BAeIpIqkntVaBmqpom2qNr9QnaUVjrIpaMFglxFJjqLRF5CUKtIm1rdhIBBOxYBVTtSIamzZabKkpMTFEpVGCr4qlFixBA9xr+8exsLs3ezt7DxT5ksvezn7z2998MzuP3+wyL6bO4DCAwT5tB54GhDWulSMwEiItGBc3cwdSe96A0CZRAIZA9MbNniY4yZFv+kQB7ACsANp87JQnYAH4wVEAvrVquv8zELdgTvBDN49v5UQB+gPsADrczDsYDvGAAdoJCh9LWQEGytgoK4ClL73oQ2gB6AXnRAE4AOY+cafv4Sc5Jwpg6/49j5D2+k4C2PvIkWcFsi3geYViCwCe3w4QcC6w00TIBvoO0E+rg0En7VbI6LKY0WlVtswyLIIMAZQeAG0dj6m5pFmfKE06ZVSC0T8ItSkHERoUrMita2rAzD0bYLFZXfK2zHkPuW8nUd1/94VybKvaR8UFAAMhTdQiODjWALT4p70V7x/ZQcWNMoXjw1krXXImjBiLzIXrqexdbLyC7LP7qbiAo6YVBQCALmqTDvx8oxa7zpdRcTMXrsfLw0zEazqNFsWx26DTKC9PmttbEV+WBaudvrv2A7lliwSwQl0L4JF7rgR/3LmmyPPX+WHPslQwjPMiOXVOHCaPjFS0YbPbEVeWheb2VlU+akHu8XvSPBn/LTYr1pbnoK1TuUOaHzkVsa8tEKVFmSKQvmAd1b0yzxbh18YrqvxjIb/sdeoD3MWdRw+w8djnVNxdSzYjOMAIANBrdCiO3QYtq1HMV3n1Ir765TvVvuldXBMJ4Gn05kTdeRT/flKRNyzQiM8WJwMAPp23FlGmcMU8jS33kViRB45TX016yK/6NMbpo3IAR+3bob4TlOJCw2XEjJ+F0EFDXfImmSLwxNyBrOgNYAl9ghCdVjNiilNw99Hfqv1hAQSALIBFmu6NKXCHpQvxZVnosChLWRCTDA2rHJPZfPwL1DU1uOWPHvItm4NAABbemwLXN9/GRye/9Iqt0toqHKqtcju/DuTalwZHAXg3BlBaW4VjV37yyEZd002knNjtdn5p8EMIogDeDINxHIdN3+/CrZYmt/K3dT7G6kMZVI+SHGhWKSzgu/hfW+djxJdnq5qx8Ug8kofGlvse3Z8m5O1TAQDg8r16ZJyhX7AAjkVO5bWLPvJIjD4JixdWV6Cu6SYVt+Hfv1QtctSANNvtEwHeeXU6okwRVNzwkDAsGj/Txx71wucCRA4fhQOrMlXl2b8yHWNDwnzkkRg+FSDILwBHE/Ix2BCoKt9gQyAOx++EP2W0yRP4TACWYVGyKgPjQke7lT/KFI7dS1O861P30U5I8/pIkDo3DksmzPbIRsLUGKydsshLHpHRI4A39/Gjx01DTnSiV2x9vWwL1WpRLRgQFkPeEGHMsJEoXZNDjPoIYbZZ8ElloeLy1qDV43D8ThgNg7zgXS84OFa+IgF0Hhod5OePioQCGP2VnU2r3IvC6qNUAY6xIWEoWpmmKKoa8Nt/IgE86XMZhkHRiq0Y/8IYRe6pq9UoqjkOANh+rphqkrR04ltInrnCAw/FIC6GPBkSNs9ehXcnzVXk3Xn0AEkVBT1Nv8tqQcLh7VSbJgUxyZg2eqIHXjqDBTx/9udGvIG8RRsVeVa7DfFl2fivo12UXt98G+mnv1HMr2U1KI/LRUjgELd9lUIkgDtD4UtDR+DbuO1gGeX2k3FmH2rvXideK6o5jnN/XlK0YTIOx8E12VSRJBp4NAoE6AyoSMjvifC6wtn6GhRWV8he5zgOSRX5aHmi/G7avMgp2Do/QY2rsnBbRoZhsHf5x1SLnKa2h0g8mgc753r3obm9FUkV+VT3T5+/DgteeZOK6wpuC/DBjOVY/Xq0Is9mtyO+PJuqZgGg6vpvKLn0gyKPYRgcXJOFsCGhVHbl4JYAs8ZMxueLN1Fxc38sQc2tOlX20yoLcfPhPUVecIAR5XE7oNe4N4PRgLA9TgOTcTjSTu9V5HVZzThw6ZRqx56YOxFbuhXzIqdS8UcHj8CNh3dV38cPACN8Xd6MZ/v1WLUwgrwpyr8KDMK1AYcBLQADL06F+yNEW2N29ONXxz2Az3aG+gu8HhDpb/BJSKw/wSkoOtCEcOr4PQ2L9SewIDwCA2Uk4AvfU15egACIWwEDxxAp/AqL51rQ+06RDo43MTkCjwcH8Sd5Qi5/TfjFF39vfrwW5hf+J53zPsmNbFrJUWRImOjqG0I9AHWbXupBKoBUCB6kiRzJbyHPSYBnbTZIKgCjcF0NtLDbe0VkBLsUHMO4loPQ0KXVIvr+trveSM+SlE9KF57L+kPwhXiZA7qLKlNChmyEkZ4wKqpA4hwDdVXJ81lJXgbiP3J2nHx3HLWiKxwUah3yX1VLa0/a28mdS51zJYorG1IIe1Xph8MA+HL+D59269IHPaOPAAAAAElFTkSuQmCC')
}

.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.word{
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAAFsElEQVR4nO1aS28bVRT+ru3m2bxjRxUpNA9IaB6NqqhqSxNB0qRQVqwQbPgPLCqx4k/0LyBVrKhogTxaEhSgFaSEOrbT9CmK4xAndbATx/FjhkU8ydiec+eOx9IEZb6N7XvOnDn3m2/OuXfGrOPzSRlHGA6rE7AaNgFWJ2A1bAKsTsBq2ARYnYDVsAmwOgGrYRNgdQJWwybA6gSshk2A1QlYDZsAqxOwGi4Rp/f7W/Dx+ddI+835EL6ZDwmdcLzPg08utBaMr24m8MXXfqEY1eUuXP+sn7SHo7u4dsMnFEuIgL824hjqaiLtx5xMmIBPL7bi0lvasa5PPUMwktCNMdTVyM3nq59fCuUCCN4CgZUYVjiJDbY1oKrcqRun8XgZLnQ2kvaxXo9IOhg57ebav3+4JhQHECRAloE7vjBpdzkZznfQE1Nwpc8Dp4OR9vE+fQKcDob3OAS82krit2cR3TgKhIsgjwAAXEkq+HCghWsfbK9HQ/Uxrs/AG3VcnwnvGjKS+INuYQLuP41gK5Em7UPdfALcNWU419HAT4YxjPbw5a0r/z//4doLzinqmMpImAmsk/ZTzVVobawk7Vf6W+BgtPwVjOvUAR5Bm9sp3H8qLn/A4DpA7zYY5qhAT/4KLnU1kQX1ZFMlOluqyWMnF43JHzBIwOzSOvcEVHtrqSvHYBtf/grKXA4ME/VkVEf+3xmUP2CQgOhOGvee0BK7+GYjXM5CmX/Q3wIB9e9jjOgGo700Af/upHDvySvxk2RheCk87aN77PEKFwZerysYvyoofwUjp90FRNZUuHCunVbRlDeMdMb4a07DBNw12A5P1Ffg7Kl6Q+eoqXAVrCuGu5u5awij1V+BYQKCkQQCwRhpH+puzvnNu/q+v6OkLf82GOlpJjyBWCKNXx4blz9Q5G5wiqOCvtbanIXK1TPaBMgycO2GjyyqY73u/bbpdDC8+zZNwPRiGKmMJJJ6AYoigNcOGQPeyXaD1sZKnNGoCQDw+/MIHoW2yL7tqS1H38laAMDZU/Woq6RXf8XKHyiSAH8witAmvTlS2iF19QHg1sJe0hMP6eSVvcFlzuJnezeNueUNbr48FEWA3uZouLsJjNGLH0mW9yc+6V2DTBTvsWzbG+EQMO0LI5kuTv6AiSdC04s0AZ7acoz2uNHTWqtp//VxBOuxJAAgHEti/sWmpl+7pxqXe91oc1eR5zIjf8AEAXqboy8/6iZttxdWc35PcPbvvDjx3QzmHhUvf8AEAamMhNklenN0or5CczwjyZj05k540ktfRSoOANz1h5FIFS9/wORDUd5tQGFueQOb8VTOWDCSgPclvSagYFb+gEkC9DZHWri9oJ00rxtoYSeZwU8m5Q+YJCC6kza0/05lJEx5te/3CWKcwkxgHTvJjKFjtGD6vcD0onjis4ENxIjC+Twcx/LqlnCsYra+WjBNgN5DEjXyq38+fhB8mptI8QuwEZgmIBhJILBCb44UJFIS7vj5ZInWgdmldcR3zcsfKNGrMZFuMBMI6ya9vLqFF+tx3VilqP4KSkOAwG1w6w++/IG9JbbebZBMS/jRXxr5A4KvxvTgD0Zx80EI1WXa4SRZ5j5RVuPbByF0eugHn0uhGLZ36RWoUTD77/JHHDYBVidgNWwCrE7AatgEWJ2A1SjJQugwQbmiMgDG+a586hLAwJdJabYkYmDInQhUv9U+sspXPXmW5wfoEKA3eQDQ/2tUaaFMXOtKK9CaqPq3mjyXQ8PpMEOZgPoqm4Hr/zR5BWZzVh9/JLqAnPepBlEDGGeHKBMXgDqG8i8K2XMwQJYAxmQwBtW7NQZAAgDGmGpQBmSW/ZeKDMCxNwD5MLRBHtlakCBDVibD1C8Ws3XBIQNZUtieL7D3ue960Ls0CDCSkFYN5sXL95eg3dC0YkpQyh7LiXUQk2VjMdW44nsQkeUc+x/uCPDSleltEAAAAABJRU5ErkJggg==')
}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.ppt{
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsSAAALEgHS3X78AAADBklEQVR4nO2azWsTQRjGn9mkbdKWRGyLoGIPBWu99FCKt940Xjx6CtqbiDdvPQleCr2I+A8oUgXRiyCIrXgVUa8aoUVaaWo1SZukqckm2fGQxq6bnU03zvhu6TwQJjsfz/vsL/sVEracPM1xiGVQB6CWBkAdgFoaAHUAamkA1AGopQFQB6CWBkAdgFoaAHUAamkA1AGopQFQB6BWWJXx0PU5sHC3rzXc/IVabgPmagrlT+9Q395SlG5PygD0TybAeqKdG1h1lD6+xuazezDXluQFcyi4p4ARQt9kAidmnyN2PqmujDJnSWKhMAanbyGeuKrEP/AAmhpIzqB7eEy6LwkAq1xCLZNuvLJpWDvF9ouMEI5evik9i7KLoJeKb54g+3hur4MxdA2dROzCFcQvTgvX9Y5PIRQfRD2fkZYlGKcA56j++Ibs/CzyL++L5zGGyJlJqaWDAcCm/KuHnuNdx05JrRc4ALXsOmDVheNGtF9qvcABMHp6ASMkHOdmWW49qW4SFB2f8hyv5b5LrRcoAF3HRzCQnPGcY658llqT5DbYMzKOI5euNTaYgVBfDN3DY4iePed5+NeyaVRWUlKzkACIjE4gMjrhe11+YR7gltQsgToFvGSuLaGwMC/d90AAqG1uYOPODfBqRbo3ySngR6UPi8g8uI361k8l/oEDYJUKMNPLKKfeY/vtC5irX5TWIwFQWHyE3NO7jl4OXq2AV83/moUEAK9WYO0UKEq36EBcBFVKA6AOQC0NgDoAtTQA6gDUUvYcYK5/hSH4aaxezKkq61tM/13+kEsDoA5ALQ2AOgC1NADqANTSAKgDUOvQA1DwXYDttl5P2Myxzdv0d7LGrd/Z9wdAJ4G8gjHBuHsIdx97vwim2xqRj7vC/kz2Y84c7b/4duLlT2EOzgHWYifm3vopukVpzuK29wytq92OCS6Y227c2W+hcZHjuyn5X9uNNtzceS+e7XdXvMbp7Qbar+zezp22Q7HvbHPb6WN43QbagdmvuKDt1Kv5cnrZxyzHuKj9Dfi3z30zH9wKAAAAAElFTkSuQmCC')
}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.hwp{
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAEOElEQVRoge2a3WscVRiHn3dmdja7m+zaxOhqwMZEY7WiFRoVRMiFaBHU9soP1BsR7XUvxUr/Au9Eb1Qo+IXEingjVLA3pVpExKamdGMaUmvbfJBkdzPZnZnXiw3bNN2lYs6MuJ3f3ewM55xnznnf8zvvrOwev6DcQLL+6wHErQS405UAd7oS4E5XAtzpSoA7XTccsBNrbwrK1WcVEYl1CLECC8qBHd3ckrMBOHFxjfFZD2KEjneGgYeLaYZ6XQAWvRBmvVj7T2J4K1JVtrkWXXbrJSqAY125l0kJxYzdtj0vUBZrodE4F6MVD1UOPZjnie2Zto84tmCtAwShEoTtuz86s8rBX5aNxrjxGHYscJ1/Fim2JdhWexg7goAzDqxAqIYWjZrP3mZjGPikVOXo+WszrwIOQs4RMo7gBUqlrtRR2mFd8kIU2t7/NzIKLCJMrARMrATN31QhJTBWTPP8cJa7Cg5px6IWKDMrPuNTVb4971EPtWWsmjYmZpPWJqlC2oaDu/I8eUem5eBV4ceLHm//tMRiPYzchES6DzsCbz2Q56nt2SasaiMz63qci8AjxS4O7S7gxOC4onNaqoze7LJnMLN+qcyUAw7/Xqa05HN7t82r9+QYuSmFiPBosYs9A2m+mfUi9deRzbAg7B3MNvfcudWQN36Y5+tZj99WfL67sMabxxY4u+Q3nhd47s4s9v91SbsW3LutsYBUlfFShbn61emiHMJnZyrN5T2cd8i2cWmmFBmwJZDe4BwuVYOW28t01W8eGF1byLV3mmbGFVXDgUKlHjYuRBgqOLTyIzvzqeaL8Hxl2Y/2215kwGuhcnKuBjSMw77hHPf32E1oBQbSFi/v6G4mqVMLdbwgWuDIsrQA439UeWYwS8puuKv3xvo4MlVletnntpzNvqEshXTjnasqn5cqhJh1VpsV3bYkwuSyz0enV3h9Zw8iQjYlvDiS2/DIFbSvSlWOX65HXvKJtuIhwodnqoQKr93XQ8qWa4CCUPnybIV3T5UJJdrZhYitZVOq3N3t8OxghtF+l3zKouorP8/XODK9ysRSHRWJHBbiAob1ZKUUXYvH+l1mqgEnF+qoxFu5NHtaAjZuo/6me4PdDu8/3ktvl0Wg8PHpMh9Mlk0O4boyCjzWn+LArgLQqEftP7bA5ea+qrwwlKVvvYblCLw0kuPTUoXloE2DEcgocJct3NrdaHK1HrLZJbZauI3jf3x/JIq1TPvFVJX51cZ0hqocniyz4odxDiHGQrwIpXLAK9/PMdrn8mc14NclP9avDhAhsG0JTw90UW7jjUd6HEZ6rt/9ibka5zxzqyAyYNcW9j9U2HI77xxf4NxfNQMjaij51LIV1QNYXDW7x9QM5zSjTssFcoYrFpVAMbegDc9wDahFfJ7dqm64GE6AO10JcKcrAe50JcCdrgS405UAd7r+BjAVbtEq2GpfAAAAAElFTkSuQmCC')
}
.cms-multi-upload .fileUpload .b-file-content ul li .b-file-img span.pdf{
	background-image : url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsSAAALEgHS3X78AAAFqklEQVRoge2ba2wUVRTHf3d2drdTW7q7hWCRZwER5CE0PKQxBaLUdyUxGI1A1Gg0xGAEDQSQKBKFxISYoOGLCDEq0U/GmKAJGAkaFRTjF0WgUAIoVpa22wfb3Tl+2O1ut92dnX2Vvv4fNjN3zpx7/vdx7rln7qrz8ycLQwjajTagrzFMeLBDz1WBSNQFaBqCylVdVlBiAoKyUX/OhNE0Sp57iZInnkI5HDmrywadDfU0rnoEwqG0srkRdhfh2fIWxtJaUNhq4ULAOaESDAMCLWllsyIsApqvHO/OPbhmzI6RNYPXCV2+mI3KjKGKitBHV2TcyBkTFhH0yql4d72PXnELSsUrDDWco3F1XaYqs4KzahGj3t1HpoMqI8KC4FpQjXf7brSSkgSycSiSFhcAQsZ87RMWEYy6x/Cs34Jy6PQZqzwjLWERAU2jdO0GSh5/OtqkA5Ms2CCsigzKXtuJUbMclL21rj8jJWERQSsfFfHE02dHR/DAJgtpQkvv23twTZ9la7oKA2PTZTmkNV85ECFjBgJIe1tqYRHavz1Edr6z72DbS7d8sIe2Tz9MK5d8qeo/yGAdVhGH1b/5pMWQ2x4OEx7sGCY82DFwCZtm/Fp63Fsg9xTPDULn779wddOL4HQi1/zQGrC1g8sLYeUbiT52fD5UZQRp8seuXXOqADADAUJn/kwZAOUhawllm3dgLLwrV1V5gvD3A9XQdC3p0/z0sO7sFYWJSLyVJRKPd2/1rvRuYllkVCa82+NZKoiAQkBpYJE9zdscFoTWLz4nXH86eh+HcjjQK6diLLsP5S4CJbQfPUznrz8lyCpNQ/P4cE67Hde8+SiHHiPecewwwRM/WtQPI15Yj+ZyWdqZV6fVcfQwwWNH4gXRHlESMSjw8T5GvncAbUQZwZPHaT+4P0JWQc/dpTZmHJ5tu3DPvAOlFMHfTtB6cL9l/aXPrgOXCyUq5WY17166q0fU6Arc1UsQ/1U6jhxCAeGzpwh89hEjnlnbJR0ZpsU34V5aC60Brv/8PQRaMC9dwL/heUZ98hV6dJsamzZGMe5l9/asGaVHhrLV3rxgy5I+aQqel7cCcGV1HebZvwAIn6/v1ZvKV4530w5A6Dx/lsZVdSgzjLQ00f7Nl5SuXJMoX+bBu+nNxEktoFT6JETBCIcaztG8dzdmk59w/emYP3OMm5hyi6mUwjmhEu3mCsyLF1AoQvVnkB5EpPEK/65ZkVBWum4jRtWiiB56tWkMBSNsXmyg9cDe2L0AjomTKVn5ZPqXpVubJMulhUKETv8R72ERJBCwZVfBCGujK3DfWQNEvfTkWymufQhlGL2Fo1khQeg8cwrzn0sopWJfOXqNVF853q07E4qcU25LUJcKhZvDlVPxvLItacTT06nIf434N6/D7GgnePI4hMMAKI+X4nse7NXByu3GmL845cKsJLXbyjvhZEFDWnS0cf3I110aANAmVOLZtgtHmSeuG3sZJrEQyivhoqXLcU6aAoBj/CRLWXfVQpTevXoBh47m9eGcNgPXrLloWjxics1dEImiAFU6wpq8xZjOG2GFouT+FekFo7JG9RKM6iWxsmShZncYi2swFtfYtKag67AgwWCsEon+qASJjLRl/lKCAhNCqU8C5KWHm7dvJDBmrKVMVwNIj+tkMsmexd+0bgkJBJBAc8pvYDkTVkohzdcINyffjhUMuhNXzd0o3YnZ5Cf4w3fxsNbCtQ3YjIc+ex6+19+JNDjC5eULIlmPNBi4Oa2esLkUDh7CNjFMeLBjmPBgxzDhwY7Mjx4Wwoo+hD3CAs6ZczAffrTfHHnQx1dmZYotwkopipfVUtwrNXojkd1pIWvC0VRL7NR7PxvQ8USOxGxNB0vC/jdexTVrbq52FRzhhnPQ1mornlbp/rck6b5i9QNkYl36w6X9nGymGHLr8JAj/D/xLabnw5RJkgAAAABJRU5ErkJggg==');
}

/*
.cms-multi-upload .is-dragover
{
	outline-offset: -20px;
	outline-color: #468C75;
	background-color: #CCE4DD;
}
*/
.cms-multi-upload.is-dragover ul li
{
	border-bottom: 1px solid #fff;
}


.cms-multi-upload .b-file-list button.arrow:before {
    position: absolute;
    top: 50%;
    width: 16px;
    height: 3px;
    border-radius: 3px;
    background: #4ad295;
    content: "";
}
.cms-multi-upload .b-file-list button.arrow.up:before {
    transform: rotate(-45deg) translateY(-50%);
    left: 10px;
}

.cms-multi-upload .b-file-list button.arrow.up:after {
	transform: rotate(45deg) translateY(-50%);
    right: 10px;
}



/* 이동 효과 */
.cms-multi-upload .b-file-content > ul > li {
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
}

.cms-multi-upload .b-file-content > ul > li.ani-up {
	transform: translateY(calc(-100%));
}
.cms-multi-upload .b-file-content > ul > li.ani-down {
	transform: translateY( calc(100%) );
}
.cms-multi-upload .b-file-content > ul > li.ani-end {
    -webkit-transition: 0s; /* For Safari 3.1 to 6.0 */
    transition: 0s;
}

.cms-multi-upload .zoom {
  transform: scale(0);
  transition: transform .5s; /* Animation */
  margin: 0 auto;
}

.cms-multi-upload .input-caption {
    position: relative;
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 13px 16px;
    margin-right: 16px;
    /* background: #fff; */
    border: 1px solid #dedede;
    border-radius: 30px;
    /* color: #649c5e; */
    box-shadow: 0 4px 18px rgb(0 0 0 / 1%);
    /*font-weight: 700;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    /*border: 1px dashed #468C75;*/
    transition: .7s cubic-bezier(.17,.67,0,1.01);
}
.cms-multi-upload .fileUpload.has-advanced-upload.is-dragover .drop-box
{
    border: 1px dashed #468C75;
    border-radius: 30px;
    margin-top: -2px;
	background-color : #f4faf7;
}


.cms-multi-upload .fileUpload.has-advanced-upload.is-dragover .b-file-content > ul
{
    border: 1px dashed #468C75;
	background-color : #f4faf7;
}


.cms-multi-upload .is-dragover .input-caption {
    border-color: transparent;
	background-color : #f4faf7;
}

.cms-multi-upload .file-input-button {
    display: inline-block;
    margin: 0;
    padding: 14px 22px;
    border: none;
    border-radius: 30px;
    outline: 0;
    /*font-weight: 700;*/
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
	font-size: 1.2rem;
	/*background: linear-gradient(135deg ,#3a8ffe 0,#9658fe 100%);*/
	background: linear-gradient(135deg ,#3d3d3d 0,#878787 100%);
    background-size: 140% auto;
    background-position: center;
    color: #fff;
    box-shadow: 0 4px 18px rgb(0 0 0 / 4%);
    transition: .7s cubic-bezier(.17,.67,0,1.01);
}

.cms-multi-upload .file-input-button:focus  {  border: 2px solid #000; }

.cms-multi-upload .is-dragover .file-input-button {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.cms-multi-upload span.file-size { font-size: 0.9rem !important; color: #acb8b4; }
.cms-multi-upload span.file-size.big { font-size: 1.1rem !important;}

input.dark {background-color: #eeeeee !important;}

/* 버튼 */
.b-btn-wrap{display:flex !important;flex-wrap:wrap;gap:6px;padding:35px 0 0;box-sizing:border-box;}
.bwp02{display:unset;}
.b-paging + .b-btn-wrap{padding:5rem 0 0;}
.b-btn-wrap.right{justify-content:flex-end;}
.b-btn-wrap.center{justify-content:center;}
.b-btn-wrap .b-btn{display:block;padding:8px 3.2rem;border-radius:3px;box-sizing:border-box;border:1px solid #cccccc;min-width:146px;background:#fff;font-size:15px;line-height:2.2rem;color:var(--text-color07);font-weight:var(--font-weight-bold);text-align:center;transition:0.25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;}
.b-btn-wrap .b-btn.primary{border-color:var(--color01);background:#0c2e86;color:#fff;}
.b-btn-wrap .b-btn.primary.pri02{border-color:#cccccc !important;background:#fff;color:#000;}
.b-btn-wrap .b-btn:hover{border-color:var(--color10);background-color:#0c2e86;color:#fff;}

.b-btn-regular{display:inline-block;padding:0.2rem 2.8rem;min-width:7.8rem;border:1px solid #000;border-radius:3px;background-color:#fff;font-size:1rem;font-weight:var(--font-weight-bold);color:var(--text-color06);line-height:2.2rem;box-sizing:border-box;cursor:pointer;transition:0.25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.b-btn-regular.primary{border-color:var(--color01);background:var(--color01);color:#fff;}
.b-btn-regular .b-ico-btn::before{content:'';display:inline-block;margin:-2px 6px 0 0;width:1.8rem;height:1.8rem;background-repeat:no-repeat;background-position:0 0;background-size:100%;vertical-align:middle;}
.b-btn-regular .b-ico-btn.b-ico-dup::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-dup@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-email::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-email@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-cert::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-cert@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-down::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-down@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-file::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-file@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-attach::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-attach@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-list::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-list@2x.png);}
.b-btn-regular .b-ico-btn.b-ico-link:before{display:none;}
.b-btn-regular .b-ico-btn.b-ico-link:after{content:'';display:inline-block;margin:-2px 0 0 6px;width:1.2rem;height:9px;background:var(--color10);mask:url(/_res/sejong/_share/img/sj-common/board/ico-link@2x.png) no-repeat 0 0 / 100%;vertical-align:middle;}
.b-btn-regular:hover{background-color:#000;color:#fff;}
.b-btn-regular:hover .b-ico-btn.b-ico-dup::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-dup-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-email::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-email-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-cert::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-cert-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-down::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-down-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-file::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-file-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-attach::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-attach-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-list::before{background-image:url(/_res/sejong/_share/img/sj-common/board/ico-btn-list-w@2x.png);}
.b-btn-regular:hover .b-ico-btn.b-ico-link:after{background:#fff;}
.b-btn-regular.circle{padding:1rem 2.8rem;border-radius:3rem;}
.b-btn-regular.circle:hover{border-color:var(--border-color08);background-color:var(--color01);}
.b-btn-regular.circle .b-ico-btn{font-size:1.5rem;line-height:2.1rem;}

/* 체크박스 */
.b-chk{display:inline-block;position:relative;margin:0 8px 0 0;border:1px solid var(--border-color11);border-radius:2px;width:2.4rem;height:2.4rem;background:#fff url(/_res/sejong/_share/img/sj-common/board/ico-chk01-gray-s@2x.png) no-repeat center center/1.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;cursor:pointer;box-sizing:border-box;}
.b-chk:checked{border-color:#000;background-color:var(--color03);background-image:url(/_res/sejong/_share/img/sj-common/board/ico-chk01-s@2x.png);}
.b-chk:disabled{border-color:var(--border-color04);background-color:var(--border-color04);background-image:url(/_res/sejong/_share/img/sj-common/board/ico-chk01-s@2x.png);}
/*.b-chk + label{display:inline-block;font-size:1.5rem;line-height:2.1rem;color:var(--text-color04);font-weight:var(--font-weight-bold);vertical-align:middle;cursor:pointer;} */
.b-chk:checked + label{color:var(--text-color06);}

.section-title {font-size: 20px;font-weight: bold;margin-bottom: 20px;}
.form-box {border: 1px solid #ddd;padding: 20px 50px;border-radius: 2px; background: #fff;}
.form-row {display: flex;align-items: center;flex-wrap: wrap;margin: 20px 0;}
.form-label {width: 140px;font-weight: 500; color:#000000; }
.required::after {content: '*';color: #ff0000;margin-left: 4px;}
.form-radio-wrap {display: flex;gap: 16px;flex-wrap: wrap;}
.custom-radio {display: flex;align-items: center;gap: 6px;cursor: pointer;font-weight: 500;}
.custom-radio input {display: none;}
.radio-mark {width: 16px;height: 16px;border: 1px solid #001e62;border-radius: 50%;position: relative;}
.custom-radio input:checked + .radio-mark::after {content: '';position: absolute;top: 3px;left: 3px;width: 8px;height: 8px;background: #0052cc; border-radius: 50%; transform:unset;}
.radio-label {font-size: 16px;}
.email-inputs,.verify-input {display: flex;gap: 10px;flex-wrap: wrap; /*flex: 1;*/ align-items: center;}
.email-inputs input,.verify-input input,.email-inputs select {padding: 17px 8px;font-size: 14px;border: 1px solid #ccc;border-radius: 3px;flex: 1 1 200px;min-width: 140px;}
.email-inputs select {flex: 1 1 auto;min-width: 140px;}
.email-inputs .at {font-weight: bold;}
.btn-outline {padding: 16px 24px;font-size: 15px;border: 1px solid #001345;background: #fff;color: #001345;cursor: pointer;border-radius: 2px;white-space: nowrap;transition: background 0.2s; font-weight:600;}
.btn-outline:hover {background: #f3f3f3;}
.notice_box{display:flex; justify-content:space-between;}
.notice {font-size: 14px;color: #666;margin-top: 10px;}
.select-wrap {position: relative;display: inline-block;}
.select-wrap select {appearance: none; -webkit-appearance: none; -moz-appearance: none;padding-right: 25px; }
.select-arrow {position: absolute;right: 10px;top: 50%;width: 14px;height: 7px;background: url('/_res/songeui/ko/img/common/arr_down.png') no-repeat center center;background-size: contain;transform: translateY(-50%);pointer-events: none;  transition: transform 0.2s;}
.select-wrap.open .select-arrow { transform: translateY(-50%) rotate(180deg); }

@media (max-width: 880px) {
 .form-row { display:block; flex-direction: column; align-items: flex-start;}
}


@media (max-width: 768px) {
  .form-row { flex-direction: column; align-items: flex-start;}
  .form-label {width: 100%;}
  .btn-outline {width: 100%;}
  .email-inputs,.verify-input {width: 100%;}
}

.visually-hidden{position:absolute !important; height:1px; width:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap}
.mock-rental-panel{padding:24px; background:#fff; border:1px solid #cccccc; border-radius:2px;  margin:12px auto;}
.mock-fieldset{border:0;padding:0;margin:0}
.row{display:flex; align-items:center; padding:14px 0; border-bottom:1px solid #f0f0f0;}
.row:last-child{border-bottom:0}
.left{flex:0 0 220px; padding-right:20px; box-sizing:border-box;}
.right{flex:1}
.place-label{font-weight:600;}
.period-group{display:flex; align-items:center; gap:12px; flex-wrap:wrap;}
.period-item{min-width:160px}
.time-item{min-width:120px}
.input-icon{position:relative}
.input-icon .text-input{width:100%; padding:12px 36px 12px 12px; border-radius:6px; border:1px solid #e0e0e0; background:var(--input-bg)}
.input-icon .icon{position:absolute; right:10px; top:50%; transform:translateY(-50%); pointer-events:none; font-size:14px}
.select-input{width:100%; padding:10px; border-radius:6px; border:1px solid #e0e0e0; background:#fff}
.tilde{font-size:18px;color:#666}
.weekday-row{background:var(--bg); border-top:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; padding:12px 0;}
.week-checkboxes{display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.week-checkboxes label{display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#333}
.week-checkboxes input[type="checkbox"]{width:16px; height:16px}
.hint{color:var(--accent); margin-left:12px; font-size:13px}
.text-input{padding:12px; border-radius:6px; border:1px solid #e0e0e0; width:100; box-sizing:border-box}
.text-input.wide{max-width:540px; width:100%}
.button-row{padding-top:20px; border-top:0}
.btn{padding:10px 18px; border-radius:6px; border:1px solid #ccc; background:#fff; cursor:pointer; margin-right:10px}
.btn.primary{background:var(--accent); color:#fff; border-color:var(--accent)}
.mock-rental-panel{margin:0 auto; border:1px solid #cccccc; border-radius:2px; background:#fff; padding:18px 0;}
.mock-rental-panel + .mock-rental-panel{margin-top:20px;}
.row{display:flex; align-items:center; padding:14px 45px; border-bottom:0px solid #f3f3f3;}
.row:last-child{border-bottom:0}
.left{flex:0 0 170px; padding-right:16px; box-sizing:border-box; font-weight:600; color:#000;}
.right{flex:1; display:flex; align-items:center; gap:12px; flex-wrap:wrap; color:#000;}
.input-with-icon{display:flex; align-items:center;border:1px solid #e3e3e3; border-radius:3px;padding:12px 10px; background:#fff;min-height:40px;}
.input-with-icon .icon{display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; margin-right:8px; font-size:14px; opacity:0.95}
.input-with-icon input[type="text"],
.input-with-icon input[type="number"]{ border:0; outline:0; background:transparent; font-size:14px; min-width:120px;}
.input-with-icon select{ border:0; outline:0; background:transparent; font-size:14px;}
.period-group{display:flex; align-items:center; gap:8px}
.period-group .tilde{color:#666; font-size:18px; margin:0 2px}
.time-range{display:flex; align-items:center; gap:8px;}
.time-box{display:flex; align-items:center; gap:8px; color:#999;}
.time-box select{min-width:74px; padding:4px 6px; color:#999;}
.weekday-row{background:#f6f6f6; padding-top:10px; padding-bottom:10px; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0}
.weekday-row ul{display:flex; flex-wrap:wrap;}
.weekday-row ul li{padding: 2px 10px;}
.week-checkboxes{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.week-checkboxes label{display:flex; align-items:center; gap:6px; font-size:14px}
.week-checkboxes input[type="checkbox"]{width:16px; height:16px}
.date-input{min-width:170px}
.wide{min-width:530px;}
.btn{padding:8px 12px; border-radius:6px; border:1px solid #cfcfcf; background:#fff; cursor:pointer}
.btn.primary{background:var(--accent); color:#fff; border-color:var(--accent)}
input[type="number"].wide {border: 1px solid #ccc; padding: 16px 16px; border-radius: 3px;    box-sizing: border-box; font-size:16px;}
input[type="number"].wide:focus {border-color: #999; outline: none;}
.wide{border:1px solid #e3e3e3; padding: 16px 16px; border-radius: 3px;    box-sizing: border-box; font-size:16px;}
textarea { width:100%; height: 200px; resize: none; border: 1px solid #e3e3e3; font-size:16px; padding:16px;}
.file-wrapper { display: flex; width: 100%; }
.file-wrapper input[type="text"] {flex: 1;cursor: default;}
.file-wrapper button {background: none; border: 1px solid #40558c;padding: 16px 24px; border-radius: 2px;cursor: pointer;white-space: nowrap; color:#40558c; font-weight:700; font-size:15px;}
.file-wrapper input[type="file"] {display: none;} 
.form-section h3{color:#333333; font-size:20px;}
.mrpt{margin:30px 0;}
.sel{padding:17px 8px; font-size: 16px;border: 1px solid #ccc; border-radius: 3px;}
.rw02{align-items:unset; padding:0;}

.container {display: flex; gap: 20px;flex-wrap: wrap;}
.left-col {flex: 1; min-width: 320px;display: flex;flex-direction: column;gap: 20px;}
.left-box { border: 1px solid #e5e5e5; border-radius: 6px; }
.title02 {font-size: 24px;font-weight: 700; color:#000; display: flex; justify-content:space-between; align-items: center; padding: 35px;}
.tpt {font-size: 24px;font-weight: 700; color:#000; display: flex; justify-content:space-between; align-items: center; padding: 35px 35px 20px 35px;}
.tpt02 {padding: 0; margin-bottom:30px;}
.title02 div{display:flex; align-items:center;}
.title02 img {width: 30px;height: 30px;margin-right: 6px; }
.sub_un{background:#f7f7f7; padding: 35px;}
.subtitle {color: #0c2e86;font-size: 15px;margin-left: 6px;font-weight: 700; text-decoration:underline;  }
.info-line {display: flex;align-items: center;font-size: 16px;color: #333;margin-top: 10px; font-weight:500;}
.info-line img {width: 17px;height: 18px;margin-right: 6px;}
 /* 계약금 안내 */
 .notice-text {color: #0068b9;font-size: 13px;margin-bottom: 25px; padding-left:35px; font-weight:500;}
 .account-box {background: #f6faff;border-radius: 4px;padding: 35px;font-size: 16px;line-height: 1.5; color:#333; font-weight:500;}
 .account-box .pribox{display:flex; justify-content:space-between; align-items:center; margin-top: 12px;}
 .price {font-weight: 700;color: #003da5;font-size: 24px; display:flex; align-items:center}
 .price span{font-size:13px; font-weight:600; margin-right:10px;}
 .btn-print { padding: 8px 14px;font-size: 14px;background: #fff; border: 1px solid #ccc;border-radius: 4px; cursor: pointer; }
 .right-col {flex: 2;min-width: 320px;border: 1px solid #e5e5e5;border-radius: 6px; padding: 35px;box-sizing: border-box;}
 .info-table {width: 100%;border-collapse: collapse;}
 .info-table td {padding: 15px 0;vertical-align: top;}
 .info-table td:first-child {font-weight: 500;width: 165px;color: #000000;}
 .file-cell {display: flex;align-items: center;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 0 -35px; padding: 15px 35px; }
 .file-cell span{width:165px;}

 .info-table { width: 100%; border-collapse: collapse;}
 .info-table td { padding: 15px 0;vertical-align: top; }
 .info-table td:first-child {font-weight: 500;width: 165px; color:#000000;}

 .file-link {color: #ff7800;text-decoration: none; border:0px; min-height:auto; padding:0; text-decoration:underline}
 .file-link img { width: 16px; height: 16px;margin-right: 4px;}
 .info-box02{display:flex; align-items:center;}
 .info-box02 strong{width:165px; color:#000; font-weight:500;}
 .btn-print {display: inline-flex;align-items: center;justify-content: center;height: 34px; padding: 0 14px;border: 1px solid #d1d5db; border-radius: 17px; background-color: #fff;font-size: 14px;font-weight: 600;color: #222;line-height: 1;cursor: pointer;}
 .btn-print img {margin-left: 4px;}
 .btn-print:hover {background-color: #f9fafb;}
 .textarea-box {margin-top: 10px; width:80%;}
 .textarea-box textarea { width: 100%; min-height: 80px; border: 1px solid #ddd; border-radius: 4px; padding: 16px; font-size: 16px;resize: none; box-sizing: border-box; background: #fafafa; color:#555555; }
 .completion {display:block;margin: 0 auto;border: 1px solid #e5e5e5;border-radius: 4px;box-sizing: border-box;}
 .top-section {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px; padding:80px 120px;}
 .text-area {flex: 1 1 500px;}
 .text-area h1 { font-size: 32px;font-weight: 700;margin-bottom: 25px; color:#111;}
 .text-area p {font-size: 16px; line-height: 1.6;margin: 0 0 8px;}
 .text-area p strong {color: #e25a00;font-weight: 500;}
 .text-area .note {font-size: 18px;color: #0068b9;margin-top: 16px; font-weight:500;}
 .illustration {flex: 0 0 auto;}
 .illustration img {width: 278px;height: auto;}
 .bottom-section {background: #f4f9ff;padding: 40px 120px;display: flex;gap: 10px;flex-wrap: wrap;justify-content: flex-start;}
 .btn {background: #003a82; color: #fff;border: none;border-radius: 4px;padding: 12px 20px;font-size: 14px;cursor: pointer;display: flex; align-items: center; gap: 6px;text-decoration: none;}
 .btn:hover {background: #002a61;}
 .btn svg {width: 16px;height: 16px;}

  .tabs { display: flex; margin-bottom: 10px; }
  .tab02 { padding: 15px 10px; cursor: pointer;  border: 2px solid #f5f5f5; margin-right: 5px; background-color: #f5f5f5; flex:1; text-align:center; color:#333333; font-weight:600;}
  .tab02.active { background-color: #fff; font-weight: 600; color: #ff8a00; border: 2px solid #ff8a00;}
  .tab-content { border-radius: 0 5px 5px 5px; display: none; }
  .tab-content.active { display: block; }
  .tab-content img { margin-top: 45px; }

.cp_05{font-size:16px; color:#333333; font-weight:600; text-align:center;}
.blp_02{display:flex; padding:10px 40px;}

  @media (max-width: 768px) {
    .top-section {text-align: left; align-items: flex-start;padding:40px 20px; justify-content:end}
    .illustration img { width: 235px;}
    .text-area h1 {font-size: 20px;}
    }
  @media (max-width:1250px){
	  .price{display:block !important;}
  }
  @media (max-width:1024px){
	  .right{display:block;}
	  .tilde{text-align:center;}
	  .time-range {margin-top:15px;}
  }

  @media (max-width:880px){
    .row{flex-direction:column; align-items:flex-start}
    .left{flex-basis:100%; margin-bottom:8px}
    .right{width:100%}
    .date-input{min-width:100%}
    .wide{min-width:100%}
	.row{display:flex; align-items:left; padding:14px 45px; border-bottom:0px solid #f3f3f3;}
	.rw02{flex-direction:unset; padding:0; align-items:unset}
	.week-checkboxes{text-align:center}
	.select-wrap {width:100%;}
	.file-wrapper button {background: none; width:100%; border: 1px solid #40558c;padding: 16px 24px; border-radius: 2px;cursor: pointer;white-space: nowrap; color:#40558c; font-weight:700; font-size:15px; margin-top:10px;}
  }

 @media (max-width: 768px) {
   .container { flex-direction: column;}
   .left-col, .right-col { width: 100%;}
   .file-cell {display: flex;align-items: center;border-top: 0px solid #e5e5e5; border-bottom: 0px solid #e5e5e5; margin: 0 -35px; padding: 15px 35px; }
   .bottom-section {background: #f4f9ff;padding: 40px 20px;display: flex;gap: 10px;flex-wrap: wrap;justify-content: flex-start;}
   .block::before{content:"";position:absolute;top:0;left:50.3%;transform:translateX(-50%); width:1px;height:62.1%;background:var(--line)}
    }
  @media (max-width:760px){
	  .row{padding:14px 20px;}
	  .rw02{ padding:0;}
	  .notice_box{display:block;}
	  .notice{margin-top:0px; margin-bottom:30px;}
	  .notice-text {color: #0068b9;font-size: 13px;margin-bottom: 25px; padding-left:20px; padding-right:20px; font-weight:500;}
	  .left-col{min-width:auto;}
	  .right-col{min-width:auto; padding:20px;}
	  .account-box {padding:20px;}
	  .title02{padding:20px;}
	  .sub_un{padding:20px}
	  .tpt02{padding:0; margin-bottom:20px;}
	  .info-box02{display:block; align-items:center;}
	  .textarea-box{width:100%;}
  }

.search-box {background-color: #f5f9fc;padding: 30px 85px;display: flex;flex-wrap: wrap; align-items: center; gap: 10px;border-radius: 4px; margin-bottom:25px;}
.search-box label {font-size: 14px;font-weight: 500;}
.custom-select { position: relative;}
.custom-select select { padding: 16px 30px 16px 10px;border: 1px solid #dcdfe3; border-radius: 4px;font-size: 14px;min-width: 240px;appearance: none; background-color: #fff;cursor: pointer; font-weight:600;}
.custom-select::after {content: "";position: absolute;right: 10px;top: 50%; width: 5px;height: 5px; border-right: 2px solid #666;border-bottom: 2px solid #666; transform: translateY(-50%) rotate(45deg);pointer-events: none;transition: transform 0.2s ease;}
.custom-select.open::after {transform: translateY(-50%) rotate(-135deg);}
.btn-search {background-color: #0c2e86;color: #fff;border: none;border-radius: 4px;padding: 8px 16px;font-size: 14px;cursor: pointer; display: flex;align-items: center; gap: 5px;}
.btn-search:hover {background-color: #002c6a;}



@media (max-width: 768px) {
  .search-box { flex-direction: column; align-items: stretch;}
  .custom-select select{ width: 100%;}
}

/*교정소개 - 인사말*/
.con-box02.box1{max-width:1400px; margin:0 auto;}
/* 대관신청 현황 캘린더 부분 */
.calendar-details { display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 40px;}
.calendar-section {border-radius: 8px;padding: 20px;}
.calendar-header {display: flex;justify-content: center;align-items: center;padding-bottom: 15px;}
.calendar-nav { background: none;border: none;font-size: 18px;cursor: pointer; padding: 8px 12px; border-radius: 4px;color: #007bff; transition: all 0.3s;}
.calendar-header h3 {font-size: 20px; font-weight: bold;color: #333;margin: 0 40px;}
.calendar-grid {margin-bottom: 20px; border:1px solid #e5e5e5; border-radius:2px;}
.calendar-weekdays {display: grid; grid-template-columns: repeat(7, 1fr); gap: 1px; background-color: #f8f9fa;border-radius: 6px;padding: 2px;}
.calendar-weekdays > div {text-align: center;font-weight: bold; font-size: 12px; color: #666; padding: 12px 8px;background-color: white;border-radius: 4px;}
.calendar-days {display: grid;grid-template-columns: repeat(7, 1fr); gap: 1px;background-color: #f8f9fa; border-radius: 6px;padding: 2px;}
.calendar-day {text-align: center;padding: 12px 8px; border-radius: 4px;cursor: pointer;font-size: 14px; font-weight: 500; position: relative; transition: all 0.3s;  background-color: white;border: 1px solid transparent; min-height: 75px; display: flex;
 align-items: center;justify-content: center;}
.calendar-day:hover {border-color: #007bff; transform: scale(1.05); z-index: 1;}
.calendar-day.sunday {color: red;font-weight: bold;}
.calendar-day.other-month {color: #ccc;background-color: #fafafa;}
.calendar-day.other-month:hover {background-color: #f0f0f0;border-color: #ddd;}
.calendar-day.selected { border: 2px solid #007bff;background-color: #e3f2fd;font-weight: bold;}
.calendar-day.current { background-color: #007bff;color: white; font-weight: bold; box-shadow: 0 2px 8px rgba(0,123,255,0.3);}
.calendar-day.current:hover {  background-color: #0056b3;transform: scale(1.05);}
.calendar-day.current::after {content: '';position: absolute;bottom: 4px;left: 50%;transform: translateX(-50%);width: 6px; height: 6px;background-color: white; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,0.3);}
.calendar-day:not(.current):not(.other-month)::after {content: '';position: absolute;bottom: 20px; left: 50%;transform: translateX(-50%); width: 4px; height: 4px;background-color: #ff8a00;border-radius: 50%;opacity: 0.6;}
.calendar-day.selected::after { background-color: #007bff;opacity: 1;}

/* Event Details Section */
.event-details {background: white;border: 1px solid #e9ecef; border-radius: 2px;padding: 40px; margin-top:90px;}
.event-header {margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #bbbbbb;}
.event-header h3 { font-size: 24px;font-weight: bold;color: #333;margin-bottom: 30px;}
.event-header p { color: #000000; font-size: 15px;}
.event-header p span{ color: #ff8a00; font-size: 15px; font-weight:600;}
.event-list { display: flex;flex-direction: column; gap: 15px;}
.event-item {border-bottom: 1px solid #e9ecef;  padding: 15px 0; display:flex; justify-content:space-between;}
.event-item:last-child {border-bottom-color: #bbbbbb; }
.event-title {font-weight: bold;color: #333;font-size: 16px;}
.event-info {margin-bottom: 15px;}
.event-subox{display:flex; align-items:center;}
.event-cal{margin: 0 10px; width: 1px; height: 9px; background: #dddddd;}
.event-cal02{margin: 0 0px; width: 1px; height: 28px; background: #dddddd;}
.event-location, .event-schedule, .event-time { color: #666;font-size: 13px; color:#999999;}
.event-location{color:#0c2e86; font-weight:600; margin:10px 0;}
.event-schedule span{color:#555555; font-weight:600;}
.event-time span{color:#555555; font-weight:600;}
.event-actions {display: flex;gap: 10px;align-items: center;}
.ed02{height:max-content;}
.ei02{align-items:flex-start}
.event-extra {margin-top: 20px;color: #000000;font-size: 13px; font-weight:600;} 
.view-btn {background-color: #fff;color: #333333;border: 1px solid #cccccc;padding: 10px 14px;border-radius: 19px;font-size: 14px;cursor: pointer;transition: background-color 0.3s; display:flex; align-items:center; font-weight:600;}
.view-btn img{margin-left:3px;}
/* .view-btn:hover {background-color: #5a6268;} */
.status-btn {border: none;padding: 11px 11px;border-radius: 19px;font-size: 14px;cursor: pointer;font-weight: 500;}
.status-btn.pending {background-color: #00a8df;color: white;}
.status-btn.confirmed {background-color: #ff8a00;color: white;}
.status-btn.unavailable {background-color: #666666;color: white;}
.popup-overlay { position: fixed; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.45);display: none;align-items: center;justify-content: center;z-index: 1000;}
.popup-box {background: #fff;border-radius: 6px;width: 400px; max-width: 90%;text-align: center;padding: 40px 30px 30px; position: relative;box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.popup-close {position: absolute;top: 15px; right: 15px;font-size: 20px;cursor: pointer; border: none; background: none;}
.popup-icon {background: #fef4e9;border-radius: 50%; width: 64px; height: 64px;display: flex; align-items: center;justify-content: center; margin: 0 auto 20px;}
.popup-icon img { width: 27px; height: 27px;}
.popup-box p {font-size: 18px;font-weight: 700;color: #333333; margin-bottom: 20px;line-height: 1.4;}
.popup-box input {width: 100%;padding: 12px;font-size: 14px; border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; margin-bottom: 15px;}
.popup-box button.submit-btn {background: #002e85;color: #fff;border: none;width: 100%;padding: 12px; font-size: 16px;font-weight: 500;border-radius: 4px;cursor: pointer;}
.no-event {text-align: center;padding: 110px 20px;}
.icon-wrap {background-color: #fff4eb; width: 64px;height: 64px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}
.icon-wrap img { width: 28px;height: 28px;}
.event-date {font-size: 20px;font-weight: bold;margin-bottom: 8px;color: #333;}
.event-text {font-size: 14px;color: #666;}
.intro{margin-bottom:60px;}
.cuk-table .bg td {background-color: #fff9f2;}
.cuk-table tbody td.no-right{border-right:none;}
.non > li{padding: 0 0 0 0px;}
.non > li:before {display:none;}
.pode{display:flex; align-items:center;}
.pod{display: flex;align-items: center;justify-content:space-between; background-color: #fff9f2; padding: 13px 43px !important;}
.pb_02{width:100%;}
.mpl02{text-align:left;}

.plenty {list-style: none; padding: 0;margin: 0;display: flex;gap: 20px; flex-wrap: wrap;}
.plenty li { border: 1px solid #eee; width: 32.3%;border-radius: 3px;background: #fff; text-align: left; }
.logo-box { height: 230px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.ple_box{margin:30px 0;}
.plenty li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.info {align-items: flex-start; gap: 10px; padding:20px 30px;}
.icon_pl {width: 68px; height: 68px; margin-top: -35px;  margin-left:30px;}
.text {flex: 1;}
.text p { font-size: 16px; color:#666;margin: 10px 0;}
.info .text p span {width:70px; display:inline-block;}
.icon_pl.ring { background-image:url('/_res/songeui/ko/img/common/ple_ic01.png'); }
.icon_pl.coffee { background-image:url('/_res/songeui/ko/img/common/ple_ic02.png'); }
.icon_pl.flower { background-image:url('/_res/songeui/ko/img/common/ple_ic03.png'); }
.icon_pl.market { background-image:url('/_res/songeui/ko/img/common/ple_ic04.png'); }
.icon_pl.chef { background-image:url('/_res/songeui/ko/img/common/ple_ic05.png'); }

.plenty02 {list-style: none; padding: 0;margin: 0;display: flex;gap: 20px; flex-wrap: wrap;}
.plenty02 li { border: 1px solid #eee; width: 32.3%;border-radius: 3px;background: #fff; text-align: left; }
.plenty02 .logo-box02 { height: 166px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.plenty02 .ple_box{margin:30px 0;}
.plenty02 li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.plenty02 .info_box{display:flex; justify-content:space-between; padding:25px 30px;}
.plenty02 .info {align-items: flex-start; gap: 10px; padding:0px 0;}
.plenty02 .icon_pl {width: 45px; height: 45px; margin-top: 0px;  margin-left:0px;}
.plenty02 .text {flex: 1;}
.plenty02 .text p { font-size: 16px; color:#666;margin: 10px 0;}
.plenty02 .info .text p span {width:70px; display:inline-block;}
.plenty02 .icon_pl.ico { background-image:url('/_res/songeui/ko/img/common/ple02_ic.png'); }

.plenty03 {list-style: none; padding: 0;margin: 0;display: flex;gap: 20px; flex-wrap: wrap;}
.plenty03 li { border: 1px solid #eee; width: 32.3%;border-radius: 3px;background: #fff; text-align: left; }
.plenty03 .logo-box { height: 230px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.plenty03 .ple_box{margin:30px 0;}
.plenty03 li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.plenty03 .info {align-items: flex-start; gap: 10px; padding:20px 30px;}
.plenty03 .info .dtn{padding: 0 0 15px 0;}
.plenty03 .icon_pl {width: 68px; height: 68px; margin-top: -35px;  margin-left:30px;}
.plenty03 .text {flex: 1;}
.plenty03 .text .dvn{ font-size: 15px; color:#333333; font-weight:600;  margin: 10px 0;}
.plenty03 .info .text p span {width:45px; display:inline-block;}
.plenty03 .icon_pl.learning { background-image:url('/_res/songeui/ko/img/common/ple3_ic01.png'); }
.plenty03 .icon_pl.cbt{ background-image:url('/_res/songeui/ko/img/common/ple3_ic02.png'); }
.plenty03 .icon_pl.general { background-image:url('/_res/songeui/ko/img/common/ple3_ic03.png'); }
.plenty03 .icon_pl.informal { background-image:url('/_res/songeui/ko/img/common/ple3_ic04.png'); }
.plenty03 .icon_pl.ground{ background-image:url('/_res/songeui/ko/img/common/ple3_ic05.png'); }
.plenty03 .icon_pl.zone { background-image:url('/_res/songeui/ko/img/common/ple3_ic06.png'); }
 

.parking-section { width: 100%; box-sizing: border-box;}
.parking-container {display: flex; align-items:center; margin: 0 auto; border: 1px solid #ddd;overflow: hidden; }
.parking-map { min-width: 280px;border-right: 1px solid #ddd;display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.parking-map img { width: 100%; height: auto;}
.parking-info { flex: 1; min-width: 280px;padding:0 35px; box-sizing: border-box;}
.parking-icon {margin-bottom: 20px; width:68px; height:68px;}
.parking-info h3 { font-size: 28px; font-weight: 700; margin-bottom: 24px; color:#000;}
.parking-info p {font-size: 16px; line-height: 1.6; color: #666666;}

.nlw02{background:none; padding:30px 0}
.nlw02 .numbered-box .numbered-item{border-top:1px solid #e9e9e9; padding-top:30px; gap:30px;}
.nlw02 .numbered-box .nil{border-bottom:1px solid #e9e9e9; padding-bottom:30px}
.nlw02 .numbered-box .numbered-item .number-circle{min-width: 50px; height: 50px; background-color: #ff8a00; color: #fff; font-weight: bold;border-radius: 50%;text-align: center;line-height: 50px;font-size: 14px;flex-shrink: 0;}
.nlw02 .numbered-box .numbered-item .numbered-content strong{font-size:20px; margin-bottom:10px; display: flex;align-items: center;}
.nlw02 .numbered-box .numbered-item .numbered-content strong span{font-size:12px; color:#ff8a00; border:1px solid #ff8a00; border-radius:12px; display:inline-block; width:40px; height:24px;line-height: 24px; text-align: center; margin-left:8px;}
.nlw02 .numbered-box .numbered-item .numbered-content p{font-size:16px;}
.nlw02 .numbered-box .numbered-item .nc01{background-color: #edf0f5; color: #0c2e86;}
.nlw02 .numbered-box .numbered-item .nc02{background-color: #f5f1f7; color: #400c86;}
.nlw02 .numbered-box .numbered-item .nc03{background-color: #f9f1f3; color: #ed2a6a;}
.nlw02 .numbered-box .numbered-item .nc04{background-color: #edf4f4; color: #0c6586;}
.nlw02 .numbered-box .numbered-item .nc05{background-color: #fdf4e9; color: #ea8f25;}
.nlw02 .numbered-box .numbered-item .nc06{background-color: #f7f7f7; color: #555555;}

@media (max-width: 1440px) {
.search-box {background-color: #f5f9fc;padding: 30px 30px;display: flex;flex-wrap: wrap; align-items: center; gap: 10px;border-radius: 4px; margin-bottom:25px;}
.custom-select select { padding: 16px 30px 16px 10px;border: 1px solid #dcdfe3; border-radius: 4px;font-size: 14px;min-width: 170px;appearance: none; background-color: #fff;cursor: pointer; font-weight:600;}
.event-item {border-bottom: 1px solid #e9ecef;  padding: 15px 0; display:block; justify-content:space-between;}
.plenty {list-style: none; padding: 0;margin: 0;display: flex;gap: 15px; flex-wrap: wrap;}
.plenty li { border: 1px solid #eee; width: 32.3%;border-radius: 3px;background: #fff; text-align: left; }
.logo-box { height: 230px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.ple_box{margin:30px 0;}
.plenty li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.info {align-items: flex-start; gap: 10px; padding:20px 30px;}
.icon_pl {width: 68px; height: 68px; margin-top: -35px;  margin-left:30px;}
.text {flex: 1;}
.text p { font-size: 16px; color:#666;margin: 10px 0;}
.info .text p span {width:70px; display:inline-block;}
.parking-map { width:50%; min-width: 280px;border-right: 1px solid #ddd;display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.parking-icon {margin-bottom: 15px; width:68px; height:68px;}
.parking-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; color:#000;}
.parking-info p {font-size: 14px; line-height: 1.6; color: #666666;}	
.parking-info { flex: 1; min-width: 280px;padding:10px 35px; box-sizing: border-box;}
.plenty02 {list-style: none; padding: 0;margin: 0;display: flex;gap: 15px; flex-wrap: wrap;}
.plenty03 {list-style: none; padding: 0;margin: 0;display: flex;gap: 15px; flex-wrap: wrap;}
}

@media (max-width: 1275px) {
	.calendar-details {display:block}
}
@media (max-width: 1024px) {
.calendar-details { display:block;grid-template-columns: 1fr 1fr;gap: 40px;margin-bottom: 40px;}
.plenty {list-style: none; padding: 0;margin: 0;display: flex;gap: 10px; flex-wrap: wrap;}
.plenty li { border: 1px solid #eee; width: 32.3%;border-radius: 3px;background: #fff; text-align: left; }
.logo-box { height: 230px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.ple_box{margin:30px 0;}
.plenty li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.info {align-items: flex-start; gap: 10px; padding:20px 12px;}
.icon_pl {width: 68px; height: 68px; margin-top: -35px;  margin-left:30px;}
.text {flex: 1;}
.text p { font-size: 14px; color:#666;margin: 10px 0;}
.info .text p span {width:60px; display:inline-block;}
.parking-map { width:50%; min-width: 280px;border-right: 1px solid #ddd;display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.parking-icon {margin-bottom: 15px; width:68px; height:68px;}
.parking-info h3 { font-size: 22px; font-weight: 700; margin-bottom: 15px; color:#000;}
.parking-info p {font-size: 14px; line-height: 1.6; color: #666666;}
.parking-info p br{display:none;}
.parking-info { flex: 1; min-width: 280px;padding:10px 35px; box-sizing: border-box;}
.plenty02 {list-style: none; padding: 0;margin: 0;display: flex;gap: 10px; flex-wrap: wrap;}
.plenty02 .info_box{display:flex; justify-content:space-between; padding:25px 8px;}
.plenty02 .info .text p span {width:60px; display:inline-block;}
.plenty03 {list-style: none; padding: 0;margin: 0;display: flex;gap: 10px; flex-wrap: wrap;}
.plenty03 .info {align-items: flex-start; gap: 10px; padding:20px 10px;}
.plenty03 .info .text p span {width:30px; display:inline-block;}
.plenty03 .text .dvn{ font-size: 14px; color:#333333; font-weight:600;  margin: 10px 0;}
.pb_02{width:100%; height:100%;}
}
@media (max-width: 768px) {
.custom-select select { padding: 16px 30px 16px 10px;border: 1px solid #dcdfe3; border-radius: 4px;font-size: 14px;min-width: 170px;appearance: none; background-color: #fff;cursor: pointer; font-weight:600;}
.custom-select { position: relative; width:100%;}
.btn-search { width: 100%;justify-content: center;}
.plenty {list-style: none; padding: 0;margin: 0;display: block;gap: 10px; flex-wrap: wrap;}
.plenty li { border: 1px solid #eee; width: 100%;border-radius: 3px;background: #fff; text-align: left; margin:12px 0; }
.logo-box { height: 230px;   background-repeat: no-repeat;background-size: cover;  background-position: center;}
.ple_box{margin:30px 0;}
.plenty li h3 {font-size: 20px;font-weight: bold; margin-bottom: 25px; color:#333;}
.info {align-items: flex-start; gap: 10px; padding:20px 12px; text-align:center;}
.icon_pl {width: 68px; height: 68px; margin-top: -35px;  margin-left:30px;}
.text {flex: 1;}
.text p { font-size: 14px; color:#666;margin: 10px 0;}
.info .text p span {width:auto; display:inline-block;}
.pode{display:block; align-items:center;}
.pod{display: block;align-items: center;justify-content:space-between; background-color: #fff9f2; padding: 20px 15px !important;}
.parking-container {flex-direction: column;}
.parking-map {border-right: none;     border-bottom: 1px solid #ddd; }
.parking-info {text-align: center;}
.parking-map { width:100%; min-width: 280px;border-right: 1px solid #ddd;display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.parking-icon {margin-bottom: 15px; width:68px; height:68px; margin:12px auto;}
.parking-info h3 { font-size: 20px; font-weight: 700; margin-bottom: 18px; color:#000;}
.parking-info p {font-size: 14px; line-height: 1.6; color: #666666;}
.parking-info p br{display:none;}
.parking-info { flex: 1; min-width: 280px;padding:15px 35px; box-sizing: border-box;}
.plenty02 {list-style: none; padding: 0;margin: 0;display:block;gap: 10px; flex-wrap: wrap;}
.plenty02 .info_box{display:flex; justify-content:space-between; align-items:center; padding:25px 30px;}
.plenty02 .info .text p span {width:60px; display:inline-block;}
.plenty02 li { border: 1px solid #eee; width: 100%;border-radius: 3px;background: #fff; text-align: left; margin:12px 0;}
.plenty02 .info{text-align:left}
.plenty03 {list-style: none; padding: 0;margin: 0;display: block;gap: 10px; flex-wrap: wrap;}
.plenty03 li { border: 1px solid #eee; width: 100%;border-radius: 3px;background: #fff; text-align: left;  margin:12px 0;}
}
@media (max-width: 480px) {
 .popup-box {width: 90%; padding: 30px 20px 20px;}
 .popup-box p { font-size: 14px;}
 .popup-icon {width: 50px; height: 50px;}
 .popup-icon img { width: 22px; height: 22px;}
 .calendar-header h3 {font-size: 16px; font-weight: bold;color: #333;margin: 0 20px;}
 .calendar-section {border-radius: 8px;padding: 0px;}
 .event-details {background: white;border: 1px solid #e9ecef; border-radius: 2px;padding:30px 8px; margin-top:50px;}
}

body.faculty-view .title-wrap {
    display: none;
}

/* list */
.bn-list-faculty {
    padding: 30px 0 0;
}

.bn-list-faculty > ul {
    display: flex;
    flex-wrap: wrap;
}

.bn-list-faculty > ul > li {
    position: relative;
    margin: 30px 30px 0 0;
    width: calc(50% - 15px);
}

.bn-list-faculty > ul > li:nth-of-type(-n + 2) {
    margin-top: 0;
}

.bn-list-faculty > ul > li:nth-of-type(2n) {
    margin-right: 0;
}

.bn-list-faculty .b-prof-con-box {
    padding: 35px 26px;
    height: calc(100% - 62px);
    border: 1px solid #dce3e7;
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box;
}

.bn-list-faculty > ul > li > div:only-of-type {
    height: 100%;
    border-bottom: 1px solid #dce3e7;
    border-radius: 5px;
}

.bn-list-faculty .b-prof-profile-box:after {
    content: '';
    display: block;
    clear: both;
}

.bn-list-faculty .b-prof-img-box {
    float: right;
    margin: 0 0 20px 0;
}

.bn-list-faculty .b-prof-popup-wrap .b-prof-img-box {
    margin: 0;
}

.bn-list-faculty .b-prof-img-box .b-prof-img {
    position: relative;
    width: 120px;
    height: 160px;
}

.bn-list-faculty .b-prof-img-box .b-prof-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 120px;
}

.bn-list-faculty .b-prof-img-box .b-link-prof-home {
    position: absolute;
    bottom: -2px;
    left: -1px;
    width: 35px;
    height: 35px;
    background: #ffec03 url(/_res/songeui/ko/img/common/ico-b-prof-home.png) no-repeat 50% 50%;
    border-radius: 27px;
}

.bn-list-faculty .b-prof-info-box {
    float: left;
    padding: 0 10px 0 0;
    width: calc(100% - 120px);
    box-sizing: border-box;
}

.bn-list-faculty .b-prof-info-box .b-name-box {
    display: inline-block;
    padding: 0 0 30px 0;
}

.bn-list-faculty .b-prof-info-box .b-name-box > div {
    display: inline-block;
}

.bn-list-faculty .b-prof-info-box .b-name-box .b-name-ko {
    color: #000;
}

.bn-list-faculty .b-prof-info-box .b-name-box .b-name-ko span {
    display: inline-block;
    font-family: 'Pretendard', sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
}

.bn-list-faculty .b-prof-info-box .b-name-box .b-name-ko span.b-name {
    padding: 0 6px 0 0;
    font-family: 'Pretendard', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
}

.bn-list-faculty .b-prof-info-box .b-name-box .b-name-en {
    margin: 0;
    font-family: 'Pretendard', sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 18px;
}

.bn-list-faculty .b-prof-info-box .b-name-box .b-prof-cate {
    display: inline-block;
    margin: 4px 0 0 9px;
    padding: 7px 12px;
    background-color: #ffec03;
    border-radius: 13px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    line-height: 1;
    vertical-align: top;
}

.bn-list-faculty .b-prof-info-box .b-contact-box {
    padding: 0 0 15px 0;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul {
    font-size: 0;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li {
    display: inline-block;
    position: relative;
    margin: 0 14px 14px 0;
    padding: 0 14px 0 0;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li:last-of-type {
    margin: 0;
    padding: 0;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li:not(:last-of-type):after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -8px 0 0;
    width: 1px;
    height: 15px;
    background-color: #dce3e7;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li:before {
    content: '';
    display: inline-block;
    margin: 1px 6px 0 0;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li.b-tel:before {
    background: url(/_res/songeui/ko/img/common/ico-b-prof-tel.png) no-repeat 0 0/100%;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li.b-mail:before {
    background: url(/_res/songeui/ko/img/common/ico-b-prof-mail.png) no-repeat 0 0/100%;
}

.bn-list-faculty .b-prof-info-box .b-contact-box > ul > li > a {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    vertical-align: middle;
}

.bn-list-faculty .b-prof-info-box .b-info-box > ul > li {
    display: flex;
    padding: 0 0 8px 0;
}

.bn-list-faculty .b-prof-info-box .b-info-box > ul > li > span {
    width: 100px;
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 26px;
}

.bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p {
    width: calc(100% - 115px);
    font-family: 'Pretendard', sans-serif;
    font-weight: 500;
    color: #555;
    line-height: 26px;
    word-break: keep-all;
    text-align: left;
}

.bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p.b-keyword {
    font-size: 0;
}

.bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p > span {
    display: inline-block;
    margin: 0 3px 3px 0;
    padding: 5px 10px;
    background-color: #f1f1f1;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.bn-list-faculty .b-lang-box {
    padding: 0 0 17px 0;
    text-align: right;
}

.bn-list-faculty .b-lang-box input {
    display: none;
}

.bn-list-faculty .b-lang-box label {
    display: inline-block;
    position: relative;
    padding: 0 47px 0 0;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    line-height: 1;
}

.bn-list-faculty .b-lang-box label:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 40px;
    height: 24px;
    border: 1px solid #bebebe;
    border-radius: 12px;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.bn-list-faculty .b-lang-box label:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 21px;
    width: 14px;
    height: 14px;
    background-color: #bebebe;
    border-radius: 14px;
    transform: translateY(-50%);
    transition: right 0.3s;
}

.bn-list-faculty .b-lang-box input:checked + label:before {
    border-color: #ff8a00;
}

.bn-list-faculty .b-lang-box input:checked + label:after {
    right: 6px;
    background-color: #ff8a00;
}

.bn-list-faculty .b-txt-box > p, .bn-list-faculty .b-txt-box > pre {
    color: #666;
    line-height: 23px;
}

.bn-list-faculty .b-txt-box > p.b-title {
    padding: 0 0 18px;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: #111;
    line-height: 26px;
}

.bn-list-faculty > ul > li > div:not(:only-of-type) .b-txt-box > p, .bn-list-faculty > ul > li > div:not(:only-of-type) .b-txt-box > pre {
    font-size: 15px;
    display: -webkit-box;
    max-height: 130px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    s}

.bn-list-faculty .b-prof-btn-box {
    border: 1px solid #bcbecb;
    border-radius: 0 0 5px 5px;
}

.bn-list-faculty .b-prof-btn-box > ul {
    display: flex;
    flex-wrap: wrap;
}

.bn-list-faculty .b-prof-btn-box > ul > li {
    width: 50%;
    border-right: 1px solid #bcbecb;
    box-sizing: border-box;
}

.bn-list-faculty .b-prof-btn-box > ul > li:only-of-type {
    width: 100%;
}

.bn-list-faculty .b-prof-btn-box > ul > li:last-of-type {
    border-right: none;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a {
    display: block;
    padding: 20px;
    text-align: center;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a > span {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    font-weight: 600;
    font-size: 15px;
    color: #0c2e86;
    line-height: 20px;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a > span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -6px 0 0;
    width: 7px;
    height: 12px;
    background: url(/_res/songeui/ko/img/common/ico-prof-btn-arr.png) no-repeat 0 0/100%;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a:hover {
    background-color: #0c2e86;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a:hover > span {
    color: #fff;
}

.bn-list-faculty .b-prof-btn-box > ul > li > a:hover > span:after {
    background-image: url(/_res/songeui/ko/img/common/ico-prof-btn-arr-w.png);
}

/* 강사소개 팝업 */
.bn-list-faculty .b-prof-popup-wrap {
    margin: 27px 0 0;
    text-align: center;
}

.bn-list-faculty .b-prof-popup-wrap > button {
    position: relative;
    background-color: transparent;
    cursor: pointer;
}

.bn-list-faculty .b-prof-popup-wrap > button:after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #0c2e86;
}

.bn-list-faculty .b-prof-popup-wrap > button span {
    display: inline-block;
    position: relative;
    padding: 0 13px 0 0;
    font-weight: 700;
    font-size: 15px;
    color: #0c2e86;
    line-height: 1;
}

.bn-list-faculty .b-prof-popup-wrap > button span:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 7px;
    height: 12px;
    background: url(../img/board/bg-b-prof-btn-popup-arr.png) no-repeat 0 0/100%;
}

/* 강사소개 공동연구신청 팝업 */
.b-popup-wrap.b-apply {
    max-width: 755px;
}

.b-apply-info-wrap {
    padding: 0 0 24px;
    border-bottom: 1px solid #f0f0f0;
}

.b-apply-wrap {
    padding: 33px 0 25px;
    border-bottom: 1px solid #f0f0f0;
}

.b-apply-wrap .b-apply-box:first-of-type {
    margin: 0 0 35px;
}

.b-apply-box {
    display: flex;
    align-items: center;
    margin: 0 0 20px;
}

.b-apply-box:last-of-type {
    margin: 0;
}

.b-apply-box .b-apply-title-box {
    padding: 0 20px 0 0;
    width: 108px;
    box-sizing: border-box;
}

.b-apply-box .b-apply-title-box.b-detail {
    align-self: flex-start;
    padding: 20px 0 0;
}

.b-apply-box .b-apply-title-box.b-required:after {
    content: "*";
    display: inline-block;
    padding: 0;
    color: #de3131;
    line-height: 1;
    vertical-align: middle;
}

.b-apply-box .b-apply-title-box label {
    font-weight: 500;
    color: #000;
}

.b-apply-box .b-apply-con-box {
    width: calc(100% - 108px);
}

.b-apply-box .b-apply-con-box .b-apply-name {
    font-weight: 700;
    color: #333;
}

.b-apply-box .b-apply-con-box .b-apply-name span {
    display: inline-block;
    font-size: 14px;
}

.b-apply-box .b-apply-con-box label {
    color: #000;
}

.b-apply-box .b-apply-con-box .b-input {
    padding: 5px 20px;
    height: 46px;
    border: 1px solid #d0d0d0;
    color: #000;
}

.b-apply-box .b-apply-con-box .b-textarea {
    padding: 20px;
    height: 156px;
}

.b-apply-box .b-apply-con-box .b-input::placeholder {
    font-size: 15px;
    color: #999999;
}

.b-apply-box.agree-box {
    padding: 20px 0 0;
    border-top: 1px solid #f0f0f0;
}

.b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-term-box {
    padding: 20px;
    height: 196px;
    background-color: #f7f7f7;
    border: 1px solid #d0d0d0;
    overflow-x: auto;
    box-sizing: border-box;
}

.b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-term-box {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-radio-box {
    padding: 20px 0 0;
}

.b-apply-outer .b-apply-btn-box {
    display: flex;
    justify-content: center;
    padding: 27px 0 0;
}

.b-apply-outer .b-apply-btn-box button {
    margin: 0 3px 0 0;
    width: 195px;
    height: 50px;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 700;
    box-sizing: border-box;
}

.b-apply-outer .b-apply-btn-box button:last-of-type {
    margin: 0;
}

.b-apply-outer .b-apply-btn-box button span {
    display: inline-block;
    min-width: unset;
    border-radius: unset;
    background-color: transparent;
    font-size: 15px;
    font-weight: 700;
}

.b-apply-outer .b-apply-btn-box .b-apply-btn {
    background-color: #0c2e86;
    color: #fff;
}

.b-apply-outer .b-apply-btn-box .b-close-btn {
    border: 1px solid #cccccc;
    background: #fff;
    color: #000;
}

.b-apply-outer .b-apply-btn-box .b-close-btn.b-close-popup span {
    display: inline-block;
    padding: 0;
    min-width: unset;
    border-radius: unset;
    background-color: transparent;
    font-size: 15px;
    font-weight: 700;
    color: #000;
}

.b-apply-outer .b-apply-btn-box .b-close-btn.b-close-popup span::before {
    display: none;
}

/* view */
.bn-view-faculty .b-prof-view-box {
    border-bottom: 1px solid #dce3e7;
}

.bn-view-faculty .b-prof-view-box > div {
    box-sizing: border-box;
}

.bn-view-faculty .b-prof-info-box .b-img-box {
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 200px;
}

.bn-view-faculty .b-prof-info-box .b-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 150px;
}

.bn-view-faculty .b-prof-info-box .b-img-box .b-prof-cate {
    position: absolute;
    bottom: 2px;
    right: 0;
    padding: 6px 12px;
    background-color: #ffec03;
    border-radius: 13px;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    line-height: 1;
}

.bn-view-faculty .b-prof-info-box .b-name-box {
    padding: 20px 0 27px 0;
    text-align: center;
}

.bn-view-faculty .b-prof-info-box .b-name-box > div {
    display: inline-block;
}

.bn-view-faculty .b-prof-info-box .b-name-box .b-name-ko {
    color: #000;
}

.bn-view-faculty .b-prof-info-box .b-name-box .b-name-ko span {
    display: inline-block;
    font-weight: 600;
    font-size: 22px;
    line-height: 1;
}

.bn-view-faculty .b-prof-info-box .b-name-box .b-name-ko span.b-name {
    padding: 0 6px 0 0;
    font-weight: 700;
    font-size: 30px;
    line-height: 35px;
}

.bn-view-faculty .b-prof-info-box .b-name-box .b-name-en {
    font-size: 13px;
    color: #333;
    line-height: 18px;
}

.bn-view-faculty .b-prof-info-box .b-contact-box {
    padding: 20px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul {
    font-size: 0;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li {
    padding: 0 0 16px 0;
    font-weight: 700;
    font-size: 15px;
    color: #333;
    line-height: 20px;
    vertical-align: middle;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li:last-of-type {
    padding: 0;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li:before {
    content: '';
    display: inline-block;
    margin: 0 6px 0 0;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li.b-tel:before {
    background: url(../img/board/ico-b-prof-tel.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li.b-mail:before {
    background: url(../img/board/ico-b-prof-mail.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li.b-location:before {
    height: 25px;
    background: url(../img/common/ico-map-address01.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-info-box .b-contact-box > ul > li > a {
    display: inline-block;
}

.bn-view-faculty .b-prof-info-box .b-research-box > div {
    padding: 25px 0 0;
}

.bn-view-faculty .b-prof-info-box .b-research-box > div .b-research-tit {
    padding: 0 0 10px 0;
    font-weight: 700;
    font-size: 15px;
    color: #111;
    line-height: 25px;
}

.bn-view-faculty .b-prof-info-box .b-research-box > div > p:not(.b-research-tit) {
    font-size: 15px;
    color: #666;
    line-height: 22px;
}

.bn-view-faculty .b-prof-info-box .b-research-box > div > div {
    font-size: 0;
}

.bn-view-faculty .b-prof-info-box .b-research-box > div > div span {
    display: inline-block;
    margin: 0 3px 2px 0;
    padding: 7px 10px;
    background-color: #f7f7f7;
    border-radius: 3px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
    line-height: 1;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box {
    padding: 40px 0 0;
    text-align: center;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box > a {
    display: inline-block;
    padding: 15px 21px 15px 22px;
    background-color: #0c2e86;
    border-radius: 50px;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box > a span {
    display: inline-block;
    position: relative;
    padding: 0 13px 0 23px;
    font-weight: 600;
    font-size: 15px;
    color: #fff;
    line-height: 20px;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box > a span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin: -8px 0 0;
    width: 15px;
    height: 15px;
    background: url(../img/board/ico-prof-btn-home.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box > a span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -6px 0 0;
    width: 7px;
    height: 12px;
    background: url(../img/board/ico-prof-btn-arr-w.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-info-box .b-prof-btn-box > a:hover span {
    text-decoration: underline;
}

.bn-view-faculty .b-prof-content {
    padding: 0 0 55px 0;
}

.bn-view-faculty .b-prof-content:last-of-type {
    padding: 0;
}

.bn-view-faculty .b-prof-content .b-title-box {
    padding: 0 0 25px 0;
}

.bn-view-faculty .b-prof-content .b-title-box .b-h4-tit01 {
    display: inline-block;
    vertical-align: middle;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box {
    display: inline-block;
    text-align: right;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box input {
    display: none;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box label {
    display: inline-block;
    position: relative;
    margin: 0 0 0 13px;
    padding: 0 0 0 47px;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 40px;
    height: 24px;
    border: 1px solid #bebebe;
    border-radius: 12px;
    transform: translateY(-50%);
    box-sizing: border-box;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box label:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 6px;
    width: 14px;
    height: 14px;
    background-color: #bebebe;
    border-radius: 14px;
    transform: translateY(-50%);
    transition: left 0.3s;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box input:checked + label:before {
    border-color: #0c2e86;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box input:checked + label:after {
    left: 21px;
    background-color: #0c2e86;
}

.bn-view-faculty .b-prof-content .b-title-box .b-lang-box label span {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    line-height: 1;
    vertical-align: middle;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box {
    background-color: #eff3f5;
    border-radius: 8px;
    overflow: hidden;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box > div {
    padding: 25px 30px 0;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box > div:only-child {
    padding: 25px 30px;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box > div > p, .bn-view-faculty .b-prof-content .b-prof-intro-box > div > pre {
    max-height: 240px;
    color: #333;
    line-height: 30px;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box.open > div > p, .bn-view-faculty .b-prof-content .b-prof-intro-box.open > div > pre {
    max-height: 100%;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more {
    display: block;
    margin: 25px 0 0;
    padding: 17px 10px;
    width: 100%;
    border: 1px solid #bcbecb;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    transition: background 0.3s;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more:focus {
    outline-offset: 0;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more span {
    display: inline-block;
    position: relative;
    padding: 0 20px 0 0;
    font-weight: 600;
    font-size: 15px;
    color: #0c2e86;
    line-height: 1;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more span:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    margin: -6px 0 0;
    width: 11px;
    height: 11px;
    background: url(../img/board/bg-b-prof-con-more.png) no-repeat 0 0/100%;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box.open .b-prof-txt-more span {
    padding: 0;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box.open .b-prof-txt-more span:after {
    display: none;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more:hover {
    background-color: #0c2e86;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more:hover span {
    color: #fff;
}

.bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more:hover span:after {
    background-image: url(../img/board/bg-b-prof-con-more-w.png);
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div:first-of-type, .bn-view-faculty .b-prof-content .b-prof-accordion-box > div.open + div {
    border-top: 1px solid #999;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button {
    display: block;
    position: relative;
    padding: 15px 30px 15px 10px;
    width: 100%;
    border-bottom: 1px solid #dce3e7;
    background-color: #fff;
    text-align: left;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button:hover {
    background-color: #f1f1f1;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    margin: -4px 0 0;
    width: 13px;
    height: 7px;
    background: url(../img/board/bg-accordion-arr.png) no-repeat 0 0/100%;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transition: transform .3s;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div.open > button:after {
    transform: rotate(0);
    -ms-transform: rotate(0);
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button > span {
    display: inline-block;
    font-weight: 700;
    font-size: 18px;
    color: #000;
    line-height: 28px;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con {
    padding: 25px 10px 35px;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div {
    max-height: 520px;
    overflow: hidden;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con.open > div {
    max-height: 100%;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > ul > li, .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > pre {
    position: relative;
    margin: 0 0 26px 0;
    padding: 0 0 0 10px;
    color: #555;
    line-height: 26px;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > ul > li:last-of-type {
    margin: 0;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > ul > li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 3px;
    height: 3px;
    background-color: #000;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > button {
    display: none;
    position: relative;
    margin: 50px 0 0;
    padding: 0 18px 12px 0;
    background: #fff url(../img/board/bg-b-thesis-arr.png) no-repeat 100% 3px;
    font-weight: 600;
    font-size: 14px;
    color: #0c2e86;
    line-height: 1;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con.more > button {
    display: inline-block;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > button:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #0c2e86;
}

.bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con.open > button {
    display: none;
}

/* write */
.bn-write-common01.bn-faculty .b-prof-write-box {
    border-bottom: 1px solid #dce3e7;
}

.bn-write-common01.bn-faculty .b-prof-write-box > div {
    box-sizing: border-box;
}

.bn-write-common01.bn-faculty .b-prof-info-box .b-img-box {
    position: relative;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    background-color: #efefef;
    border-radius: 75px;
}

.bn-write-common01.bn-faculty .b-prof-info-box .b-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bn-write-common01.bn-faculty .b-prof-info-box > ul {
    padding: 30px 0 0;
    font-size: 0;
}

.bn-write-common01.bn-faculty .b-prof-info-box > ul li {
    padding: 0 0 10px 0;
    text-align: center;
}

.bn-write-common01.bn-faculty .b-prof-info-box > ul li:last-of-type {
    padding: 0;
}

.bn-write-common01.bn-faculty .b-prof-info-box > ul li button {
    display: inline-block;
    padding: 13px 10px;
    min-width: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-weight: 500;
    font-size: 16px;
    color: #555;
    line-height: 21px;
    box-sizing: border-box;
}

.bn-write-common01.bn-faculty .b-prof-info-box > ul li button:hover {
    border-color: #0c2e86;
    background-color: #0c2e86;
    color: #fff;
}

.bn-write-common01.bn-faculty .b-table-wrap {
    border-color: #dce3e7;
}

.bn-write-common01.bn-faculty .b-h4-tit01 {
    padding: 0 30px 40px;
}

/*교원 안내 문구*/
.pd-l {
    padding-left: 10px;
}

@media screen and (min-width: 1025px) {
    /* view */ .bn-view-faculty .b-prof-view-box {
        display:flex;
        flex-wrap: wrap;
    }

    .bn-view-faculty .b-prof-info-box {
        padding: 0 30px 30px 0;
        width: 315px;
        border-right: 1px solid #f0f0f0;
    }

    .bn-view-faculty .b-prof-con-box {
        padding: 0 0 60px 60px;
        width: calc(100% - 315px);
    }

    /* write */
    .bn-write-common01.bn-faculty .b-prof-write-box {
        display: flex;
        flex-wrap: wrap;
    }

    .bn-write-common01.bn-faculty .b-prof-write-box > div:first-of-type {
        padding: 0 30px 30px 0;
        width: 315px;
        border-right: 1px solid #f0f0f0;
    }

    .bn-write-common01.bn-faculty .b-prof-write-box > div:last-of-type {
        padding: 0 0 60px 60px;
        width: calc(100% - 315px);
    }
}

@media screen and (max-width: 1024px) {
    .bn-list-faculty > ul > li:nth-of-type(n) {
        margin:30px 0 0;
        width: 100%;
    }

    .bn-list-faculty > ul > li:first-of-type {
        margin-top: 0;
    }

    .bn-list-faculty .b-prof-con-box {
        height: auto;
    }

    /* view */
    .bn-view-faculty .b-prof-info-box {
        padding: 0 0 30px 0;
    }

    .bn-view-faculty .b-prof-con-box {
        padding: 0 0 60px 0;
    }

    /* write */
    .bn-write-common01.bn-faculty .b-prof-info-box {
        padding: 0 0 30px 0;
    }

    .bn-write-common01.bn-faculty .b-prof-con-box {
        padding: 0 0 60px 0;
    }

    .bn-write-common01.bn-faculty .b-h4-tit01 {
        padding: 0 20px 20px;
    }

    /* 강사소개 공동연구신청 팝업 */
    .b-apply-info-wrap {
        padding: 0 0 15px;
    }

    .b-apply-wrap {
        padding: 15px 0;
    }

    .b-apply-wrap .b-apply-box:first-of-type {
        margin: 0 0 20px;
    }

    .b-apply-box {
        display: flex;
        flex-direction: column;
        margin: 0 0 10px;
    }

    .b-apply-box .b-apply-title-box {
        padding: 0 0 10px;
        ;width: 100%;
    }

    .b-apply-box .b-apply-title-box.b-detail {
        padding: 0 0 10px;
        ;}

    .b-apply-box .b-apply-con-box {
        width: 100%;
    }

    .b-apply-box .b-apply-con-box .b-input {
        padding: 5px 15px;
        height: 40px;
    }

    .b-apply-box .b-apply-con-box .b-textarea {
        padding: 10px;
        height: 130px;
    }

    .b-apply-box .b-apply-con-box .b-input::placeholder {
        font-size: 14px;
    }

    .b-apply-box.agree-box {
        padding: 10px 0 0;
    }

    .b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-term-box {
        padding: 10px;
        height: 120px;
    }

    .b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-term-box {
        font-size: 13px;
        line-height: 23px;
    }

    .b-apply-box.agree-box .b-apply-con-box .b-apply-agree-box .b-apply-agree-radio-box {
        padding: 10px 0 0;
    }

    .b-apply-outer .b-apply-btn-box {
        padding: 15px 0 0;
    }

    .b-apply-outer .b-apply-btn-box button {
        width: 150px;
        height: 40px;
        font-size: 14px;
    }

    .b-apply-outer .b-apply-btn-box button span {
        font-size: 14px;
    }

    .b-apply-outer .b-apply-btn-box .b-close-btn.b-close-popup {
        margin: 0;
    }

    .b-apply-outer .b-apply-btn-box .b-close-btn.b-close-popup span {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    /* 교수진 상세페이지에서 네비게이션 margin값 부여 */ .faculty-view .path-wrap {
        margin:0 0 40px 0;
    }

    .bn-list-faculty {
        padding: 60px 0 0;
    }

    .bn-list-faculty > ul > li:nth-of-type(n) {
        margin: 15px 0 0;
    }

    .bn-list-faculty .b-prof-con-box {
        padding: 20px;
    }

    .bn-list-faculty .b-prof-img-box {
        float: none;
    }

    .bn-list-faculty .b-prof-img-box .b-prof-img {
        margin: 0 auto;
    }

    /* 강사소개 팝업 */
    .bn-list-faculty .b-prof-popup-wrap {
        margin: 14px 0 0;
    }

    .bn-list-faculty .b-prof-popup-wrap > button:after {
        bottom: -4px;
    }

    .bn-list-faculty .b-prof-popup-wrap > button span {
        font-size: 13px;
    }

    .bn-list-faculty .b-prof-info-box {
        float: none;
        padding: 10px 0 0;
        width: 100%;
    }

    .bn-list-faculty .b-prof-info-box .b-name-box {
        padding: 0 0 15px 0;
    }

    .bn-list-faculty .b-prof-info-box .b-name-box .b-name-ko span {
        font-size: 18px;
    }

    .bn-list-faculty .b-prof-info-box .b-name-box .b-name-ko span.b-name {
        padding: 0 4px 0 0;
        font-size: 24px;
        line-height: 29px;
    }

    .bn-list-faculty .b-prof-info-box .b-name-box .b-name-en {
        font-size: 12px;
        line-height: 17px;
    }

    .bn-list-faculty .b-prof-info-box .b-name-box .b-prof-cate {
        font-size: 12px;
    }

    .bn-list-faculty .b-prof-info-box .b-contact-box {
        padding: 0 0 10px 0;
    }

    .bn-list-faculty .b-prof-info-box .b-contact-box > ul > li {
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
    }

    .bn-list-faculty .b-prof-info-box .b-contact-box > ul > li:before {
        margin: 0 6px 0 0;
        width: 16px;
        height: 16px;
    }

    .bn-list-faculty .b-prof-info-box .b-contact-box > ul > li > a {
        font-size: 13px;
        line-height: 18px;
    }

    .bn-list-faculty .b-prof-info-box .b-info-box > ul > li {
        padding: 0 0 5px 0;
    }

    .bn-list-faculty .b-prof-info-box .b-info-box > ul > li > span {
        width: 85px;
        line-height: 24px;
    }

    .bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p {
        width: calc(100% - 85px);
        line-height: 24px;
    }

    .bn-list-faculty .b-prof-info-box .b-info-box > ul > li > p > span {
        padding: 5px 8px;
        font-size: 12px;
    }

    .bn-list-faculty .b-lang-box {
        padding: 0 0 12px 0;
    }

    .bn-list-faculty .b-lang-box label {
        padding: 0 42px 0 0;
    }

    .bn-list-faculty .b-lang-box label:before {
        width: 36px;
        height: 20px;
    }

    .bn-list-faculty .b-lang-box label:after {
        right: 18px;
        width: 12px;
        height: 12px;
    }

    .bn-list-faculty .b-lang-box input:checked + label:after {
        right: 6px;
    }

    .bn-list-faculty .b-txt-box > p, .bn-list-faculty .b-txt-box > pre {
        line-height: 24px;
    }

    .bn-list-faculty .b-prof-btn-box > ul > li > a {
        padding: 12px;
    }

    .bn-list-faculty .b-prof-btn-box > ul > li > a > span {
        font-size: 13px;
        line-height: 18px;
    }

    /* 강사소개 팝업 */
    .bn-list-faculty .b-prof-popup-wrap .b-popup-box .b-title-box {
        padding: 15px 40px 15px 20px;
    }

    .bn-list-faculty .b-prof-popup-wrap .b-popup-box .b-title-box p {
        font-size: 20px;
        line-height: 25px;
    }

    .bn-list-faculty .b-prof-popup-wrap .b-popup-box .b-con-box {
        padding: 10px 20px;
        height: calc(100% - 67px);
    }

    .bn-list-faculty .b-prof-popup-wrap .b-popup-box .b-con-box .b-close-popup span {
        padding: 10px 0;
        min-width: 92px;
        font-size: 13px;
    }

    .bn-list-faculty .b-prof-popup-wrap .b-popup-box .b-con-box .b-close-popup span::before {
        margin: -4px 4px 0 0;
        width: 13px;
        height: 13px;
    }

    .bn-list-faculty .b-prof-popup-wrap .b-popup-box > .b-close-popup {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 13px;
        height: 13px;
    }

    /* 강사소개 공동연구신청 팝업 */
    .b-apply-outer .b-apply-btn-box {
        flex-direction: column;
    }

    .b-apply-outer .b-apply-btn-box button {
        margin: 0 0 10px;
        width: 100%;
    }

    /* view */
    .bn-view-faculty .b-prof-info-box {
        padding: 0 0 20px 0;
    }

    .bn-view-faculty .b-prof-info-box .b-img-box {
        width: 120px;
        height: 150px;
    }

    .bn-view-faculty .b-prof-info-box .b-img-box .b-prof-cate {
        padding: 5px 10px;
        font-size: 12px;
    }

    .bn-view-faculty .b-prof-info-box .b-name-box {
        padding: 10px 0 17px 0;
    }

    .bn-view-faculty .b-prof-info-box .b-name-box .b-name-ko span {
        font-size: 18px;
    }

    .bn-view-faculty .b-prof-info-box .b-name-box .b-name-ko span.b-name {
        padding: 0 4px 0 0;
        font-size: 24px;
        line-height: 29px;
    }

    .bn-view-faculty .b-prof-info-box .b-name-box .b-name-en {
        font-size: 12px;
        line-height: 17px;
    }

    .bn-view-faculty .b-prof-info-box .b-contact-box {
        padding: 15px 0;
    }

    .bn-view-faculty .b-prof-info-box .b-contact-box > ul > li {
        padding: 0 0 10px 0;
    }

    .bn-view-faculty .b-prof-info-box .b-contact-box > ul > li:before {
        margin: 0 6px 0 0;
        width: 16px;
        height: 16px;
    }

    .bn-view-faculty .b-prof-info-box .b-contact-box > ul > li > a {
        font-size: 13px;
        line-height: 18px;
    }

    .bn-view-faculty .b-prof-info-box .b-research-box > div {
        padding: 15px 0 0;
    }

    .bn-view-faculty .b-prof-info-box .b-research-box > div .b-research-tit {
        font-size: 14px;
        line-height: 24px;
    }

    .bn-view-faculty .b-prof-info-box .b-research-box > div > p:not(.b-research-tit) {
        font-size: 14px;
        line-height: 21px;
    }

    .bn-view-faculty .b-prof-info-box .b-research-box > div > div span {
        padding: 5px 10px;
        font-size: 12px;
    }

    .bn-view-faculty .b-prof-info-box .b-prof-btn-box {
        padding: 20px 0 0;
    }

    .bn-view-faculty .b-prof-info-box .b-prof-btn-box > a {
        padding: 10px 15px 10px 15px;
    }

    .bn-view-faculty .b-prof-info-box .b-prof-btn-box > a span {
        font-size: 13px;
        line-height: 18px;
    }

    .bn-view-faculty .b-prof-con-box {
        padding: 0 0 30px 0;
    }

    .bn-view-faculty .b-prof-content {
        padding: 0 0 25px 0;
    }

    .bn-view-faculty .b-prof-content .b-title-box {
        padding: 0 0 15px 0;
    }

    .bn-view-faculty .b-prof-content .b-title-box .b-lang-box label {
        margin: 0 0 0 8px;
        padding: 0 0 0 42px;
    }

    .bn-view-faculty .b-prof-content .b-title-box .b-lang-box label:before {
        width: 36px;
        height: 20px;
    }

    .bn-view-faculty .b-prof-content .b-title-box .b-lang-box label:after {
        left: 6px;
        width: 12px;
        height: 12px;
    }

    .bn-view-faculty .b-prof-content .b-title-box .b-lang-box input:checked + label:after {
        left: 18px;
    }

    .bn-view-faculty .b-prof-content .b-prof-intro-box {
        border-radius: 5px;
    }

    .bn-view-faculty .b-prof-content .b-prof-intro-box > div {
        padding: 15px 20px 0;
    }

    .bn-view-faculty .b-prof-content .b-prof-intro-box > div > p, .bn-view-faculty .b-prof-content .b-prof-intro-box > div > pre {
        max-height: 168px;
        line-height: 28px;
    }

    .bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more {
        margin: 15px 0 0;
        padding: 12px 10px;
        border-radius: 0 0 5px 5px;
    }

    .bn-view-faculty .b-prof-content .b-prof-intro-box .b-prof-txt-more span {
        padding: 0 17px 0 0;
        font-size: 13px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button {
        padding: 12px 10px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box > div > button > span {
        font-size: 16px;
        line-height: 26px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con {
        padding: 20px 10px 30px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div {
        max-height: 336px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > ul > li, .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > div > pre {
        margin: 0 0 24px 0;
        line-height: 24px;
    }

    .bn-view-faculty .b-prof-content .b-prof-accordion-box .b-prof-accor-con > button {
        margin: 30px 0 0;
        padding: 0 16px 8px 0;
        font-size: 12px;
    }

    /* write */
    .bn-write-common01.bn-faculty .b-prof-info-box > ul {
        padding: 20px 0 0;
    }

    .bn-write-common01.bn-faculty .b-prof-info-box > ul li button {
        padding: 8px 10px;
        min-width: 150px;
        font-size: 14px;
        line-height: 19px;
    }

    .bn-write-common01.bn-faculty .b-prof-con-box {
        padding: 0 0 30px 0;
    }
}

@media screen and (max-width: 480px) {
    .bn-list-faculty .b-prof-info-box .b-contact-box > ul > li {
        display:block;
        margin: 0;
        padding: 0 0 5px 0;
    }

    .bn-list-faculty .b-prof-info-box .b-contact-box > ul > li:after {
        display: none;
    }

    .bn-list-faculty .b-prof-btn-box > ul > li {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #bcbecb;
    }

    .bn-list-faculty .b-prof-btn-box > ul > li:last-of-type {
        border-bottom: none;
    }
}
/* 검색영역 01 */
.bn-search01{text-align:center;}
.bn-search01 form{display:inline-block;}
.bn-search01 .b-search-wrap{display: flex;position:relative;padding:0 0 18px;border-bottom:2px solid #000;font-size:0;text-align: left;}
.bn-search01 .b-sel-box{display:inline-block;position:relative;margin:0 34px 0 0;text-align:left;vertical-align:middle;box-sizing: border-box;}
.bn-search01 .b-sel-box select{display:block;padding:0 12px 0 0;width:60px;border:none;background:url(/_res/songeui/ko/img/common/ico-search-arrow.png) no-repeat 100% 50%;font-size:16px;font-weight:500;line-height:1;color:#000;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bn-search01 .b-sel-box.cate-box{display:none;}

.bn-search01 form input{display:inline-block;margin:-2px 0 0;padding:0 30px 0 0;width:100%;border:0;font-size:16px;font-weight:500;line-height:1;color:#000;box-sizing:border-box;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.bn-search01 form input::placeholder{font-size:16px;font-weight:500;line-height:1;color:#999;}
/*.bn-search01 form .b-sel-box ~ input{min-width:424px;} */
.bn-search01 .b-sel-btn{position:absolute;top:-6px;right:0;width:24px;height:24px;background:url(/_res/songeui/ko/img/common/ico-search-btn.png) no-repeat 0 0/100%;text-indent:-9999px;white-space:nowrap;overflow:hidden;box-sizing:border-box;cursor: pointer;}
.bn-search01 .b-sel-label span{display:block;position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px;}

/* 생활상담-자가검진 */

.consulting {
    position: relative;
}

.consulting .title {
    margin-bottom: 10px;
    background: url(/_res/songeui/ko/img/learning_dot.png) no-repeat left center;
    color: #647279;
    font-size: 18px;
    /*font-Family: 'Dotum', '돋움','Verdana';*/
    font-weight: bold;
    padding-left: 15px;
}

.collegeschedule
 {
    position: relative;
    width: 680px;
    margin: 30px auto 70px;
}

.consulting .list01 {
    margin-bottom: 25px;
    color: #647279;
    font-size: 15px;
    line-height: 20px;
    border-bottom: none;
}

.consulting .poster_box {
    width: 500px;
    margin: 0 auto;
}

.consulting .poster_box img {
    width: 100%;
    height: auto;
}
.selftestwrap {
    width: 100%;
}

.collegeschedule.selftestwrap .table tr td {
    color: #647279;
}

.collegeschedule.selftestwrap .table tr th {
    color: #647279;
}

.collegeschedule.selftestwrap .table tr th span {
    font-size: 12px;
}

.selftestwrap .bottom_txt {
    color: #647279;
    margin-bottom: 60px;
    line-height: 20px;
}

.selftestwrap .result_button {
    margin: 0 auto 30px;
    display: block;
    width: 140px;
    height: 40px;
    background: #2061c5;
    color: white;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
}

/*.selftestwrap .result_box {
    display: none;
} */

.selftestwrap .result_box.on {
    display: block;
}

.selftestwrap .result_title .result_score {
    font-size: 18px;
    color: #0000c3;
}

.result_table .bottom_txt {
    color: #647279;
    font-size: 15px;
    line-height: 24px;
}

.selftestwrap .btn_selftest {
    display: inline-block;
    height: 25px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
    cursor: pointer;
}

.selftestwrap .btn_selftest.stress {
    background-image: url(/_res/songeui/ko/img/btn_test_stress.png);
    width: 166px;
}

.selftestwrap .btn_selftest.depression {
    background-image: url(/_res/songeui/ko/img/btn_test_depression.png);
    width: 146px;
}

.selftestwrap .btn_selftest.smartphone {
    background-image: url(/_res/songeui/ko/img/btn_test_smartphone.jpg);
    width: 210px;
}
@media (max-width:1280px) {
  .popup-box {  max-height: 90vh;    overflow-y: auto;    }
}
/* 컨테이너 */
.support-wrap {display: flex;gap: 20px; margin-top: 20px;flex-wrap: wrap;}
.support-box {flex: 1 1 48%;border-radius: 4px; display: flex; flex-direction: column;justify-content: space-between;}
.support-content {padding: 50px 20px; text-align: center; border: 1px solid #ddd; border-bottom:none;}
.support-content .icon img { width: 162px; height: auto; margin-bottom: 20px;}
.support-content h3 { font-size: 20px;font-weight: bold; margin-bottom: 15px;}
.support-content p { font-size: 15px;line-height: 1.6;color: #555;}
.support-btn { border: 1px solid #bcbecb;   padding: 26px; text-align: center; background:#fff; font-size:15px; display: flex; justify-content: center;align-items: center;}
.support-btn a {font-size: 15px;color: #004080; font-weight: bold;text-decoration: none;}
.support-btn a:hover {text-decoration: underline;}
.support-box.online {background: #f2f7fb;}
.support-box.offline { background: #fff9f2;}
.dow_ic{margin-left:12px;}

@media (max-width: 1024px) {
	 .support-wrap { flex-direction: column;}
	 .support-box { flex: 1 1 100%; }
	.cpi02 br{display:none;}
}

@media (max-width: 768px) {
  .support-wrap { flex-direction: column;}
  .support-box { flex: 1 1 100%; }
}

@media screen and (max-width:1024px){
	td .afo.m_text_indent{ display:inline-block; text-indent: -9999px;}
}