/*Content CSS*/
#about{overflow: hidden;}
section > article{padding: 50px 0;}
section > article:nth-of-type(even){background-color: #f7f7f7;}


.sub_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto;}
@font-face {
    font-family: 'Yedang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_11@1.0/Yedang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.fs_50{font-size: 35px; font-family: 'Yedang'; letter-spacing: -1.25px;}
.fs_48{font-size: 30px; font-weight: 700; line-height: 1;}
.fs_30{font-size: 20px; font-weight: 300; line-height: 1.4; color: #fff;}
.fs_23{font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: -.58px;}
.fs_23 span{color: #46b035;}
.fs_22{font-size: 18px; font-family: 'Poppins'; font-weight: 600; line-height: 1; color: #fff;}
.fs_20{font-size: 17px; font-weight: 700; letter-spacing: -.5px;}
.fs_17{font-size: 15px; font-weight: 300; line-height: 1.7; letter-spacing: -.45px;}
.fs_16{font-size: 14px; font-weight: 400; line-height: 1.7;}

/* title */
.tri{position: relative; padding-left: 15px;}
.tri::before{content: ''; display: block; width: 18px; height: 18px; background: url('../img/tit_tri.png') 50% / cover no-repeat; position: absolute; top: -10px; left: 0;}

/* sec1 */
.wrap{width: 100%; height: 200px; background: url('../img/about_bg.jpg?v=240111') 50% / cover no-repeat; margin-top: 30px; position: relative;}
.wrap h4{width: calc(100% - 50px); padding: 20px ; background-color: rgba(70, 176, 53,.94); position:absolute;left: 0; bottom: 20px; z-index: 1;}
.wrap h4::before{content: ''; display: block; width: 60px; height: 100%; position: absolute; top: 0; left: -60px; background-color: #46b035;}
.text{margin-top: 30px; text-align: center;}
.text br{display: none;}
.text p{margin-top: 23px; padding-top: 30px; border-top: solid 1px #ddd;}
.text .sign{margin-top: 15px; display: flex; align-items: center; justify-content: center;;}
.text .sign span + span{display: inline-block; margin-left: 10px;}

/* sec2 */
.dot_list{margin-top: 30px; display: flex; flex-wrap: wrap;}
.dot_list li{width: calc(50% - 5px); margin-right: 10px;}
.dot_list li:nth-child(2n){margin-right: 0;}
.dot_list li:nth-child(n+3){margin-top: 20px;}
.dot_list li .img{border: solid 1px #ddd; position: relative; transition: .3s; }
.dot_list li .img img{width: 100%;}
.dot_list li .img::before{content: ''; display: block; width: 100%; height: 100%; border: solid 2px #46b035; opacity: 0; position: absolute; top: 0; left: 0; transition: .3s;}
.dot_list li a:hover .img{border-color: #46b035;}
.dot_list li a:hover .img::before{opacity: 1;}
.dot_list li p{position: relative; padding-left: 8px; margin-top: 13px;}
.dot_list li p::before{content: ''; display: block; width: 4px; height: 4px; background-color: #333; position: absolute; top: 9px; left: 0;}

/* sec3 */
.map_wrap{margin-top: 30px;}
.loca_list{width: calc(100% - 40px); margin: -87px auto 0; position: relative; z-index: 1;}
.loca_list li{background-color: #313930; padding: 15px; text-align: center; border-bottom: solid 1px rgba(255,255,255,.2); transition: .3s;}
.loca_list li:last-child{border-bottom: 0;}
.loca_list li p{line-height: 1.7; color: rgba(255,255,255,.8);}
.loca_list li i{width: 30px; min-height: 32px; line-height: 32px; display: inline-block; transition: .5s;}
.loca_list li h4{margin: 15px 0 7px;}
.loca_list li:hover{background-color: #46b035;}
.loca_list li:hover i{transform: rotateY(180deg);}
.loca_list li br{display: none;}