/*-----------------------------------------------------------
Author :seoyul, Kwak
Creative date :2022. 09. 26
-----------------------------------------------------------*/

/* btn_more */
.btn_more1 {position:absolute; right:0; top:-0.3rem; width:2rem; height:2rem; line-height:2rem; text-align:center; font-size:1.1rem; -webkit-transition:0.15s; transition:0.15s; color:#000; background:#fff; border-radius:50%;}
.btn_more1 i{ transition:all 0.15s; -webkit-transition: all 0.15s; }
.btn_more1:hover i,
.btn_more1:focus i{ transform:rotate(180deg); }

/* 카테고리 */
.category4003 {position:relative; width:100%; padding:1.3rem 1.5rem 3.9rem; font-size:0.8rem; background:#5963ff; border-radius:1rem 1rem 0 1rem;}
.category4003 .tit {position:relative; margin-bottom:1rem; color:#fff; font-size:1rem; font-weight:700; white-space: nowrap; overflow: hidden; }
.category4003 ul li { position: relative; }
.category4003 ul li::after { position:absolute;  content:""; width:calc(100% - 0.5rem); height:1px; bottom:-1px; left:50%; transform:translateX(-50%); border-bottom:1px dashed #9da3ff; }
.category4003 ul li a{position:relative; display:block; padding:0.75rem 0.85rem; line-height:1rem; font-weight:600; color:#fff; transition:all 0.15s; -webkit-transition:all 0.15s; } 
.category4003 ul li a::before{content:""; position:absolute; right:0.5rem; top:50%; transform: translateY(-50%); width:1.1rem; height:1.1rem;  border-radius:50%; }
.category4003 ul li a::after{ content:"\e90b"; font-family:'xeicon'; display:block; position:absolute; right:0.6rem; top:50%; font-size:1.1rem; font-weight: 400; transform: translateY(-50%); color:#fff;}
.category4003 ul li a span{white-space: nowrap; overflow: hidden; display: block; margin-right: 2rem;}
.category4003 .dep02{display: none;}
/* 카테고리 :hover */
.category4003 ul li:hover::after,
.category4003 ul li:focus::after { border-bottom:none; }
.category4003 ul li a:hover,
.category4003 ul li a:focus {color:#000; background:#fff; border-radius:0.7rem;}
.category4003 ul li a:hover::after,
.category4003 ul li a:focus::after {color:#5963ff; right: 0.9rem;}
.category4003 ul li a:hover::before,
.category4003 ul li a:focus::before {background:#eeefff;}

/* 설문조사 */
.survey4003 {position:relative; padding:1.5rem 1.5rem 0.65rem; background:#33467e; border-radius:1rem 0 1rem 1rem; box-shadow:3px 3px 20px rgba(207, 206, 203, 0.1); }
.survey4003 h2 {position:relative; top:0; left:0; width:100%; height:1rem; line-height:0.95rem; font-weight:600; font-size:0.95rem; color:#fff; margin-bottom: 0.85rem; white-space: nowrap; overflow: hidden;}
.survey4003 p {position:relative; display: flex; align-items: center; min-height:2.1rem; padding-left:2.6rem;}
.survey4003 p em {position:absolute; left:0; top:0; width:2.1rem; height:2.1rem; line-height:2.1rem; text-align:center; color:#788dc3; font-size:1.25rem; font-weight:800; color:#33467e; background:#fefefe; border-radius:50%;}
.survey4003 p span {font-size:0.8rem; word-break:keep-all; font-weight:500; vertical-align:middle; color:#fff; white-space: nowrap; overflow: hidden;}
.survey4003 .survey_wrap { position: relative; }
.survey4003 .survey_wrap ul {position:relative; padding:1.2rem 1rem 2.1rem; margin-top:0.5rem; font-size:0.75rem; background:#fff; border-radius:0.8rem; color:#333; display: flex; flex-wrap: wrap;}
.survey4003 .survey_wrap ul::after { display:block; content:""; clear:both; }
.survey4003 .survey_wrap ul li{ min-width:50%; position: relative; padding-left: 1rem; }
.survey4003 .survey_wrap ul li label{display:inline-block; vertical-align:middle; padding:0.25rem .5rem 0.25rem 0; cursor:pointer; border-radius:3rem; word-break: break-all; transition:all 0.15s; -webkit-transition: all 0.15s; }
.survey4003 .survey_wrap ul li input{ vertical-align:middle; margin-right:0.3rem; position: absolute; left: 0; top:0.5rem; }
.survey4003 .survey_wrap ul li input[type="radio"]:checked {accent-color:#33467e; }
.survey4003 .survey_wrap .survey_btn{ position: relative; width:9.5rem; top:-0.85rem; left: 50%; transform: translateX(-50%); overflow:hidden;}
.survey4003 .survey_wrap .survey_btn button{display:block; width:47.3%; height:1.7rem; float:left; background:#353c53; margin-left:5%; color:#fff; font-size:0.75rem; font-weight: 500; transition:all 0.15s; -webkit-transition: all 0.15s; border-radius:0.875rem; }
.survey4003 .survey_wrap .survey_btn button:first-child{margin-left:0; background:#5963ff; }
/* 설문조사 :hover */
.survey4003 .survey_wrap .survey_btn button:hover:first-child,
.survey4003 .survey_wrap .survey_btn button:focus:first-child{background:#fff; color: #5963ff; border:1px solid #5963ff;}
.survey4003 .survey_wrap .survey_btn button:hover,
.survey4003 .survey_wrap .survey_btn button:focus{ background:#fff; color: #353c53; border:1px solid #353c53; }


/* 메인비주얼 */
.MVisual4003 { position:relative; height:100%; overflow:hidden; border-radius: 1rem 1rem 1rem 0; isolation: isolate; }
.MVisual4003 .slider,
.MVisual4003 .slick-list,
.MVisual4003 .slick-track{height:100%; }
.MVisual4003 .item { position:relative; overflow:hidden; line-height:0; background:rgba(0, 0, 0, 0.1);}
.MVisual4003 .item img { position:relative; width:100%; height:auto; left:50%; top: 50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.MVisual4003 .control { position:absolute; right:1rem; bottom:1rem; z-index:1; }
.MVisual4003 .control > a { display:inline-block; width:2rem; height:2rem; line-height:2rem; background:rgba(255, 255, 255, 0.7); color:#000; text-align:center; border-radius:50%; -webkit-transition:all 0.15s; transition:all 0.15s; }
.MVisual4003 .control > a.play { display:none; }
/** 메인비주얼 active **/
.MVisual4003 .control > a:hover,
.MVisual4003 .control > a:focus { background:rgba(255,255,255,0.9); }

/* 시간표 */
.timetable4003 {position:relative; height:100%; }
.timetable4003 h2 {position:relative; top:0; left:0; width:calc(100% - 2.5rem); line-height:1rem; font-weight:600; font-size:0.95rem; color:#000; margin-bottom: 1rem; white-space: nowrap; overflow: hidden; }
.timetable4003 .timetable { background: #fff; padding: 0.75rem 1rem 1.4rem 1rem; border-radius: 1rem; height:15.5rem; text-align:center; font-size:0.75rem; box-shadow: 3px 3px 20px rgba(207,206,203,0.1);}
.timetable4003 .timetable table{ border-collapse:collapse; height: 100%; }
.timetable4003 .timetable table thead th {border-bottom:2px solid #d6dae5; color:#222;}
.timetable4003 .timetable table th,
.timetable4003 .timetable table td{padding:0.3rem 0;}
.timetable4003 .timetable table tbody { font-size: 0.7rem; }
.timetable4003 .timetable table tbody tr th span {display:block; width:1.5rem; height:1.5rem; line-height:1.5rem; margin:0 auto; color:#fff; background:#33467e; font-weight: 0.7rem; border-radius:50%;}
.timetable4003 .btn_more1 {top:-0.5rem; right: 0;}

/* 급훈 */
.lesson4003 {position:relative; padding:1.5rem 1rem; border-radius:0 1rem 1rem 1rem; background:#fff; box-shadow: 3px 3px 20px rgba(207,206,203,0.1); }
.lesson4003::after { display:block; content:""; clear:both; }
.lesson4003 .tit {position:absolute; top:50%; transform: translateY(-50%); left:1rem; width:18%; height:2.8rem; line-height:2.8rem; padding:0 1rem; font-weight:600; font-size:0.95rem; color:#fff; text-align:center; background:#5963ff; border-radius:0 1rem 1rem 1rem; float: left;}
.lesson4003 .tit span {display: block; white-space: nowrap; overflow: hidden;}
.lesson4003 .txt1{ font-size:1.1rem; text-align:center;  font-weight:500; float: right; width: 81%; color:#222; }


/* 게시판 공통 */
[class^=notice4003] {position:relative; border-radius:1rem; }
[class^=notice4003] .titTab {padding-right:2.5rem; background:url(/images/schl/template/T4003/main/4003_bg_noti.png) repeat-x left bottom; margin-bottom: 0.75rem; }
[class^=notice4003] .titTab ul{position:relative; }
[class^=notice4003] .titTab ul::after{content:''; display:block; clear:both; }
[class^=notice4003] .titTab ul li{float:left; max-width:29%; margin-right:4%; font-size:0.95rem;}
[class^=notice4003] .titTab ul li .current{position:relative; font-weight:700; }
[class^=notice4003] .titTab ul li .current::after{content:''; display:inline-block; position:absolute; left:0; bottom:0; width:100%; height:0.25rem; background:#33467e; }
[class^=notice4003] .titTab ul li a {display:block; padding-bottom:1.2rem;}
[class^=notice4003] .titTab ul li a span{ display:block; width:100%; white-space:nowrap; overflow:hidden; }
[class^=notice4003] .tabWrap .list_box{height:10rem; display:none; }
[class^=notice4003] .tabWrap .list_box.on{display:block; }
[class^=notice4003] .tabWrap .list_box ul li{ position:relative; line-height: 2rem; padding-left: 0.9rem; font-size:0.8rem; color:#333; }
[class^=notice4003] .tabWrap .list_box ul li::before{content:'\e929'; font-family: "xeicon"; position:absolute; left:0; top:50%; transform: translateY(-50%); color:#333; font-size: 0.8rem; }
[class^=notice4003] .tabWrap .list_box ul li a::after{content:''; display:block; clear:both; }
[class^=notice4003] .tabWrap .list_box ul li a p{float:left; white-space:nowrap; width:calc(100% - 5rem); overflow:hidden; text-overflow:ellipsis; color:#000;}
[class^=notice4003] .tabWrap .list_box ul li a.new p::before{content:'NEW'; font-style:italic; font-weight:700; color:#33467e; margin-right:0.5rem; }
[class^=notice4003] .tabWrap .list_box ul li a span{float:right; width:5rem; text-align:right; color:#999999; font-size: 0.7rem;}
[class^=notice4003] .tabWrap .list_box ul li.no_data{ text-align:center; line-height:10rem; width:100%; }
[class^=notice4003] .tabWrap .list_box ul li.no_data::before{display:none; }
[class^=notice4003] .tabWrap .list_box ul li:nth-child(5n) ~ li { display:none; }
/* 게시판 공통 :hover */
[class^=notice4003] .titTab ul li a:hover,
[class^=notice4003] .titTab ul li a:focus{font-weight:700; }
[class^=notice4003] .tabWrap .list_box ul li a:hover p,
[class^=notice4003] .tabWrap .list_box ul li a:focus p{ text-decoration:underline; }


/* 포토게시판 */
.gallery4003{position:relative; }
.gallery4003 h2{position:relative; font-weight:600; color:#222; font-size:0.95rem; margin-bottom:1.85rem; white-space:nowrap; overflow:hidden; padding-right: 2.5rem; background:url(/images/schl/template/T4003/main/4003_bg_noti.png) repeat-x left bottom;}
.gallery4003 h2 span {position:relative; display:inline-block; max-width: 100%; margin-bottom:-5px; padding-bottom:1.2rem; overflow:hidden;}
.gallery4003 h2 span:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.25rem; background:#5963ff; }
.gallery4003 .list_box ul{margin:0 -2%; overflow:hidden;}
.gallery4003 .list_box ul::after{content:''; display:block; clear:both;  }
.gallery4003 .list_box ul li{position:relative; float:left; width:21%; text-align:center; margin:0 2% 1rem 2%; }
.gallery4003 .list_box ul li:nth-child(n+5) { display:none; }
.gallery4003 .list_box ul li a p{position: relative; width:100%; height:8.5rem; text-align:center; overflow:hidden; background:#f7f7f7; border-radius:1rem}
.gallery4003 .list_box ul li a p img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; transition: all 0.15s; -webkit-transition: all 0.15s;}
.gallery4003 .list_box ul li a strong{position:absolute; right:0; bottom:0; display:block; width:89%; padding:0.85rem 0 0 1rem; font-size: 0.75rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:#fff; border-radius:0.75rem 0 0 0; text-align: left; color:#222;}
.gallery4003 .list_box ul li.no_data { text-align: center; width: 100%; line-height: 9.5rem; }
.gallery4003 .btn_more1 {background:#fff;}

/* 포토게시판 :hover */
.gallery4003 .list_box ul li a:hover p img,
.gallery4003 .list_box ul li a:focus p img{transform: translate(-50%, -50%) scale(1.1);}


@-webkit-keyframes linkIco {
	0% { -webkit-transform:translateY(0); transform:translateY(0); } 
	50% { -webkit-transform:translateY(-7px); transform:translateY(-7px); } 
	100% { -webkit-transform:translateY(0); transform:translateY(0); } 
}
@keyframes linkIco {
	0% { -webkit-transform:translateY(0); transform:translateY(0); } 
	50% { -webkit-transform:translateY(-7px); transform:translateY(-7px); } 
	100% { -webkit-transform:translateY(0); transform:translateY(0); } 
}
 
@media (max-width:1450px){

	/* 카테고리 */
	.category4003 { padding:1.3rem 1rem 3.9rem; } 

	/* 설문조사 */
	.survey4003 { padding:1.5rem 1rem 0.65rem; }	
	.survey4003 p { padding-left: 1.8rem; }
	.survey4003 p em { width:1.5rem; height: 1.5rem; line-height: 1.5rem; top:-0.1rem; }
	.survey4003 p span { line-height: 1.1rem; height: 2.1rem; white-space: pre-wrap; word-break: break-all; }
	.survey4003 .survey_wrap ul { padding:1.2rem 0.4rem 2.1rem; }
	.survey4003 .survey_wrap ul li label { padding: 0.25rem 0 0.25rem 0}
	.survey4003 .survey_wrap .survey_btn { width:8rem; }

}

@media (max-width:1240px) {	

	/* 설문조사 */


	/* 게시판 */
	[class^=notice4003] .titTab ul li { font-size: 0.9rem; }

}
    

@media (max-width:1024px) {	

	/* 설문조사 */
	.survey4003 { padding:1rem;}
	.survey4003 h2 { font-size:0.9rem; }
	.survey4003 p {min-height:1.5rem; padding:0 0.75rem 0 2rem;}
	.survey4003 p em {top:0; width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:1rem;}
	.survey4003 p span { line-height: 1; height: auto; white-space: nowrap; }
	.survey4003 .survey_wrap ul { padding:1.2rem 2rem 2.1rem; }
	.survey4003 .survey_wrap ul li { min-width: 25%; }
	.survey4003 .survey_wrap .survey_btn{ width:28%;}
	.survey4003 .survey_wrap .survey_btn button{height:2.3rem; border-radius:1rem; }
	
	/* 시간표 */
	.timetable4003 h2 {font-size:0.9rem;}

	/* 급훈 */
	.lesson4003 .tit {width:25%; font-size:0.9rem;}
	.lesson4003 .txt1 { font-size: 1rem; }


	/* 포토게시판 */
	.gallery4003 h2 {font-size:0.9rem;}

}

@media (max-width:768px) {
	
	/* 설문조사 */
	.survey4003 { padding: 1rem 1rem 0.5rem; }
	.survey4003 .survey_wrap ul { padding:1.2rem 2rem 1.5rem; }
	.survey4003 .survey_wrap .survey_btn button{ height: 2rem; }

	/* 시간표 */
	.timetable4003 .btn_more1 { top:-0.6rem; }
	
	/* 메인비주얼 */
	.MVisual4003 .item img{width: 100%; height: auto; transform: none; top: 0; left: 0; }

	/* 포토게시판 */
	.gallery4003 h2 { margin-bottom: 1.2rem; }

} 

@media (max-width:660px) { 

	/* 설문조사 */
	.survey4003 .survey_wrap ul {margin:0.35rem 0 0 0; }
	.survey4003 .survey_wrap .survey_btn{position:relative; right:auto; bottom:auto; width:60%; }
	.survey4003 .survey_wrap .survey_btn button{height:2.3rem; border-radius:1rem; }

	/* 포토게시판 */
	.gallery4003 .list_box ul li{width:46%;}
	.gallery4003 .list_box ul li:nth-child(n+3) { display: none; } 

}

@media (max-width:580px) {

	/* 급훈 */
	.lesson4003 .txt1{ font-size:1rem; }


	/* 게시판 */
	[class^=notice4003] .titTab{margin-bottom: 0.5rem;}
	[class^=notice4003] .titTab ul li{ display: inline-block; float: none; max-width:28%; }
	[class^=notice4003] .titTab ul::before{display: none;}


}
  
@media (max-width:480px){

	/* 설문조사 */
	.survey4003 .survey_wrap ul li { min-width: 33.33%; }

	/* 급훈 */
	.lesson4003 { padding: 2rem 1rem 1rem; }
	.lesson4003 .tit { width:50%; top:-0.5rem; height: 2rem; line-height: 2rem; left: 50%; transform: translateX(-50%); }
	.lesson4003 .txt1 { width: 100%; font-size: 0.95rem; }

	/* 게시판 */
	[class^=notice4003] .titTab ul li { max-width: 100%; margin-bottom: 0.3rem; }
	[class^=notice4003] .titTab ul li a { padding-bottom: 0.5rem; }

	/* 포토게시판 */
	.gallery4003 .list_box ul li{width:100%; margin:0 0 1rem 0;}
	.gallery4003 .list_box ul li:nth-child(n+2) { display:none; }

}

@media (max-width:380px) {

	/* 설문조사 */
	.survey4003 .survey_wrap ul { padding:1.2rem 0.5rem 1.5rem; }
	.survey4003 .survey_wrap .survey_btn { width:90%; }

}