/* BASIC css start */
/* ÆÄÄ«½ºÅ丮 - ÀåÀÎÁ¤½Å */
#craftsmanshipClass .page-body { margin-bottom:150px;}
#craftsmanshipClass .page-body .contTitBox { width: 100%; height: 476px; position: relative;  margin-top: 100px;}
#craftsmanshipClass .page-body .contTitBox > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#craftsmanshipClass .page-body .contTitBox .txtBox { display: flex; justify-content: center; align-items: center; text-align: center;}
#craftsmanshipClass .page-body .contTitBox .txtBox h3 { color: #fff; font-size: 34px; margin-bottom: 35px; font-weight: 600;}
#craftsmanshipClass .page-body .contTitBox .txtBox p { color: #fff; font-size: 14px; line-height: 24px; font-weight: 300;}
#craftsmanshipClass .contWrap { display: flex; flex-wrap: nowrap;}
#craftsmanshipClass .contWrap > div { min-width: 745px; height: 476px;}
#craftsmanshipClass .contWrap .imgBox img { width: 100%;}
#craftsmanshipClass .contWrap .txtBox { box-sizing: border-box; padding: 0 80px; display: flex; align-items: center; background-color: #f5f5f5;}
#craftsmanshipClass .contWrap .txtBox h3 { font-size: 34px; font-weight: 600; color: #363942; margin-bottom: 30px;}
#craftsmanshipClass .contWrap .txtBox p { font-size: 14px; line-height: 24px; font-weight: 300; color: #363942; }
#craftsmanshipClass .contWrap .txtBox .proWrap > div { display: flex; align-items: center; margin-top: 20px;}
#craftsmanshipClass .contWrap .txtBox .proWrap > div span { width: 100px; height: 30px; background: #363942; color: #fff; font-size: 14px; border-radius: 20px; text-align: center; line-height: 30px; margin-right: 15px;}
/* BASIC css end */