@charset "utf-8";
.anchor-section {
  scroll-margin-top: 100px; /* 메뉴 높이만큼 위로 보정 */
}
.ctt_cont01{padding-bottom:160px;}

.top_wrap{margin-top:130px;padding-bottom:100px;background:url('/theme/basic/img/bg_cont01.png') no-repeat 50% 50% / cover;}
.top_wrap .inner_container{max-width: 830px;}
.greeting_wrap .txt{margin-top:100px;line-height:37px;font-size:25px;}
.greeting_wrap .txt strong{position:relative;}
.greeting_wrap .txt strong::after{content:'';position:absolute;left:100px;top:-35px;width:152px;height:89px;background:url('/theme/basic/img/ceo_sign.png') no-repeat 50% 50% / 152px 89px;}

/* 연혁 */ 
.history_wrap{display:block;margin-top:280px;}
.history_wrap .inner_container{max-width:680px;}
.history_wrap .history_content {margin-top:87px;}
.history_wrap .history_content .year_wrap{display:flex;gap:23px;}
.history_wrap .history_content .year_wrap:first-child{margin-top:0;}
.history_wrap .history_content .year_wrap .year{position:relative;padding-bottom: 130px;font-size:40px;font-weight:900;color:#fff;-webkit-text-stroke:4px;-webkit-text-stroke-color:#df467b;font-family:'Jalnan'}
.history_wrap .history_content .year_wrap .year::before{content:'';position:absolute;top:10px;left:-40px;width:30px;height:30px;border: 5px solid #df467b;border-radius: 50%;background-color: #fff;background-clip: content-box;}
.history_wrap .history_content .year_wrap .year::after{content:'';position:absolute;top:35px;left:-27px;height: 100%;width: 3px;background:#df467b;}
.history_wrap .history_content .year_wrap:last-child .year::after{content:none;}
.history_wrap .history_content .year_wrap .history_list li{display:flex;gap:52px;margin-top:20px;font-size:24px;}
.history_wrap .history_content .year_wrap .history_list li:first-child{margin-top:0;}
.history_wrap .history_content .year_wrap .history_list li strong{width:58px;}
.board_btn_box{text-align: center;}
.board_btn{display: inline-flex;align-items: center;color: #fff;font-weight: 500;font-size: 1.8rem;width: 19rem;padding: 2rem 0 2rem 4rem;border-radius: 3rem;background-color: #000;background-image: url(/theme/basic/img/write_btn_icon.png);background-repeat: no-repeat;background-position: right 3.5rem center;}

/* 조직도 */
.group_wrap{margin-top:164px;}
.group_wrap .inner_container{max-width:1590px;}
.group_wrap .img_box{max-width:1590px;margin-top:112px;}
.group_wrap .img_box img{width:100%;}

/* 회원가입안내 */
.sign_wrap{margin-top:234px;}
.sign_wrap .inner_container{max-width:1590px;}
.sign_wrap .sign_list{display:flex;gap:40px;justify-content: center;margin-top:90px;}
.sign_wrap .sign_list li{position: relative;width:25%;height: 350px;padding:42px 40px 48px;box-shadow: inset 0 0 18px rgba(223, 70, 123, 0.6);border-radius: 55px;}
.sign_wrap .sign_list li p{line-height:32px;font-size:28px;font-weight:700;color:#df467b;}
.sign_wrap .sign_list li::before{content:'';position:absolute;top:45px;right:28px;width:15px;height:28px;font-size:33px;background:url('/theme/basic/img/ico_arrow.png') no-repeat 50% 50% / 15px 28px;}
.sign_wrap .sign_list li::after{content:'';position:absolute;left:50%;bottom:48px;transform: translateX(-50%);}
.sign_wrap .sign_list li:nth-child(1)::after{width:147px;height:132px;background:url('/theme/basic/img/ico_sign01.png') no-repeat 50% 50% / 147px 132px;}
.sign_wrap .sign_list li:nth-child(2)::after{width:147px;height:147px;background:url('/theme/basic/img/ico_sign02.png') no-repeat 50% 50% / 147px 147px;}
.sign_wrap .sign_list li:nth-child(3)::after{width:147px;height:113px;background:url('/theme/basic/img/ico_sign03.png') no-repeat 50% 50% / 147px 113px;}
.sign_wrap .sign_list li:nth-child(4)::after{width:147px;height:82px;background:url('/theme/basic/img/ico_sign04.png') no-repeat 50% 50% / 147px 82px;}
.sign_wrap .sign_list li:nth-child(5)::after{width:137px;height:147px;background:url('/theme/basic/img/ico_sign05.png') no-repeat 50% 50% / 137px 147px;}
.sign_wrap .sign_list li:nth-child(5){border: 6px solid #df467b;background: linear-gradient(to bottom, #ffa589, #df467b);box-shadow: 9px 9px 9px rgba(0, 0, 0, 0.28);}
.sign_wrap .sign_list li:nth-child(5) p{color:#fff;}
.sign_wrap .sign_list li:nth-child(5)::before{content:none;}


/****************** 반응형 ******************/
/* max-width:1260px */
@media all and (max-width:1260px){
	.sign_wrap .sign_list{flex-wrap:wrap;gap: 20px;justify-content:flex-start;}
	.sign_wrap .sign_list li{width:calc(50% - 10px);}
	.sign_wrap .sign_list li:nth-child(2)::before{transform: rotate(90deg);}
	.sign_wrap .sign_list li:nth-child(3)::before{transform: rotate(90deg);}
	.sign_wrap .sign_list li:nth-child(4)::before{transform: rotate(180deg);}
}
/* max-width:860px */
@media all and (max-width:860px){
	.history_wrap .inner_container{padding:0 4.5rem;}
	.history_wrap .history_content .year_wrap{display:block;}
	.history_wrap .history_content .year_wrap .year{padding-bottom:176px;}
}
/* max-width:560px */
@media all and (max-width:560px){
	.greeting_wrap .txt{margin-top: 40px;font-size:20px;}
	.greeting_wrap .txt strong::after{content:none;}
	.history_wrap{margin-top:130px;}
	.history_wrap .inner_container{padding:0 6.5rem;}
	.history_wrap .history_content .year_wrap{margin-top:20px;}
	.history_wrap .history_content .year_wrap .year{font-size:32px;}
	.history_wrap .history_content .year_wrap .year::before{top:2px;}
	.history_wrap .history_content .year_wrap .year::after{top:30px}
	.history_wrap .history_content .year_wrap p{font-size:18px;}
	
	.group_wrap{margin-top:130px;}
	.sign_wrap{margin-top:130px;}
	.sign_wrap .sign_list{margin-top: 40px;}
	.sign_wrap .sign_list li{width:100%;height:250px;}
	.sign_wrap .sign_list li::before{right:46px;}
	.sign_wrap .sign_list li:nth-child(1)::before{transform: rotate(90deg);}
	.sign_wrap .sign_list li:nth-child(4)::before{transform: rotate(90deg);}
	.sign_wrap .sign_list li p{font-size:22px;line-height:36px;}
	.sign_wrap .sign_list li p br{display:none;}
	.sign_wrap .sign_list li:nth-child(1)::after{width:117px;height:102px;background:url('/theme/basic/img/ico_sign01.png') no-repeat 50% 50% / 117px 102px;}
	.sign_wrap .sign_list li:nth-child(2)::after{width:117px;height:117px;background:url('/theme/basic/img/ico_sign02.png') no-repeat 50% 50% / 117px 117px;}
	.sign_wrap .sign_list li:nth-child(3)::after{width:117px;height:83px;background:url('/theme/basic/img/ico_sign03.png') no-repeat 50% 50% / 117px 83px;}
	.sign_wrap .sign_list li:nth-child(4)::after{width:117px;height:52px;background:url('/theme/basic/img/ico_sign04.png') no-repeat 50% 50% / 117px 52px;}
	.sign_wrap .sign_list li:nth-child(5)::after{width:107px;height:117px;background:url('/theme/basic/img/ico_sign05.png') no-repeat 50% 50% / 107px 117px;}
}