@charset "utf-8";


/* 공통 */
.sub_inner{position:relative;z-index:4;width:100%;max-width:1200px; margin:0 auto;}
.sub_inner:after{display:block;visibility:hidden;clear:both;content:""}
.sub_content .sub_title h4 {font-size:30px; padding-bottom:30px; font-weight: bold;}
@media (max-width:1230px){
.sub_inner{max-width:none;padding:0 50px}
}
@media (max-width:1024px){
.sub_inner{max-width:none;padding:0 30px}
}

/* 회사개요 */
.about h4 {font-size:1.875rem; font-weight: 300; line-height: 1.5}
.about h4 p {margin-bottom:30px;}
.about h4 strong {font-weight: 800}

.about ul {border-top:2px solid #222; margin:60px 0; position: relative; overflow: hidden}

.about li {border-bottom:1px solid #ddd; color:#444; display: inline-flex; padding:20px 0; width:50%; float:left; font-size:1.125rem;}
.about li label {width: 130px; color:#888}
.about li span {color:#222; width:calc(100% - 130px);}
.about li strong {color:#c60000;}
.about_in {clear: both;}
.about_in h5 {font-size:1.25rem; padding-bottom: 20px;}




.swiper-slide img{width:100%;height:100%;object-fit:cover;}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}
.swiper-container.slider{margin:0 0 10px;}
.swiper-slide .info-img{position:relative;padding:0 0 62.5%;height:0;box-sizing:border-box;}
.swiper-slide .info-img img{position:absolute;}
.swiper-slide .info-txt{position:absolute;bottom:0;left:0;padding:15px 20px;width:100%;background:rgba(0,0,0,0.5);}
.swiper-slide .info-txt span{font-size:1rem;line-height:1.5rem;color:#fff;}


.slider-thumbnail .swiper-slide{cursor:pointer;}
.slider-thumbnail .swiper-slide.swiper-slide-active{position:relative;}
.slider-thumbnail .swiper-slide.swiper-slide-active:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%; box-sizing:border-box; border-radius: 5px;} 
.slider-thumbnail .swiper-slide .info-img{position:relative;padding:0 0 62.5%;height:0;box-sizing:border-box;}
.slider-thumbnail .swiper-slide .info-img img{position:absolute;}

.control-wrap > div{position:absolute;top:50%;width:60px;height:60px;background-color:rgba(0,0,0,0.5);background-repeat:no-repeat;background-position:center center;text-indent:-99999px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer;}
.swiper-button-prev{left:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932372-4b639bb5-17b1-4884-b18d-3445b530701b.png);}
.swiper-button-next{right:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932378-7ff3135f-0dd9-4d6d-abd1-376acbf577d4.png);}

@media screen and (max-width:980px) {
    .about h4 {font-size:1.25rem;}
    .about h4 p {margin-bottom:20px;}
    .about ul {margin:30px 0;}
    .about li {width:100%; font-size: 1rem;}
    .about br {display: none;}
}

@media screen and (max-width:768px) {
	.swiper-slide .info-txt{padding:10px 15px;}
	.control-wrap > div{width:40px;height:40px;background-size:7px;}

}

/* CEO 인사말 */
.greeting {padding-top:70px;}
.greeting_in {display: flex; justify-content: space-between; align-items:flex-end}
.greeting_in h5 {font-size:1.875rem; font-weight: 300; line-height: 1.5; margin-bottom:50px;}
.greeting_in h5 strong {font-weight: 800}
.greeting_in p {font-size:1.25rem; line-height: 1.6; margin-bottom:50px; word-break: keep-all}
.greeting_in p.sign span {font-weight: bold; font-size:1.875rem}
.greeting_in .left {width:50%}
.greeting_in .right {width:50%;}
.greeting_in .right img {max-width: 636px; width:100%; bottom:0;}


.book {background: url('img/ceo_bg.jpg') center top no-repeat; background-size: cover; padding:60px 0;}
.book .sub_inner {display: flex; justify-content: space-between; align-items: center; color:#fff;}
.book .sub_inner .sTit {font-size:1.125rem;}
.book .sub_inner h6 {font-size:2.5rem; font-weight: bold; padding:10px 0 20px;}
.book .sub_inner .sCon {font-size:1.125rem; opacity: .8; line-height: 1.5}

@media screen and (max-width:980px) {
    .greeting_in {display: block}
    .greeting_in h5 {font-size:1.25rem; margin-bottom:30px;}
    .greeting_in p {font-size: 1rem}
    .greeting_in .left {width: 100%}
    .greeting_in .right {width:100%; margin:0 auto;}
    
    .book {padding:40px 0;}
    .book .sub_inner {display: block;}
    .book .sub_inner .left {text-align: center}
    .book .sub_inner .sTit {font-size:1rem;}
    .book .sub_inner h6 {font-size:1.875rem;}
    .book .sub_inner .sCon {font-size:1rem;}

}


@media screen and (max-width:480px) {
    .greeting {padding-top:40px;}
    .book .sub_inner h6 br {display: none;}    
    .book .left img {width: 60%; padding-bottom:30px;}
}


/* 가입안내 */
.prd_1 img {width:100%}
.prd_1 .pc_view {display: block;}
.prd_1 .m_view {display: none;}

.prd_2 {background: #25244C; padding:60px 0;}
.prd_2 h4 { font-size:2.5rem; font-weight: 300; color:#ACABCD; text-align: center;}
.prd_2 h4 span {font-weight: bold; color:#fff; display: block;}

.prd_3 {background: #F4F7F9; padding:110px 0;}
.prd_3 .sub_inner {display: flex; justify-content: space-between; max-width:1120px; margin:0 auto;}
.prd_3 .sub_inner .left {width:50%;}
.prd_3 .sub_inner .left li {background: url(img/icon_check.svg) left center no-repeat; padding-left:30px; margin-bottom:10px; font-size:1.5rem;}
.prd_3 .sub_inner .left .prd_ceo {background: #DAE5ED; border-radius: 20px; margin-right:45px; text-align: center; position: relative; margin-top:30px;}
.prd_3 .sub_inner .left .name {position: absolute; padding:10px 0; width:90%; margin: 0 5%; bottom:0; background: rgba(0,0,0,0.8); border-radius: 10px 10px 0 0; color: #fff;}
.prd_3 .sub_inner .right {width:50%; border:1px solid #c60000; background: #fff; border-radius: 20px; padding:30px 35px; box-shadow: 0 30px 20px rgba(198,0,0,0.1)}
.prd_3 .sub_inner .right h6 {color:#c60000; font-size: 1.5rem; font-weight: bold; padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:10px; text-align: center}
.prd_3 .sub_inner .right .prd_info {padding:25px 0; border-bottom:1px solid #e5e5e5; position: relative; overflow: hidden;}
.prd_3 .sub_inner .right .prd_info li {text-align: center; padding:10px 0;}
.prd_3 .sub_inner .right .prd_info dl {display: flex; align-items: center;}
.prd_3 .sub_inner .right .prd_info dt {width:150px; text-align: center}
.prd_3 .sub_inner .right .prd_info dd {text-align: left; color:#888; font-size:1.18rem;}
.prd_3 .sub_inner .right .prd_info dd span {color:#222; font-size:1.75rem; font-weight: bold; padding-top:15px;}

.prd_3 .sub_inner .right .prd_price {display: flex; text-align: center; padding-top:30px;}
.prd_3 .sub_inner .right .prd_price li {width:50%; border-right:1px solid #e5e5e5;}
.prd_3 .sub_inner .right .prd_price li:last-child {border-right: 0;}
.prd_3 .sub_inner .right .prd_price li > span {background: #EDF0F2; padding:10px; border-radius: 50px; width:100px; display: inline-block; margin-bottom:20px;}
.prd_3 .sub_inner .right .prd_price li p {color:#c60000; font-size:1.875rem;}
.prd_3 .sub_inner .right .prd_price li p span {font-size:3.75rem; font-weight: 800;}

.btn_kakao {background: #c60000; color:#fff; font-size:1.125rem; margin:50px auto; width:320px; padding:20px 0; clear: both; border-radius: 50px; display: block; text-align: center; font-size:1.25rem; font-weight: 500}

@media screen and (max-width:980px) {
    .prd_3 .sub_inner {display: block;}
    .prd_3 .sub_inner .left .prd_ceo {margin-right:0;}
    .prd_3 .sub_inner .left, .prd_3 .sub_inner .right {width:100%; margin-bottom:30px;}
}

@media screen and (max-width:768px) {
    .prd_1 .pc_view {display: none;}
    .prd_1 .m_view {display: block;}
    
    .prd_2 {padding:40px 0;}
    .prd_2 h4 { font-size:1.875rem;}

    .prd_3 {padding:50px 0;}
    .prd_3 .sub_inner .left li {font-size:1.275rem;}
    .prd_3 .sub_inner .right .prd_info dt{width:80px;}
    .prd_3 .sub_inner .right .prd_info dt img {width:70%;}
    .prd_3 .sub_inner .right .prd_info dd {font-size:1rem;}
    .prd_3 .sub_inner .right .prd_info dd span {font-size:1.125rem;}
    .prd_3 .sub_inner .right .prd_price li p span {font-size:2.5rem;}
}

@media screen and (max-width:480px) {
        .prd_2 h4 { font-size:1.5rem;}
    
}

/* 기부활동 */
.donation {padding-top:70px;}
.donation h5 {font-size:1.875rem; font-weight: 300; line-height: 1.5; margin-bottom:50px; text-align: center;}
.donation h5 strong {font-weight: 800}
.deed {background: url('img/do_bg.png') center top no-repeat; background-size: cover; padding:80px 30px 140px 30px; text-align: center}
.deed h6 {color:#fff; font-size: 1.875rem; line-height: 1.4; font-weight: 400; margin-bottom: 50px;}
.deed img {max-width: 690px; width:100%;}


@media screen and (max-width:980px) {
    .greeting_in {display: block}
    .donation h5 {font-size:1.25rem; margin-bottom:30px;}
}

@media screen and (max-width:768px) {
    .deed h6 {font-size: 1.125rem;}
    
}


@media screen and (max-width:480px) {
    .donation {padding-top:40px;}
}