/* 서브타이틀 미적용 */
#sub_title_wrap {display: none;}

/* -------- #gre_sec1 ---------- */
.subpage > section {padding: 100px 0; position: relative;}
#gre_sec1 {overflow: hidden;}
#gre_sec1 .sub_inner { width: 1400px; margin:0 auto; position: relative; padding:0 50px;}

/*Content CSS*/

#gre_sec1 {z-index: 1; position: relative; text-align: center; padding:130px 0 340px 0;}
#gre_sec1::before {content: ''; display: block; width:100%; height: 900px; position: absolute; z-index: -1; left: 0;bottom: 0; background: #f7f7f7; background:url("../img/gre_bg.jpg") 50%/cover no-repeat;}
#gre_sec1 article > div {width: 100%; background: #fff; padding:0 50px 100px;}
#gre_sec1 .title {position: relative; padding:20px 70px 0; background: #fff; margin: -40px auto 0 ; width: calc(100% - 190px); z-index: 1; width: fit-content}
#gre_sec1 .title > img {position: absolute; top:0;     -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;
z-index: -1;}
#gre_sec1 .title > img.left {left:-70px; top: 20px;}
#gre_sec1 .title > img.right {right:-70px; top: 20px;}
#gre_sec1 .title h2 {font-weight: 500; margin-bottom: 73px;}
#gre_sec1 .title h2 b {font-weight: 800; color: #09883a;}
#gre_sec1 .line {display: flex; justify-content: center;margin:50px 0;}

/* font size */
#gre_sec1 .fs_51 {font-size: 51px; font-weight: 800; line-height: 1.5; }
#gre_sec1 .fs_30_up {font-size: 30.5px; font-weight:700; line-height: 1.3;  color:#000;  }
#gre_sec1 .fs_20_up {font-size: 20.5px; font-weight:300; line-height: 1.9; color:#000; font-family: 'Pretendard', sans-serif;}
#gre_sec1 h3 {font-size: 20.5px; font-weight: 600; color:#000; font-family: 'Pretendard-SemiBold'; margin-top: 48px;}
#gre_sec1 h3 b {font-size: 30.5px; font-weight:700; font-family: 'Pretendard-Bold';}

