@CHARSET "UTF-8";

/* 학칙/규정 */
.degree_wrap{position: relative; padding-bottom:155px;}
.degree_wrap::before{content:""; position: absolute; bottom:0; left:50%; width:1800px; height:282px; transform:translateX(-50%); border-radius:10px; background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_bg.jpg"); background-size: cover; z-index:-1;}
.degree_wrap ul{display:flex; align-items:center; background:#fff;}
.degree_wrap ul li{width:50%; box-sizing:border-box;}
.degree_wrap ul li a{position:relative; display:flex; align-items:flex-end; justify-content:space-between; height:237px; padding:50px 45px; border:1px solid #ddd; box-sizing:border-box; transition:.3s;}
.degree_wrap ul li:nth-child(n+2) a{border-left:1px solid transparent;}
.degree_wrap ul li a::before{content:""; position: absolute; top:56px; left:45px; width:35px; height:41px; background-size: 100% auto; background-repeat: no-repeat;}
.degree_wrap ul li a::after{content:""; display:block; width:46px; height:46px; border-radius:10px; background: #f4f4f4 url("/nanum/site/builder/skin/main/img/common/link_icon.png") no-repeat center / 13px auto;}
.degree_wrap ul li.icon01 a::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon01.png");}
.degree_wrap ul li.icon02 a::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon02.png");}
.degree_wrap ul li.icon03 a::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon03.png");}
.degree_wrap ul li a span{position:relative; width:calc(100% - 45px); line-height:1.2; font-size:2.6rem; font-weight:400; z-index:1;}

/* 장학제도 버튼 박스 */
.dot_btn_box{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 0; margin-top:50px; padding:30px; border:1px dashed #ccc; border-radius:10px; box-sizing:border-box;}
.dot_btn_box .tit{font-size:1.9rem; font-weight:600;}



/********************태블릿********************/
@media all and (max-width:1024px){
	
	/* 학칙/규정 */
	.degree_wrap ul{flex-direction:column;}
	.degree_wrap ul li{width:100%;}
	.degree_wrap ul li a{height: 177px; padding:30px 25px;}
	.degree_wrap ul li:nth-child(n+2) a{border-top:1px solid transparent; border-left:1px solid #ddd;}
	
	
}


/********************모바일********************/
@media all and (max-width:767px){
	
	/* 학칙/규정 */
	.degree_wrap{padding-bottom:10vh;}
	.degree_wrap ul li a{height:18vh; min-height:150px; padding:3vh 2.5vh;}
	.degree_wrap ul li a::before{top:35px; left:3vh;}
	
	/* 장학제도 버튼 박스 */
	.dot_btn_box{flex-direction:column; align-items:center; margin-top:30px; padding:20px; text-align:center;}
	
}

/********************모바일********************/
@media all and (max-width:480px){
	
	/* 학칙/규정 */
	.degree_wrap ul li a{gap:0 2vh;}
	.degree_wrap ul li a::after{width:36px; height: 36px;}
	.degree_wrap ul li a span{font-size:2.3rem;}
	
}


/********************웹********************/
@media all and (min-width:1025px) {

	.degree_wrap ul li a:hover{box-shadow: 0 0 50px rgba(0,0,0,0.15); border:1px solid #000; z-index:1;}
	.degree_wrap ul li.icon01 a:hover::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon01_on.png");}
	.degree_wrap ul li.icon02 a:hover::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon02_on.png");}
	.degree_wrap ul li.icon03 a:hover::before{background-image: url("/nanum/site/builder/dir/main/img/menu6030/degree_icon03_on.png");}
	
	.degree_wrap ul li a:hover span{color:#0039dc;}

}