@charset "utf-8";
@import url("common.css");
@import url("../../css/sub.css");
@import url("board.css");
@import url("footer.css");

#opentest .opentest_inner{padding-top:50px; padding-bottom:50px; }
#opentest .opentest_inner .box{max-width:1200px; margin-left:auto; margin-right:auto; text-align:left; transition:0.3s;}
#opentest .opentest_inner .box .left{float:left; width:300px; }
#opentest .opentest_inner .box .left hr{width:32px; height:5px; background:#c11a21; text-align:left; margin-bottom:25px;}
#opentest .opentest_inner .box .left h4{font-size:30px; line-height:36px; color:#444;}
#opentest .opentest_inner .box .left h4 b{font-weight:300;}
#opentest .opentest_inner .box .right{float:right; width:900px;  color:#585858; margin-top:30px;}
#opentest .opentest_inner .box .right h5{font-size:23px; color:#c11a21; font-weight:300; margin-bottom:15px;}
#opentest .opentest_inner .box .right .sendondh5{margin-top:38px;}
#opentest .opentest_inner .box .right .title{font-size:20px; font-family:'Noto Serif KR', serif; line-height:30px; font-weight:500; }
#opentest .opentest_inner .box .right .title .empty{width:12px; display:inline-block;}
#opentest .opentest_inner .box .right .text{font-size:16px; line-height:30px; font-weight:300; margin-left:12px; margin-top:15px;}
#opentest .opentest_inner .box .right .images{margin-left:15px; margin-top:15px; line-height:35px;}
#opentest .opentest_inner .box .right .images img{width:100%;}

#opentest .bg{background:#f2f2f2; }
#opentest .notoppd {padding-top:0; }

#opentest .opentest_inner .box .right .imggroup{margin-left:12px; margin-top:20px; }
#opentest .opentest_inner .box .right .imggroup .sobox{display:inline-block; font-size:17px; font-weight:500; text-align:center; }
#opentest .opentest_inner .box .right .imggroup .sobox .circle img{border-radius:50%; }

#opentest .opentest_inner .box .right .imggroup .box1{width:194px;}
#opentest .opentest_inner .box .right .imggroup .box2{width:214px;}
#opentest .opentest_inner .box .right .imggroup .box2-1{width:428px;}
#opentest .opentest_inner .box .right .imggroup .box3{width:100%;}
#opentest .opentest_inner .box .right .imggroup .box4{width:437px;}
#opentest .opentest_inner .box .right .imggroup .box5{width:210px; }

#opentest .opentest_inner .box .right .imggroup .box1 .imgbox img,
#opentest .opentest_inner .box .right .imggroup .box2 .imgbox img,
#opentest .opentest_inner .box .right .imggroup .box4 .imgbox img,
#opentest .opentest_inner .box .right .imggroup .box5 .imgbox img{width:100%; }
#opentest .opentest_inner .box .right .imggroup .box2-1 .imgbox img{width:50%; }
#opentest .opentest_inner .box .right .imggroup .box3 img{width:24%;}

#opentest .opentest_inner .box .right .imggroup .box1{margin-right:33px; margin-bottom:20px;}
#opentest .opentest_inner .box .right .imggroup .box2{margin-right:12px;}
#opentest .opentest_inner .box .right .imggroup .box3 .imgbox img{margin-right:1.3%;}
#opentest .opentest_inner .box .right .imggroup .box4{margin-right:10px;}
#opentest .opentest_inner .box .right .imggroup .box5{margin-right:10px;}

#opentest .opentest_inner .box .right .imggroup .box1:nth-child(4n),
#opentest .opentest_inner .box .right .imggroup .box2:nth-child(3),
#opentest .opentest_inner .box .right .imggroup .box3 .imgbox img:nth-child(4),
#opentest .opentest_inner .box .right .imggroup .box4:nth-child(2),
#opentest .opentest_inner .box .right .imggroup .box5:nth-child(4){margin-right:0;}


@media (max-width: 1199px){
	#opentest .opentest_inner .box{width:90%; max-width:600px; }
	#opentest .opentest_inner .box .left{float:none; width:100%; }
	#opentest .opentest_inner .box .right{float:none; width:100%; }

	#opentest .opentest_inner .box .right .imggroup .box1{width:30%;}
	#opentest .opentest_inner .box .right .imggroup .box2{width:23.5%;}
	#opentest .opentest_inner .box .right .imggroup .box2-1{width:47%;}
	#opentest .opentest_inner .box .right .imggroup .box3 img{width:48%;}
	#opentest .opentest_inner .box .right .imggroup .box4{width:48.5%;}
	#opentest .opentest_inner .box .right .imggroup .box5{width:48%;  margin-bottom:40px;}
	

	#opentest .opentest_inner .box .right .imggroup .box1,
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(4n){margin-right:4.3%; }
	#opentest .opentest_inner .box .right .imggroup .box2,
	#opentest .opentest_inner .box .right .imggroup .box4,
	#opentest .opentest_inner .box .right .imggroup .box5{margin-right:2%;}
	
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(3n),
	#opentest .opentest_inner .box .right .imggroup .box3 .imgbox img:nth-child(2),
	#opentest .opentest_inner .box .right .imggroup .box5:nth-child(2){margin-right:0;}
}
@media (max-width: 999px){
	#opentest .opentest_inner .box{max-width:400px; }	
	#opentest .opentest_inner .box .left h4{font-size:24px; line-height:30px;}
	
	#opentest .opentest_inner .box .right .imggroup .box1{width:48%; }
	#opentest .opentest_inner .box .right .imggroup .box2{width:47%;}
	#opentest .opentest_inner .box .right .imggroup .box2-1{width:94%; margin-top:20px;}
	#opentest .opentest_inner .box .right .imggroup .box4{width:100%; margin-bottom:20px; }
	
	#opentest .opentest_inner .box .right .imggroup .box1,
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(3n),
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(4n){margin-right:3%; }
	
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(2n),
	#opentest .opentest_inner .box .right .imggroup .box4{margin-right:0;}
}
@media (max-width: 599px){
	.pc2{display:none;}
	.mbl2{display:block;}
	#opentest .opentest_inner .box{max-width:270px; }
	
	#opentest .opentest_inner .box .right .imggroup .sobox{font-size:13px; }
	
	#opentest .opentest_inner .box .right .imggroup .box1,
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(3n),
	#opentest .opentest_inner .box .right .imggroup .box1:nth-child(4n){margin-right:1%; }
	
	#opentest .opentest_inner .box .right .title{font-size:16px; line-height:20px; }
	#opentest .opentest_inner .box .right .text{font-size:14px; margin-top:8px; line-height:25px;}
}
@media (max-width: 399px){
	#opentest .opentest_inner .box{max-width:250px; }
}