@charset "UTF-8"; 

/*
*   name : layout
*	header, footer, aside 등 공통 레이아웃과 관련된 요소들을 모아놓습니다.
*/

/*--------------------- z-index ---------------------*/
#header {z-index:100;}
.gnb-bg-pc {z-index:90;}


/*--------------------- default ---------------------*/
.no-scroll {overflow:hidden;}

.inwrap {width:150rem;max-width:100%;padding:0 5rem;margin:0 auto;}

	@media screen and (max-width:1200px)
	{
		.inwrap {width:144rem;padding:0 2rem;}
	}


/*--------------------- header ---------------------*/
#header {position:fixed;top:0;left:0;width:100%;border-bottom:1px solid rgba(238, 238, 238, 0.5);}
.header__inwrap {height:14rem;padding:0 5rem;display:flex;align-items:center;justify-content:flex-end;}

#logo {margin-right:auto;flex:none;padding-right:4rem;}
#logo img {height:4.6rem;filter: brightness(0) invert(1);}

.gnb-pc {height:100%;}
.gnb-pc #gnb {height:100%;}
.gnb-pc #gnb .gnb_ul {display:flex;height:100%;gap:0 5rem;}
.gnb-pc .mn_l1 {height:100%;display:flex;align-items:center;flex-wrap:wrap;position:relative;}
.gnb-pc .mn_l1:before {content:"";display:block;position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--point-color);}
.gnb-pc .mn_a1,
.gnb-pc .mn_a1 span {font-family: 'TitilliumWeb';font-weight:600;font-size:2.2rem;letter-spacing:-0.02em;color:#fff;}
.gnb-pc .mn_a2 span {white-space:nowrap;}
.gnb-pc .mn_l2 + .mn_l2 {margin-top:2rem;}
.gnb-pc #gnb .depth2_wrap {display:none;position:absolute;top:100%;padding:5rem 0;}
.gnb-pc .depth3_wrap {margin-top:1.5rem;margin-bottom:2.5rem;}
.gnb-pc .mn_l3 + .mn_l3 {margin-top:1rem;}
.gnb-pc .mn_a3 span {color:#999;font-size:1.4rem;line-height:160%;position:relative;padding-left:10px;white-space:nowrap;}
.gnb-pc .mn_a3 span:before {content:"";position:absolute;top:0.75em;left:0;display:block;width:4px;height:1px;background:#999;}

.header__right {flex:none;margin-left:7rem;margin-right:5rem;display:flex;gap:0 4rem;}
.header__login-btn span,
.header__logout-btn span,
.header__mypage-btn span {position:relative;padding-left:3rem;font-size:1.3rem;font-weight:600;color:#fff;}
.header__login-btn span:before,
.header__logout-btn span:before,
.header__mypage-btn span:before {content:"";display:block;width:2rem;height:2rem;position:absolute;top:50%;left:0;margin-top:-1rem;filter: brightness(0) invert(1);}
.header__login-btn span:before,
.header__logout-btn span:before {background:url(../img/layout/header__login-btn.svg) no-repeat center center /100% 100%;}
.header__mypage-btn span:before {background:url(../img/layout/header__mypage-btn.svg) no-repeat center center /100% 100%;}
.allMenu-open-btn {flex:none;width:27px;height:27px;display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;}
.allMenu-open-btn i {display:block;width:5px;height:5px;border-radius:50%;background:#fff;}
.allMenu-open-btn i:nth-child(7) {background:none;}

.gnb-bg-pc {display:none;position:fixed;top:14rem;left:0;width:100%;background:#f0f1f5;transform-origin: top center;box-shadow:0px 10px 30px rgba(0, 0, 0, 0.01);}

	/* header 스크롤시*/
	#header.scroll .header__inwrap {height:8rem;}
	#header.scroll #logo img {height:3.2rem;}
	#header.scroll ~ .gnb-bg-pc {top:8rem;}
	#header.scroll {background:#fff;}
	#header.scroll #logo img {filter:none;}
	#header.scroll .allMenu-open-btn i {background:var(--black-color);}
	#header.scroll .allMenu-open-btn i:nth-child(1),
	#header.scroll .allMenu-open-btn i:nth-child(4),
	#header.scroll .allMenu-open-btn i:nth-child(5),
	#header.scroll .allMenu-open-btn i:nth-child(8),
	#header.scroll .allMenu-open-btn i:nth-child(9) {background:var(--point-color);}
	#header.scroll .gnb-pc .mn_a1 span {color:var(--black-color);}
	#header.scroll .gnb-pc .mn_a1 span {color:var(--black-color);}
	#header.scroll .header__mypage-btn span {color:var(--black-color);}
	#header.scroll .header__login-btn span,
	#header.scroll .header__logout-btn span {color:var(--black-color);}
	#header.scroll .header__mypage-btn span:before,
	#header.scroll .header__login-btn span:before,
	#header.scroll .header__logout-btn span:before {filter:none;}
	#header.scroll .allMenu-open-btn i:nth-child(7) {background:none;}


	/* gnb 호버시 */
	#header.small {background:#fff;}
	#header.small .header__inwrap {height:8rem;}
	#header.small #logo img {height:3.2rem;filter:none;}
	#header.small #gnb .gnb_ul {gap:0 9rem;}
	#header.small ~ .gnb-bg-pc {top:8rem;}
	#header.small .gnb-pc .mn_a1,
	#header.small .gnb-pc .mn_a1 span {color:var(--black-color);}
	#header.small .header__login-btn span,
	#header.small .header__logout-btn span,
	#header.small .header__mypage-btn span {color:var(--black-color);}
	#header.small .header__login-btn span:before,
	#header.small .header__logout-btn span:before,
	#header.small .header__mypage-btn span:before{filter:none;}
	#header.small .allMenu-open-btn i {background:var(--black-color);}
	#header.small .allMenu-open-btn i:nth-child(1),
	#header.small .allMenu-open-btn i:nth-child(4),
	#header.small .allMenu-open-btn i:nth-child(5),
	#header.small .allMenu-open-btn i:nth-child(8),
	#header.small .allMenu-open-btn i:nth-child(9) {background:var(--point-color);}
	#header.small .allMenu-open-btn i:nth-child(7) {background:none;}

	
	/* animate */
	#gnb .gnb_ul {transition:all .3s;}
	.allMenu-open-btn i {transition:all .3s;}
	.header__inwrap {transition:all .3s;}
	#logo img {transition:all .3s;}
	.gnb-pc .mn_a1 span {transition:all .3s;}
	.gnb-pc .mn_a2 span {transition:all .3s;}
	.gnb-pc .gnb-pc .mn_l1:before {transition:all .3s;}

	.header__login-btn span,
	.header__logout-btn span,
	.header__mypage-btn span {transition:all .3s;}
	.header__login-btn span:before,
	.header__logout-btn span:before,
	.header__mypage-btn span:before {transition:all .3s;}

	@media screen and (min-width: 1200px)
	{
		/* hover */
		.gnb-pc .mn_l1:hover .mn_a1 span,
		.gnb-pc .mn_l1:has(a:focus) .mn_a1 span,
		.gnb-pc .mn_l1.over .mn_a1 span {color:var(--point-color);}
		.gnb-pc .mn_l2:hover .mn_a2 span,
		.gnb-pc .mn_l2:has(a:focus) .mn_a2 span,
		.gnb-pc .mn_l2.over .mn_a2 span {color:var(--point-color);}
		.gnb-pc .mn_l1.act:before {width:100%;}

		.allMenu-open-btn:hover i,
		.allMenu-open-btn:focus i {background:#fff;}
		#header.scroll .allMenu-open-btn:hover i,
		#header.scroll .allMenu-open-btn:focus i {background:var(--point-color);}

		.header__login-btn:hover span,
		.header__login-btn:focus span, 
		.header__logout-btn:hover span,
		.header__logout-btn:focus span, 
		.header__mypage-btn:hover span,
		.header__mypage-btn:focus span {color:var(--point-color) !important;}
		.header__login-btn:hover span:before,
		.header__login-btn:focus span:before,
		.header__logout-btn:hover span:before,
		.header__logout-btn:focus span:before {background:url(../img/layout/header__login-btn_on.svg) no-repeat center center /100% 100%;filter:none;}
		.header__mypage-btn:hover span:before,
		.header__mypage-btn:focus span:before {background:url(../img/layout/header__mypage-btn_on.svg) no-repeat center center /100% 100%;filter:none;}
	}
	@media screen and (max-width:1400px)
	{
		.gnb-pc #gnb .gnb_ul {gap:0 3.5rem;}
		#header.small #gnb .gnb_ul {gap:0 5rem;}
		.header__right {margin-left:4rem;margin-right:3rem;gap:0 2rem;}

		#header {background:#fff;}
		#logo img {filter:none;height:3.4rem;}
		.allMenu-open-btn i {background:var(--black-color);}
		.allMenu-open-btn i:nth-child(1),
		.allMenu-open-btn i:nth-child(4),
		.allMenu-open-btn i:nth-child(5),
		.allMenu-open-btn i:nth-child(8),
		.allMenu-open-btn i:nth-child(9) {background:var(--point-color);}
	}

	@media screen and (max-width:1200px)
	{
		.header__inwrap {padding:0 2rem;height:10rem;}
		#header.scroll .header__inwrap {height:7rem;}

		#logo img {height:3.4rem;}

		.gnb-pc {display:none;}
		.header__right {display:none;}
		
	}


/*--------------------- allMenu-pop ---------------------*/
.allMenu-pop {display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:300;background:#fff;}
.allMenu-pop__inwrap {width:100%;height:100%;position:relative;display:flex;}
.allMenu-pop__left {flex:1;height:100%;padding-top:13rem;text-align:center;background:url(../img/layout/allMenu-pop__left.png) no-repeat center center;}
.allMenu-pop__logo {display:inline-block;width:37.6rem;height:9rem;background:url(../img/layout/logo.png) no-repeat center center /100% 100%;}
.allMenu-pop__menu {height:100%;width:62.5%;background:#ffffff;position:relative;}
.allMenu-pop__menu:before {content:"";display:block;width:50%;height:100%;background:#fff;position:absolute;top:0;right:0;}
.allMenu-pop__menu .mn_l1 + .mn_l1 {margin-top:5.5rem;}
.allMenu-pop__menu .mn_a1 {display:block;width:100%;position:relative;}
.allMenu-pop__menu .mn_a1:before {content:"";opacity:0;transform:translateX(-2rem);position:absolute;top:50%;right:0;width:4rem;height:4rem;margin-top:-2rem;border:2px solid #000;border-radius:50%;background:url(../img/layout/allMenu-pop__menu_arrow.svg) no-repeat center center;}
.allMenu-pop__menu .mn_a1 span {color:rgba(0, 0, 0, 0.3);font-family: 'TitilliumWeb';font-weight:600;font-size:4rem;}
.allMenu-pop__menu #gnb {width:50%;padding:17.5rem 9% 6rem;}
.allMenu-pop__menu .depth2_wrap {opacity:0;transform:translateY(-2rem);position:absolute;width:50%;right:0;top:0;padding:17.5rem 9% 6rem;}
.allMenu-pop__menu .mn_l2 + .mn_l2 {margin-top:3.5rem;}
.allMenu-pop__menu .mn_a2 span {color:var(--black-color);font-family: 'TitilliumWeb';font-size:2.2rem;}
.allMenu-pop__menu .mn_a3 span {color:#aeaeae;}
.allMenu-pop__menu .depth3_wrap {display:none;padding-top:2rem;}
.allMenu-pop__menu .mn_l3 + .mn_l3 {margin-top:1.5rem;}
.allMenu-pop__menu .mn_a3 {padding-left:1.3rem;position:relative;}
.allMenu-pop__menu .mn_a3:before {content:"";display:block;width:5px;height:1px;background:#aeaeae;position:absolute;top:0.8em;left:0;}

.allMenu-pop__close-btn {flex:none;width:2.7rem;height:2.7rem;display:grid;grid-template-columns: 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr;position:absolute;top:5.5rem;right:5rem;z-index:5;}
.allMenu-pop__close-btn i {display:block;width:5px;height:5px;border-radius:50%;background:var(--black-color);}
.allMenu-pop__close-btn i:nth-child(2n) {opacity:0;}

.allMenu-pop .header__right {position:absolute;top:5.5rem;right:12rem;z-index:5;margin:0;display:none;}

.allMenu-pop__menu .mn_l1.act .mn_a1 span {color:#000000;}
.allMenu-pop__menu .mn_l1.act .depth2_wrap {opacity:1;transform:none;z-index:1;}
.allMenu-pop__menu .mn_l2.act .mn_a2 span {color:var(--point-color);}

	/* animation */
	.allMenu-pop__menu .mn_a1 span {transition:all .3s;}
	.allMenu-pop__menu .mn_a1:before {transition:all .3s;}
	.allMenu-pop__menu .mn_l1 .depth2_wrap {transition:all .3s;}
	.allMenu-pop__close-btn i {transition:all .3s;}
	.allMenu-pop__menu .mn_a2 span {transition:all .3s;}

	.allMenu-pop__logo {opacity:0;}
	.allMenu-pop .header__right {opacity:0;}
	.allMenu-pop__left {opacity:0;}
	.allMenu-pop__menu {opacity:0;}
	.allMenu-pop__close-btn {opacity:0;}

	.allMenu-pop.open .allMenu-pop__logo {opacity:1;}
	.allMenu-pop.open .header__right {opacity:1;}
	.allMenu-pop.open .allMenu-pop__left {opacity:1;transform:none;}
	.allMenu-pop.open .allMenu-pop__menu {opacity:1;transform:none;}
	.allMenu-pop.open .allMenu-pop__close-btn {opacity:1;}


	@media screen and (min-width: 1200px)
	{
		/* hover */
		.allMenu-pop__close-btn:hover i:nth-child(2n),
		.allMenu-pop__close-btn:focus i:nth-child(2n) {opacity:1;}
		.allMenu-pop__menu .mn_a2:hover span,
		.allMenu-pop__menu .mn_a2:focus span {color:var(--point-color);}
		.allMenu-pop__menu .mn_l1.act .mn_a1:before {opacity:1;transform:none;}

		.allMenu-pop__logo {transition-delay:.5s;transition:all .3s;}
		.allMenu-pop .header__right {transition-delay:.4s;transition:all .5s;}
		.allMenu-pop__left {transform:translateX(-10rem);transition:all .8s;}
		.allMenu-pop__menu {transition-delay:.1s;transform:translateY(-10rem);transition:all .8s;}
		.allMenu-pop__close-btn {transition-delay:.5s;transition-delay:.4s;transition:all .5s;}
	}

	@media screen and (max-width: 1200px)
	{
		.allMenu-pop__left {padding-top:10rem;}
		.allMenu-pop__logo {width:230px;height:56px;}
		
		.allMenu-pop__close-btn {right:2rem;top:3.5rem;}
		.allMenu-pop__close-btn {top:3.5rem;}
		.allMenu-pop__close-btn i {background:#fff;}
		.allMenu-pop .header__right {display:flex;top:3.5rem;right:10rem;gap:0 4rem;}
		.allMenu-pop .header__login-btn span, 
		.allMenu-pop .header__logout-btn span, 
		.allMenu-pop .header__mypage-btn span {color:#fff;}
		.allMenu-pop .header__login-btn span:before, 
		.allMenu-pop .header__logout-btn span:before, 
		.allMenu-pop .header__mypage-btn span:before {filter: brightness(0) invert(1);}

		.allMenu-pop__inwrap {flex-wrap:wrap;}
		.allMenu-pop.open .allMenu-pop__left {width:100%;height:20rem;background-size:100% auto;}
		.allMenu-pop__menu {width:100%;height:calc(100% - 20rem);}

		.allMenu-pop__menu #gnb {padding:5rem 3rem;overflow-Y:auto;height:100%;}
		.allMenu-pop__menu .mn_a1 span {font-size:2.4rem;}
		.allMenu-pop__menu .mn_l1 + .mn_l1 {margin-top:4rem;}

		.allMenu-pop__menu .depth2_wrap {padding:5rem 3rem;height:100%;overflow:auto;}
		.allMenu-pop__menu .mn_a2 span {font-size:1.8rem;}

		/* animation */
		.allMenu-pop__left {transform:translateY(-10rem);transition:all .5s;max-height:20rem;}
		.allMenu-pop__menu {transform:translateX(-10rem);transition:all 0.5s;}
	}

/*--------------------- footer ---------------------*/
#footer {background:#333;padding:9rem 0 20rem;}
#footer .inwrap {display:flex;}
.footer__r {margin-left:auto;}

.footer__logo {width:22rem;height:5.1rem;margin-bottom:5rem;background:url(../img/layout/logo.png) no-repeat center center /100% 100%;filter: brightness(0) invert(1);}
.footer__link {display:flex;flex-wrap:wrap;gap:2rem 4rem;margin-bottom:4rem;}
.footer__link a {color:#fff;font-weight:600;position:relative;}
.footer__link a.point {color:var(--point-color);}
.footer__link a:has(+ a):before {content:"";display:block;width:1px;height:10px;background:rgba(255, 255, 255, 0.4);position:absolute;top:50%;right:-2rem;margin-top:-3px;}

.footer__familysite {position:relative;width:26rem;margin-bottom:4rem;}
.footer__familysite .open-btn {width:100%;height:5rem;padding:0 6rem 0 3rem;background:#5b5b5b;border-radius:5px;color:#fff;text-align:left;font-size:1.4rem;position:relative;}
.footer__familysite .open-btn .ico {position:absolute;top:50%;right:2.5rem;margin-top:-0.6rem;}
.footer__familysite .open-btn .ico i {display:block;width:1.2rem;height:1.2rem;position:relative;}
.footer__familysite .open-btn .ico i:before,
.footer__familysite .open-btn .ico i:after {content:"";display:block;width:1.2rem;height:0.2rem;background:#fff;position:absolute;top:50%;left:50%;margin:-0.1rem 0 0 -0.6rem;}
.footer__familysite .open-btn .ico i:after {transform:rotate(90deg);}
.footer__familysite .familysite-lst {display:none;width:100%;position:absolute;bottom:5rem;left:0;background:#464545;}
.footer__familysite .familysite-lst a {display:block;width:100%;padding:2rem 3rem;color:#fff;font-size:1.4rem;}
.footer__familysite .familysite-lst a + a {border-top:1px solid #565656;}
.footer__familysite .open-btn.open .ico i:after {display:none;}

.footer__address {margin-bottom:3rem;line-height:200%;}
.footer__address span {display:inline-block;color:rgba(255, 255, 255, 0.6);font-style:normal;line-height:200%;}
.footer__address .tel {margin-right:2rem;}
.footer__copyright {color:rgba(255, 255, 255, 0.3);font-size:1.4rem;line-height:200%;}

.footer__menu .gnb_ul {max-width:60rem;display:flex;justify-content:flex-end;gap:2rem 7rem;flex-wrap:wrap;}
.footer__menu .mn_l1:nth-child(3),
.footer__menu .mn_l1:nth-child(5) {width:18rem;}
.footer__menu .mn_l1,
.footer__menu .mn_l2 {text-align:right;}
.footer__menu .mn_a1 span {color:#fff;font-weight:600;}
.footer__menu .mn_a2 span {color:rgba(255, 255, 255, 0.3);white-space:nowrap;}
.footer__menu .mn_l2 + .mn_l2 {margin-top:1.5rem;}
.footer__menu .depth2_wrap {margin-top:1.5rem;}
.footer__menu .depth3_wrap {display:none}
	
	/* animate */
	.footer__familysite .familysite-lst a {transition:all .3s;}

	@media screen and (min-width: 1200px)
	{
		/* hover */
		.footer__familysite .familysite-lst a:hover,
		.footer__familysite .familysite-lst a:focus {background:#3d3d3d;}
	}

	@media screen and (max-width:1200px)
	{
		#footer {padding:8rem 0 12rem;}
		.footer__r {display:none;}
	}
	@media screen and (max-width:480px)
	{
		.footer__familysite {width:100%;}
	}


/*--------------------- top btn ---------------------*/
.m-top-btn {position:fixed;top:50%;right:4rem;margin-top:13rem;width:7rem;height:7rem;border-radius:50%;background:url(../img/layout/top-btn.svg) no-repeat center center var(--black-color);z-index:2;}
.m-top-btn.down {transform:rotate(180deg);}

	@media screen and (max-width:1660px)
	{
		.m-top-btn {display:none;}
	}


/*--------------------- container ---------------------*/
#container {padding-top:14rem;}
.s-container {padding-bottom:14rem;}

	@media screen and (max-width:1200px)
	{
		#container {padding-top:10rem;}
		#container.s-container {padding-top:7rem;}
		.s-container .inwrap {padding-left:3rem;padding-right:3rem;}
	}


/*--------------------- sub ---------------------*/
.sub-header-wrap {height:46rem;position:relative;display:flex;flex-direction:column;justify-content:flex-end;}
.sub-header-wrap:before {content:"";display:block;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);position:absolute;top:0;left:0;z-index:1;}
.sub-header__bg {position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;overflow:hidden;}
.sub-header__bg span {display:block;width:100%;height:100%;position:relative;}
.sub-header__bg span:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center top;background-size:cover;}
.sub-header-wrap.vis-01 .sub-header__bg span:after {background-image:url(../img/layout/sub_header_vis_01.jpg);}
.sub-header-wrap.vis-02 .sub-header__bg span:after {background-image:url(../img/layout/sub_header_vis_02.jpg);}
.sub-header-wrap.vis-03 .sub-header__bg span:after {background-image:url(../img/layout/sub_header_vis_03.jpg);}
.sub-header-wrap.vis-04 .sub-header__bg span:after {background-image:url(../img/layout/sub_header_vis_04.jpg);}
.sub-header-wrap.vis-05 .sub-header__bg span:after {background-image:url(../img/layout/sub_header_vis_05.jpg);}

.sh-dep1 {position:relative;z-index:1;display:flex;margin-bottom:2rem;}
.sh-dep1 a {font-size:1.8rem;font-weight:600;color:#fff;}
.sh-dep1 li:has(+ li) {position:relative;padding-right:2.5rem;margin-right:2rem;}
.sh-dep1 li:has(+ li):before {content:"";display:block;width:1px;height:1.4rem;background:rgba(255, 255, 255, 0.3);position:absolute;top:50%;right:0;margin-top:-0.7rem;}

.sh-dep2 {position:relative;z-index:2;display:flex;align-items:center;}
.sh-dep2  h2 {color:#fff;font-size:8rem;font-family: 'TitilliumWeb';font-weight:600;}
.sh-dep2 .sh-dep2__openbtn {width:4rem;height:4rem;border-radius:50%;margin-left:1.5rem;background:var(--point-color);position:relative;margin-top:1.9rem;}
.sh-dep2 .sh-dep2__openbtn:before {content:"";position:absolute;top:50%;left:50%;display:block;width:13px;height:6px;margin:-3px 0 0 -7px;background:url(../img/layout/shdep2_dropdown.svg) no-repeat center center;}
.sh-dep2 .sh-dep2-popwrap {position:relative;height:100%;width:1px;margin-left:1rem;}
.sh-dep2 .sh-dep2-pop {display:none;position:absolute;top:-1rem;left:0;min-width:25rem;max-width:100%;background:#fff;box-shadow:0 15px 25px rgba(0, 0, 0, 0.05);border-radius:10px;padding:3rem;}
.sh-dep2 .sh-dep2-pop li + li {margin-top:1.5rem;}
.sh-dep2 .sh-dep2-pop a {font-family: 'TitilliumWeb';font-weight:600;font-size:2rem;line-height:120%;}
.sh-dep2 .sh-dep2-pop li.over a {color:var(--point-color);}
.sh-dep2.open .sh-dep2__openbtn:before {transform:rotate(180deg);}

.sh-dep3 {margin-top:8.5rem;background:rgba(34, 34, 34, 0.8);display:flex;box-shadow:0 -15px 15px rgba(0, 0, 0, 0.03);position:relative;z-index:1;}
.sh-dep3 .swiper-slide {width:auto;}
.sh-dep3 .swiper-wrapper {width:auto;}
.sh-dep3 a {display:flex;align-items:center;justify-content:center;height:7rem;padding:0 4rem;color:#fff;font-family: 'TitilliumWeb';font-weight:600;font-size:2rem;}
.sh-dep3 .over a {background:var(--point-color);}

	/* animation */
	.sh-dep2 .sh-dep2-pop li a {transition:all .3s;}
	.sh-dep3 a {transition:all .3s;}

	.sub-header__bg span:after {transition:all 2s;transform:scale(1.07);transition-delay:.2s;}
	.sub-header-wrap.ani .sub-header__bg span:after {transform:none;}
	.sh-dep1 {transition:all .5s;transition-delay:0.2s;opacity:0;}
	.sh-dep2 {transition:all 1.2s;opacity:0;transform:translateY(5rem);}

	#sub-header.ani .sh-dep1 {opacity:1;}
	#sub-header.ani .sh-dep2 {opacity:1;transform:none;}


	@media screen and (min-width: 1200px)
	{
		/* hover */
		.sh-dep2 .sh-dep2-pop li a:hover,
		.sh-dep2 .sh-dep2-pop li a:focus {color:var(--point-color);}
		
		.sh-dep3 li:not(.over) a:hover,
		.sh-dep3 li:not(.over) a:focus {color:var(--point-color);}
	}

	@media screen and (max-width: 1200px)
	{
		.sub-header-wrap {height:48rem;}
		
		.sh-dep1 {margin-bottom:0.5rem;}

		.sh-dep2 {flex-wrap:wrap;}
		.sh-dep2 .sh-dep2-popwrap {width:100%;margin-left:0;}
		.sh-dep2 .sh-dep2-pop {top:1rem;}
		.sh-dep2 h2 {font-size:4rem;}
		.sh-dep2 .sh-dep2__openbtn {width:3.2rem;height:3.2rem;margin-top:0.5rem;}

		.sh-dep3 {width:calc(100% + 4rem);margin-left:-2rem;margin-top:4rem;}
		
	}