/*공통*/
/* #about {overflow: hidden;} */
.sub_con_wrap {width:100%;}
.sub_con {width:100%; margin:0 auto; padding:50px 15px;}
.sub_con_pattern {width:100%; background: url('../img/busin1_bg.png') 50% 50%;}
.res_img {max-width:100%; height:auto;}

/*Content CSS*/
.about_found {text-align: center;}
.about_found  h1 {font-size:38px; font-weight: 400; color:#2d2d2d; font-family: 'RIDIBatang';}
.about_found  h1 img {margin-bottom:8px;}
.about_found div > p {font-size:16px; font-weight: 400; color:#2d2d2d; line-height: 28px;  font-family: 'RIDIBatang'; margin-top:30px; word-break: keep-all;}
.about_found .f_line {display: block; width:2px; height:60px; background: #ccc; margin:30px auto 15px;}
.about_found .f_rec {display: block; width:10px; height:10px; border:2px solid #ccc; transform: rotate(45deg); margin:0 auto 50px;}

.about_found ul {width:100%;}
.about_found ul li {background: #fff; padding:20px 15px; border-bottom:1px solid #ddd; display: flex; text-align: left; flex-direction: column; transition: all .3s ease;}
.about_found ul li p {display: flex; align-items: flex-start; font-size:15px; font-weight: 300; color:#666; line-height: 25px; letter-spacing: -.5px; word-break: keep-all;}
.about_found ul li p i {font-size:22px; color:#7ac141; margin-right:10px; margin-top:2px;}
.about_found ul li p b {font-weight: 500; color:#333; font-size:16px;  font-family: 'RIDIBatang'; word-break: keep-all; display: block; margin-bottom:5px;}
.about_found ul li > div {margin-top:20px; display: flex; flex-direction: column; align-items: center;}
.about_found ul li > div span {display: block; padding:6px 20px; background: #7ac141; text-align: center; color:#fff; font-size:15px; border-radius: 30px;
min-width: 185px; transition: all .3s ease; letter-spacing: -.5px; max-width:185px;}

.law_head {width:100%; background-color: #7ac141; color:#fff; padding:10px 20px; text-align: left;}
.law_head h1 {font-size:22px; color:#fff;}
.law_head h1 img {margin-bottom:0; margin-right:5px; height:30px;}
.found_txt {position: relative; display: inline-block;}
.found_txt .apostrophe1 {left:0; top:-30px; position: absolute;}
.found_txt .apostrophe2 {right:0; bottom:-20px; position: absolute;}


.about_sec1 .about_img  {display: flex; justify-content: center; flex-wrap:wrap;  text-align: center;}
.about_sec1 .about_img li {border:2px solid transparent; transition: all .3s ease; overflow: hidden; width:100%;}
.about_sec1 .about_img li img {width:100%; transform: scale(1); transition: all .3s ease;}
.about_sec1 .about_img li:last-child {margin-top:10px;}

.about_sec2 {text-align:center;}
.about_sec2 h1 {font-weight: 400; color:#4e9815; line-height: 38px; font-size:22px; position: relative; font-family: 'RIDIBatang'; display: inline-block;
word-break: keep-all;}
.about_sec2 p {font-size:16px; font-weight: 400; color:#2d2d2d; line-height: 28px; font-family: 'RIDIBatang'; margin-top:50px; position: relative; display: inline-block;
word-break: keep-all;}
.about_sec2 span {font-size:20px; display: block; margin-bottom:10px;}
.about_sec2 img {position: absolute; }
.about_sec2 img.apostrophe1 {left:0; top:-20px;}
.about_sec2 img.apostrophe2 {right:0px; bottom:-20px;}

.about_sec3 {width:100%; height:auto; background: #68a437; margin-bottom:50px;}
.about_sec3 .sub_con {display: flex; flex-direction: column; padding:0}
.sec3_img {width:100%;  background: #fff; padding:20px 0; text-align: center; border-top:1px solid #eee;}
.sec3_img img {height:110px;}
.sec3_txt {padding:40px 15px;}
.sec3_txt h2 {font-size: 16px; font-weight: 400; color:#fefefe; line-height: 2.4; font-family: 'RIDIBatang';}
.sec3_txt span {display: block; color:#d9feba; font-size:16px; font-weight: 400; line-height: 28px; font-family: 'RIDIBatang'; margin-top:25px; word-break: keep-all;}
.sec3_txt p {font-size:20px; font-weight: 400; color:#fff; line-height: 32px; font-family: 'RIDIBatang'; word-break: keep-all; margin-top:5px;}

/* about_history*/
.his_head {width:100%; height:280px; background: url('../img/his_head.jpg') 50% 50% no-repeat; background-size:cover; text-align: center; padding-top:80px;}
.his_head >span {display: block; width:70px; height:1px; background: #fff; margin:0 auto 30px;}
.his_head h1 {font-size:30px; color:#fff; font-family: 'RIDIBatang'; font-weight:400;}
.about_history .sub_con{ margin:-80px auto 0; background: #fff; width:90% !important; padding:40px 30px 60px 30px; display: flex; width:100%; flex-wrap:wrap;}

.his_article {position: relative; width: 100%; margin-top: 0;}
.his_article::before {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 96%;
    background: #ddd;
    top: 20px;
    left: 0;
}
.his_article > ul > li {width: 100%; margin-bottom: 50px;}
.his_r_box { width: 100%; text-align: left; padding-left: 65px; position: relative; left:0px;}
.his_bar {position: absolute;top: 10px; left: -4px; display: block; width:10px; height:10px; background: #7ac141; border-radius: 50%;}
.his_bar::before { content: ""; display: block;  position: absolute;  width:40px; height:1px; background: #7ac141; right:-40px; top:4px; }
.his_bar2 {position: absolute;top: 10px; right: -4px;}

.his_article h1 {font-size: 24px; font-weight: 400;  color:#333; font-family: 'RIDIBatang'; padding-top:4px;}
.his_txt {margin-top: 25px;}
.his_txt ul li {margin-bottom: 10px; font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; display: flex; align-items: flex-start; word-break: keep-all; padding-left:5px; word-break: keep-all;}
.his_txt ul li b {font-weight: 400; color:#333; font-size:16px; font-family: 'RIDIBatang'; margin-right:15px; }
.his_txt ul li:last-child {margin-bottom: 0;}
.his_txt div {display: inline-block;margin-right: 15px; font-size: 18px; font-weight: 700; color:#197cfa; vertical-align: top}
.his_txt p {display: inline-block; font-size: 16px; font-weight: 400; color:#333; line-height: 26px; vertical-align: top}



/* .history li {display: flex; width:100%; border-bottom:1px solid #ddd; padding:20px 0; align-items: flex-start; flex-wrap:wrap;}
.history li:last-child {border-bottom:0;}
.history li:first-child {border-top:1px solid #ddd;}
.history li .his_y {display: inline-block; padding:10px 60px; background: #7ac141; border:2px solid #7ac141;}
.history li .his_y h2 {color:#fff; font-size:35px; font-weight: 400;  font-family: 'RIDIBatang';}
.history .his_c > div {display: flex; flex-wrap:wrap; margin-bottom:30px;}
.history .his_c > div:first-child {padding-top:20px;}
.history .his_c > div:last-child {margin-bottom:10px;}
.history .his_c > div p {padding-top:3px;}

.history li:nth-child(even) .his_y {border:2px solid #7ac141; background: #fff;}
.history li:nth-child(even) .his_y h2 {color:#7ac141;}
.history li .his_m {font-size:25px; color:#2d2d2d; font-weight: 400;  font-family: 'RIDIBatang'; margin-left:80px;}
.history li p {font-size:16px; font-weight: 300; color:#666;margin-left:50px; display: flex; align-items: flex-start;}
.history li p > span {display: block; width:10px; height:10px; border:2px solid #ccc; transform: rotate(45deg); margin-right:15px; margin-top:8px;} */

@media screen and (max-width: 600px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {


@media screen and (max-width: 640px) {

}