/* ÇÁ·ÎÁ§Æ® */
.pj_list {display: flex; flex-wrap: wrap; gap: 30px 10px;}
.pj_item {width: calc(33.3% - 6.666px);}
.pj_item .thumb {width: 100%; aspect-ratio: 7/5; overflow: hidden;}
.pj_item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.pj_item .info {margin-top: 10px;}
.pj_item .info .name {font-size: 1.25rem; font-weight: 700;}
.pj_item .info .cate {font-size: 0.875rem; color: #767676; margin-top: 3px;}


/* ¸ÞÀÎ */
.mainMore {
    font-size: 1.5rem; color: #fff; display: flex; gap: 10px; line-height: 1; padding: 20px 30px; border-radius: 100px;
    background: #53A0C7; width: max-content; margin: 0 auto; transition: all .3s; margin-top: 60px;
}
.mainMore::after {display: block; content: ""; width: 24px; aspect-ratio: 1/1; background: url('/base/img/mf/img/icon_view_arr.png') no-repeat center center / contain;}
.mainMore:hover {background: var(--subColor);}
.main_top {padding: 200px 0 150px;}
.main_top .title {font-weight: 800;}
.main_top .title .big {display: flex; align-items: center; gap: 20px; font-size: 9.375rem; line-height: 1;}
.main_top .title .big .char {width: 145px; flex-shrink: 0;}
.main_top .title .small {font-size: 5rem; line-height: 1.2; position: relative; padding-left: 35px; margin-top: 40px;}
.main_top .title .small::before {display: block; content: ":"; color: #aaa; position: absolute; left: 0; top: 0;}
.main_top .title .small .line {position: relative; display: inline-block;}
.main_top .title .small .line::after {
    display: block; content: ""; width: 100%; height: 20%; background: var(--subColor);
    position: absolute; left: 0; bottom: 5%; z-index: -1;
}
.main_top .descrip {margin-top: 100px;}
.main_top .descrip .icon {width: 80px; font-size: 0; margin-bottom: 20px; margin-left: auto;}
.main_top .descrip .text {color: #767676; font-size: 1.25rem; text-align: right;}
.main_top .descrip .text span {color: #000;}


.main_abt {padding: 150px 0 0;}
.main_abt .cont {
    background: var(--mainColor); width: 95%; max-width: 900px; aspect-ratio: 1/1; border-radius: 1000px; margin: 0 auto; padding: 20px;
    display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative;
}
.main_abt .title {color: #fff; text-align: center; width: 100%;}
.main_abt .title .big {font-size: 5.625rem; font-weight: 800; line-height: 1.2;}
.main_abt .title .small {font-size: 2rem; margin-top: 30px;}
.main_abt .char img {width: 35%; position: absolute;}
.main_abt .char1 {left: 15%; bottom: 85%; transform: translateX(-50%) rotate(-25deg);}
.main_abt .char2 {left: 50%; bottom: 95%; transform: translateX(-50%);}
.main_abt .char3 {left: 85%; bottom: 85%;  transform: translateX(-50%) rotate(25deg);}
.main_pj {padding: 150px 0 0;}
.main_pj .title {margin-bottom: 80px;}
.main_pj .title .big {font-size: 6.25rem; font-weight: 800; display: flex; align-items: center; justify-content: center; gap: 20px;}
.main_pj .title .big .char {width: 90px; flex-shrink: 0;}
.main_key {padding: 150px 0;}
.main_key .key_box {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;}
.main_key .key_box .char {width: max-content; flex-shrink: 0; font-size: 0;}
.main_key .key_box .char img {height: 105px;}
.main_key .key_box .key {padding: 30px; border-radius: 100px; font-weight: 700; font-size: 4.25rem; line-height: 1;}
.main_key .key_box .key.yellow {background: #FFE64E;}
.main_key .key_box .key.sky {background: #8ACEFF;}
.main_key .key_box .key.pink {background: #ED9DC0;}
.main_key .key_box .key.white {padding: 0;}



/* about */
.abt_top {position: relative; padding: 200px 0 40px;}
.abt_top::after {display: block; content: ""; width: 100%; height: 80px; background: var(--mainColor); position: absolute; bottom: -1px; left: 0;}
.abt_top .inner {display: flex; flex-direction: column; align-items: center; gap: 60px; position: relative; z-index: 1;}
.abt_top .title p {text-align: center; font-weight: 800; font-size: 6.25rem; line-height: 1.2;}
.abt_top .char {width: 100%; max-width: 900px; display: flex; gap: 0px; align-items: flex-end;}
.abt_top .char img {width:33.333%;}


.abt_ser {background: var(--mainColor);}
.abt_ser .list {display: flex; flex-wrap: wrap; gap: 20px;}
.abt_ser .item {background: #fff; padding: 40px; width: calc(50% - 10px); display: flex; flex-direction: column; gap: 20px;}
.abt_ser .item .icon {width: 80px; aspect-ratio: 1/1; font-size: 0;}
.abt_ser .item .icon img {width: 100%; height: 100%; object-fit: contain;}
.abt_ser .item .cont .big {font-size: 2rem; font-weight: 700;}
.abt_ser .item .cont .small {font-size: 1.25rem; color: #767676; margin-top: 10px;}


.abt_biz .list {display: flex; flex-direction: column; gap: 20px;}
.abt_biz .item {background: #F8F9FB; padding: 40px 50px; display: flex; align-items: center; gap: 40px;}
.abt_biz .item .img {width: 200px; aspect-ratio: 1/1; flex-shrink: 0; font-size: 0; order: 2; display: flex; align-items: center; justify-content: center;}
.abt_biz .item .cont {order: 1; flex: 1 0 0;}
.abt_biz .item .cont .big {font-size: 2rem; font-weight: 700;}
.abt_biz .item .cont .small {font-size: 1.25rem; color: #767676; margin-top: 10px;}



/* contact */
.ct_wrap .inner {display: flex; gap: 80px;}
.ct_wrap .map {width: 100%;}
.ct_wrap .map iframe {width: 100%; min-height: 300px; height: 100%;}