@charset "utf-8";
/* 회사소개 */
.about-sec3 { position: relative;}
.about-sec3 .contain2 { display: flex;}
.about-sec3-left { width: 44%; border-radius: 10px; position: relative;}
.about-sec3::after { content: ""; position: absolute; height: 300px; width: 49%;top: 100px; background: #f5f6f9; border-radius: 0 0 60px 0; z-index: -1; left: 0;}   
.about-sec3-left img { border-radius: 40px 0 40px 0;}
.about-sec3-right { width: 56%; padding-left: 140px; padding-top: 20px;}
.about-sec3-right>h5 { font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; color: #355085; margin-bottom: 12px;}
.about-sec3-right>h4 { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #333; margin-bottom: 45px;}
.about-sec3-right>h4 span { color: #355085;}
.about-sec3-right>p { margin-bottom: 33px; font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; color: #454545;}
.about-sec3-right>strong { display: block; font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-top: 40px;}

/* 경영철학 */
.mn-list { display: flex; gap: 30px; }
.mn-list li { width: calc(100%/4 - 23px); text-align: center; color: #fff; border-radius: 10px; overflow: hidden; position: relative;}
.mn-list li .txtbox { position: absolute; bottom: 50px; left: 0; right: 0; margin: auto;}
.mn-list li .txtbox .txt { font-size: 16px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; margin-bottom: 20px;} 
.mn-list li .txtbox .tit { font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; }

/* 사업분야 */
.bs-box { padding-bottom: 100px; border-bottom: 1px solid #ddd;}
.bs-box2 { padding-top: 100px;}
.bs-txtbox { border-radius: 0 40px 0 40px; background: #f7f7f7; text-align: center; padding: 50px 5px;}
.bs-txtbox .tit { font-size: 30px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; margin-bottom: 20px;}
.bs-txtbox .tit span { color: #242424;}
.bs-txtbox .tit.clr1 { color: #355085;}
.bs-txtbox .tit.clr2 { color: #77bcaa;}
.bs-txtbox .txt { line-height: 1.6em; letter-spacing: -.03em; font-size: 18px; font-weight: 300; color: #454545;}
.bs-line { width: 1px; height: 80px; margin: 40px auto; background: #ddd;}
.bs-list { display: flex; gap: 30px;}
.bs-list li { flex: 1; border-radius: 10px; color: #fff; padding: 40px;}
.bs-list li.bg1 { background: #355085;}
.bs-list li.bg2 { background: #7184a9;}
.bs-list li.bg3 { background: #9aa7c2;}
.bs-list li.bg4 { background: #77bcaa;}
.bs-list li.bg5 { background: #a0d0c3;}
.bs-list li .txtbox { text-align: right; margin-top: 25px;}
.bs-list li .txtbox .tit { line-height: 1.2em; font-size: 20px; font-weight: 600; letter-spacing: -.03em; margin-bottom: 15px;}
.bs-list li .txtbox .txt { font-size: 15px; font-weight: 300; letter-spacing: -.03em; line-height: 1.5em; }

/* sub2 */
.sub2-tab { margin-bottom: 60px; display: flex; gap: 30px;}
.sub2-tab li { flex: 1; border-radius: 25px; border: 1px solid #ddd; transition: .2s;}
.sub2-tab li a { display: flex; height: 50px; align-items: center; justify-content: center; text-align: center; font-size: 18px; font-weight: 400; letter-spacing: -.03em; line-height: 1.2em; color: #454545; width: 100%; transition: .2s;}
.sub2-tab li.active { background: #355085; border: 1px solid #355085;}
.sub2-tab li.active a { color: #fff;}
.sub2-tab li:hover { background: #355085; border: 1px solid #355085;}
.sub2-tab li:hover a { color: #fff;}
.sub2 { padding: 60px 0 100px; background: #f4f4f4;}

/* sub3 */
.sub3 { position: relative;}
.sub3-big { position: absolute; right: -210px; font-size: 100px; font-weight: 700; color: rgba(137, 137, 137,0.1); top: 0px; transform: rotate(90deg) translateY(-50%); display: inline-block; letter-spacing: -.03em; top: 50%;}
.sub3-ab { right: auto; left: -360px; transform: rotate(-90deg) translateY(-50%);}
.sub3-box { margin-bottom: 60px; display: flex; align-items: center;}
.sub3-fx { flex-direction: row-reverse;}
.sub3-mg { margin-bottom: 0;}
.sub3-left {width: 50%; border-radius: 0 0 80px 0; overflow: hidden;}
.sub3-right {width: 50%; text-align: center;}
.sub3-right .tit { font-size: 30px; display: inline-block; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-bottom: 20px; position: relative;}
.sub3-right .tit sup { font-size: 20px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #242424; position: relative; top: -17px;}
.sub3-right .tit sup::after { content: ""; position: absolute; width: 26px; height: 26px; border-radius: 100%; background: #355085; right: -13px; z-index: -1; top: -10px;}
.sub3-right .txt { font-size: 18px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em; color: #454545;}
.sub3-fx .sub3-left { border-radius: 80px 0 0 0;}
.sub3-fx .sub3-right .tit sup::after { background: #77bcaa;}