@charset "utf-8";


/* 2020-04-28 SDU 연합대학 페이지 수정 */
.next_list1 ul li .bottom_txt b {
    font-size: 18px;
    color:#042a59; 
    font-weight: 600;
    margin-top: 5px;
}

.next_list1 ul li .top_img > img {
    top: calc(50% - 40px);
}	
	
.next_list1 ul li .top_img.size100 > img {
    width: 70px;
    left: calc(50% - 35px);
}



.gradepoint_box {
	position: relative; 
	margin: 0 auto; 
	max-width: 978px
}



.left_right_div.circle_Box {
	position: relative; 
	margin-top: 35px;
}

.left_right_div.circle_Box > div {
	width: calc(50% - 30px); 
	position: relative; 
	text-align: center;
}

.left_right_div.circle_Box > div:nth-child(n+2){
	margin-left: 30px; 
	font-size: 0px;
}

.left_right_div.circle_Box > div .tit_txt {
	font-size: 24px; 
	font-weight: bold; 
	letter-spacing: -0.5px; 
	line-height: 1em; 
	text-align: center
}

.left_right_div.circle_Box > div .sub_txt {
	font-size: 16px; 
	font-weight: 400; 
	letter-spacing: -0.5px; 
	line-height: 1em; 
	display: block; 
	margin-top: 10px; 
	text-align: center
}

.left_right_div.circle_Box > div .circle {
	width: 510px; 
	display: inline-block; 
	margin-top: 20px; 
	position: relative;
}

.left_right_div.circle_Box > div .circle span {display: block; 
	width: 180px; 
	height: 180px; 
	border-radius: 50%; -webkit-border-radius: 50%; 
	float:left;  
	padding-top: 65px; 
	box-sizing: border-box;
}

.left_right_div.circle_Box > div .circle span:nth-child(n+2) {
	margin-left: -15px;
}

.left_right_div.circle_Box > div .circle span i {
	font-size: 24px; 
	color:#fff; 
	letter-spacing: -0.4px; 
	line-height: 28px; 
	display: block; 
	text-align: center; 
	font-style: normal;
}

.left_right_div.circle_Box > div .circle span.blue{background-color: rgba(4,42,89,0.9)}
.left_right_div.circle_Box > div .circle span.brown{background-color: rgba(181,146,111,0.9)}
.left_right_div.circle_Box > div .circle span.sky{background-color: rgba(94,110,136,0.9)}



.box_iconlist2 {
    display: inline-block;
    width: 49%;
    height: 260px;    
    vertical-align: top;
    font-size: 0;
	border:1px solid #e1e1e1;
	padding:30px 0 0 30px; 
	box-sizing:border-box;
}

.box_iconlist2 > li {
    font-size: 16px;
    box-sizing: border-box;
}

.box_iconlist2 li .icon_img {
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #f1f2f7;
    position: relative;
    vertical-align: top;
}
	
.box_iconlist2 li .txt_list {
    display: inline-block;
    width: calc(80% - 135px);
    padding: 3px 0 0 30px;
    vertical-align: top;
}

