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

#partbox{max-width:1200px; margin-left:auto; margin-right:auto; text-align:left;}
#partbox .box{margin-bottom:74px;}
#partbox .box > .left{float:left; width:450px; }
#partbox .box > .left .btn {margin-top:14px;}
#partbox .box > .left .btn a{font-size:16px; display:inline-block; border:solid 3px #aaa; vertical-align:middle; text-align:center; color:#555; font-weight:500; }
#partbox .box > .left .btn a .title{height:33px; line-height:33px; display:inline-block; padding-left:14px; padding-right:24px;}
#partbox .box > .left .btn a .arrow{width:31px; height:31px; line-height:31px; display:inline-block; background:#aaa; margin-right:1px; }
#partbox .box > .left .btn a:hover{border:solid 3px #c11a21; color:#c11a21;}
#partbox .box > .left .btn a:hover .arrow{background:#c11a21;}
#partbox .box > .left .btn .btn2{margin-left:27px; margin-right:27px; }
#partbox .box > .left .images img{width:100%;}

#partbox .box > .right{float:right; width:700px; color:#444; }
#partbox .box > .right hr{width:32px; height:5px; background:#c11a21; text-align:left; margin-bottom:7px;}
#partbox .box > .right h4{font-size:30px; font-weight:500; margin-bottom:45px; }
#partbox .box > .right h4 b{font-weight:100;}
#partbox .box > .right .title{font-size:23px; font-family:'Noto Serif KR', serif; line-height:33px;}
#partbox .box > .right .title_mbl{font-size:23px; font-family:'Noto Serif KR', serif; line-height:33px;}
#partbox .box > .right > div > .red{color:#c11a21;}
#partbox .box > .right > div > .empty{display:inline-block; width:17px;}
#partbox .box > .right .text{font-size:18px; line-height:36px; margin-top:10px; letter-spacing:-0.05em; margin-left:17px;}

#partbox .box > .right .title{display:block;}
#partbox .box > .right .title_mbl{display:none;}

@media (max-width: 1201px){
	#partbox .box > .left{float:none; width:700px; margin-left:auto; margin-right:auto; margin-bottom:30px;}
	#partbox .box > .right{float:none; margin-left:auto; margin-right:auto;}
	#partbox .box > .right h4{margin-bottom:15px; }
}

@media (max-width: 800px){
	#partbox .box > .left,
	#partbox .box > .right{width:450px; }
	
	#partbox .box > .right{float:none; margin-left:auto; margin-right:auto;}
	#partbox .box > .right h4{margin-bottom:25px; }

	#partbox .box > .right .title{display:none;}
	#partbox .box > .right .title_mbl{display:block;}
}

@media (max-width: 600px){
	#partbox .box > .left,
	#partbox .box > .right{width:300px; }
	#partbox .box > .left .btn {margin-top:5px;}
	#partbox .box > .left .btn a{font-size:14px; }
	#partbox .box > .left .btn a .title{height:27px; line-height:27px; padding-left:5px; padding-right:5px;}
	#partbox .box > .left .btn a .arrow{width:25px; height:25px; line-height:25px; }
	#partbox .box > .left .btn .btn2{margin-left:14px; margin-right:14px; }
	
	#partbox .box > .right h4{font-size:23px; margin-bottom:10px; }
	#partbox .box > .right .title_mbl{font-size:18px; line-height:30px;}
	#partbox .box > .right > div > .empty{display:inline-block; width:10px;}
	#partbox .box > .right .text{font-size:16px; line-height:28px; margin-left:10px;}
}

@media (max-width: 400px){
	#partbox .box > .left,
	#partbox .box > .right{width:250px; }
	#partbox .box > .left{margin-bottom:20px;}
	#partbox .box > .right hr{width:20px; height:2px; margin-bottom:2px;}
	#partbox .box > .left .btn a .arrow{width:15px; height:25px; line-height:25px; }
	#partbox .box > .left .btn .btn2{margin-left:2px; margin-right:2px; }
	
	#partbox .box > .right h4{font-size:20px; }
	#partbox .box > .right .title_mbl{font-size:15px; line-height:25px;}
	#partbox .box > .right .text{font-size:13px; line-height:23px; }
}