@charset "utf-8";

section + section {margin: 120px 0;}

.corp_greet {position: relative;margin-bottom: 120px;}
.corp_greet:before {content:""; position:absolute; left:0; top:20%; background-color:#f7f7f7; width:100%; height:80%; z-index:-1}
.corp_greet .greet_wrap {display: flex;justify-content: center;gap: 5%;padding-bottom: 120px;}
.corp_greet .ceo {
    width: 30%;
}
.corp_greet .ceo p {
    padding-top: 1rem;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
}
.corp_greet .ceo strong {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 10px;
    padding-left: 1rem;
}
.corp_greet .ceo img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 2rem;
}
.greet_txt {width:70%;}
.greet_txt h4 {
    text-align: left;
    line-height: 150%;
    /* margin-bottom: 0; */
}
.greet_txt h4:after {display:none}
.greet_txt h4 span {color:var(--color-main)}
.greet_txt p {
    line-height: 160%;
    font-size: 19px;
}
.greet_txt p + p {padding-top:1rem}
.roundbox {padding: 3rem 3rem 4rem;border:1px solid #ddd;display: flex;flex-wrap: wrap;gap: 1rem 2%;border-radius: 2rem;position: relative;margin-top: 2rem;}
.roundbox dl {
    display: flex;
    gap: 0 1rem;
    align-items: center;
    width: 42%;
}
.roundbox dt {
    background-color: #f7f7f7;
    color: var(--color-main);
    width: 25%;
    font-weight: 500;
    border-radius: 2rem;
    padding: .8rem 1rem;
    text-align: center;
}
.roundbox dd {
    width: 75%;
}
.roundbox dl.wd50 {width: 56%;}
.link_btn {position:absolute;right: -1px;bottom: -1px;background-color: var(--color-black);border-radius: 2rem 0 2rem 0;width: 250px;height: 68px;transition: .4s;}
.link_btn:hover {background-color:var(--color-main)}
.link_btn a {color:#fff;display: inline-flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.link_btn a i {margin-right:1rem}
.corp_sec2 {}
.sec_top {
    position: relative;
    padding: 2rem 0 6rem;
    margin-bottom: 1rem;
}
.sec_top span {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.mv_box {
    padding: 3rem 0 2rem;
    /* border: 1px solid #ddd; */
    border-radius: 2rem;
    position:relative;
    width: 100%;
    background-color: #ffffff;
}
.mv_box strong {background-color:#76A4F2;color:#fff;position:absolute;top:0;left:50%;margin-top: -2rem;width:260px;text-align:center;transform: translateX(-50%);padding: 1rem;border-radius: 2rem;font-size: 22px;font-weight: 500;}
.mv_box p {text-align:center;line-height: 1.5;} 
.mv_box.est_box {
    border-radius: 5rem;
    width: 100%;
    /* margin-bottom: 8rem; */
    /* margin-top: 5rem; */
    padding: 4rem 3rem 3rem;
}
.mv_box.est_box strong {background-color:var(--color-main)}
.mv_box.est_box p {font-size:20px;font-weight: 500;word-break: keep-all;}
.share {
    display: flex;
    gap: 5%;
}
.share > li {width: 100%;}
.share .mv_box {height: 100%;display: flex;align-items: center;justify-content: center;}
.mv_box ul {
}
.mv_box ul li {margin:.3rem 0;}
.history_wrap {display:flex}
.history_wrap .history_tit {width: 30%;}
.history_wrap .history_li {width: 70%;}
.history_li {}
.history_li dl {display:flex;/* padding: .5rem 0; */}
.history_li dt {width:20%;color:var(--color-main);font-size: 22px;font-weight: 600;position: relative;padding: 1rem 0;}
.history_li dd {width:80%;padding: 1rem 0;position: relative;padding-left: 4rem;}
.history_li dd:before {content:"";position:absolute;width:1px;height: 100%;background-color: #ddd;left:0;bottom: 0;}
.history_li dd:after {content:"";width: 14px;height: 14px;position:absolute;background-color:#fff;border: 2px solid #ddd;border-radius:50%;left: 0;top:50%;transform:translateY(-50%);margin-left: -7px;z-index: 1;}
.history_li dl:first-child dd::before {height:50%}
.history_li dl:last-child dd::before {height:50%; top:0} 
.corp_sec4 {margin-bottom:0}
.bz {display:flex;background-color: #fff;border-radius: 2rem;padding: 3rem;justify-content: center;}
.bz span {display: inline-flex;width: 200px;align-items: center;margin-right: 4rem;}
.bz span img {object-fit:contain; width:100%}
.bz_box {width: 74%;/* background-color:#fff; *//* padding: 3rem; */border-radius: 2rem;}
.bz_box .bz_list {display:flex;flex-wrap:wrap;justify-content: center;}
.bz_box .bz_list li {width: 45%;}
.bz_box .bz_list li:first-child {margin-top:.5rem}


/* PC */ 
@media all and (min-width:1200px) and (max-width: 1400px)  {
    .history_wrap .history_tit {width:25%}
    .bz {flex-wrap:wrap;padding: 2rem;gap: 2rem;/* justify-content: flex-start; */display: flex;align-items: flex-start;}
    .bz span {width: 12%;margin-right: 3rem;}
    .bz_box {width: 79%;}
    .bz_box .bz_list {gap: 0;justify-content: left;}
    .bz_box .bz_list li {width: 50%;/* width: auto; */margin-left: 0;}
}
@media all and (max-width:1100px) {
	.roundbox {padding:2rem 1.5rem}
	.roundbox dl, .roundbox dl.wd50 {width: 100%;}
	.history_wrap .history_tit {width:25%}
    .history_li dt {width: 25%;}
    .history_li dd {padding-left:2rem;}
    .bz {flex-wrap:wrap;padding: 2rem;gap: 2rem;/* justify-content: flex-start; */}
    .bz span {width: 21%;margin-right: 0;}
    .bz_box {width: 100%;}
    .bz_box .bz_list li {width: 48%;/* width: auto; */margin: .3rem 0;}
}
/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ 
@media all and (max-width:1023px) {
    .corp_greet:before {top:15%}
    .greet_txt h4 {word-break: keep-all;font-size: 24px;}

    .corp_greet .ceo p {font-size:1rem}
	.roundbox dt {width:18%}
	.roundbox dd {width:80%}
	.share {gap:1rem;}
	.history_wrap {flex-wrap:wrap;}
	.history_wrap .history_li {width:100%}
	.history_li dt {width: 20%}
    .corp_sec4 {padding:6rem 3%}
	.bz {
    display: flex;
    align-items: flex-start;
    gap: 4rem;
}
	.bz_box {width: 65%;}
	.bz_box .bz_list li {width:100%}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
	section + section {margin:4rem 0}
	.corp_greet {margin-bottom:4rem}
	.corp_greet:before {height: 88%;top: 12%;}
    .corp_greet .greet_wrap {/* flex-wrap: wrap; */display: flex;flex-direction: column-reverse;gap: 2rem;padding-bottom: 60px;}
    .corp_greet .ceo, .greet_txt {width:100%}
	.greet_txt p {font-size:16px}
	.corp_sec4 {padding:4rem 3%}
	.roundbox {padding: 1.5rem 1rem;padding-bottom: 5rem;}
    .roundbox dl, .roundbox dl.wd50 {flex-wrap:wrap;gap: 1rem;}
	.roundbox dl dt{width:32%;}
	.roundbox dl dd{width: 62%;word-break: keep-all;}
	.link_btn {width: 100%;height: auto;padding: 1rem 2rem;border-radius: 2rem 0 2rem 2rem;}
	.mv_box.est_box {padding:3rem 1rem 2rem; border-radius:2rem}
	.mv_box.est_box strong, .mv_box.est_box p, .mv_box strong {font-size:1.2rem}
	.sec_top {margin-bottom:3rem}
	.share {flex-wrap:wrap;gap: 3rem;}
	.share .mv_box {padding-bottom:1.5rem;}
	.history_wrap .history_tit {width:auto;}
	.history_li dl {flex-wrap:wrap;gap: .5rem;margin-bottom: 1.5rem;}
	.history_li dl dt, .history_li dl dd {width:100%;padding: 0;}
	.history_li dl dd:before, .history_li dl dd:after {display:none;}
	.history_li dl dt {font-size:1.2rem;}
	.bz {gap:1.5rem;padding: 2rem 1rem 2rem 2rem;}
	.bz_box {width:100%}
	.bz span {width:40%;}
}