/* ====== Sub Headert ====== */
#Header.sub_header{border-bottom: 1px solid #ddd; position: relative;}
#Header.sub_header.active{position: fixed;}
/* #Header.active{position: relative;} */
#Header.sub_header .container .menuwrap .menu > li .depth01{color: #333; font-weight: 400;}
#Header.sub_header .container .menuwrap .menu > li .depth01:hover{color: var(--pointcolor); font-weight: 600;}
#Header.sub_header .menu-btn span{background-color: #000;}
#Header.sub_header .lg_btn .lg_select{border: 1px solid #aaa; color: #888;}


/* ====== subTop Start ====== */
.subtop .lnb{width: 100%;}
.subtop .lnb ul{display: flex; align-items: center;}
.subtop .lnb ul li{position: relative;}
.subtop .lnb ul li::after{
    content: "";
    width: 3px;
    height: 3px;
    background: #999;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(50%, -50%);
}
.subtop .lnb ul li a{ display: inline-block; font-size: 18px; font-weight: 500; color: #999; padding: 5px 20px;}
.subtop .lnb ul li:first-of-type::after{ display: none;}
.subtop .lnb ul li:first-of-type a{padding: 5px 20px 5px 0;}
.subtop .lnb ul li:last-of-type a{color: #222;}

.subtop .sbt_img{overflow: hidden;}
.subtop .sbt_img > img{width: 100%; display: block; transform: scale(1.04); transition: transform 1.8s ease-out;}
.subtop .sbt_img.aos-animate > img {transform: scale(1);}

@media (max-width: 420px){
	.subtop .lnb ul li:first-of-type a{padding: 5px 10px 5px 0;}
	.subtop .lnb ul li a{padding: 5px 7px 5px 12px;}
	.subtop .lnb ul li:last-of-type a{padding: 5px 0px 5px 13px;}
}
/* ====== subTop End ====== */




/* ====== page::intro ====== */

/* section01 */
.section01 .sec_inner .top_int{display: flex; flex-wrap: wrap; align-items: stretch;}
.section01 .sec_inner .top_int .imgbox{padding-right: 10%; position: relative;}
.section01 .sec_inner .top_int .imgbox > p{position: absolute; right: 25%; bottom: 15%;}
.section01 .sec_inner .top_int .txtbox{display: flex; flex-direction: column; justify-content: space-between;}

.section01 .sec_inner .box-line{width: 100%; height: 1px; background-color: #ccc; margin: 6em 0; display: block;}

.section01 .sec_inner .btm_int{display: flex; flex-wrap: wrap; align-items: stretch;}
.section01 .sec_inner .btm_int .imgbox{padding-left: 10%; position: relative;}
.section01 .sec_inner .btm_int .imgbox > p{position: absolute; left: 25%; bottom: 15%;}
.section01 .sec_inner .btm_int .txtbox{display: flex; flex-direction: column; justify-content: space-between;}


@media (max-width: 990px){
	.section01 .sec_inner .top_int .imgbox{padding-right: 0;}
	.section01 .sec_inner .top_int .imgbox > p{right: 10%;}
	.section01 .sec_inner .btm_int{flex-direction: column-reverse;}
	.section01 .sec_inner .btm_int .imgbox{padding-left: 0;}
	.section01 .sec_inner .btm_int .imgbox > p{left: 10%;}

	.section01 .sec_inner .img-responsive{width: 80% !important; margin: auto;}
}

@media (max-width: 500px){
	.section01 .sec_inner .top_int .imgbox > p, .section01 .sec_inner .btm_int .imgbox > p{font-size: 16px;}
	.section01 .sec_inner .top_int .txtbox .txt, .section01 .sec_inner .btm_int .txtbox .txt{line-height: 1.7; font-size: 12px;}
	.section01 .pc_br{display: none;}
}



/* section02 */
.section02 .flexList {--x-gap: 4rem; --y-gap: 3rem; justify-content: center;}
.section02 .listbox .box{background-color: var(--bgcolor); border-radius: 2em; padding: 60px; text-align: center;} 
.section02 .listbox .box span > img{margin: auto;}
.section02 .listbox .box p {margin-top: 20px; color: #999;}

@media (max-width: 500px){
	.section02 .flexList {--x-gap: 2rem; --y-gap: 2rem;}
	.section02 .listbox .box{padding: 4rem 2rem;}
	.section02 .listbox .box span{width: 30%; display: block; margin: auto;}
}





/* ====== page::History ====== */

/* ---- 연혁 his_sec01 ---- */
.his_sec01{position: relative;}
.his_sec01::after{content: ""; display: block; width: 100%; max-width: 1800px; height: 1px; background: #ccc; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.his_sec01 .his_wrap{width: 100%; max-width: 1600px; margin: auto;}
.his_sec01 .his_inner{width: min(1200px, calc(100% - 40px)); margin: 0 auto;}
.his_sec01 .his_item{display: grid; grid-template-columns: 12rem 25rem 1fr; align-items: center; min-height: 9rem;}

/* 연도 */
.his_sec01 .his_date{transform: translateY(-10px);}
.his_sec01 .his_date.h-date{transform: translateY(-28px);}
.his_sec01 .his_date strong{display: block; color: var(--pointcolor); line-height: 1; font-weight: 400;}
.his_sec01 .his_date span{display: block; margin-top: 6px; color: #fdd35d; font-weight: 600; text-align: center;}

/* 타임라인 영역 */
.his_sec01 .his_line{position: relative; height: 100%; /* min-height: 115px; */}

/* 세로선 */
.his_sec01 .his_line::before{content: ""; position: absolute; top: 30%; bottom: 0; left: 0; width: 1px; height: 100%; background: #fdd35d;}

/* 가로선 */
.his_sec01 .his_line::after{content: ""; position: absolute; top: 28%; left: 0; width: 25rem; height: 5px; background-image: radial-gradient(circle, #ffae00 1px, transparent 1px);
background-size: 8px 6px; background-repeat: repeat-x;}

/* 동그라미 */
.his_sec01 .his_dot{position: absolute; top: 30%; left: 0; transform: translateX(-50%); z-index: 2; width: 20px; height: 20px; border: 1px solid var(--pointcolor); border-radius: 50%;
background: #fff; box-sizing: border-box; animation: dotPulse 1.75s ease-in-out infinite;}
.his_sec01 .his_dot::after{content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--pointcolor); transform: translate(-50%, -50%);}

.his_sec01 .his_item:nth-child(2n) .his_dot::after {animation-delay: -.5s;}
.his_sec01 .his_item:nth-child(3n) .his_dot::after {animation-delay: -1s;}
.his_sec01 .his_item:nth-child(4n) .his_dot::after {animation-delay: -1.5s;}
.his_sec01 .his_item:nth-child(5n) .his_dot::after {animation-delay: -2s;}
.his_sec01 .his_item:nth-child(6n) .his_dot::after {animation-delay: -2.5s;}
.his_sec01 .his_item:nth-child(7n) .his_dot::after {animation-delay: -3s;}
.his_sec01 .his_item:nth-child(8n) .his_dot::after {animation-delay: -3.5s;}
.his_sec01 .his_item:nth-child(9n) .his_dot::after {animation-delay: -4s;}

@keyframes dotPulse {
    0%, 100%{transform: translate(-50%, -50%) scale(.65);}

    50%{transform: translate(-50%, -50%) scale(1.1);}
}

/* 내용 */
.his_sec01 .his_conts{padding-left: 2rem; transform: translateY(-28px);}
.his_sec01 .his_conts p{margin: 0; color: #666; line-height: 1.7; word-break: keep-all;}
.his_sec01 .his_conts p span{display: block; margin-top: 2px;}

/* 마지막 항목 세로선 제거 */
.his_sec01 .his_item:last-child .his_line::before{display: none;}



/* ======== 애니메이션 효과 ======== */
.his_sec01 [data-aos="history-item"] {opacity: 1;}


/* 연도 */
.his_sec01 [data-aos="history-item"] .his_date {opacity: 0; transform: translateY(20px); transition: opacity 1s ease, transform 1s cubic-bezier(.22, 1, .36, 1);}



/* 내용 */
.his_sec01 [data-aos="history-item"] .his_conts {opacity: 0; transform: translateY(25px); transition: opacity 1s ease .15s, transform 1s cubic-bezier(.22, 1, .36, 1) .15s;}



/* 화면에 들어왔을 때 */
.his_sec01 [data-aos="history-item"].aos-animate .his_date {opacity: 1; transform: translateY(-10px);}
.his_sec01 [data-aos="history-item"].aos-animate .his_date.h-date{opacity: 1; transform: translateY(-28px);}
.his_sec01 [data-aos="history-item"].aos-animate .his_conts {opacity: 1; transform: translateY(-28px);}



@media (max-width: 1770px){
	.his_sec01::after{width: 90%;}
}

@media (max-width: 990px){
	.his_sec01 .his_conts{transform: translateY(-25px);}
	.his_sec01 [data-aos="history-item"].aos-animate .his_conts {opacity: 1; transform: translateY(-25px);}

	.his_sec01 .his_dot{top: 25%;}

	.his_sec01 .his_line::after{top: 22%;}
}

@media (max-width: 768px){
	.his_sec01 .his_inner{width: 100%;}
	.his_sec01 .his_item{grid-template-columns: 78px 38px 1fr; min-height: 125px;}
	.his_sec01 .his_date{padding-right: 14px; transform: translateY(-6px);}
	.his_sec01 .his_date.h-date{transform: translateY(-20px);}
	.his_sec01 .his_date strong{font-size: 26px;}
	.his_sec01 .his_date span{margin-top: 4px;}
	.his_sec01 .his_line{ min-height: 125px;}
	.his_sec01 .his_line::after{width: 50px; top: 32%;}
	.his_sec01 .his_conts{transform: translateY(-18px);}
	.his_sec01 .his_conts p{font-size: 13px; line-height: 1.65;}
	.his_sec01 .his_dot{top: 35%;}


	.his_sec01 [data-aos="history-item"].aos-animate .his_date{opacity: 1; transform: translateY(-6px);}
	.his_sec01 [data-aos="history-item"].aos-animate .his_date.h-date{opacity: 1; transform: translateY(-20px);}
	.his_sec01 [data-aos="history-item"].aos-animate .his_conts {opacity: 1; transform: translateY(-18px);}
}

@media (max-width: 500px){
	.his_sec01 .his_conts{transform: translateY(-20px);}
	.his_sec01 [data-aos="history-item"].aos-animate .his_conts {opacity: 1; transform: translateY(-20px);}
}



/* ---- 회장&이사장 ---- */
.his_sec02{position: relative;}
.his_sec02::after{content: ""; display: block; width: 100%; max-width: 1800px; height: 1px; background: #ccc; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.his_sec02 .slide_wrap{display: flex;}
.his_sec02 .slide_wrap .swiper{width: 80%; margin-right: initial;}

.his_sec02 .slide_wrap .navbox{display: flex;}
.his_sec02 .slide_wrap .navbox .nav{position: relative; width: 60px; height: 60px; margin-top: 0; border-radius: 50%; border: 1px solid #ddd; overflow: hidden; 
transition: background 0.5s, border 0.5s;}
.his_sec02 .slide_wrap .navbox .nav{left: 0; right: 0; top: 0;}
.his_sec02 .slide_wrap .navbox .next:after, .his_sec02 .slide_wrap .navbox .prev:after{display: none;}
.his_sec02 .slide_wrap .navbox .nav img{filter: invert(1); position: absolute; top: 50%; transform: translateY(-50%); transition: left 0.5s, transform 0.5s, filter 0.5s;}
.his_sec02 .slide_wrap .navbox .next .before{left: 0; transform: translate(-100%, -50%);}
.his_sec02 .slide_wrap .navbox .next .after{left: 50%; transform: translate(-50%, -50%);}
.his_sec02 .slide_wrap .navbox .prev .after{left: 100%; transform: translate(100%, -50%);}
.his_sec02 .slide_wrap .navbox .prev .before{left: 50%; transform: translate(-50%, -50%);}


.his_sec02 .slide_wrap .navbox .nav:hover{background: #111; border: 1px solid #111;}
.his_sec02 .slide_wrap .navbox .nav:hover img{filter: invert(0); -webkit-filter: invert(0);}

.his_sec02 .slide_wrap .navbox .next:hover .before{left: 50%;transform: translate(-50%, -50%);}
.his_sec02 .slide_wrap .navbox .next:hover .after{left: 100%; transform: translate(100%, -50%);}

.his_sec02 .slide_wrap .navbox .prev:hover .after{left: 50%; transform: translate(-50%, -50%);}
.his_sec02 .slide_wrap .navbox .prev:hover .before{left: 0; transform: translate(-100%, -50%);}


.his_sec02 .swiper-slide{border: 1px solid #ccc; border-radius: 2em; padding: 4em 2em; display: flex; flex-direction: column; align-items: center;  justify-content: center;}
.his_sec02 .swiper-slide .g_img{text-align: center;}
.his_sec02 .swiper-slide .g_img img{margin: auto;}
.his_sec02 .swiper-slide .name{text-align: center;}
.his_sec02 .swiper-slide .name span{color: #888; display: block;}

@media (max-width: 1770px){
	.his_sec02::after{width: 90%;}
}


@media (max-width: 1300px){
	.his_sec02 .slide_wrap .navbox .nav{
		width: 45px;
		height: 45px;
	}
}

@media (max-width: 768px){
	.his_sec02 .slide_wrap{flex-wrap: wrap;}
	.his_sec02 .slide_wrap .left-wrap{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 2.5rem;}
	.his_sec02 .slide_wrap .left-wrap h4{margin-bottom: 0;}
	.his_sec02 .slide_wrap .swiper{width: 100%;}
	.his_sec02 .slide_wrap .navbox{}
}

@media (max-width: 500px){
}



.his_sec03 .slide_wrap{display: flex;}
.his_sec03 .slide_wrap .swiper{width: 80%; margin-right: initial;}

.his_sec03 .slide_wrap .navbox{display: flex;}
.his_sec03 .slide_wrap .navbox .nav{position: relative; width: 60px; height: 60px; margin-top: 0; border-radius: 50%; border: 1px solid #ddd; overflow: hidden; 
transition: background 0.5s, border 0.5s;}
.his_sec03 .slide_wrap .navbox .nav{left: 0; right: 0; top: 0;}
.his_sec03 .slide_wrap .navbox .next:after, .his_sec03 .slide_wrap .navbox .prev:after{display: none;}
.his_sec03 .slide_wrap .navbox .nav img{filter: invert(1); position: absolute; top: 50%; transform: translateY(-50%); transition: left 0.5s, transform 0.5s, filter 0.5s;}
.his_sec03 .slide_wrap .navbox .next .before{left: 0; transform: translate(-100%, -50%);}
.his_sec03 .slide_wrap .navbox .next .after{left: 50%; transform: translate(-50%, -50%);}
.his_sec03 .slide_wrap .navbox .prev .after{left: 100%; transform: translate(100%, -50%);}
.his_sec03 .slide_wrap .navbox .prev .before{left: 50%; transform: translate(-50%, -50%);}


.his_sec03 .slide_wrap .navbox .nav:hover{background: #111; border: 1px solid #111;}
.his_sec03 .slide_wrap .navbox .nav:hover img{filter: invert(0); -webkit-filter: invert(0);}

.his_sec03 .slide_wrap .navbox .next:hover .before{left: 50%;transform: translate(-50%, -50%);}
.his_sec03 .slide_wrap .navbox .next:hover .after{left: 100%; transform: translate(100%, -50%);}

.his_sec03 .slide_wrap .navbox .prev:hover .after{left: 50%; transform: translate(-50%, -50%);}
.his_sec03 .slide_wrap .navbox .prev:hover .before{left: 0; transform: translate(-100%, -50%);}


.his_sec03 .swiper-slide{border: 1px solid #ccc; border-radius: 2em; padding: 4em 2em; display: flex; flex-direction: column; align-items: center;  justify-content: center;}
.his_sec03 .swiper-slide .g_img{text-align: center;}
.his_sec03 .swiper-slide .g_img img{margin: auto;}
.his_sec03 .swiper-slide .name{text-align: center;}
.his_sec03 .swiper-slide .name span{color: #888; display: block;}

@media (max-width: 1300px){
	.his_sec03 .slide_wrap .navbox .nav{
		width: 45px;
		height: 45px;
	}
}

@media (max-width: 768px){
	.his_sec03 .slide_wrap{flex-wrap: wrap;}
	.his_sec03 .slide_wrap .left-wrap{display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 2.5rem;}
	.his_sec03 .slide_wrap .left-wrap h4{margin-bottom: 0;}
	.his_sec03 .slide_wrap .swiper{width: 100%;}
	.his_sec03 .slide_wrap .navbox{}
}

@media (max-width: 500px){
}





/* ====== page::partner ====== */
.contents_wrapper .tab.active { position: relative; }

/* Tab menu*/
.sub_wrapper .tab_menu{display: flex; align-items: center; justify-content: center; margin-bottom: 2rem;}
.sub_wrapper .tab_menu li{width: calc(50% / 2); text-align: center; cursor: pointer; position: relative;}
.sub_wrapper .tab_menu li::before{display: block; content: ''; width: 1px; height: 100%; background: #ccc; position: absolute; top: 0; left: 0;}
.sub_wrapper .tab_menu li:first-child::before{display: none;}
.sub_wrapper .tab_menu .tab > p{color: #ccc; font-weight: 400;}
.sub_wrapper .tab_menu .tab.active > p{color: var(--pointcolor); font-weight: 600;}

.contents_wrapper .tab{display: none;}
.contents_wrapper .tab.active{display: block;}
.contents_wrapper .admin-btn{display: block; text-align: right;}
.contents_wrapper .admin-btn > a{color: #bbb;}
.contents_wrapper .admin-btn > a:hover{color: var(--pointcolor);}

.ptn_sec01{background: url('/img/sub/bg_logo.png') no-repeat right bottom / auto;}
.organ_wrap.flexList{--x-gap: 2rem; --y-gap: 3.5rem;}
.organ_wrap .box{border: 1px solid #ccc; padding: 2em 1.5em; }
.organ_wrap .box > a .name::before{content: ''; display: block; width: 95%; height: 1px; background-color: #ccc; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}

.organ_wrap .box > a{width: 100%;}
.organ_wrap .box > a .logo_img{padding: 20px; margin-bottom: 20px; width: 100%; height: 45px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; overflow: hidden;}
.organ_wrap .box > a .logo_img img{display: block; max-width: 100%; max-height: 40px; width: auto; height: auto; object-fit: contain;}
.organ_wrap .box > a .name{position: relative; width: 100%; padding-top: 20px; color: #333; line-height: 1.4; white-space: normal; word-break: keep-all; overflow-wrap: break-word; box-sizing: border-box; 
font-weight: 400;}


/* AOS 애니메이션 효과 */
[data-aos="partner-card"] {opacity: 0; transform: translateY(20px); transition-property: opacity, transform;}
[data-aos="partner-card"].aos-animate {opacity: 1; transform: translateY(0);}

/* PC : 4열 */
.organ_wrap .box:nth-child(4n + 1) {transition-delay: 0ms;}
.organ_wrap .box:nth-child(4n + 2) {transition-delay: 100ms;}
.organ_wrap .box:nth-child(4n + 3) {transition-delay: 200ms;}
.organ_wrap .box:nth-child(4n + 4) {transition-delay: 300ms;}

@media (max-width: 1440px){
    /* 지정한 delay를 먼저 초기화 */
    .organ_wrap .box {transition-delay: 0ms;}

    /* 태블릿 : 3열 */
    .organ_wrap .box:nth-child(3n + 1) {transition-delay: 0ms;}
    .organ_wrap .box:nth-child(3n + 2) {transition-delay: 100ms;}
    .organ_wrap .box:nth-child(3n + 3) {transition-delay: 200ms;}
}

@media (max-width: 1024px){
	.ptn_sec01{background: url('/img/sub/bg_logo.png') no-repeat right bottom / contain;}
}

@media (max-width: 768px){
    /* 지정한 delay를 먼저 초기화 */
    .organ_wrap .box {transition-delay: 0ms;}

    /* 모바일 : 2열 */
    .organ_wrap .box:nth-child(2n + 1) {transition-delay: 0ms;}
    .organ_wrap .box:nth-child(2n + 2) {transition-delay: 120ms;}
}