@charset "utf-8";



#works_list ul{}
#works_list ul li{position:relative;float:left;width:30.8%;margin:0 3.8% 4% 0;}
#works_list ul li.last{margin-right:0;}
#works_list ul li a{display:block;width:100%;height:100%;}
#works_list ul li a:hover{opacity:0.5;}
#works_list ul li .name{line-height:44px;padding:0 8px;background-color:#284a75;text-align:center;}
#works_list ul li .name .eng{font-size:11px;color:#fff;}
#works_list ul li .name .kor{font-size:15px;font-weight:400;color:#fff;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;}

#works_view{position:relative;}

#works_view h3.subject{font-size:20px;line-height:22px;color:#333;border-bottom:1px solid #aaa;border-top:1px solid #aaa;padding:13px 0;background-color:#fafafa;font-weight:500;letter-spacing:-1px;text-align:center;}
#works_view .etc_Info{font-size:11px;text-align:right;padding-top:10px;letter-spacing:0px;}
#works_view .comment{text-align:justify; padding-top:30px; font-size: 25px; line-height: 35px; color: black;}
#works_view .img_area{text-align:center; padding-top:40px;}
#works_view .btn_area{text-align:right;padding-top:20px;border-top:1px solid #e1e1e1;}



@media screen and (max-width:768px){
#works_list ul li{position:relative;float:left;width:48%;margin:0 4% 5% 0;}
#works_list ul li.last{margin-right:4%;}
#works_list ul li:nth-child(2n){margin-right:0 !important;}
#works_list ul li .name{line-height:38px;background-color:#284a75;text-align:center;}
#works_list ul li .name .kor{font-size:13px;font-weight:500;letter-spacing:-1px;}

#works_view h3.subject{font-size:19px;line-height:22px;}
}


@media screen and (max-width:480px){
#works_view h3.subject{font-size:17px;line-height:20px;}
#works_view .comment{padding-top:25px; font-size: 15px;}
#works_view .img_area{padding-top:25px;}
#works_view .btn_area{tpadding-top:20px;}

}