.box_iconlist2 .point_txt {font-size: 24px; color: #e71515; font-weight: 600}



.cont_dtl1.Img_90 .txt > p {
    width: calc(100% - 300px);
    padding-left: 50px;
}

.cont_dtl1 .icon {
    display: inline-block;
    vertical-align: top;
    width: 280px!important;
    height: 160px;
    padding-top: 25px;
    box-sizing: border-box;
    float: left;
    font-size: 34px;
    font-weight: 500;
    border-right: 3px solid #05548f;
    text-align: center;
    color: #05548f;
    margin-top: 25px;
}

.cont_dtl1.Img_90 .txt {
    width: calc(100% - 100px);
}

.cont_dtl1.Img_90 .icon > span {
    width: 100%;
    display: block;
}



/* 미디어쿼리 1042 사이즈 */
@media (max-device-width: 1042px) {
	.left_right_div.circle_Box > div:nth-child(n+2) {
		margin-left: 10px;
		margin-top: 0px;}	

}




/* 미디어쿼리 1024 사이즈 */
@media (max-device-width: 1024px) {
    .left_right_div.circle_Box > div{width: 100%;}
    .left_right_div.circle_Box > div:nth-child(n+2){margin-left: 0px; margin-top: 100px;}
    .left_right_div.circle_Box:after{top: calc(50% - 17px)}
    .left_right_div.circle_Box:before{top: 50%;}

	.left_right_div.MarjorSech .box {width: calc(50% - 10px); padding: 20px 10px 20px 130px; margin:0 20px 0 0px;}
	.left_right_div.MarjorSech .box.h_250{min-height: 250px;}
	.left_right_div.MarjorSech .box img{position: absolute; left: 20px; top: 20px;}	
	
	.box_iconlist2 {width: 100%;}	

	.left_right_div.circle_Box > div:nth-child(n+2) {		
		margin-top: 20px;}		
}



/* 미디어쿼리 970 사이즈 */
@media (max-device-width: 970px) {
	.cont_dtl1 .icon {
		width: 200px!important;}

	.cont_dtl1.Img_90 .txt > p {
    	width: calc(100% - 200px);
    	padding-left: 30px;}	

		
}



/* 미디어쿼리 850 사이즈 */
@media (max-device-width: 850px) {
.next_list1 ul li .top_img.size100 > img {
    width: 50px;
    left: calc(50% - 25px);
	top: calc(50% - 25px);}
	
	.cont_dtl1.Img_90 {
    padding: 5px 20px 20px 25px;}	
		
	.cont_dtl1.Img_90 .txt {
    width: calc(100% - 0px);}
	
	.cont_dtl1.Img_90 .icon {
		width: 70px;}	

	.cont_dtl1.Img_90 .txt > h4 {
		width: calc(100% - 70px);
		padding-left: 15px;
		margin-top: 19px;}	
	
	.cont_dtl1.Img_90 .txt > p {
		width: calc(100% - 220px);
		padding-left: 15px;}	
	
}



/* 미디어쿼리 768 사이즈 */
@media screen and (max-device-width: 768px) {
.next_list1.item4 {
    margin-top: 25px;
    margin-bottom: 30px}
	
.cont_dtl1.Img_90 {
    margin-bottom: 30px;}

.cont_dtl1.Img_90 .txt {
    width: 100%;}
	
.cont_dtl1.Img_90 .icon {
    width: 100%;
    text-align: center;
    padding-top: 0;
    margin-bottom: 0px;}
	
.cont_dtl1.Img_90 .txt > h4 {
    padding-left: 0;
    width: 100%;
    word-break: keep-all;
    margin-top: 0;}
	
.cont_dtl1.Img_90 .txt > p {
    padding-left: 0;
    width: 100%;
    margin-top: 0;
    word-break: keep-all;}

.cont_dtl1 .icon {
    width: 100%!important;
    height: 50px;
    padding-top: 25px;
    font-size: 30px;
    border-right: none; 
    text-align: center;
    margin-top: 10px;}	
	
.cont_dtl1.Img_90 .icon > span {
    width: 100%;
    display: inline;
    font-size: 30px;
    margin-left: 6px;}	
	
	
.left_right_div.circle_Box > div:nth-child(n+2){margin-top: 0px; margin-bottom: 10px}
.left_right_div.circle_Box > div .tit_txt{font-size: 20px;}
.left_right_div.circle_Box > div .sub_txt{font-size: 15px;}
.left_right_div.circle_Box > div .circle{width: 100%; }
.left_right_div.circle_Box > div .circle span{width: 105px; height: 105px; clear: left; display: inline-block; float: none;  padding-top: 35px;}
.left_right_div.circle_Box > div .circle span i{font-size: 18px; line-height: 22px;}
.left_right_div.circle_Box > div .circle span:nth-child(n+2){margin-left: -10px;}
.left_right_div.circle_Box:before{width: 30px; height: 3px; left: calc(50% - 15px)}
.left_right_div.circle_Box:after{width: 3px; height: 30px; top:calc(50% - 13px);}	
	

.box_iconlist2 .point_txt {font-size: 18px}
	
.box_iconlist2 li .icon_img {    
    width: 80px;
    height: 80px;}	
	
.box_iconlist2 li .txt_list {
	width: calc(100% - 135px);
    padding: 3px 0 0 10px;}
	
.box_iconlist2 {
    height: 220px;}	
	
}