/* 공용 */
.fs_54 {font-size: 54px;}
.sub_tit {margin-bottom: 80px;}
.sub_tit h2 {text-align: center; font-weight: 700; color: #000; }
.sub_tit h4 {text-align: center; color: #09883a; font-size: 23.5px; font-weight: 700; text-transform: uppercase; margin-bottom: 21px;}
.sub_tit p {margin-top: 30px; color: #333; font-weight: 300}

/* -------- #his_sec2 ---------- */
#his_sec2 {overflow: hidden;}
#history > section {padding: 100px 0 150px; position: relative;}
#his_sec2 .subpage { overflow: hidden; position:relative;text-align: center;}
/* #his_sec2 .subpage > section {padding: 90px 0; position: relative; } */
#his_sec2 .subpage > section:nth-child(even) {background-color: #f9f9f9;}
#his_sec2 .subpage article + article {margin-top: 90px;}
#his_sec2 .sub_inner { max-width: 1400px; width: 100%; margin:0 auto; position: relative; padding:0 50px; }
#his_sec2 .his_list_wr .his_list > li::before {content: ''; display: block; width: 7px; height: 1px; background-color: #333; position: absolute; left: 0; top:17px; }
/* bg_img */
#his_sec2 span {display: block; position: absolute; background-position: 100%;}
#his_sec2 .bg_img_1 {background: url("../img/his_bg_img1.png"); width: 367px; height: 367px; top: 413px; left: 109px; background-size: contain; background-repeat: no-repeat;}
#his_sec2 .bg_img_2 {background: url("../img/his_bg_img2.png"); width: 428px; height: 655px; top: 92px; right: 0; background-size: contain; background-repeat: no-repeat;}
#his_sec2 .bg_img_3 {background: url("../img/his_bg_img3.png"); width: 396px; height: 655px; bottom: 118px; left: 0; background-size: contain; background-repeat: no-repeat;}
#his_sec2 .bg_img_4 {background: url("../img/his_bg_img4.png"); width: 367px; height: 367px; bottom: 534px; right: 86px; background-size: contain; background-repeat: no-repeat;}
/* font size */
#his_sec2 .fs_35 {font-size: 35px;}
#his_sec2 .fs_21 {font-size: 21px;}
#his_sec2 .his_list_wr {width: 100%; position: relative; text-align: left; z-index: 1; padding: 45px 0px 80px;}
#his_sec2 .his_list_wr::before {content: ''; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; top:0; left:50%; transform:translateX(-50%); z-index: -1; }
#his_sec2 .his_list_wr > li {width: 50%; display: flex; justify-content: flex-start; text-align: left; margin-left:calc(50% - 9px);  flex-direction: row;
align-items: flex-start; margin-bottom: 25px;}
#his_sec2 .his_list_wr > li:nth-child(even) {margin-bottom: 70px;}
#his_sec2 .his_list_wr > li:last-child {margin-bottom: 0;}
#his_sec2 .his_list_wr > li:nth-child(even):last-child {margin-bottom: 0;}
#his_sec2 .his_list_wr .his_dot {display: flex; align-items: center;flex-direction: row-reverse;  }
#his_sec2 .his_list_wr .his_dot .dot {display:block; border-radius: 50%; position: relative; width: 17px; height: 17px; background:url("../img/dot.png") 100%/contain no-repeat;}
#his_sec2 .his_list_wr .his_dot .dot_re {display:block; border-radius: 50%; position: relative; width: 15px; height: 15px; background:url("../img/dot_re.png") 100%/contain no-repeat; margin-right: 1px;}
#his_sec2 .his_list_wr .his_txt {position: relative; top:-16px; margin-left: 24px; }
#his_sec2 .his_list_wr .his_txt h1 {font-weight:700; color:#09883a; margin:0 0 25px; }
#his_sec2 .his_list_wr .his_list > li {margin-bottom:5px; position:relative; line-height:26px;}
#his_sec2 .his_list_wr .his_list > li:last-child {margin-bottom: 0; }
#his_sec2 .his_list_wr .his_list > li > div {padding: 0 17px;}
#his_sec2 .his_list_wr .his_list p {font-weight: 300; color:#333;  word-break: keep-all; letter-spacing: -.7px; position: relative; line-height: 1.6; margin-bottom: 5px;}

/* -------- #cer_sec3 ---------- */
#certification {background-color: #f4f4f4; border-bottom: 1px solid #ccc; overflow: hidden;}
#certification > section {padding: 130px 0 170px; position: relative;}
#certification .sub_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; }
#cer_sec3 .img {background-color: #fff; text-align: center; border:1px solid #ccc; }
.cer_list {display: flex; flex-wrap:wrap; text-align: left; }
.cer_list li {width: calc(20% - 20px); margin-right:25px; }
@media screen and (min-width: 1025px) {
.cer_list li:nth-child(5n) {margin-right: 0;}
.cer_list li:nth-child(n+5) {margin-top: 0}
.cer_list li:nth-child(n+6) {margin-top: 50px}
}
.cer_list li a {display: block; position: relative; border:1px solid #ccc; overflow: hidden; transition: border-color .3s;}
.cer_list li a .hv {width: 100%; height: 100%; position: absolute; left: 0; top:0; transition: opacity .3s; opacity: 0; border:2px solid #09883a ;}
.cer_list li a:hover {border-color: #09883a; }
.cer_list li a:hover .hv {opacity: 1;}

@media screen and (min-width:1025px) {
/* sec2_reverse */
#his_sec2 .his_list_wr > li:nth-child(odd) .his_list li {padding-left: 13px;}
#his_sec2 .his_list_wr > li:nth-child(even) .his_list li {padding-right: 13px;}
#his_sec2 .his_list_wr > li:nth-child(even) { margin-left:9px; flex-direction: row-reverse; text-align: right; align-items: flex-start; }

#his_sec2 .his_list_wr > li:nth-child(even) .his_dot {flex-direction: row;}
#his_sec2 .his_list_wr > li:nth-child(even) .his_txt {margin-right: 24px; }
#his_sec2 .his_list_wr > li:nth-child(even) .his_list > li::before {left: auto; right: 0;}
#his_sec2 .his_list_wr > li:nth-child(even) .his_list h3 {margin:0 0 0 17px;}
}

@media screen and (max-width: 1520px) {
/* -------- #gre_sec1 ---------- */
#gre_sec1 {padding: 125px 0 200px 0;}
#gre_sec1::before {height: 780px;}
#gre_sec1 .sub_inner {width: 100%; padding: 0 80px;}
#gre_sec1 .title > img {height: 55px;}
#gre_sec1 .title > img.left {left: -40px;}
#gre_sec1 .title > img.right {right: -40px;}
#gre_sec1 .title h2 {font-size: 40px; margin-bottom: 40px;}
}

@media screen and (max-width:1450px){
/* 공용 */
.fs_54 {font-size: 52px;}

/* -------- #his_sec2 ---------- */
#his_sec2 .fs_35 {font-size: 32px;}
#his_sec2 .fs_21 {font-size: 19px;}
#his_sec2 .his_list_wr .his_list > li::before {top:14px;}
}

@media screen and (max-width:1300px){
/* -------- #gre_sec1 ---------- */
#gre_sec1 {padding: 125px 0 120px 0;}
#gre_sec1::before {height: 600px;}
#gre_sec1 .sub_inner {width: 100%; padding: 0 50px;}
#gre_sec1 .title h2 {font-size: 30px;}
#gre_sec1 .fs_20_up {font-size: 17px;}
#gre_sec1 h3 {font-size: 18px;}
#gre_sec1 h3 b {font-size: 25px;}
#gre_sec1 article > div {padding: 0 50px 80px;}

/* 공용 */
.fs_54 {font-size: 50px;}
.sub_tit h4 {font-size: 20px;}

/* -------- #his_sec2 ---------- */
#his_sec2 .fs_35 {font-size: 30px;}
#his_sec2 .fs_21 {font-size: 18px;}

#his_sec2 .bg_img_1 {height: 270px; left: 50px;}
#his_sec2 .bg_img_4 {height: 270px; right: -37px;}
#his_sec2 .bg_img_2 {width: 365px;}
#his_sec2 .bg_img_3 {width: 300px;}
#his_sec2 .his_list_wr .his_list > li::before {width: 6px; height: 1px; left: 0; top:13px; }
}

@media screen and (max-width:1024px){
/* -------- #gre_sec1 ---------- */
#gre_sec1 .sub_inner { padding: 0 50px; }
#gre_sec1 .sub_p {font-size: 16px; line-height: 24px; }
#gre_sec1 .sub_p br:not(.mob) {display: none;}
/* content */
#gre_sec1 {padding: 100px 0;}
#gre_sec1 article > div {padding: 0 50px 50px;}
#gre_sec1 .line {justify-content: space-between; width: 100%; max-width: 500px; margin:40px auto;}
#gre_sec1 h3 {font-size: 18px; }
#gre_sec1 h3 b {font-size: 26px; }
#gre_sec1::before {height: 400px;}
#gre_sec1 .title h2 {font-size: 25px;}
#gre_sec1 .title > img {height: 40px;}
#gre_sec1 .title > img.left {left: -20px;}
#gre_sec1 .title > img.right {right: -20px;}
#gre_sec1 h3 {font-size: 16px;}
#gre_sec1 h3 b {font-size: 22px;}
#gre_sec1 .fs_51 {font-size: 25px;}
#gre_sec1 .fs_30_up {font-size: 25px;}
#gre_sec1 .fs_20_up {font-size: 16px;}

/* -------- #his_sec2 ---------- */
.subpage > section {padding: 80px 0}
#history > section {padding: 50px 0;}
#his_sec2 .subpage {text-align: center;}
#his_sec2 .subpage > section {padding: 70px 0; }
#his_sec2 .subpage article + article {margin-top: 70px;}
#his_sec2 .sub_inner {padding:0 30px;}
#his_sec2 .his_list_wr {padding: 40px 30px; }
#his_sec2 .his_list_wr::before { left: 38px; transform: translateX(0);}
#his_sec2 .his_list_wr > li {margin-left: 0; width: 100%;}
#his_sec2 .his_list_wr .his_list > li::before { top: 9px;}
#his_sec2 .his_list_wr .his_txt {top: -11px; width: 100%; margin-left: 20px;}
#his_sec2 .his_list_wr .his_txt h1 {margin: 0 0 15px;}
#his_sec2 .his_list_wr .his_list h3 {min-width: 42px; margin-right: 10px;}

/* 공용 */
.fs_54 {font-size: 35px;}
.sub_tit {margin-bottom: 40px;}
.sub_tit h4 {font-size: 18px; margin-bottom: 10px;}

#his_sec2 .fs_35 {font-size: 26px;}
#his_sec2 .fs_21 {font-size: 17px;}
#his_sec2 .his_list_wr > li {margin-bottom: 35px;}
#his_sec2 .his_list_wr > li:nth-child(even) {margin-bottom: 35px;}
#his_sec2 .his_list_wr > li:last-child {margin-bottom: 0}
#his_sec2 .his_list_wr .his_list > li {padding-left: 10px;}
#his_sec2 .his_list_wr .his_list > li::before {width: 5px; height: 1px; left: 0; top:12px; }

#his_sec2 .bg_img_1 {height: 190px; left: 25px; top: 399px;}
#his_sec2 .bg_img_4 {height: 190px; right: -150px; bottom: 574px;}
#his_sec2 .bg_img_2 {width: 220px; top: 157px;}
#his_sec2 .bg_img_3 {width: 220px; bottom: -75px;}

#his_sec2 .his_list_wr .his_dot .dot_re {width: 15px; margin-right: 0; margin-left: 1px;}
#his_sec2 .his_list_wr .his_dot .dot {width: 16px;}

/* -------- #cer_sec3 ---------- */
#certification > section {padding: 50px 0;}
.cer_list li {width: calc(25% - 11.25px); margin-right:15px; }
@media screen and (min-width: 769px) {
.cer_list li:nth-child(4n) {margin-right: 0;}
.cer_list li:nth-child(n+5) {margin-top: 50px; }
}
.cer_list li p::before {top:5px;}
}

@media screen and (max-width:768px){
/* -------- #gre_sec1 ---------- */
#gre_sec1 .sub_inner {padding: 0}

/* -------- #cer_sec3 ---------- */
#certification .sub_inner {padding: 0 30px;}
.cer_list li {width: calc(33.3% - 10px); margin-right:15px; }
@media screen and (min-width: 641px) {
.cer_list li:nth-child(3n) {margin-right: 0;}
.cer_list li:nth-child(n+4) {margin-top: 50px; }
}
}

@media screen and (max-width:640px){
/* -------- #gre_sec1 ---------- */
#gre_sec1 {padding: 90px 0 120px 0;}
#gre_sec1 article > div {padding: 0 20px 40px;}
#gre_sec1 .title {padding: 20px 0 0}
#gre_sec1 .title > img {height: 20px;}
#gre_sec1 .title > img.left {left:-33px;}
#gre_sec1 .title > img.right {right:-33px;}
#gre_sec1 .title h2 {font-size: 20px; line-height: 28px;}
#gre_sec1 h3 {font-size: 15px; margin-top: 30px;}
#gre_sec1 h3 b {font-size: 17px; }
#gre_sec1 .line {margin: 20px auto 30px;}
#gre_sec1 .title h2 {margin-bottom: 30px;}
#gre_sec1 h3 {margin-top: 20px;}
#gre_sec1 .fs_51 {font-size: 27px;}
#gre_sec1 .fs_30_up {font-size: 20px;}
#gre_sec1 .fs_20_up {font-size: 15px;}

/* sub_top_menu */
#sub_top_menu{display: block; height: auto; }
#sub_top_menu ul {flex-wrap: wrap;}
#sub_top_menu ul li {flex:inherit; width: 33.3%;}
#sub_top_menu ul li a { padding: 12px 10px; font-size: 13px; margin-left: -1px;}
#sub_top_menu ul li:nth-child(n+4) {border-top: 1px solid #ddd; width: 50%;}

/* -------- #his_sec2 ---------- */
.subpage > section {padding: 50px 0;}
#his_sec2 .sub_inner {padding: 0px 20px;}
#his_sec2 .bg_img_1 {height: 157px; left: 25px; top: 399px;}
#his_sec2 .bg_img_4 {height: 164px; right: -179px; bottom: 574px;}
#his_sec2 .bg_img_2 {width: 161px; top: 157px;}
#his_sec2 .bg_img_3 {width: 166px; bottom: -75px;}
#his_sec2 .his_list_wr {padding: 20px 0;}
#his_sec2 .his_list_wr > li {margin-bottom: 30px;}
#his_sec2 .his_list_wr > li:nth-child(even) {margin-bottom: 30px;}
#his_sec2 .fs_35 {font-size: 20px;}
#his_sec2 .fs_21 {font-size: 16px;}
#his_sec2 .his_list_wr .his_dot .dot_re {width: 12px;}
#his_sec2 .his_list_wr .his_dot .dot {width: 13px;}
#his_sec2 .his_list_wr::before {left: 6px;}

/* 공용 */
.fs_54 {font-size: 28px;}
.sub_tit h4 {font-size: 17px; margin-bottom: 5px;}

/* -------- #cer_sec3 ---------- */
#certification .sub_inner {padding: 0 20px;}
.cer_list li {width: calc(50% - 5px); margin-right: 10px; }
.cer_list li:nth-child(2n) {margin-right: 0;}
.cer_list li:nth-child(n+3) {margin-top: 30px; }
.cer_list li p::before {width: 5px; height: 5px;}
}

@media screen and (max-width: 480px) {
/* -------- #gre_sec1 ---------- */
#gre_sec1 {padding: 60px 0;}
#gre_sec1 .title {padding:20px 0px 0;}
#gre_sec1 .title h2 {font-size: 15px; line-height: 28px; margin-bottom: 20px;}
#gre_sec1 .title > img {height: 15px}
#gre_sec1 .title > img.left {left:-25px;}
#gre_sec1 .title > img.right {right:-25px;}
#gre_sec1 .sub_p {line-height: 22px;}
#gre_sec1 h3 {font-size: 13px; margin-top: 20px;}
#gre_sec1 h3 b {font-size: 15px; }
#gre_sec1 .fs_20_up {font-size: 14px;}

/* 공용 */
.fs_54 {font-size: 25px;}

/* -------- #his_sec2 ---------- */
#his_sec2 .bg_img_1 {height: 130px; left: 10px; top: 399px;}
#his_sec2 .bg_img_4 {height: 130px; right: -230px; bottom: 574px;}
#his_sec2 .bg_img_2 {width: 140px; top: 157px;}
#his_sec2 .bg_img_3 {width: 140px; bottom: -75px;}
#his_sec2 .his_list_wr .his_txt {margin-left: 15px;}
#his_sec2 .fs_35 {font-size: 18px;}
#his_sec2 .fs_21 {font-size: 15px;}
#his_sec2 .sub_tit h4 {font-size: 15px;}
#his_sec2 .sub_tit {margin-bottom: 35px;}
}