@charset "UTF-8";

/*========================================================
Header
========================================================*/
.wrapper { position: relative; max-width: 1920px; margin: 0 auto}
.header { position: relative; height: 100px;}
.header .conbox { display: flex; justify-content: space-between; align-items: center; height: 100%}
.header h1.logo a { display: block}

/*.index .header { position: absolute; top: 0; left: 50%; width: 100%; max-width: 1920px; height: 100px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); transform: translateX(-50%)}*/
.index .header { position: absolute; top: 0; left: 50%; width: 100%; max-width: 1920px; height: 100px; transform: translateX(-50%); z-index: 21}

@media (max-width: 991px){
	.header { height: 60px; background: #fff}
	.header h1.logo img { height: 40px}
	
	.index .header { position: relative; left: 0; height: 60px; transform: none}	
}

/* Nav */
.nav-util-btn { display: none}
.navBar { height: 100%}
.nav-gnb { height: 100%}
.nav-gnb > ul { display: flex; gap: 70px; height: 100%}
.nav-gnb > ul > li { position: relative; height: 100%}
.nav-gnb > ul > li > a { position: relative; display: flex; align-items: center; height: 100%; font-size: 18px; font-weight: 700}
.nav-gnb > ul > li:hover > a { color: var(--color-point1)}

.nav-gnb .depth2 { position: absolute; left: 50%; top: 96px; min-width: 200px; transform: translateX(-50%); z-index: 20}
.nav-gnb .depth2 ul { position: relative; background: #fff; border: 1px solid #ddd; border-top: none; padding: 14px 0 10px 0}
.nav-gnb .depth2 ul li { position: relative; text-transform: none;}
.nav-gnb .depth2 ul li a { display: block; color: var(--color-init); font-weight: 500; line-height: 1.3; letter-spacing: -0.5px; white-space: nowrap; padding: 10px 20px}
.nav-gnb .depth2 ul li:hover a { color: var(--color-point1); background: #f5f5f5}

@media (min-width: 992px){
	.nav-gnb .depth2 { visibility: hidden}
	.nav-gnb .depth2 ul::before { content: ""; position: absolute; left: -1px; top: 0; right: -1px; height: 4px; background: var(--color-point1); transition: 0.25s; transform: scaleX(0)}
	.nav-gnb > ul > li:hover .depth2 { visibility: visible}
	.nav-gnb > ul > li:hover .depth2 ul::before { transform: scaleX(1)}
}
@media (max-width: 1200px){
	.nav-gnb > ul { gap: 50px;}
	.nav-gnb > ul > li > a { font-size: 17px}
}
@media (max-width: 1100px){
	.nav-gnb > ul { gap: 30px;}
}
@media (max-width: 991px){
	.navBar { position: fixed; top: 60px; right: -100%; display: flex; flex-direction: column; max-width: 500px; width: 100%; height: calc(100% - 60px); background: #fff; transition: all 0.3s ease; overflow-y: auto; z-index: 105}
	.header.open .navBar { right: 0}
	
	.navBar .nav-util-btn { flex: 1; display: flex; align-items: center; justify-content: center}
	.navBar .nav-util-btn ul { display: flex; align-items: center; justify-content: center; padding: 0 50px}
	.navBar .nav-util-btn ul li + li { border-left: 1px solid #ddd}
	.navBar .nav-util-btn ul li a { display: block; padding: 0 20px;}
	
	
	.nav-gnb { height: calc(100% - 100px); padding: 50px 0; overflow-y: auto}
	.nav-gnb > ul { display: block; gap: 0; height: auto; padding: 0 50px}
	.nav-gnb > ul > li { height: auto; border-bottom: 1px solid var(--color-init)}
	.nav-gnb > ul > li:last-child { border-bottom: 0}
	.nav-gnb > ul > li > a {  display: block; height: auto; font-size: 20px; font-weight: 600; padding: 20px 0}
	.nav-gnb > ul > li > a::after { content: ""; position: absolute;; right: 0; top: 50%; width: 20px; height: 20px; background: url("../img/common/menu_arr.svg") center /18px no-repeat; transform: translateY(-50%); transition: 0.3s; }
	.nav-gnb > ul > li.on > a::after { transform: translateY(-50%) rotate(180deg);}
	.nav-gnb > ul > li:hover > a { color: var(--color-init)}
	
	.nav-gnb .depth2 { display: none; position: relative; left: 0; top: 0; min-width: auto; transform: none; background: #f5f5f5; border-radius: 5px; margin-bottom: 15px; z-index: 0}
	.nav-gnb .depth2 ul { background: none; border: 0; padding: 7px 0}
	.nav-gnb .depth2 ul li a { font-size: 16px; font-weight: 500; padding: 12px 20px}
	.nav-gnb .depth2 ul li:hover a { color: var(--color-init);}
}


/* Utill */
.utill-menu ul { display: flex; align-items: center; gap: 30px}
.utill-menu ul li a { display: flex; flex-direction: column; align-items: center; font-size: 14px;}
.utill-menu ul li.mobile-btn-nav { display: none}

@media (max-width: 991px){
	.utill-menu ul { gap: 10px}
	.utill-menu ul li { display: none}
	.utill-menu ul li.mobile-btn-nav { display: block}	
	
	.utill-menu ul li a { width: 30px; height: 30px; font-size: 0;}
		
	.utill-menu ul li .btn-nav { display: flex; align-items: center; justify-content: center}	
	.utill-menu ul li .btn-nav span { position: relative; display: block; width: 22px; height: 2px; background: #333; transition: all 0.3s}
	.utill-menu ul li .btn-nav span::before, 
	.utill-menu ul li .btn-nav span::after { content: ""; position: absolute; left: 6px; right: 0; height: 100%; background: #333; transition: all 0.3s}
	.utill-menu ul li .btn-nav span::before { top: -8px}
	.utill-menu ul li .btn-nav span::after { top: 8px}

	.utill-menu ul li.on .btn-nav span { background: transparent}
	.utill-menu ul li.on .btn-nav span::before { top: 0; left: 0; transform: rotate(45deg);}
	.utill-menu ul li.on .btn-nav span::after { top: 0; left: 0; transform: rotate(-45deg);}
	
	.util-bg { display: none; position: fixed; top: 60px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); transition: all 0.5s ease 0.3s; opacity: 0; z-index: 102}
	
	.header.open .util-bg { display: block; opacity: 1; transition-delay: 0s}		
}


/*========================================================
Main
========================================================*/
.section { position: relative; padding: 70px 0}
/*.section .mtit { position: relative; font-size: 28px; font-weight: 800; margin-bottom: 20px}*/
.section .mtit { position: relative; font-size: 24px; font-weight: 800; margin-bottom: 20px}

@media (max-width: 991px){
	.section { padding: 50px 0}
	.section .mtit { font-size: 22px}
}
@media (max-width: 575px){
	/*.section { padding: 30px 0}*/
	.section .mtit { font-size: 20px}
}

/* Visual */
.section.visual { height: 700px; padding: 0}
/*.visual .text-con { flex: 1; padding-top: 65px}
.visual .text-con .small { display: block; font-size: 26px; font-weight: 800}
.visual .text-con h4 { font-family: "Poppins"; font-size: 110px; font-weight: 900}
.visual .text-con p { font-family: "Poppins"; font-size: 18px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 30px}
.visual .text-con h5 { display: inline-block; font-size: 41px; font-weight: 900; color: transparent; background-image: linear-gradient(90deg, var(--color-point2) 10%, var(--color-point3) 90%);  background-clip: text; -webkit-background-clip: text;}*/

.visual .slide-con { position: relative; width: 100%; height: 100%}
.visual .slide-con .swiper { height: 100%}
.visual .slide-con .img-con { position: relative; width: 100%; height: 100%}
.visual .slide-con .img-con span { position: absolute; top: 0; left: 50%; display: block; width: 100%; height: 100%; transform: translateX(-50%)}
.visual .slide-con .img-con img { display: block; width: 100%; height: 100%; object-fit: cover}
.visual .slide-con .text-con { position: absolute; top: 150px; left: 50%; display: flex; flex-direction: column; align-items: center; width: 100%; transform: translateX(-50%); text-align: center;}
/*.visual .slide-con .text-con .small { display: block; font-size: 24px; color: var(--color-darkblue); font-weight: 700;}*/
.visual .slide-con .text-con .small { display: block; font-size: 36px; color: var(--color-darkblue); font-weight: 700; line-height: 1.4}
.visual .slide-con .text-con h4 { font-family: "Poppins"; font-size: 96px; font-weight: 900; line-height: 1; color: transparent;  background-image: linear-gradient(180deg, var(--color-darkblue) 50%, #1B3F94 100%);  background-clip: text; -webkit-background-clip: text;}
.visual .slide-con .text-con p { font-family: "Poppins"; font-size: 16px; color: #1B3F94; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 25px}
.visual .slide-con .text-con h5 { font-size: 38px; font-weight: 900; background-image: linear-gradient(90deg, #5027AE 10%, #0E37A1 70%);  background-clip: text; -webkit-background-clip: text; color: transparent;}

.visual .swiper-horizontal>.swiper-pagination-bullets, 
.visual .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 40px; display: flex; align-items: center; justify-content: center}
.visual .swiper-pagination-bullet { width: 14px; height: 14px; background: transparent; border: 2px solid var(--color-darkblue); opacity: 1}
.visual .swiper-pagination-bullet-active { width: 40px; height: 12px; border-radius: 12px; background: var(--color-darkblue);}

@media (max-width: 1200px){
	.section.visual { height: 650px}
	
	.visual .slide-con .text-con .small { font-size: 31px}
	.visual .slide-con .text-con h4 { font-size: 80px}
	.visual .slide-con .text-con p { font-size: 13px; margin-bottom: 15px}
	.visual .slide-con .text-con h5 { font-size: 32px}
}
@media (max-width: 991px){
	.section.visual { height: 400px}
	
	.visual .slide-con .text-con { top: 60px}
	.visual .slide-con .text-con .small { font-size: 22px}
	.visual .slide-con .text-con h4 { font-size: 60px}
	.visual .slide-con .text-con p { font-size: 10px; margin-bottom: 10px}
	.visual .slide-con .text-con h5 { font-size: 24px}
	
	.visual .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 20px;}
	.visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
	.visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px}
	.visual .swiper-pagination-bullet-active { width: 14px; height: 14px}
}
@media (max-width: 575px){
	.section.visual { height: 300px}
	
	.visual .slide-con .text-con { top: 40px}
	.visual .slide-con .text-con .small { font-size: 16px}
	.visual .slide-con .text-con h4 { font-size: 45px}
	.visual .slide-con .text-con p { font-size: 8px;}
	.visual .slide-con .text-con h5 { font-size: 18px}
	
	.visual .swiper-horizontal>.swiper-pagination-bullets, 
	.visual .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 15px}	
}


/* Section Set*/
.section-set .conbox { display: flex; gap: 90px}

/* Doing */
.section.doing { flex-shrink: 0; width: 510px}
.section.doing ul { display: flex; flex-wrap: wrap; gap: 30px}
.section.doing ul li { width: calc(50% - 15px);}
.section.doing ul li a { display: flex; flex-direction: column; align-items: center; gap: 10px; background: var(--bg-init); border-radius: 30px; padding: 25px}
.section.doing ul li .img-con { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; background: #fff; border-radius: 50%}
.section.doing ul li .title { font-size: 18px; font-weight: 700}

/* Notice */
.section.notice { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section.notice .tit-con { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px}
.section.notice .tit-con h4.mtit { margin-bottom: 0}
.section.notice .list-con ul { border-top: 2px solid var(--color-init)}
/*.section.notice .list-con ul li { display: flex; align-items: center; gap: 50px; min-height: 90px; border-bottom: 1px solid #E6E6E6; padding: 20px 10px}*/
.section.notice .list-con ul li { display: flex; align-items: center; gap: 50px; min-height: 70px; border-bottom: 1px solid #E6E6E6; padding: 0 10px}
.section.notice .list-con ul li .date { display: block}
/*.section.notice .list-con ul li a { flex: 1; position: relative; display: block; font-size: 20px; font-weight: 600; padding-right: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.section.notice .list-con ul li a { flex: 1; position: relative; display: block; font-size: 18px; font-weight: 600; padding-right: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.section.notice .list-con ul li a::after { content: ""; position: absolute; right: 0; top: 50%; width: 18px; height: 8px; background: url("../img/main/notice_icon_arr.svg") center no-repeat; transform: translateY(-50%)}

@media (max-width: 1400px){
	.section-set .conbox { gap: 60px}
	.section.doing { width: 450px}
}
@media (max-width: 1200px){
	.section-set .conbox { gap: 50px}
	.section.doing { width: 400px}
	.section.doing ul { gap: 20px}
	.section.doing ul li { width: calc(50% - 10px);}
	.section.doing ul li .img-con { width: 100px; height: 100px}
	.section.doing ul li .img-con img { width: 60px;}
	/*.section.doing ul li .title { font-size: 18px}*/
	.section.doing ul li .title { font-size: 17px}
	
	.section.notice .list-con ul li { gap: 30px; min-height: 60px}
	.section.notice .list-con ul li a { font-size: 17px}
}
@media (max-width: 991px){
	.section-set .conbox { flex-direction: column; gap: 0}
	
	.section.doing { width: 100%; padding-bottom: 0}
	.section.doing ul li { width: calc(100%/2 - 15px)}
	.section.doing ul li a { padding: 25px 0}
	.section.doing ul li .title { font-size: 16px; font-weight: 600}
	
	.section.notice .tit-con { margin-bottom: 15px}
	.section.notice .tit-con img { width: 22px}
	.section.notice .list-con ul { border-top-width: 1px}
	.section.notice .list-con ul li { gap: 20px;}
	.section.notice .list-con ul li a { font-size: 16px}
}
@media (max-width: 750px){
	.section.doing ul { gap: 10px}
	/*.section.doing ul li { width: calc(100%/4 - 8px)}*/
	.section.doing ul li a { padding: 15px 0}
	/*.section.doing ul li .title { font-size: 16px}*/
}
@media (max-width: 575px){
	.section.doing ul { gap: 10px}
	.section.doing ul li { width: calc(50% - 5px)}
	.section.doing ul li a { gap: 5px}
	.section.doing ul li .img-con { width: 80px; height: 80px}
	.section.doing ul li .img-con img { width: 50px}
	
	.section.notice .list-con ul li { flex-direction: column; justify-content: center; align-items: stretch; gap: 0; min-height: 70px; padding: 12px 0}
	.section.notice .list-con ul li .date { font-size: 14px; color: #777}
}


/* Partner */
.section.partner { padding: 0 0 120px 0}
.section.partner .inner { display: flex; align-items: center; background: #f4f4f4; border-radius: 10px; padding: 10px 10px 10px 20px}
.section.partner h4.mtit { flex-shrink: 0; width: 220px; text-align: center; margin-bottom: 0}
.partnerSwiper.swiper { width: 100%}
.partnerSwiper .swiper-wrapper { transition-timing-function: linear;}
.partnerSwiper .swiper-slide { display: flex; justify-content: center; width: calc(100%/5);}
/*.partnerSwiper .imgbox { display: flex; align-items: center; justify-content: center; width: 190px; height: 60px; font-size: 17px; font-weight: 500; border: 1px solid #ddd; border-radius: 15px; background: #fff}*/
.partnerSwiper .imgbox { display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; font-size: 17px; font-weight: 500; border: 1px solid #ddd; border-radius: 15px; background: #fff; margin: 0 12px}

@media (max-width: 1400px){
	.section.partner h4.mtit { width: 180px}
	.partnerSwiper .imgbox { margin: 0 8px}
}
@media (max-width: 1200px){
	.partnerSwiper .swiper-slide { width: calc(100%/4);}
}
@media (max-width: 991px){
	.section.partner .inner { flex-direction: column; gap: 15px; padding: 30px 10px}
	.partnerSwiper .swiper-slide { width: calc(100%/5);}
	.partnerSwiper .imgbox { font-size: 16px}
}
@media (max-width: 900px){
	.partnerSwiper .swiper-slide { width: calc(100%/4);}
}
@media (max-width: 767px){
	.partnerSwiper .swiper-slide { width: calc(100%/3);}
}
@media (max-width: 575px){
	.partnerSwiper .swiper-slide { width: calc(100%/2);}
	.partnerSwiper .imgbox { margin: 0 6px}
}



/*========================================================
Footer
========================================================*/
.footer { position: relative; color: #fff; background: #1C1E26;}
.footer .conbox { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 50px; padding-bottom: 50px}
.footer h1 { margin-bottom: 25px}
.footer h1 img { width: 140px;}

.foot-info .foot-line { display: flex; align-items: center; gap: 20px; font-size: 15px; color: rgba(255, 255, 255, 0.7); font-weight: 200; margin-bottom: 2px}
.foot-copy { font-size: 14px; color: rgba(255, 255, 255, 0.4); font-weight: 200; letter-spacing: 0.5px}

.foot-menu ul { display: flex; gap: 8px}
.foot-menu ul li a { display: block; font-size: 14px; color: #fff; font-weight: 100; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 6px 25px}
.foot-menu ul li.privacy a { color: #6586D4; font-weight: 600; border-color: rgba(101, 134, 212, 0.5)}

@media (max-width: 991px){
	.footer .conbox { flex-direction: column; align-items: center; justify-content: flex-start}
	.footer h1 { text-align: center; margin-bottom: 20px}
	.footer h1 img { width: 100px}
	.foot-info { margin-bottom: 15px}
	.foot-info .foot-line { flex-direction: column; gap: 0; font-size: 14px; text-align: center; margin-bottom: 0}
	.foot-info .foot-line + .foot-line { margin-top: 5px}
	.foot-info .foot-line span { display: block; line-height: 1.2}
	.foot-info .foot-line span + span { margin-top: 5px}
	.foot-copy { text-align: center; margin-bottom: 20px}
	.foot-menu ul li a { padding: 4px 20px}
}
@media (max-width: 575px){
	.foot-info .foot-line { font-size: 13px}
	.foot-menu ul li a { font-size: 13px; padding: 4px 15px}
	.foot-copy { font-size: 12px}
}

.top-go { position: absolute; right: 0; top: -30px; transition: 0.3s; z-index: 20}
.top-go a { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 14px; color: #fff; background: var(--color-point1); border-radius: 50%}
.top-go a span { display: block; margin-top: 2px}

@media (max-width: 1400px){
	.top-go { right: 20px}
}
@media (max-width: 991px){
	.top-go { right: 20px; top: -20px}
	.top-go a { width: 50px; height: 50px}
}


/*========================================================
Sub
========================================================*/
h2.subtit { font-size: 20px; font-weight: 500; text-align: center; margin-bottom: 15px}
h3.subtit { font-size: 42px; font-weight: 700; text-align: center; margin-bottom: 60px}

.path { position: absolute; right: 0; top: 0; transition: 0.3s}
.path ul { display: flex; align-items: center; gap: 20px}
.path ul li { position: relative; font-size: 14px; line-height: 1}
.path ul li:first-child { margin-top: -2px}
.path ul li+ li::after { content: ""; position: absolute; left: -11px; top: 50%; width: 4px; height: 4px; background: #C0CCE9; border-radius: 50%; transform: translateY(-50%)}

.path.path-term { display: none}

@media (max-width: 1400px){
	.path { right: 20px}
}
@media (max-width: 1200px){
	h2.subtit { font-size: 19px;}
	h3.subtit { font-size: 40px;}
}
@media (max-width: 991px){
	h2.subtit { font-size: 18px; margin-bottom: 10px}
	h3.subtit { font-size: 34px; margin-bottom: 30px}
	
	.path { display: none}
}
@media (max-width: 575px){
	h2.subtit { font-size: 16px;}
	h3.subtit { font-size: 28px;}
	
	.br { display: block}
}

.sub-img { position: relative; display: flex; justify-content: center; max-width: 1320px; height: 400px; border-radius: 30px; transition: all 0.75s; margin: 0 auto 100px auto; overflow: hidden}
.sub-img img { max-width: none; height: 100%; transform: scale(1); transition: all 0.75s; }
.sub-img.active { max-width: 100%; border-radius: 0}
.sub-img.active img { transform: scale(1.1);}

@media (max-width: 1400px){
	.sub-img { border-radius: 0}
	.sub-img.active img { transform: scale(1);}
}
@media (max-width: 1200px){
	.sub-img { margin-bottom: 70px}
}
@media (max-width: 991px){
	.sub-img { height: 250px; margin-bottom: 50px}
}
@media (max-width: 575px){
	.sub-img { margin-bottom: 40px}
}

h4.con-tit { font-size: 36px; font-weight: 800; text-align: center; margin-bottom: 60px}
h4.con-tit.left { text-align: left}

@media (max-width: 1200px){
	h4.con-tit { font-size: 30px}
}
@media (max-width: 991px){
	h4.con-tit { font-size: 26px; margin-bottom: 50px}
}
@media (max-width: 575px){
	h4.con-tit { font-size: 20px; margin-bottom: 30px}
}

.nav-snb { margin-bottom: 60px}
.nav-snb ul { display: flex; justify-content: center; gap: 10px}
.nav-snb ul li { position: relative}
.nav-snb ul li a { display: flex; align-items: center; justify-content: center; height: 60px; font-size: 18px; color: var(--color-point1); font-weight: 600; border: 2px solid var(--color-point1); border-radius: 30px; padding: 0 30px}
.nav-snb ul li a:hover { color: #fff; background: var(--color-point1);}
.nav-snb ul li.active a { color: #fff; background: var(--color-point1); pointer-events: none}

@media (max-width: 991px){
	.nav-snb { margin-bottom: 50px}
	.nav-snb ul li a { height: 50px; font-size: 17px; padding: 0 25px}
}
@media (max-width: 575px){
	.nav-snb { margin-bottom: 30px}
	.nav-snb ul { gap: 5px}
	.nav-snb ul li a { height: 45px; font-size: 16px; padding: 0 15px}
}
@media (max-width: 330px){
	.nav-snb ul li a { height: 40px; font-size: 15px; padding: 0 12px}
}


/*========================================================
Purpose
========================================================*/
.purpose-con p { position: relative; line-height: 1.3; text-align: center; margin-bottom: 50px}
.purpose-con .tit1 { font-size: 28px; font-weight: 600; margin-bottom: 40px}
.purpose-con .tit2 { font-size: 38px; font-weight: 800;}
.purpose-con .tit3 { font-size: 28px; font-weight: 600;}
.purpose-con .tit4 { font-size: 22px; font-weight: 500; line-height: 1.5; padding-top: 50px}
.purpose-con .tit4::before { content: ""; position: absolute; top: 0; left: 50%; width: 70px; height: 5px; background: var(--color-point1); border-radius: 5px; transform: translateX(-50%)}

.icon-list { margin-bottom: 50px}
.icon-list .inner { background: var(--bg-init); border-radius: 50px; padding: 50px 0}
.icon-list ul { display: flex; justify-content: space-between; width: 100%; max-width: 800px; margin: 0 auto}
.icon-list ul li { display: flex; flex-direction: column; align-items: center}
.icon-list ul li .icon-box { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; background: linear-gradient(135deg, var(--color-point2) 0%, var(--color-point1) 100%); border-radius: 50%; margin-bottom: 20px}
.icon-list ul li .text-con { text-align: center}
.icon-list ul li .text-con strong { display: block; font-size: 28px; font-weight: 700; color: var(--color-point1)}
.icon-list ul li .text-con span { display: block; font-size: 22px; font-weight: 400}

@media (max-width: 1200px){
	.purpose-con p { margin-bottom: 40px}
	.purpose-con .tit1 { font-size: 24px; margin-bottom: 30px}
	.purpose-con .tit2 { font-size: 34px;}
	.purpose-con .tit3 { font-size: 24px}
	.purpose-con .tit4 { font-size: 20px}
	
	.icon-list { margin-bottom: 40px}
	.icon-list .inner { padding: 40px 0}
	.icon-list ul { max-width: 700px}
	.icon-list ul li .icon-box { width: 160px; height: 160px}
	.icon-list ul li .icon-box img { width: 100px;}
	.icon-list ul li .text-con strong { font-size: 24px}
	.icon-list ul li .text-con span { font-size: 20px}	
}
@media (max-width: 991px){
	.purpose-con p { margin-bottom: 30px}
	.purpose-con .tit1 { font-size: 20px; margin-bottom: 20px}
	.purpose-con .tit2 { font-size: 30px}
	.purpose-con .tit3 { font-size: 20px}
	.purpose-con .tit4 { font-size: 18px; padding-top: 30px}
	.purpose-con .tit4::before { width: 40px; height: 4px}
	
	.icon-list { margin-bottom: 30px}
	.icon-list .inner { border-radius: 40px; padding: 30px 0}
	.icon-list ul { max-width: 600px}
	.icon-list ul li .icon-box { width: 140px; height: 140px}
	.icon-list ul li .icon-box img { width: 80px;}
	.icon-list ul li .text-con strong { font-size: 20px}
	.icon-list ul li .text-con span { font-size: 18px}
}
@media (max-width: 767px){
	.icon-list ul { max-width: 500px}
	.icon-list ul li .icon-box { width: 120px; height: 120px; margin-bottom: 15px}
	.icon-list ul li .icon-box img { width: 70px;}
}
@media (max-width: 575px){
	.purpose-con .tit1 { font-size: 18px;}
	.purpose-con .tit2 { font-size: 22px}
	.purpose-con .tit4 { font-size: 16px;}
	
	.icon-list .inner { border-radius: 30px}
	.icon-list ul { flex-direction: column; gap: 30px}
	.icon-list ul li .icon-box { margin-bottom: 10px}
	/*.icon-list ul li .icon-box img { width: 60px;}*/
	.icon-list ul li .text-con { line-height: 1.3}
	.icon-list ul li .text-con strong { font-size: 20px}
	.icon-list ul li .text-con span { font-size: 16px}	
}


/*========================================================
Organization
========================================================*/
.org-con .img-con .conbox { display: flex; flex-direction: column; align-items: center; gap: 60px}

.org-con .text-con { font-size: 18px; background: var(--bg-init); padding: 60px 0; margin-top: 60px}
.org-con .text-con .inner { display: flex}
.org-con .text-con .inner > div { flex: 1}

.org-con .text-con .left-con dl + dl { margin-top: 30px}
.org-con .text-con .left-con dt { font-size: 20px; font-weight: 800; margin-bottom: 10px}
.org-con .text-con .left-con dd { color: #555}

.org-con .text-con .right-con strong { display: block; font-size: 20px; font-weight: 800; margin-bottom: 10px}
.org-con .text-con .right-con ul li { color: #555}

@media (max-width: 991px){
	.org-con .text-con { font-size: 16px}
	.org-con .text-con .conbox { display: flex; justify-content: center}
	.org-con .text-con .inner { flex-direction: column; gap: 20px}
	
	.org-con .text-con .left-con dl + dl { margin-top: 20px}
	.org-con .text-con .left-con dt { font-size: 18px;}
	
	.org-con .text-con .right-con strong { font-size: 18px}
	.org-con .text-con .right-con ul.dot.dot18 li { font-size: 16px}
}

.basic-in { display: flex!important}
.device-in { display: none !important}

@media (max-width: 991px){
	.basic-in { display: none !important}
	.device-in { display: flex !important}
}


/* Tree */
.org-con .m-tree { position: relative; display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 500px}
.org-con .m-tree::before { content: ""; position: absolute; left: 10px; top: 0; width: 1px; height: 420px; background: #ccc; z-index: -1}

.org-con .m-tree ul.m-tree-lv2 { display: flex; flex-direction: column; gap: 15px; padding-left: 30px; margin-top: 15px}
.org-con .m-tree ul li { position: relative}
.org-con .m-tree ul li:before { content: ""; position: absolute; left: -20px; top: 25px; width: 20px; height: 1px; background: #ccc; z-index: -1}

.org-con .m-tree .lv { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; font-size: 18px; color: #fff; font-weight: 600; border-radius: 5px; background: var(--color-point1)}
.org-con .m-tree .lv.lv15 { color: var(--color-init); background: #ecf2fc}
.org-con .m-tree .lv.lv2 { color: var(--color-init); background: #fff; border: 1px solid var(--color-point1)}

.org-con .m-tree ul.m-tree-lv3 { display: flex; flex-direction: column; gap: 15px; padding-left: 30px; margin-top: 15px}
.org-con .m-tree ul.m-tree-lv3::before { content: ""; position: absolute; left: 10px; top: 0; bottom: 85px; width: 1px; background: #ccc; z-index: -1}
.org-con .m-tree .lv3 { position: relative;}
.org-con .m-tree .lv3 .lv.t { background: var(--color-point2)}
.org-con .m-tree .lv3 .d { display: flex; flex-direction: column; gap: 10px; margin-top: 10px}
.org-con .m-tree .lv3 .d span { display: flex; align-items: center; justify-content: center; height: 50px; border-radius: 5px; background: #f2f2f2; }

.org-con .m-tree.office::before { height: 90px;}
.org-con .m-tree.office ul.m-tree-lv3::before { bottom: 145px;}



/*========================================================
About
========================================================*/
.history-box { margin-bottom: 100px}
.history-box ul li { display: flex; }
.history-box ul li + li { margin-top: 50px}
.history-box ul li .year { width: 300px; font-size: 32px; font-weight: 600; padding-top: 30px}
.history-box ul li .con { flex: 1}

.history-box .con dl { display: flex; align-items: center; gap: 50px; border-bottom: 1px solid #ddd; padding: 30px 0}
.history-box .con dt { display: block; font-size: 16px; font-weight: 700}
.history-box .con dd { display: block; font-size: 20px; font-weight: 500;}

@media (max-width: 1200px){
	.history-box { margin-bottom: 70px}
	.history-box ul li .year { width: 200px; font-size: 26px; padding-top: 20px}
	.history-box .con dl { padding: 20px 0}
}
@media (max-width: 991px){
	.history-box { margin-bottom: 50px}
	.history-box ul { padding: 0 50px}
	.history-box ul li { flex-direction: column}
	.history-box ul li + li { margin-top: 30px}
	.history-box ul li .year { width: 100%; font-size: 22px; padding-top: 0}
	.history-box .con dl { padding: 15px 0}
	.history-box .con dt { font-size: 15px; font-weight: 500}
	.history-box .con dd { font-size: 18px}
}
@media (max-width: 767px){
	.history-box ul { padding: 0}
}
@media (max-width: 575px){
	.history-box { margin-bottom: 40px}
	.history-box ul li { flex-direction: row;}
	.history-box ul li + li { border-top: 1px solid #ddd; padding-top: 30px; margin-top: 20px}
	.history-box ul li .year { width: auto; font-size: 20px; margin-right: 20px}
	.history-box .con dl { flex-direction: column; align-items: stretch; gap: 5px; border-bottom: 0; padding: 10px 0 10px 15px}
	.history-box .con dl:first-of-type { padding-top: 0}
	.history-box .con dt { font-size: 14px; color: #777}
	.history-box .con dd { font-size: 16px}
}


/* 오시는 길 : 지도 */
.location-box { background: #f5f5f5; padding: 90px 0 100px 0}
.location-box h4.con-tit { margin-bottom: 30px}
.location-box .inner { background: #fff; border-radius: 30px; padding: 50px}
.location-box .map-in { position: relative; margin-bottom: 30px}
/*.location-box .map-in::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #ddd; z-index: 1}*/

.map-in .root_daum_roughmap.root_daum_roughmap_landing { width: 100%; height: 500px}
.map-in .root_daum_roughmap .wrap_map { height: calc(100% - 32px)}
.map-in .root_daum_roughmap .wrap_controllers { display: block !important}
.map-in .root_daum_roughmap .cont { display: none}

.map-in .root_daum_roughmap a:active,
.map-in .root_daum_roughmap a:link:hover { text-decoration: none}

.map-in .roughmap_maker_label:after { bottom: -9px; background: none; width: 0; height: 0; border-style: solid; border-width: 18px 9px 0px 9px; border-color: var(--color-point1) transparent transparent transparent;}
.map-in .roughmap_maker_label .roughmap_lebel_text { color: var(--color-point1); background: var(--color-point1); padding: 10px}
.map-in .roughmap_maker_label .roughmap_lebel_text::before { content: "BOOSTA"; position: absolute; top: 50%; left: 50%; font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', sans-serif; font-size: 16px; color: #fff; font-weight: 800; letter-spacing: 0; transform: translate(-50%, -50%)}

/* 오시는 길 : 연락처 */
.location-box .address-in ul li { display: flex; align-items: center; gap: 10px; font-size: 18px;}
.location-box .address-in ul li + li { margin-top: 10px}

@media (max-width: 1400px){
	.location-box .inner { border-radius: 20px; padding: 40px}
}
@media (max-width: 1200px){
	.location-box { padding: 60px 0 70px 0}
	.location-box .inner { padding: 30px}
}
@media (max-width: 991px){
	.location-box { padding: 40px 0 70px 0}
	.location-box .conbox { padding-left: 50px; padding-right: 50px}
	.location-box .inner { border-radius: 10px; padding: 20px}
	.location-box .map-in { margin-bottom: 25px}
	.location-box .address-in { border: 0; padding-bottom: 10px}
	.location-box .address-in ul li { font-size: 16px}
	.location-box .address-in ul li + li { margin-top: 5px}
	.location-box .address-in ul li img { width: 16px}
	
	.map-in .root_daum_roughmap.root_daum_roughmap_landing { height: 350px}
}
@media (max-width: 767px){
	.location-box .conbox { padding-left: 20px; padding-right: 20px}
	.location-box .address-in ul li { align-items: flex-start; font-size: 16px}
	.location-box .address-in ul li img { margin-top: 5px}
}
@media (max-width: 575px){
	.location-box h4.con-tit { margin-bottom: 20px}
	.location-box .inner { padding: 10px}
	.location-box .map-in { margin-bottom: 20px}
	.location-box .address-in ul li + li { margin-top: 10px}
}


/*========================================================
Project
========================================================*/
.pj-box { display: flex; gap: 50px; border: 1px solid #ddd; border-radius: 10px; padding: 15px}
.pj-box + .pj-box { margin-top: 30px}
.pj-box .pj-con.one { align-self: center}

@media (max-width: 1200px){
	.pj-box { gap: 30px}
}
@media (max-width: 991px){
	.pj-box { flex-direction: column; gap: 10px; border: 0; padding: 0}
	.pj-box .pj-con.one { align-self: flex-start}
}
@media (max-width: 767px){

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

}

/* pj-box long */
.pj-box.long { display: block}
.pj-box.long h5.box-tit { width: 100%; margin-bottom: 20px}

/*h5.box-tit { position: relative; display: flex; align-items: center; font-size: 24px; color: var(--color-point1); font-weight: 700; margin-bottom: 25px}
h5.box-tit::after { content: ""; flex: 1; height: 1px; background: #ddd; margin-left: 30px}
h5.box-tit.noline::after { content: none}*/

/*h5.box-tit { position: relative; font-size: 24px; color: var(--color-point1); font-weight: 700; margin-bottom: 0}
h5.box-tit::after { content: ""; position: absolute; top: 0; left: 250px; right: 0; height: 1px; background: #ddd;}
h5.box-tit.noline { margin-bottom: 0}
h5.box-tit.noline::after { content: none}
.pj-con { margin-left: 250px}
h5.box-tit.noline + .pj-con { margin-top: -30px}*/

h5.box-tit { position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 200px; height: 70px; font-size: 18px; color: var(--color-point1); font-weight: 700; background: #f2f5fc; border-radius: 10px; margin-bottom: 0}

h6.box-tit { position: relative; font-size: 18px; font-weight: 700; padding-left: 20px; margin-bottom: 20px}
h6.box-tit::before { content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; border: 3px solid var(--color-point1); transform: translateY(-50%)}

.pj-con h6.box-tit:first-of-type { margin-top: 20px}

/* ul dot */
.pj-box ul.dot li + li { margin-top: 10px}
.pj-box ul.dot li stong.point { font-weight: 800}

/* table */
.pj-table th, .pj-table td { border-bottom: 1px solid #eee; padding: 10px}
/*.pj-table th { color: #192d63}*/
.pj-table thead th { font-weight: 700; text-align: center; border-bottom-width: 2px; border-top: 1px solid #eee} 
.pj-table tbody th { width: 170px; color: #666; font-weight: 400; text-align: center; letter-spacing: -0.5px; background: #F6F7F9} /* background: #f2f5fc */
.pj-table tr td:first-of-type { padding-left: 20px}

/*.pj-table.nohead { border-top: 1px solid #dbe3f7}*/
.pj-table.nohead { border-top: 1px solid #eee}

@media (max-width: 575px){
	.pj-table tbody tr { display: flex; flex-direction: column}
	.pj-table tbody th { display: block; width: 100%; font-size: 15px; text-align: left; padding: 5px 10px}
	.pj-table tbody td { display: block}
	.pj-table tr td:first-of-type { padding-left: 10px}
}


/* img */
.pj-img { }
.pj-img ul { display: flex; gap: 30px;}
.pj-img ul li img { display: block; border-radius: 10px;}

.pj-table + .pj-img { margin-top: 30px}

/* box-flex */
.pj-box .box-flex { display: flex; gap: 50px}

/*.pj-box .box-flex .pj-img { flex-shrink: 0; width: 530px}
.pj-box .box-flex .pj-img ul { flex-wrap: wrap}
.pj-box .box-flex .pj-img ul li { width: calc(50% - 15px)}
.pj-box .box-flex .pj-img ul li img { max-width: 250px}*/

.pj-box .box-flex + h6.box-tit { margin-top: 50px}
.pj-box .img-in { flex-shrink: 0; display: block; width: 300px;}
.pj-box .img-in img { display: block; border-radius: 10px; border: 1px solid #ddd}

@media (max-width: 1400px){
	.pj-box .img-in { width: 250px}
}
@media (max-width: 1200px){
	.pj-box .img-in { width: 200px}
}
@media (max-width: 991px){
	.project-con .conbox { padding-left: 100px; padding-right: 100px}
	h5.box-tit { width: 100%; height: 40px; font-size: 16px}
	.project-con ul.dot.dot18 li { font-size: 16px}
	
	.pj-img ul { flex-wrap: wrap}
	.pj-img ul li { width: calc(50% - 15px)}
	
	.pj-box .box-flex { flex-direction: column; align-items: center; gap: 20px}
	h6.box-tit { font-size: 16px; margin-bottom: 10px}
	.pj-con h6.box-tit:first-of-type { margin-top: 10px}
	.pj-box .box-flex + h6.box-tit { margin-top: 30px}
	.pj-box .img-in { width: 100%; max-width: 350px}
}
@media (max-width: 767px){
	.project-con .conbox { padding-left: 20px; padding-right: 20px}
}
@media (max-width: 575px){
	.pj-img ul { gap: 10px}
	.pj-img ul li { width: calc(50% - 5px)}
}


/*========================================================
Board List
========================================================*/
.searchbox { margin-bottom: 15px}
.searchbox .form-flex { justify-content: flex-end}
.searchbox .form-basic[type=text] { width: 200px}
.searchbox .btnn { padding: 0 15px}

.ttable tr.notice-tr { background: #f5f5f5}
.ttable tr.notice-tr th, 
.ttable tr.notice-tr td { padding: 15px 10px}
.board.list-con .ttable .icon-img { display: block; line-height: 1}
.board.list-con .ttable .icon-img img { width: 18px}

.ttable th.th-num { width: 100px}
.ttable th.th-writer { width: 100px}
.ttable th.th-date { width: 150px}
.ttable th.th-view { width: 100px}

.ttable td .subject { display: flex; align-items: center;}
.ttable td .subject a { font-size: 18px; padding-left: 10px; margin-right: 20px}
.ttable td .subject span.fa { color: var(--color-point1)}
.ttable td .subject span + span { margin-left: 10px}
.ttable td.no-data { height: 80px; text-align: center; vertical-align: middle}
.ttable td a { display: block; font-weight: 600}

td.nopost { text-align: center; padding: 50px 0}

@media (max-width: 1400px){
	.ttable th.th-num { width: 80px}
	.ttable th.th-date { width: 150px}
	.ttable th.th-view { width: 80px}
}
@media (max-width: 991px){
	.board { padding-top: 20px}
	.board.write-con { padding-top: 0px}
	.ttable thead { display: none}
	.ttable tbody tr { display: flex; flex-wrap: wrap; border-top: 1px solid #ddd; padding: 10px 0}
	.ttable tbody tr:first-of-type { border-top: 2px solid var(--color-init)}
	.ttable tbody tr:last-of-type { border-bottom: 1px solid #ddd}
	.ttable td { position: relative; display: block; border-bottom: 0; padding: 0}
	.ttable tr.notice-tr { padding-left: 10px; padding-right: 5px}
	.ttable tr.notice-tr td { padding: 0}
	.ttable tr.notice-tr td.notice { line-height: 1}
	.ttable tr.notice-tr td .s-table { font-size: 14px; color: #666;}
	.ttable td.num { font-size: 14px; border: 1px solid #ddd; border-radius: 20px; padding: 2px 15px}
	.ttable td.title, .ttable tr.notice-tr td.title { width: 100%; padding: 5px 0}
	.ttable td .subject a { width: 100%; font-size: 17px; line-height: 1.3; padding-left: 0}
	.ttable td.td-type { font-size: 14px; color: #666;}
	.ttable td.td-type + .td-type { margin-left: 20px}
	.ttable td.td-type + .td-type::before { content: ""; position: absolute; left: -10px; top: 50%; width: 1px; height: 10px; background: #ccc; transform: translateY(-50%)}
}
@media (max-width: 575px){
	.searchbox .form-basic[type=text] { flex: 1; width: 100%}
}

/* 공지 */
.badge-table { display: inline-flex; align-items: center; height: 36px; color: var(--color-point1); border-radius: 20px; border: 1px solid var(--color-point1); white-space: nowrap; padding: 0 20px}

@media (max-width: 991px){
	.searchbox .form-flex { justify-content: center; gap: 5px}
	.badge-table { height: 27px; font-size: 14px; padding: 0 15px}
	td.nopost { width: 100%; text-align: center; padding: 30px 0}
}


/*========================================================
Board Post
========================================================*/
/*.board.post-con { max-width: 1000px; margin: 0 auto}*/
.board.post-con h3 { font-size: 28px; line-height: 1.3; margin-bottom: 15px}

.board.post-con ul.post-info { display: flex; align-items: center; gap: 20px; border-bottom: 2px solid var(--color-init); padding-bottom: 15px;}
.board.post-con ul.post-info li { position: relative; color: #666}
.board.post-con ul.post-info li + li::before { content: ""; position: absolute; left: -10px; top: 50%; width: 1px; height: 14px; background: #999; transform: translateY(-50%)}

.board.post-con .contents-view { min-height: 200px; border-bottom: 1px solid #ccc; padding: 50px 0;}
.board.post-con .contents-view-img img { display: block; margin: 0 auto 30px;}
               
#post-content { word-wrap: break-word; font-size: 17px}
#post-content img { display: block; margin: 0 auto}

ul.post-down { display: flex; flex-direction: column; gap: 3px; background: #f1f1f1; padding: 15px 10px}
/*ul.post-down li { display: flex; align-items: center; gap: 10px}*/
ul.post-down li { display: flex; align-items: flex-start; gap: 10px}
ul.post-down li.link-item a { text-decoration: underline}
ul.post-down li img { display: block; width: 18px; opacity: 0.6; margin-top: 2px}
ul.post-down li .size { color: #999; font-size: 14px}

.board.post-con .btn-line.btm { margin-top: 40px}

@media (max-width: 991px){
	.board.post-con h3 { font-size: 22px; margin-bottom: 10px}
	.board.post-con ul.post-info { margin-bottom: 10px}
	.board.post-con ul.post-info li { font-size: 14px}
	.board.post-con .contents-view { padding: 40px 0;}
	.board.post-con .btn-line.btm { gap: 5px}
	
	#post-content { font-size: 16px}
}
@media (max-width: 575px){
	.board.post-con h3 { font-size: 20px; margin-bottom: 5px}
	.board.post-con ul.post-info { margin-bottom: 5px}
	.board.post-con .contents-view { min-height: 150px; padding: 30px 0;}
}

/* 교육/자문/개발(복덕방) */
.teqns-content h4 { font-size: 18px; font-weight: 700; margin: 30px 0 20px 0}
.teqns-content h4:first-of-type { margin-top: 0}
/*.post-list li { display: flex; align-items: center; gap: 20px}
.post-list li + li { margin-top: 5px}
.post-list li .dt { flex-shrink: 0; width: 160px}*/

table.post-list th, table.post-list td { border: 1px solid #ddd; padding: 10px 20px}
table.post-list th { width: 190px; font-weight: 400; background: #f5f5f5; white-space: nowrap}

.teqns-content #post-content,
.teqns-content #ps-content2 { word-wrap: break-word; font-size: 16px}

@media (max-width: 575px){
	.teqns-content h4 { margin: 25px 0 15px 0}
	table.post-list tr { display: flex; flex-direction: column}
	table.post-list tr + tr { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px}
	table.post-list th, table.post-list td { border: 0; padding: 0}
	table.post-list th { flex-shrink: 0; color: #666; background: none}
}


/*========================================================
Board write
========================================================*/
/*.board.write-con { max-width: 1000px; margin: 0 auto}*/
.board.write-con .register .form-flex { gap: 10px}
.board.write-con .register .form-flex .left-con { width: 140px; text-align: left}
.board.write-con .register.register-teqns .form-flex .left-con { width: 170px;}

.file-del { display: flex; align-items: center; gap: 15px; margin-top: 5px}

.secret-guide { color: #9f3a38; background: #fff6f6; border: 1px solid #e0b4b4; padding: 15px; margin: 0 0 30px 0}
.secret-guide span.tip { text-decoration: underline}

textarea.form-basic#post_content,
textarea.form-basic#ps_content2 { min-height: 300px; resize: vertical}

/* 동의하기 */
.agree-box { border-top: 1px solid #333; padding-top: 40px}
.agree-box .agree-text { font-size: 15px; background: #f5f5f5; border-radius: 5px; padding: 20px; margin-bottom: 15px}
.agree-box .agree-text p { line-height: 1.6}
.agree-box .agree-check { display: flex; justify-content: flex-end}

/*.register-teqns .agree-box { margin-left: 180px}*/
.form-flex + .agree-box { margin-top: 40px}

.form-flex .right-con.checkradio-in { padding-top: 10px}

@media (max-width: 991px){
	.board.write-con .register .form-flex { gap: 5px}
	.board.write-con .register .form-flex .left-con { width: 100%}
	
	.secret-guide { margin: 0 0 20px 0}
	textarea.form-basic#post_content,
	textarea.form-basic#ps_content2 { min-height: 200px}
	
	.form-flex .right-con.checkradio-in { display: flex; flex-direction: column; gap: 5px; padding-top: 5px}
	.form-flex .right-con.checkradio-in input.checkradio + label + input.checkradio + label { margin-left: 0}
}




/*========================================================
Board comment
========================================================*/
/*#viewcomment { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-top: 50px}*/
#viewcomment { margin-top: 50px}
.comment-tit { font-size: 18px; font-weight: 700; margin-bottom: 20px}
.media { border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px}
.media-heading { display: flex; align-items: center; font-size: 14px; gap: 15px; margin-bottom: 10px}
.media-heading > span { font-size: 14px; color: #777; font-weight: 400; line-height: 1}
.media-heading .name { font-size: 14px; color: #777; font-weight: 500; line-height: 1}
.media-heading .reply { margin-left: auto; display: flex; align-items: center; gap: 10px; font-weight: 400}
.media-heading .reply a { display: block; font-size: 14px}

.media .comment-in { }

.media-heading .time { font-size: 13px;}

/* write */
.comment-adm-setting { display: none}
.chk_comment_all_wrapper { margin: 20px 0 10px 0}
.comment_write_box_inner {margin-top: 20px; padding: 15px;}
.comment_write_button_area {margin-top: 10px; overflow:hidden;}


/*========================================================
Terms
========================================================*/
.terms { max-width: 1100px; color: #666; border: 1px solid #ddd; border-radius: 50px; padding: 50px; margin: 0 auto}

@media (max-width: 1200px){
	.terms { border-radius: 30px}
}
@media (max-width: 991px){
	.terms { font-size: 14px; border-radius: 20px; padding: 30px}
}
@media (max-width: 575px){
	.terms { border-radius: 10px; padding: 20px}
}


/*========================================================
Sub Aside in
========================================================*/
/*.aside-in { background: var(--bg-init)}
.aside-in .sub-section > .conbox { max-width: 1000px; display: flex; background: #fff; border-radius: 30px;}
.aside-in aside.submenu { flex-shrink: 0; width: 250px; padding: 30px}
.aside-in .submenu ul { display: flex; flex-direction: column; gap: 10px}
.aside-in .submenu ul li a { display: block; border: 1px solid #ddd; border-radius: 30px; padding: 15px 30px}
.aside-in .submenu ul li:hover a,
.aside-in .submenu ul li.active a { color: var(--color-point1); font-weight: 700; border-color: #e6eaf6; background: rgba(10, 49, 168, 0.1);}

.sub-section-con { flex: 1; padding: 30px}*/

.aside-in { background: var(--bg-init)}
.aside-in .path { display: none}
.aside-in aside.submenu { display: flex; justify-content: center; margin-bottom: 40px}
.aside-in .submenu ul { display: flex; gap: 10px}
.aside-in .submenu ul li a { display: block; color: var(--color-point1); border: 1px solid var(--color-point1); border-radius: 30px; background: #fff; padding: 12px 32px}
.aside-in .submenu ul li:hover a,
.aside-in .submenu ul li.active a { color: #fff; font-weight: 700; background: var(--color-point1)}

.mypage-set { position: relative; background: #fff; border-radius: 20px; padding: 50px}
.mypage-card { border: 1px solid var(--color-init); border-radius: 8px; padding: 30px;}
.mypage-card.noline { border: 0}

.mypage-set + .btn-line { margin-top: 30px}

@media (max-width: 991px){
	.aside-in { background: #fff}
	.aside-in aside.submenu { padding-top: 10px; margin-bottom: 30px}
	.aside-in .submenu ul li a { padding: 10px 25px}
	
	/*.mypage-set:not(.memberpw-con .mypage-set):not(.membermodify-con .mypage-set) { padding-top: 0}*/
	.mypage-set:not(.memberpw-con .mypage-set) { padding-top: 0}
}
@media (max-width: 700px){
	.mypage-set { max-width: 500px; background: none; border-radius: 0; padding: 0; margin: 0 auto}
	/*.memberpw-con .mypage-set { padding-top: 20px}*/
}
@media (max-width: 575px){
	.aside-in aside.submenu { padding-top: 5px; margin-bottom: 20px}
	.aside-in .submenu ul li a { font-size: 15px; padding: 8px 20px}
}



/*========================================================
Mypage
========================================================*/
.dl-list { width: 100%}
.dl-list dl { display: flex; gap: 50px}
.dl-list dl + dl { margin-top: 20px}
.dl-list dl dt { flex-shrink: 0; width: 100px; font-weight: 400; text-align: right}
.dl-list dl dd { flex: 1; border-bottom: 1px dashed #ccc; padding: 0 0 10px 20px}
.dl-list dl:last-of-type dd { border-bottom: 0}

.mypage-con .mypage-card { display: flex;}
.mypage-con .dl-list dl dd { font-weight: 700}

@media (max-width: 991px){
	.dl-list dl { gap: 30px}
}
@media (max-width: 575px){
	.dl-list dl { flex-direction: column; gap: 5px}
	.dl-list dl dt { width: 100%; text-align: left}
	.dl-list dl dd { padding: 0 0 10px 0px}

	.mypage-con .mypage-card { padding: 30px 15px}
}


/*========================================================
정보수정
========================================================*/
.my-pw.mypage-card { border: 0; padding: 0}
.my-pw .register .form-flex .left-con { width: 80px;}

.membermodify-con .register .form-flex .left-con { width: 100px}

/* 회원 비밀번호 변경 */
.pwmodify-con .my-pw .register .form-flex .left-con { width: 110px;}

/* 회원 비밀번호 변경 결과 */
.mm-result { display: flex; flex-direction: column; align-items: center; gap: 20px}

@media (max-width: 991px){
	.mm-result { border: 1px solid #ddd; border-radius: 5px; padding: 30px; margin-top: 30px}
}


/*========================================================
탈퇴하기
========================================================*/
.leave-bye { font-size: 18px; text-align: center}

@media (max-width: 991px){
	.leave-bye { font-size: 16px; border: 1px solid #ddd; border-radius: 10px; padding: 50px 0}
}