/* include 공통 CSS */

/************************* 공통 시작*************************/
.inner {width:100%; margin: 0 auto; max-width:1400px;}
@media(max-width:1440px){
	.inner {padding: 0 4%;}
}

.sub-content				{min-height:5rem;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
#header{position: fixed; padding:0; z-index: 1000; left:0; top:0; width:100%; transition:.5s ease all; background: #fff; border-bottom:1px solid rgba(255,255,255,0.2)}
#header:has(.header-all){height:100%; max-height:0.8rem;}
#header.all-drop {max-height:max(400px, 50vh); }

.header {display:flex; justify-content:space-between; align-items:center;}
@media(max-width:1080px){
	#header:has(.header-all) .header {height: 0.8rem;}
}
@media(max-width:768px){
	.header {height: 0.8rem;}
}
.header-logo__link {display: block;}
.header-logo__img {filter:none; transition: all 0.4s;;}

.header .header__ui{display: none; justify-content: flex-end; align-items: center;}

@media (max-width:768px){
	.header-logo__img {width:1rem;}
	.header .header__ui {display: flex;}
}

.header-language {position: relative; text-align:center;}
.header-language .header-language__button{display: flex; align-items:center; height: 0.8rem; font-size: var(--fz-16); color: #fff; transition:.5s ease all;}
.header-language .header-language__navi{display: none; position:absolute; top: 100%; left: 50%; transform:translateX(-50%); padding:0.05rem 0; background:#fff;}
.header-language .header-language__link{padding:0.05rem 0.2rem; display:block; font-size: var(--fz-15); color: var(--main-black);}
@media(max-width:1080px){
	#header:has(.header-all) .header-language {display: none;}
}
@media(max-width:768px){
	.header-language {display: none;}	
}
.header-language .header-language__button--active {color: var(--main-color);}
.header-language .header-language__button:active, 
.header-language .header-language__button:focus-visible {color: var(--main-color);}
@media(hover:hover){
	.header-language .header-language__button:hover {color: var(--main-color);}
}


.header-login {display: flex; align-items: flex-end;}
.header-login .header-login__link {margin-left: 0.1rem; display: block; font-size:var(--fz-16); color:#fff; transition:.5s ease all;}
.header-login .header-login__link:first-of-type {margin-left: 0;}
@media(max-width:768px){
	.header-login{display: none;}	
}

.header-login .header-login__link:active,
.header-login .header-login__link:focus-visible {color: var(--main-color);}
@media(hover:hover){
	.header-login .header-login__link:hover {color: var(--main-color);}
}

.header-navi .header-navi__mainmenu {display: flex; align-items: center; justify-content: center;}
.header-navi .header-navi__mainlist {position: relative; padding:0 0.43rem;}
.header-navi .header-navi__mainlink {height:1rem; display: flex; align-items: center; font-size: var(--fz-18); color: var(--main-black); transition:.5s ease all;}
.header-navi .header-navi__mainlink:focus-visible, 
.header-navi .header-navi__mainlink:active,
.header-navi .header-navi__mainlink--current {color: var(--main-color);}
.header-navi .header-navi__submenu{display: none; position: absolute; top:calc(100% + 1px); background:#fff; padding:0.05rem; width: 100%; left:0; right:0; margin: auto; border:1px solid #ddd;}
.header-navi .header-navi__sublink{display: block; padding:0.1rem 0.05rem; text-align: center; transition:.5s ease all; font-size: var(--fz-16);}
.header-navi .header-navi__sublink:focus-visible,
.header-navi .header-navi__sublink:active,
.header-navi .header-navi__sublink--current {color: var(--main-color);}
@media(hover:hover){
	.header-navi .header-navi__mainlink:hover {color: var(--main-color);}
	.header-navi .header-navi__sublink:hover {color: var(--main-color);}
}
@media(max-width:768px){
	.header-navi {display: none;}	
}

.header-all .header-all__mainmenu {display: flex;}
.header-all .header-all__mainlist {margin:0 0.32rem; position: relative;}
.header-all .header-all__mainlink {padding:0 1em; display: flex; justify-content:center; align-items: center; height: 0.8rem; font-size: var(--fz-17); font-weight: 500; text-align: center; transition:.5s ease all;}
.header-all .header-all__submenu {position: absolute; top: 100%; left: 0; padding:0.075rem 0; width: 100%; opacity: 0; visibility:hidden; transition:.3s ease all;}
.header-all .header-all__sublink {padding:0.075rem 5px; font-size: var(--fz-15); display: block; text-align: center; transition:.5s ease all;}
#header.all-drop .header-all__submenu {opacity: 1; visibility:visible;}
@media(max-width:1080px){
	.header-all {display: none;}
}

@media(hover:hover){
	.header-all .header-all__mainlink:hover {color: var(--main-color);}
	.header-all .header-all__sublink:hover {color: var(--main-color);}
}


.hamburger {display:none; position: relative; width: 25px; height: 18px;}
.hamburger .hamburger__bar {position: absolute; left: 0; width: 100%; height: 2px; background-color: #fff; transition:.5s ease all;}
.hamburger .hamburger__bar--top {top: 0;}
.hamburger .hamburger__bar--middle {top: 50%; transform:translateY(-50%)}
.hamburger .hamburger__bar--bottom {bottom: 0;}
.hamburger--active .hamburger__bar--top {top: 50%; left: 50%; transform:translate(-50%, -50%) rotate(45deg)}
.hamburger--active .hamburger__bar--middle {opacity: 0;}
.hamburger--active .hamburger__bar--bottom {bottom: 50%; left: 50%; transform:translate(-50%, 50%) rotate(-45deg)}


@media(max-width:1080px){
	#header:has(.header-all) .hamburger {display: block;}
}
@media(max-width:768px){	
	.hamburger {display:block;}
}

.hamburger-navi {position: fixed; top: 0.8rem; right: 0; bottom: 0; left: 0; transform: translateX(100%); background-color: #fff; transition:.3s ease-in-out transform; overflow: auto;}
.hamburger-navi--active {transform: translateX(0);}
.hamburger-navi__section {padding:0.1rem calc((100% - 1600px) / 2);;position: relative;}
.hamburger-navi__section:after {position: absolute; content:""; right: 0; left: 0; bottom: 0; margin: 0 auto; width: 96%; height: 1px; background-color: var(--main-gray);}
.hamburger-navi__section:last-child:after {display: none;}
.hamburger-navi__mainmenu {margin: 0 auto; padding-right: 0; padding-left: 0;}
.hamburger-navi__mainlink {padding:0.5em calc((100% - 1600px) / 2); display: block; font-size: var(--fz-20); font-weight: 500; transition:.5s ease all;}
.hamburger-navi__mainlink--active, .hamburger-navi__mainlink--active:visited {background-color: var(--main-color); color:#fff;}
.hamburger-navi__mainlink--no-sub {background:none;}
.hamburger-navi__submenu {padding:0.075rem calc((100% - 1600px) / 2); display: none;}
.hamburger-navi__sublink {padding:0.5em; display: block; font-size: var(--fz-16); transition:.5s ease all;}
.hamburger-navi__info {padding:0.5em 0; display: flex; font-size: var(--fz-16);}
.hamburger-navi__category {display: inline-block; width: 80px; font-weight: 500;}
.hamburger-navi__detail {flex: 1 auto;}
.header-navi__lang-link {padding:0.5em 0; display: inline-flex; align-items: center; font-size: var(--fz-16);}
.header-navi__lang-link:before {display: inline-block; margin-right: 0.5em; content:""; width: 0.75em; height: 0.75em; border-radius:50%; border:1px solid var(--main-black); transition:.5s ease all;}
.header-navi__lang-link--active:before {background-color: var(--main-black);}
@media(max-width:1640px){
	.hamburger-navi__section {padding-right: 4%; padding-left: 4%;}
	.hamburger-navi__mainmenu {padding-right: 0; padding-left: 0;}
	.hamburger-navi__mainlink {padding-right: 4%; padding-left: 4%;}
	.hamburger-navi__submenu {padding-right: 4%; padding-left: 4%;}
}
@media(hover:hover){
	.hamburger-navi__mainlink:hover {background-color: var(--main-color); color:#fff;}
	.hamburger-navi__sublink:hover {color: var(--main-color);}
	.header-navi__lang-link:hover:before {background-color: var(--main-black);}
}

/* 스크롤 다운 헤더 CSS Start */
#header.fix-header {background: #fff; color:var(--main-color);}
#header.fix-header .header-navi .header-navi__mainlink {color:var(--main-black);}
#header.fix-header .menu-button .menu-button__bar {background-color: var(--main-black);}
#header.fix-header .header-login .header-login__link {color: var(--main-black);}
#header.fix-header .header-language .header-language__button{}
#header.fix-header .hamburger .hamburger__bar {background-color: var(--main-black);}
#header.fix-header .header-logo__img {filter:none}
/* 스크롤 다운 헤더 CSS End */

/* 헤더 마우스 호버 CSS Start */
#header.header-enter {background: #fff; color:var(--main-color);}
#header.header-enter .header-navi .header-navi__mainlink {color:var(--main-black);}
#header.header-enter .menu-button .menu-button__bar {background-color: var(--main-black);}
#header.header-enter .header-login .header-login__link {color: var(--main-black);}
#header.header-enter .header-language .header-language__button{}
#header.header-enter .hamburger .hamburger__bar {background-color: var(--main-black);}
#header.header-enter .header-logo__img {filter:none}
/* 헤더 마우스 호버 CSS End */

#header.ham-open {background-color: #fff; border-bottom:transparent;}
#header.ham-open .hamburger .hamburger__bar {background-color: var(--main-black);}


/************************* header_inc 끝*************************/



/************************* sub-dropdown 시작 *************************/
.sub-dropmenu {border-top:1px solid rgba(255,255,255,0.2); position: absolute; bottom:0; left:0; width:100%;}
.dropmenu {margin: 0 auto; max-width:1400px; display: flex; align-items:center;}
.dropmenu .dropmenu__home {display: inline-flex; width: 0.7rem; height: 0.7rem; justify-content:center; align-items:center; text-align: center; border-left:1px solid rgba(255,255,255,0.2); transition:.5s ease all;}
.dropmenu .dropmenu__home:active,
.dropmenu .dropmenu__home:focus-visible {background-color: var(--main-color);}
/* .dropmenu .dropmenu__homeicon {width: 0.2rem;} */
.dropmenu .dropmenu__menuwrap {display: flex; width: calc(100% - 0.7rem);}
.dropmenu .dropmenu__menu {position: relative; width: 3rem;}
.dropmenu .dropmenu__menu--depth2 {margin-left: -1px;}
.dropmenu .dropmenu__btn {position: relative; width: 100%; height: 0.7rem; padding:0 0.25rem; display: flex; justify-content:space-between; align-items:center; font-size: var(--fz-16); font-weight: 500; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2); transition:.5s ease all; color:#fff;}
.dropmenu .dropmenu__btn--active,
.dropmenu .dropmenu__btn:active,
.dropmenu .dropmenu__btn:focus-visible {color: var(--main-color);}
.dropmenu .dropmenu__btn .dropmenu__arrow {transition:.5s ease all;}
.dropmenu .dropmenu__btn--active .dropmenu__arrow {transform:rotate(180deg);}
.dropmenu .dropmenu__menulist {position: absolute; display: none; padding:0.04rem 0; width: 100%; top: 100%; left: 0; background-color: #fff; border:1px solid var(--main-gray); z-index: 55;}
.dropmenu .dropmenu__menulink {display: block; margin:0.04rem 0; padding:0.04rem 0.16rem; font-size: var(--fz-15); transition:.5s ease all;}
.dropmenu .dropmenu__menulink:active,
.dropmenu .dropmenu__menulink:focus-visible {color: var(--main-color);}
@media (max-width:768px){
	.dropmenu .dropmenu__home {width:0.45rem; height:0.45rem;}
	.dropmenu .dropmenu__home img {width:0.15rem;}
	.dropmenu .dropmenu__menuwrap {width: calc(100% - 0.45rem);}
	.dropmenu .dropmenu__btn {height:0.45rem; font-size: var(--fz-15);}
	.dropmenu .dropmenu__btn .dropmenu__arrow {width:0.1rem;}
	.dropmenu .dropmenu__menulink {font-size: var(--fz-14);}
}
@media(max-width:500px){
	.dropmenu .dropmenu__menu {width: 50%;}
}
@media(hover:hover){
	.dropmenu .dropmenu__home:hover {background-color: var(--main-color);}
	.dropmenu .dropmenu__btn:hover {color: var(--main-color);}
	.dropmenu .dropmenu__menulink:hover {color: var(--main-color);}
}

/************************* sub-dropdown 끝 *************************/
/************************* sub-tabmenu 시작 *************************/
.sub-tab {border-bottom: 1px solid var(--main-gray);}
.sub-tabmenu {margin: 0 auto; max-width:1600px; display: flex;}
.sub-tabmenu__list {flex:1 auto;}
.sub-tabmenu__link {display: inline-flex; justify-content:center; align-items:center; width: 100%; height: 0.6rem; font-size: var(--fz-15); font-weight: 600; color: var(--main-black); border-bottom:2px solid transparent; transition:.5s ease all;}
.sub-tabmenu__link--active,
.sub-tabmenu__link:active,
.sub-tabmenu__link:focus-visible {color: var(--main-color); border-bottom:2px solid var(--main-color);}
.sub-tabmenu__link:visited,
.sub-tabmenu__link:link {color: var(--black-04);}
.sub-tabmenu__link--active:visited {color: var(--main-color);}
@media(hover:hover){
	.sub-tabmenu__link:hover {color: var(--main-color); border-bottom:2px solid var(--main-color);}
}
/************************* sub-tabmenu 끝 *************************/

/************************* sub-depth3 시작 *************************/
.sub-depth3 {margin: 0 auto; max-width:1600px; display: flex; flex-flow: row wrap;}
.sub-depth3 .sub-depth3__list {flex: 1 auto; height: 0.6rem; background: var(--main-gray); font-size: var(--fz-15); font-weight: 500;}
.sub-depth3 .sub-depth3__list:last-child {border:0;}
.sub-depth3 .sub-depth3__link {width: 100%; height: 0.6rem; display: flex; align-items: center;justify-content: center; transition:.5s ease all;}
.sub-depth3 .sub-depth3__link--active,
.sub-depth3 .sub-depth3__link:active,
.sub-depth3 .sub-depth3__link:focus-visible {background-color: var(--main-color); color: #fff;}
@media(hover:hover){
	.sub-depth3 .sub-depth3__link:hover {background-color: var(--main-color); color: #fff;}
}
/************************* sub-depth3 끝 *************************/


/************************* footer_inc 시작 *************************/
#footer {background-color: #f9f9f9; padding:0.5rem 0; border-top:1px solid #ccc;}

.footer {display: flex; justify-content: space-between; align-items: flex-start;}
.footer__top { display: flex; flex-flow:row wrap;align-items:flex-start;}
.footer__bottom {display: flex; flex-flow:row wrap; justify-content:space-between;}

.footer-logo .footer-logo__link {display: block;}
.footer-logo {margin-right: 0.3rem;}
.footer-logo__img {width:1.32rem;}

@media (max-width:1080px){
	.footer {flex-direction: column-reverse;}
	.footer-logo {margin-right: 0.1rem;}
	.footer__bottom {width:100%; justify-content: flex-end; padding-bottom: 0.2rem;}
}
@media(max-width:768px){
	#footer {padding:0.25rem 0;}
	.footer__top {flex-direction: column; width:100%;}
	.footer-logo {margin-right: 0; margin-bottom: 0.15rem;}
	.footer__bottom .footer__area {width: 100%;}
}

.footer-info .footer-info__list {margin-bottom: 0.08rem; display: flex; flex-flow:row wrap; font-size: var(--fz-15);}
.footer-info .footer-info__list:last-child {margin-bottom: 0;}
.footer-info .footer-info__detail {margin-right: 0.15rem;}
.footer-info .footer-info__detail:last-of-type {margin-right: 0;}
.footer-info .footer-info__category {margin-right: 0.07rem; font-size: var(--fz-15); font-weight: 600;}
.footer-info .footer-info__text {font-size: var(--fz-15);}
.footer-info .footer-info__text--pc {display: inline-block;}
.footer-info .footer-info__text--mo {display: none;}
.footer-info .footer-info__link {font-size: var(--fz-15); transition:.5s ease all;}
.footer-info .footer-info__link:active,
.footer-info .footer-info__link:focus-visible {color: var(--main-color);}
@media (max-width:768px){
	.footer-info .footer-info__text--pc {display: none;}
	.footer-info .footer-info__text--mo {display: inline-block;}
}
@media(max-width:500px){
	.footer-info .footer-info__list {margin-bottom: 0;}
	.footer-info .footer-info__detail {padding:0.03rem 0; width: 100%; margin-right: 0;}
}
@media(hover:hover){
	.footer-info .footer-info__link:hover {color: var(--main-color);}
}

.family-site {position: relative; display: inline-block;}
.family-site .family-site__button {padding:0 0.1rem; display: inline-flex; justify-content:space-between; align-items:center; width: 2rem; height: 0.4rem; font-size: var(--fz-14); font-weight: 500; border:1px solid #fff; color: #fff; transition:.5s ease all;}
.family-site .family-site__button--open,
.family-site .family-site__button:active,
.family-site .family-site__button:focus-visible {background-color: var(--main-color);}
.family-site .family-site__button .family-site_arrow {width: 0.08rem; transition:.5s ease all;}
.family-site .family-site__button--open .family-site_arrow {transform:rotate(-180deg);}
.family-site .family-site__navi {display: none; position: absolute; top: 100%; left: 0; padding:0.1rem; width: 100%; text-align: left; border:1px solid #fff; background-color: var(--main-black); border-top:none; z-index: 10; }
.family-site .family-site__link {display: block; margin:0.03rem 0; padding:0.02rem 0; color: #fff;}
@media(hover:hover){
	.family-site .family-site__button:hover {background-color: var(--main-color);}
}

.footer-navi .footer-navi__link {display: inline-block; margin-left: 0.2rem; font-size: var(--fz-15); font-weight: 500;; transition:.5s ease all;}
.footer-navi .footer-navi__link:first-of-type {margin-left: 0;}
.footer-navi .footer-navi__link:active, 
.footer-navi .footer-navi__link:focus-visible {color: #fff;}
@media(hover:hover){
	.footer-navi a.footer-navi__link:hover {color: var(--main-color);}
}

.footer-admin {margin-top: 0.08rem; display: flex; flex-flow: row wrap;}
.footer-admin .footer-admin__copyright {font-size: var(--fz-15); }
.footer-admin .footer-admin__nav {margin-left: 0.2rem; display: flex;}
.footer-admin .footer-admin__nav .footer-admin__link {margin-left: 0.1rem; display: inline-block; font-size: var(--fz-15); color: var(--main-gray); transition:.5s ease all;}
.footer-admin .footer-admin__nav .footer-admin__link:first-of-type {margin-left: 0;}
.footer-admin .footer-admin__nav .footer-admin__link:active, 
.footer-admin .footer-admin__nav a.footer-admin__link:focus-visible {color: var(--main-color);}
@media(max-width:500px){
	.footer-admin .footer-admin__nav {margin:0.1rem 0 0 0; width: 100%;}
}
@media(hover:hover){
	.footer-admin .footer-admin__nav .footer-admin__link:hover {color: var(--main-color);}
}

/************************* footer_inc 끝 *************************/

/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus-visible {
	outline:none;
}
/************************* ui.totop 끝 *************************/
.go_top {position:fixed; right:0.77rem; bottom:0.2rem; width:0.65rem; height:0.65rem; display: flex; align-items: center; justify-content: center; border-radius:50%; flex-direction:column; text-align: center; font-size: var(--fz-18); font-weight: 600; line-height: 1; background: #fff; z-index: 9999; box-shadow:0 0 10px -3px rgba(0,0,0,0.2);}
.go_top img {margin-bottom:0.08rem;}

@media (max-width:768px){
	.go_top {right:4%;}
}

.sub {padding:1.4rem 0; overflow: hidden;}
.sub-tit {padding-bottom: 0.5rem; display: flex;}
.sub-tit--s20 {border-bottom:1px solid #ccc; margin-bottom: 0.5rem;}
.sub-tit__title {font-size: var(--fz-40); font-weight: 600; letter-spacing: -2px; width:21.4286%;}
.sub-info {width:78.5715%;}
.sub-info__title {font-size: var(--fz-30); font-weight: 600; line-height: 1.4; letter-spacing: -1px; padding-bottom: 0.15rem;}
.sub-info__desc {font-size: var(--fz-20); line-height: 1.8; letter-spacing: -0.5px;}

@media (max-width:768px){
	.sub {padding:0.7rem 0;}
	.sub-tit {padding-bottom: 0.25rem; flex-direction: column;}
	.sub-tit--s20 {margin-bottom: 0.25rem;}
	.sub-info {width:100%;}
	.sub-tit__title {font-size: var(--fz-28); width:100%; padding-bottom: 0.15rem;}
	.sub-info__title {font-size: var(--fz-24); padding-bottom: 0.1rem;}
	.sub-info__desc {font-size: var(--fz-18);}
}

.ceo-cont {display: flex; padding-bottom: 0.4rem;}
.ceo-img {overflow: hidden; border-radius:20px; width:21.4286%; margin-right: 5%; height:100%;}
.ceo-list {width:73.5715%;}
.ceo-list__item {position: relative; padding-left:1.9418%;}
.ceo-list__item:not(:last-child) {margin-bottom: 0.35rem;}
.ceo-list__item::before {display: block; content:''; width:5px; height:5px; border-radius:50%; background: var(--main-color); position: absolute; left:0; top:0.1rem;}
.ceo-list__title {font-size: var(--fz-20); font-weight: 600; padding-bottom: 0.05rem;}
.ceo-list__desc {font-size: var(--fz-17); line-height: 1.8; color:#444;}
.ceo-sign {display: flex; justify-content: flex-end; align-items: flex-end;}
.ceo-sign__desc {padding-right: 0.2rem; font-size: var(--fz-17); color:#444;}

@media (max-width:768px){
	.ceo-cont {flex-direction: column; padding-bottom: 0.2rem;}
	.ceo-img {width:fit-content; margin-right: 0; margin-bottom: 0.25rem;}
	.ceo-list {width:100%;}
	.ceo-list__item:not(:last-child) {margin-bottom: 0.2rem;}
	.ceo-list__title {font-size: var(--fz-18);}
	.ceo-list__desc {font-size: var(--fz-16);}
	.ceo-sign__desc {font-size: var(--fz-16); padding-right: 0.1rem;}
	.ceo-sign__img {width:1.3rem;}
}

.mission-cont {overflow: hidden; border-radius:20px;}
.mission-cont__img--mo {display: none;}
.s12b {background: #f9f9f9;}
.ci-list__item {display: flex;}
.ci-list__item:not(:last-child) {margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom:1px solid #ccc;}
.ci-list__figure {background: url(./img/s12-ci_bg01.png) repeat center / cover; width:52.8572%; height:2.8rem; margin-right: 4.2858%; display: flex; align-items: center; justify-content: center; padding:4%; border:1px solid #ccc;}
.ci-cont {width:42.8572%;}
.ci-cont__title {font-size: var(--fz-30); font-weight: 600; letter-spacing: -1px; padding-bottom: 0.2rem;}
.ci-cont__desc {font-size: var(--fz-20); line-height: 1.8; color:#444; letter-spacing: -0.5px;}
.ci-color {display: flex; flex-wrap: wrap; width:52.8572%; margin-right: 4.2858%;}
.ci-color__item {width:50%;}
.ci-color__item--full {width:100%;}
.ci-color__item--bg {height:0.7rem; padding:0.1rem; font-size: var(--fz-20); color:#fff; margin-bottom: 0.15rem;}
.ci-color__item--bg01 {background: var(--main-color);}
.ci-color__item--bg02 {background: var(--sub-color);}
.ci-color__item--bg03 {background: linear-gradient(90deg, #000 0%, #FFF 100%);}
.ci-color__item--info {font-size: var(--fz-17); line-height: 1.5; letter-spacing: -0.5px;}
.ci-color__item--info span {font-weight: 700;}
.ci-color__item--infotop {margin-bottom: 0.5rem;}

@media (max-width:768px){
	.mission-cont__img--mo {display: block;}
	.mission-cont__img--pc {display: none;}
	.ci-list__item {flex-direction: column;}
	.ci-list__item:not(:last-child) {margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
	.ci-list__figure {width:100%; height:auto; margin-right: 0; margin-bottom: 0.3rem;}
	.ci-cont {width:100%;}
	.ci-cont__title {font-size: var(--fz-24); padding-bottom: 0.1rem;}
	.ci-cont__desc {font-size: var(--fz-18);}
	.ci-color {width:100%; margin-right: 0; margin-bottom: 0.3rem;}
	.ci-color__item--bg {font-size: var(--fz-18); height:0.5rem;}
	.ci-color__item--infotop {margin-bottom: 0.25rem;}
}

.history-info {display: flex; align-items: center; padding-bottom: 0.6rem;}
.history-img {width:52.8572%; margin-right: 4.2858%; border-radius:20px; overflow: hidden;}
.history-txt {width:42.8572%;}
.history-txt__title {font-size: var(--fz-30); font-weight: 600; line-height: 1.4; letter-spacing: -1px; padding-bottom: 0.4rem;}
.history-txt__desc {font-size: var(--fz-20); line-height: 1.8; letter-spacing: -0.5px; color:#444;}
.history-txt__desc:first-of-type {padding-bottom: 0.4rem;}

@media (max-width:768px){
	.history-info {flex-direction: column; padding-bottom: 0.3rem;}
	.history-img {width:100%; margin-right: 0; margin-bottom: 0.2rem;}
	.history-txt {width:100%;}
	.history-txt__title {font-size: var(--fz-24); padding-bottom: 0.2rem;}
	.history-txt__desc {font-size: var(--fz-18);}
	.history-txt__desc:first-of-type {padding-bottom: 0.2rem;}
}

.history-list__item {display: flex;}
.history-list__item:not(:last-child) {padding-bottom: 0.25rem; margin-bottom: 0.25rem; border-bottom:1px solid #ccc; position: relative;}
.history-list__item:not(:last-child):after {display: block; content:''; width:14.2858%; height:3px; background: var(--main-black); left:0; bottom:0; position: absolute;}
.history-tit {width:14.2858%; margin-right: 10.7143%;}
.history-tit__title {font-size: var(--fz-25); font-weight: 500; letter-spacing: -1px; padding-bottom: 0.05rem;}
.history-tit__sub-title {font-size: var(--fz-25); font-weight: 600; letter-spacing: -1px; color:var(--main-color);}
.history-cont {width:75%;}
.history-cont__item {display: flex;}
.history-cont__item:not(:last-of-type) {padding-bottom: 0.15rem;}
.history-cont__year {font-size: var(--fz-17); font-weight: 600; line-height: 1.8; letter-spacing: -0.5px; width:4.7619%; padding-right: 0.9524%;}
.history-dot-list {width:94.2858%;}
.history-dot-list__item {position: relative; font-size: var(--fz-17); line-height: 1.8; letter-spacing: -0.5px; color:#444; padding-left: 0.35rem;}
.history-dot-list__item::before {display: block; content:''; width:3px; height:3px; background: #444; border-radius:50%; left: 0.2rem; top:0.13rem; position: absolute;}

@media (max-width:768px){
	.history-list__item {flex-direction: column;}
	.history-list__item:not(:last-child):after {width:30%;}
	.history-tit {width:100%; margin-right: 0; margin-bottom: 0.15rem;}
	.history-tit__title {font-size: var(--fz-22);}
	.history-tit__sub-title {font-size: var(--fz-22);}
	.history-tit__sub-title br {display: none;}
	.history-cont {width:100%;}
	.history-cont__item {flex-direction: column;}
	.history-cont__year {width:100%; padding-right: 0; padding-bottom: 0.05rem;}
	.history-dot-list__item { padding-left: 0.2rem;}
	.history-dot-list__item::before {left: 0.1rem;}
}

.organi-cont__title {font-size: var(--fz-30); font-weight: 600; line-height: 1.4; letter-spacing: -1px;}
.organi-cont__desc {font-size: var(--fz-20); line-height: 1.8; letter-spacing: -0.5px; color:#444; padding-top: 0.1rem;}
.organi-cont__figure {padding:0.5rem 0.5rem 0.6rem 0.5rem; border-radius:20px; border:1px solid #ccc; margin: 0.3rem 0 0.4rem;}
.organi-cont__img--mo {display: none;}
.organi-list {margin-top: 0.3rem; display: flex;}
.organi-list__item {width:31.7858%; display: flex; align-items: center; justify-content: space-between;}
.organi-list__item:not(:last-child) {padding-right: 3.6429%; margin-right: 4.6429%; position: relative;}
.organi-list__item:not(:last-child)::after {display: block; content:''; width:1px; height:0.6rem; background: var(--main-color); position: absolute; right:0; top:50%; transform:translateY(-50%);}
.organi-list__info {font-size: var(--fz-20); font-weight: 500; line-height: 1.5; letter-spacing: -0.5px;}

@media (max-width:768px){
	.organi-cont__title {font-size: var(--fz-24);}	
	.organi-cont__desc {font-size: var(--fz-18); padding-top: 0.05rem;}
	.organi-cont__figure {padding:0; margin: 0.15rem 0 0.2rem;}
	.organi-cont__img--mo {display: block;}
	.organi-cont__img--pc {display: none;}
	.organi-list {flex-direction: column; margin-top: 0.15rem;}
	.organi-list__item {width:100%;}
	.organi-list__item:not(:last-child) {padding-bottom: 0.3rem; margin-right: 0; padding-right: 0;}
	.organi-list__item:not(:last-child)::after {display: none;}
	.organi-list__info {font-size: var(--fz-18);}
	.organi-list__img {max-width:10%;}
}

.s14b {background: #f9f9f9;}
.business-cont__title {font-size: var(--fz-30); font-weight: 600; line-height: 1.4; letter-spacing: -1px;}
.business-cont__desc {font-size: var(--fz-20); line-height: 1.8; letter-spacing: -0.5px; color:#444; padding-top: 0.1rem;}
.business-cont__figure {padding:0.6rem; border-radius:20px; border:1px solid #ccc; margin: 0.3rem 0 0.4rem;}
.business-cont__img--mo {display: none;}

@media (max-width:768px){
	.business-cont__title {font-size: var(--fz-24);}
	.business-cont__desc {font-size: var(--fz-18); padding-top: 0.05rem;}
	.business-cont__figure {padding:0.3rem; margin:0.15rem 0 0.2rem;}
	.business-cont__img--mo {display: block;}
	.business-cont__img--pc {display: none;}
}

.location-cont__map {width:100%; height:5rem; border-radius:20px; margin-bottom: 0.4rem;}
.location-list {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:0.35rem 0;}
.location-list__item {width:100%;display: flex; align-items: center; margin-bottom: 0.1rem;}
.location-list__item:last-child {margin-bottom: 0;}
.location-list__item .br {display: none;}
.location-list__title {font-size: var(--fz-20); font-weight: 600; letter-spacing: -0.5px; color:var(--main-color); padding-right: 0.1rem;}
.location-list__desc, .location-list__link {font-size: var(--fz-20); letter-spacing: -0.5px; color:#444;}
.location-list__desc--mo {display: none;}
.location-list__desc--pc {display: block;}

@media (max-width:1440px){
	.location-list__desc, .location-list__link {font-size: var(--fz-19);}
}
@media (max-width:768px){
	.location-cont__map {height:3rem; margin-bottom: 0.2rem;}
	.location-list {padding:0.2rem 0;}
	.location-list__title {font-size: var(--fz-18);}
	.location-list__desc, .location-list__link {font-size: var(--fz-18);}
	.location-list__desc--mo {display: block;}
	.location-list__desc--pc {display: none;}
}
@media (max-width:500px){
	.location-list__item {flex-direction: column; align-items: flex-start}
	.location-list__title {padding-right: 0; padding-bottom: 0.05rem;}
	.location-list__item .br {display: block;}
}

.public {margin-top: 0.4rem;display: flex;flex-wrap: wrap;}
.public-item {width:48.5715%;}
.public-item:first-child {margin-right: 2.8572%;}
.public-tit {display: flex; background: var(--main-color); align-items: center; height:0.9rem; justify-content: center;}
.public-tit__title {font-size: var(--fz-20); font-weight: 700; line-height: 1.4; color:#fff;}
.public-tit__img {width:0.9rem;}
.public-list {padding:4.4118%; border:1px solid #ccc; border-top:none;}
.public-list__item {display: flex; align-items: center;}
.public-list__cate {display: flex; align-items: center; justify-content: center; width:0.5rem; height:0.35rem; color:#fff; font-size: var(--fz-16); font-weight: 600; margin-right: 0.1rem; border-radius:5px;}
.public-list__cate--blue {background: #446EE7;}
.public-list__cate--green {background: #04CB00;}
.public-list__cate--purple {background: #843EDA;}
.public-list__cate--orange {background: #F27339;}
.public-list__cate--darkblue {background: #2C3D95;}
.public-list__cate--lightblue {background: #09B5EA;}
.public-list__cate--red {background: #FB5852;}
.public-list__name {font-size: var(--fz-20); font-weight: 600; line-height: 1.5; width:1.4rem;}
.public-list__place {font-size: var(--fz-20); line-height: 1.5; color:#444; width:67.742%;}
.public-list__item:not(:last-child) {margin-bottom: 0.25rem;}

@media (max-width:768px){
	.public {margin-top: 0.2rem;}
	.public-item {width:100%;}
	.public-item:first-child {margin-right: 0; margin-bottom: 2.8572%;}
	.public-tit {height:0.6rem;}
	.public-tit__title {font-size: var(--fz-18);}
	.public-tit__img {width:0.6rem;}
	.public-list__cate {font-size: var(--fz-15);}
	.public-list__name {font-size: var(--fz-18);}
	.public-list__place {font-size: var(--fz-18);}
	.public-list__item:not(:last-child) {margin-bottom: 0.15rem;}
}

.field-cont:not(:last-child) {padding-bottom: 0.6rem; margin-bottom: 0.5rem; border-bottom:1px solid #ccc;}
.field-tit {display: flex; padding-bottom: 0.4rem;}
.field-tit--small {padding-bottom: 0.25rem;}
.field-tit__title {width:21.4286%; font-size: var(--fz-20); font-weight: 600; line-height: 1.5; letter-spacing: -0.5px;}
.field-tit__desc {width:78.5715%; font-size: var(--fz-17); line-height: 1.8; letter-spacing: -0.5px; color:#444;}
.field-figure__img--mo {display: none;}
.field-list__item:not(:last-child) {padding-bottom: 0.3rem;}
.field-list__info {font-size: var(--fz-17); line-height: 1.8; letter-spacing: -0.5px; padding-bottom: 0.1rem; position: relative; padding-left:0.25rem;}
.field-list__info::before {display: block; content:''; width: 3px; height:3px; border-radius:50%; background: var(--main-color); left:0.1rem; top:0.1rem; position: absolute;}

@media (max-width:768px){
	.field-cont:not(:last-child) {padding-bottom: 0.3rem; margin-bottom: 0.25rem;}
	.field-tit {flex-direction: column; padding-bottom: 0.2rem;}
	.field-tit--small {padding-bottom: 0.15rem;}
	.field-tit__title {font-size: var(--fz-18); width:100%; padding-bottom: 0.1rem;}
	.field-tit__desc  {width:100%; font-size: var(--fz-16);}
	.field-tit__desc br {display: none;}
	.field-figure__img--mo {display: block;}
	.field-figure__img--pc {display: none;}
	.field-list__item:not(:last-child) {padding-bottom: 0.15rem;}
	.field-list__info {font-size: var(--fz-16); padding-left: 0.15rem; padding-bottom: 0.05rem;}
	.field-list__info::before {left:0.05rem;}
}

.esg-cont {display: flex; flex-wrap: wrap;}
.esg-cont__item {width:31.4286%; margin:0.3rem 2.8572% 0 0;}
.esg-cont__item--small {width:27.1429%}
.esg-cont__item--big {width:40%}
.esg-cont__item:nth-child(3n) {margin:0.3rem 0 0 0;}
.esg-cont__item:nth-child(-n + 3) {margin-top: 0;}
.esg-cont__img {margin-bottom: 0.15rem; border:1px solid #ccc;}
.esg-cont__img--none {border:none;}
.esg-cont__info {font-size: var(--fz-17); letter-spacing: -0.5px; text-align: center; line-height: 1.5;}

@media (max-width:768px){
.esg-cont__item {width:48.5286%; margin:0.2rem 2.8572% 0 0; display: flex; flex-direction: column; justify-content: center;}
.esg-cont__item:nth-child(3n) {margin:0.2rem 2.8572% 0 0;}
.esg-cont__item:nth-child(2n) {margin:0.2rem 0 0 0;}
.esg-cont__item:nth-child(-n + 3) {margin-top: 0.2rem;}
.esg-cont__item:nth-child(-n + 2) {margin-top: 0;}
.esg-cont__info {font-size: var(--fz-16);}
.esg-cont__info br {display: none;}
}

.request-form--top {padding-bottom: 0.6rem;}
.request-form__item {display: flex; align-items: center; padding:0.3rem 3.5715%;}
.request-form__item:not(:last-child) {border-bottom:1px solid #ccc;}
.request-form__item:first-child {border-top:1px solid var(--main-black);}
.request-form__item:last-child {border-bottom:1px solid var(--main-black);}
.request-form__title {width:13.7858%; font-size: var(--fz-20); font-weight: 500; letter-spacing: -0.5px; }
.request-form__title--textarea {padding-top: 0.2rem;}
.request-form__title span {color:var(--main-color);}
input[type=text].request-input {width:3.2rem; height:0.6rem; border:1px solid #ccc; border-radius:10px; padding:0 0.2rem; font-size: var(--fz-17); letter-spacing: -0.5px;}
input[type=text].request-input::placeholder {color:#ccc;}
input[type=text].request-input--small01 {width:1.2rem; padding:0 0.15rem;}
input[type=text].request-input--small02 {width:1.6rem; padding:0 0.15rem;}
input[type=text].request-input--email {margin-right:0.1rem;}
.request-form__tel {display: flex; align-items: center;}
.request-form__dash {display: inline-block; width:0.15rem; height:1px; margin:0 0.15rem; background: var(--main-black);}
.request-form__email {display: flex; align-items: center;}
.request-form__email .whelk {font-size: var(--fz-20); font-weight: 600; margin:0 0.15rem; line-height: 1;}
select.request-select {width:1.6rem; height:0.6rem; border:1px solid #ccc; border-radius:10px; padding:0 0.15rem; font-size: var(--fz-17); letter-spacing: -0.5px; background: url(./img/select_arrow.png) no-repeat right 0.15rem center;}
.request-form__textarea {height:auto; padding:0.3rem 3.5715%; align-items: flex-start;}
textarea.request-textarea {width:86.2142%; height:2.5rem; border:1px solid #ccc; border-radius:10px; padding:0.2rem; font-size: var(--fz-17); letter-spacing: -0.5px;}

@media (max-width:768px){
	.request-form--top {padding-bottom: 0.3rem;}
	.request-form__item {padding:0.2rem 3.5715%;}
	.request-form__title {font-size: var(--fz-18);}
	input[type=text].request-input {font-size: var(--fz-16); height:0.4rem; padding:0 0.1rem;}
	input[type=text].request-input--small01 {width:0.8rem;}
	input[type=text].request-input--small02 {width:1.2rem;}
	.request-form__dash {width:0.1rem; margin:0 0.08rem;}
	.request-form__email .whelk {margin: 0 0.08rem;}
	select.request-select {width:1.2rem; height:0.4rem; padding: 0 0.1rem; background-size:10px 6px}
	.request-form__textarea {height:auto; padding:0.2rem 3.5715%}
}

@media (max-width:500px){
	.request-form__item {flex-direction: column; align-items: flex-start;}
	.request-form__title {width:100%; padding-bottom: 0.1rem; padding-top: 0;}
	textarea.request-textarea {width:100%;}
}

.request-privacy__title {font-size: var(--fz-20); font-weight: 600; letter-spacing: -0.5px; padding-bottom: 0.15rem;}
.request-privacy__title span {color:var(--main-color);}
.request-box {border:1px solid #ddd;  width:100%; height:2rem;}
.request-box__scroll {width:100%; height:100%; overflow-y:scroll; padding:0.35rem 0.3rem;}
.request-box__scroll::-webkit-scrollbar {width:4px; border-radius:50px; position:relative;}
.request-box__scroll::-webkit-scrollbar-thumb { background:#646464; border-radius:50px;}
.request-box__scroll::-webkit-scrollbar-track  {background:#dbdbdb; width:2px;}
.request-box__scroll p {font-size: var(--fz-17); line-height: 1.6; letter-spacing: -0.5px; padding-bottom: 0.1rem; color:#444;}
.request-btn {width:100%; height:0.7rem; background: #f9f9f9; display: flex; align-items: center; padding:0 0.3rem; border:1px solid #ccc; border-top:none;}
.request-btn__label {display: flex; align-items: center;}
input[type=checkbox].request-checkbox {vertical-align:middle; appearance:none; border:1px solid #ccc; width:15px; height:15px; position:relative; background: #fff; margin-right:0.15rem;}
input[type=checkbox].request-checkbox:checked {border:1px solid var(--main-color); background: #fff url('./img/check_btn-chk.png') no-repeat center / 9px 6px;}
.request-btn__label span {font-size: var(--fz-17); font-weight: 600; letter-spacing: -0.5px; color:#444;}
.request-form__submit {margin: 0.6rem auto 0; display: flex; align-items: center; justify-content: center; width:1.45rem; height:0.54rem; border-radius:50px; background: var(--main-color); color:#fff; font-size: var(--fz-20); font-weight: 600; letter-spacing: -0.5px;}

@media (max-width:768px){
	.request-privacy__title {font-size: var(--fz-18); padding-bottom: 0.1rem;}
	.request-box__scroll {padding:0.2rem 0.15rem;}
	.request-box__scroll p {font-size: var(--fz-16); padding-bottom: 0.05rem;}
	.request-btn {height:0.5rem; padding:0 0.15rem;}
	.request-btn__label span {font-size: var(--fz-16);}
	.request-form__submit {margin:0.3rem auto 0; width:1rem; height:0.4rem; font-size: var(--fz-18);}
}