@charset "UTF-8";

/* reset.css연결 */
@import url(reset.css);
/* font 연결 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

/* layout */
body{margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif !important;}
header{padding: 16px 0;}
#wrap{background: #f3f3f6;  position: relative; padding-top: 374px; margin: 0 auto;  }
section#notice{margin-bottom: 525px;}
section#good_people{margin-bottom: 320px;}
footer{width: 100%; height: 178px; background: #fff; padding-top:70px;}


/* notice.html 영역 */

#notice{}
#notice .container{text-align: center;}
.sns_notice_wrap{width: 100%;
    display: flex; justify-content: space-between;}
.sns_notice_wrap.wrap1{margin-bottom: 28px;}
.sns_notice_wrap.wrap2{}
.notice_cont{width: 287px;
    padding: 20px; box-sizing: border-box; background: #fff;}
.notice_cont:last-child{margin-right: 0;}
 
.notice_cont img{width: 250px; height: 141px; margin-bottom: 10px;}
.notice_cont .text_cont{font-weight: 400;
    font-size: 16px;  line-height: 26px;}

.text_cont h5.title{color: #393f46; margin-bottom: 15px; text-align: left;}
.text_cont p.date{color: #777779; text-align: right;}

/*
button{margin-top: 70px; 
    width: 109px; height: 109px; border-radius: 50%; background: #5d5e61;}
*/

button a{display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    width: 100%; height: 100%; color:#fff; font-size: 15px;}
button a span{letter-spacing: -2px;margin-bottom: 3px;}
button a i.fa-solid{font-size: 10px; width: 10px; height: 10px; }


/* footer */
/*footer>div{border: none;}*/
/*footer ul{overflow: hidden; padding-top: 30px;}*/
footer ul li{float: left;}
footer p{text-transform: uppercase;
    font-size: 12px; font-weight: 300; color: #939393; margin-top: 15px; line-height: 20px;}
footer ul li{position: relative; margin-right: 25px;}
footer ul li:last-child{margin-right: 0;}
/*
footer ul li:after{content: ""; position: absolute;right:-13px; top:3px; height: 13px; width: 1px;  background: #d8d8d8;}
footer ul li:last-child:after{display: none;}
*/
footer ul li a{font-size: 13px; color: #3a3a3a; letter-spacing: -1px;}
footer ul li a strong{font-size: 13px; color: #ee4124;}




/* people.html 영역 */
#good_people {}
#good_people .container{text-align: center;}
.good_people_wrap{}
.good_p_cont{display: flex; justify-content: space-between;
    width: 100%; height: 260px; background: #fff; margin-bottom: 17px; padding: 30px; box-sizing: border-box;}

a.good_p_cont{cursor: pointer;}
.good_p_cont .img_wrap{margin-right: 40px;
    width: 200px; height: 200px; background: #f2f2f2; display: flex; justify-content: center; align-items: center;}
.good_p_cont .img_wrap img{width: 100%;}
.good_p_cont .img_wrap img.png_logo{width: 96px; height: 96px;}

.good_p_cont .text_wrap{width: 900px; height: 200px; text-align: left;}
.good_p_cont .text_wrap h3{font-size: 26px; color:#393f46; font-weight: 600; line-height: 35px;margin-bottom: 5px;
letter-spacing: -1px;}
.good_p_cont .text_wrap h4{letter-spacing: -1px;
    font-size: 18px; color: #999999; line-height: 30px; height: 90px; width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; margin-bottom: 15px;}
.good_p_cont .text_wrap span{font-size: 16px; color:#777779; display: block; text-align: right;  }

button.more_btn2{margin-top: 35px;}