@charset "utf-8";
#skipnav { position:absolute; top:0; left:0; width:100%; z-index:10000; }
#skipnav a {display:block; position:absolute; top:0; left:0; height:0px; font-size:0px; line-height:0px; text-align:center; }
#skipnav a:hover,
#skipnav a:active,
#skipnav a:focus { position:relative; margin:20px auto; width:90%; height:80px; line-height:80px; background:#261d18; text-align:center; color:#ffd84e; border:2px solid #ffd84e; font-weight:bold; font-size:20px; }
body {position:relative; background:var(--white-color); overflow-x:hidden; min-width:360px; width:100%;}
.wrap {display:block !important; position:relative !important; width:1417px !important; max-width:100% !important; margin:0 auto !important;}
.con_wrap {position:relative; width:100%; max-width:1401px; margin:0 auto;}
.container {position:relative; overflow:hidden; margin:0 auto;}
.title {font-weight:var(--font-weight600); font-family:var(--font-family-atm); line-height:120%;}
.bdNTitle {border-bottom:0 !important; margin-bottom:0 !important;}
.nametag.color1 {color:var(--main-color) !important;}
.cont .culturetit{font-size:var(--font-size-sm); line-height:150%;}

/* Hearder */
#header {display:block; position:relative; width:90%; height:233px; margin:0 auto; background:url('/img/inc/header_Bbg.png') no-repeat center bottom; transition:.3s all; }
#header #logo {position:relative; top:28px; font-size:0; margin:0 auto; padding:0; width:200px; height:95px; text-align:center;}
#header #logo a {display:inline-block; margin:0 auto;}
#header #logo a span {display: block; overflow: hidden; background: url('/Img/inc/logo.png') no-repeat; background-size:contain; background-repeat:no-repeat; text-indent:150%; white-space:nowrap;}
#header>section>.nav {display:block; position:relative; margin:60px auto 0; width:100%; z-index:100; text-align:center;}
#header>section>.nav ul {display: flex; text-align: center; justify-content:center;}
#header>section>.nav ul>li>a {position:relative; text-align:center;}
#header>section>.nav ul>li>a span {position:relative; margin:15px 35px; padding-bottom:15px; transition:.3s all; font-size:var(--font-size-snor); font-weight:var(--font-weight600);}
#header>section>.nav ul>li>a span::before {position:absolute; left:0; bottom:0; width:0; height:3px; background:var(--main-color); content:''; transition:.3s all;}
#header>section>.nav ul>li>a span:hover::before, #header>section>.nav ul>li>a.on span::before {width:100%;}
#header>section>.nav ul>li>a span:hover, #header>section>.nav ul>li>a.on span {color:var(--main-color);}
#header nav a span{color:var(--black-color); font-family:var(--font-family-atm); font-size:var(--font-size-nor)}
.r_areamenu {position:absolute; right:0; top:78px;}
.r_areamenu>ul {display:flex; width:auto;}
.r_areamenu>ul>li {margin-left:15px; z-index:var(--z-index-absolute);}
.r_areamenu>ul>li>a {font-weight:var(--font-weight300);}
.r_areamenu>ul>li .btn_go {margin-left:5px; padding:0 10px; border-radius:25px; background:var(--black-color); color:var(--white-color);}
.r_areamenu>ul>li .btn_arw {padding-right:15px; background:url('/img/inc/ic_familysite.png') no-repeat right center;}
.familylink {display: block;}
.familylink>li a {position:relative;}
.familylink .button-dropdown {position: relative;}
.familylink>li>a {display: block; padding:0 5px; text-decoration: none;}
.familylink li a span {display: inline-block; margin-left: 5px;}
.familylink li a:hover, .familylink li a.dropdown-toggle.active {position:relative;}
.familylink li a::after, .familylink li a.dropdown-toggle::after {position:absolute; left:0; bottom:0; width:0; height:1px; content:''; background:#000; transition:.34s all;}
.familylink li a:hover::after, .familylink li a.dropdown-toggle.active::after {position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:#000;}
.familylink li a:hover span, .familylink li a.dropdown-toggle.active span {color: #fff;}
.familylink li .dropdown-menu {display: none; position: absolute; right: 0; padding:10px 20px; margin:15px auto 0; width:180px; background-color: #fff; text-align: left; transition:all 0.34s cubic-bezier(0.55, 0, 0.1, 1); box-shadow:0 0 10px rgba(0,0,0,.23);}
.familylink li .dropdown-menu.active {display: block; transform:matrix(100%)}
.familylink li .dropdown-menu a {display:block; text-align:center; padding:5px 0;}
#searchwrap {position: absolute; left:43px; top:83px; height: 60px; padding: 0; border:0; }
#searchwrap input[type="text"] {float:right; position:absolute; left:0; top:-3px; height: 34px; line-height:34px; font-size: var(--font-size-sm); border:0; margin-left:-5px; padding: 10px 0 10px 40px; background-color:transparent; width: 0px; z-index: 3; border:0; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer; }
#searchwrap input[type="text"]:focus:hover {padding-left:40px; background:var(--big-lightgrey-color); border:0; }
#searchwrap input[type="text"]:focus {padding-left:40px; width: 260px; z-index: 1; background:var(--big-lightgrey-color); border-color:#fff;  border:0; border:0; cursor: text;}
#searchwrap input[type="submit"] {float:left; position:absolute; left:0; height: 27px; width: 50px; background:url('/img/inc/ic_search.png') left center no-repeat; text-indent: -10000px; border:none; z-index: 2; cursor: pointer; cursor: pointer; transition: opacity .4s ease; }
input[type="submit"]:hover { opacity: 0.8; }
.login {display:flex; position:absolute; left:83px; top:84px;}
.login>a {display:block; position:relative; width:auto; height:26px;}
.login>a i {position:absolute; width:26px; height:26px; background-repeat:no-repeat; background-position:center;}
.login>a .ic_login {background-image:url('/img/inc/ic_login.png');}
.login>a .ic_logout {background-image:url('/img/inc/ic_logout.png');}
.login .login_mypage { margin-top:0px; margin-left:34px; background:var(--white-color); border-bottom:1px solid var(--black-color)}

/* Toggle button styles. */
.toggle-button { position: absolute; transition: .3s ease-in-out; width: 25px; height: 25px; display: block; top: 88px; left:0; z-index: var(--z-index-absolute); }
.toggle-button span { position: absolute; height: 3px; border-radius:40px; width: 100%; background-color: var(--black-color); top: 0; transition: transform .3s ease-in-out, opacity .3s ease-in-out; }
.toggle-button span:nth-child(1) { top: 0px; }
.toggle-button span:nth-child(2),
.toggle-button.active {left:auto; right:0; top:16px;}
.toggle-button.active span { background-color: var(--black-color) !important; }
.toggle-button span:nth-child(3) { top: 8px; }
.toggle-button span:nth-child(4) { top: 16px; }
.toggle-button.active span:nth-child(1),
.toggle-button.active span:nth-child(4) {opacity: 0; }
.toggle-button.active span:nth-child(2) {top:8px; left:0; width:28px; transform: rotate(45deg); }
.toggle-button.active span:nth-child(3) {top:8px; width:28px; transform: rotate(-45deg); }
.overlay {display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:var(--white-color); opacity:0; visibility:hidden; display:flex; justify-content:start; align-items:center; transition:.3s; z-index:10000; border-right:1px solid var(--big-lightgrey-color);}
.overlay nav {display:block; width:100%; padding:20px 35px; margin:0 auto; height:100%;  background:var(--white-color)}
.overlay nav>ul {display:inline-grid; width:100%; list-style:none; padding:0 20px 0 20px; margin:150px auto; justify-content:center; justify-items:center; align-content:center;}
.overlay nav>ul>li {display:flex; padding:1rem 0; width:100%;}
.overlay nav>ul>li>a {display:block; width:250px; text-decoration:none; opacity:1; transition:opacity .2s ease; font-size:var(--font-size-medium); font-weight:600; line-height:150%;}
.overlay nav>ul .depth02 {display:flex; opacity:1;}
.overlay nav>ul .depth02 a {line-height:200%;}
.overlay.visible {overflow-y:auto; left:0; top:0; height:100%; opacity:1; visibility:visible;}
.overlay.visible nav>ul>li {animation:fadeInTop .45s ease forwards;}
.overlay.visible nav>ul>li:nth-child(1) {animation-delay:.23s;}
.overlay.visible nav>ul>li:nth-child(2) {animation-delay:.26s;}
.overlay.visible nav>ul>li:nth-child(3) {animation-delay:.29s;}
.overlay.visible nav>ul>li:nth-child(4) {animation-delay:.32s;}
.overlay.visible nav>ul>li:nth-child(5) {animation-delay:.35s;}
.overlay.visible nav>ul>li:nth-child(6) {animation-delay:.38s;}
.overlay.visible nav>ul>li>ul {padding-bottom:50px;}
.overlay.visible nav>ul>li>ul li a {display:block; position:relative; margin-right:50px; padding-left:18px; font-size:var(--font-size-nor); line-height:30px; opacity:.7; transition:.3s all;}
.overlay.visible nav>ul>li>ul li:hover a {opacity:.35;}
.overlay.visible nav>ul>li>ul li:hover a:hover {opacity:1;}
.overlay.visible nav>ul>li>ul li a::before {position:absolute; left:0; top:15px; content:''; background:var(--black-color); width:10px; height:2px;}
/*.dropbtn { display: flex; text-align: center; width:100%; justify-content:center;}
.dropbtn>li>a {position:relative; width:15%; font-size:var(--font-size-snor); font-weight:300; transition:.3s all; text-align:center;}
.dropbtn li a:hover, .dropdown:hover .dropbtn { font-weight:600; opacity:1; border-bottom:4px solid var(--white-color);}
.dropbtn li.dropdown { display:inline-block; }
.stroke a { position: relative;}
.stroke .dropdown-content { display: none; position: absolute; background-color: var(--white-color); width: 200px; padding-bottom:10px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:1; }
.stroke .dropdown-content li a span::after { position: absolute; bottom: 0; left: 0; width: 0%; content: ''; color: transparent; background:#210f52; height:1px; }
.stroke .dropdown-content li a:hover span:after { width: 100%; color:#210f52; font-weight:600;}
.stroke .dropdown-content li a span {display: block; position:relative; padding:10px 0; margin:0 20px; text-decoration: none; color: #7a7a7a; font-weight: 400; text-transform: uppercase; font-size:16px;}
.stroke .dropdown-content li a span, .stroke .dropdown-content li a span::after, .stroke .dropdown-content li a span::before { transition: all .5s;}
.stroke .dropdown-content li a span:hover { color:#210f52; font-weight:700;}
.dropdown:hover .dropdown-content { display: block; animation: dropdown_text .5s 0s both; transition:.3s ease-in-out;}*/

/*뉴스 SHOWLIDE*/
.showlideRolling {display:flex; min-height:61px;}
.showlideRolling .marquee {overflow:hidden; width:100%;}
.showlideRolling .rolling_tit {padding:0 25px; width:auto; height:28px; line-height:28px; background:linear-gradient(var(--gracolor-in), var(--gracolor-out)); border-radius:13px;}
.showlideRolling .rolling_tit .title {color:var(--white-color); line-height:28px;}
.showlideRolling .rolling_ani {display:block; overflow: hidden; position:absolute; right:0; margin-top:-15px; margin-right:0; width: 84%; height: 44px; line-height:28px; padding:19px 4px; margin-bottom:-40px;}
.showlideRolling .rolling_ani .linkItem {display:flex; width:100%;}
.showlideRolling .rolling_ani .linkItem>a {display:block; margin:0 15px; max-width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.showlideRolling .rolling_ani .linkItem>a>span {position:relative; padding-left:15px; }
.showlideRolling .rolling_ani .linkItem>a>span::before {position:absolute; left:0; top:8px; width:4px; height:4px; background:var(--black-color); content:'';}
.showlideRolling .rolling_ani .linkItem>a:hover>span {color:var(--main-color);}
.showlideRolling .rolling_ani .linkItem>a:hover>span::before {background:var(--main-color);}
.showlideRolling .rolling_ani .linkItem>a:hover>span::after {position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background:var(--main-color);}

/*popup*/
.fixpopup {margin:5px auto;}
.fixpopup>ul>li {margin-bottom:15px;}
.rollingPzone {position:relative;}
.rollingPzone .swiper{overflow:hidden; position:relative;}
.rollingPzone .swiper .swiper-pagination{position:absolute; top:0; right:0; height:25px; text-align:right; padding-bottom:0;}
.rollingPzone .swiper .swiper-pagination-bullet-active {background:var(--black-color); border-radius:20px; transition:.34s all; padding:0 10px;}
.rollingPzone .swiper-slide {width:100%;}
.rollingPzone .swiper-slide img {width:100%;}
/*print*/
.printMain {display:block; position:relative; width:90%; max-width:640px; height:100%; margin:1.3rem auto 3.5rem;}
.printMain header {display:block; position:relative; padding:15px 0 10px; margin-bottom:44px;}
.printMain header .logo {display:block; overflow:hidden; position:relative; width:212px; height:96px; background:url('/img/inc/logo.png') no-repeat left center;}
.printMain header .btnBx {display:flex; justify-content:right; position:absolute; right:0; top:42px;}
.printMain header .btnBx>a {display:block; overflow:hidden; position:relative; width:50px; height:50px; margin-left:14px; background:var(--white-color); border-radius:100%; box-sizing:border-box; border:1px solid var(--black-color); transition:.34s all;}
.printMain header .btnBx>a:hover {background:var(--main-color); border-color:var(--main-dark-color)}
.printMain header .btnBx>a i {position:relative; left:25%; top:25%; }
.printMain header .btnBx>a i::before {position:absolute; left:0; top:0; width:24px; height:24px; content:''; background-repeat:no-repeat; background-position:center; transition:.34s all;}
.printMain header .btnBx>a .ic_pop_print::before {background-image:url('/img/sub/ic_print.png');}
.printMain header .btnBx>a .ic_pop_close::before {background-image:url('/img/sub/ic_close.png');}
.printMain header .btnBx>a:hover .ic_pop_print::before {background-image:url('/img/sub/ic_print_hov.png');}
.printMain header .btnBx>a:hover .ic_pop_close::before {background-image:url('/img/sub/ic_close_hov.png');}
.printMain .printInner {display:block; padding-bottom:3em; margin-bottom:3rem; width:100%; border-bottom:1px solid var(--big-lightgrey-color)}
.printMain .printInner .detailTitleBx {padding:0 0 40px}
.printMain .printInner .title {text-align:left; line-height:140%;}
.printMain .printInner .datetime {display:flex; gap:1.2rem; text-align:left; line-height:140%;}
.printMain .printInner .photo img {position:relative;}
.printMain .printInner .writercopy {display:block; border-top:1px solid var(--big-lightgrey-color); margin-top:24px; padding:24px 0 0;}
.printMain .printInner .writercopy>p {line-height:33px;}
.printMain .printInner .writercopy .mail>a {text-decoration:underline; margin-left:5px;}
.printMain .printInner .writercopy .btn_go {margin-left:5px; padding:0 10px; border-radius:25px; background:var(--black-color); color:var(--white-color);}
.printMain .printInner .printFoot {display:block; height:5rem;}

/*btn*/
.btn_more {font-size:var(--font-size-sm); background:var(--black-color); color:var(--white-color); padding:0 10px; border-radius:25px;}
.btn_more span {font-weight:var(--font-weight300); text-decoration:none;}
.btn_mainBTN{background:#000; color:#fff; padding:2px 17px; border-radius:25px; font-size:13px; font-weight:var(--font-weight300);}
.btn_txtlink {font-size:var(--font-size-sm); color:var(--lightgrey-color);}

/*photo*/
.photo {overflow:hidden; position:relative; vertical-align:middle; justify-items:center; align-items:center;}
.photo img {position:relative;/*position:absolute;*/ object-fit:cover; object-position:center center; width:100%; height:100%;}
.photo a:hover img, a:hover
.photo img {transition-duration:800ms; -webkit-transition-duration:800ms; transform:scale(1.215);}
/*.photo.noimg {position:relative; overflow:hidden; text-align:center; background:#98dabf; background-size:100%; border-radius:13px;}
.photo.noimg::before {position:absolute; left:-10px; top:-10px; content:''; width:178px; height:180px; background:url('/img/inc/noimg_bg.png') no-repeat left top; opacity:.3;}
.photo.noimg img {vertical-align:middle; text-align:center; width: 78px !important; height: auto !important; z-index:var(--z-index);}*/

.noimg { display: flex; justify-content: center; align-content: center; align-items: center; height: 100%; background: #98dabf; }
.noimg img { /*width: 101px !important; height: 45px !important;*/ text-align: center; }

/*grid*/
.gridL{position:relative; padding-right:25px;}
.gridR{position:relative; padding-left:25px;}

@keyframes fadeInLeft {
	0% { opacity: 0; transform: translateX(25%); }
	100% { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInTop {
	0% { opacity: 0; transform: translateY(25%); }
	100% { opacity: 1; transform: translateY(0); }
}

/*FOOTER*/
#footer {display:block; position:relative; width:100%; border-top:1px solid #b7b7b7; background:var(--white-color);}
#footer a {font-weight:var(--font-weight300);}
#footer a:hover {font-weight:var(--font-weight600); text-decoration:underline;}
#footer .notice{display:block; background:#f9f9f9; padding:18px 0; border-bottom:1px solid #ebebeb}
#footer .notice .btn_more {margin-right:24px; margin-left:10px;}
#footer .notice>div{display:flex; justify-content:start; width:100%;}
#footer .notice .listSlide{overflow:hidden; width:68%; height:20px;}
#footer .notice .officeJoin{display:flex; width:50%;}
#footer .notice .noticelist{display:flex; width:50%;}
#footer .sitemap{display:block; background:#f2f2f2; padding:47px 0;}
#footer .sitemap>div>ul{display:flex; justify-content:start; align-content:start;}
#footer .sitemap>div>ul>li{display:flex; width:calc(100% / 5);}
#footer .sitemap .menuBx .menutit{font-size:var(--font-size-snor); margin-bottom:15px;}
#footer .sitemap .menuBx .submenu {opacity:1;}
#footer .sitemap .menuBx .submenu a {line-height:200%;}
#footer .sitemap .menuBx .submenu:hover a {opacity:.35;}
#footer .sitemap .menuBx .submenu:hover a:hover {opacity:1;}
/*#footer .familyGroup {display:block; background:#242424; padding:35px 0 15px;}
#footer .familyGroup a {color:var(--white-color);}
#footer .familyGroup h4 {display:block; color:#fff; font-size:var(--font-size-sub-title); padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgba(255,255,255,.15);}
#footer .familyGroup .grouplink {display:flex; width:100%;}
#footer .familyGroup .grouplink>li {width:250px; text-align:center;}
#footer .familyGroup .grouplink>li>a {display:block; font-size:var(--font-size-nor); padding-bottom:35px;}*/
#footer .foot {display:flex; align-items:center; justify-content:start; margin:46px auto; min-height:130px;}
#footer .foot .foot_logo {margin-right:80px;}
#footer .foot .privacylink {display:flex;}
#footer .foot .privacylink li {margin-right:18px;}
#footer .foot .privacylink li a {display:block; position:relative;}
#footer .foot .privacylink li a::after {position:absolute; right:-10px; top:4px; width:1px; height:13px; background:var(--big-lightgrey-color); content:'';}
#footer .foot .privacylink li:last-child a::after {display:none;}
#footer .foot .addr {display:flex; flex-wrap:wrap; margin-bottom:20px;}
#footer .foot .addr>p{margin-right:18px; font-weight:var(--font-weight300);}

/*only PC ver.*/
@media screen and (max-width:1100px) {
	#header {height:194px;}
	.con_wrap {width:90%;}
	.showlideRolling .rolling_ani {width:75%;}
	.overlay nav>ul>li {display:block;}
	.overlay nav>ul>li>a {width:100%; margin-bottom:15px;}
	.overlay.visible nav>ul>li>ul {padding-bottom:0;}
	.overlay.visible nav>ul>li>ul li a {width:100%;}
}

@media screen and (min-width:901px) {
	#footer p span.tel::before { position: absolute; left: -7px; top: 7px; background: rgba(255,255,255,.12); content: ''; width: 1px; height: 15px; }
	#footer p span.tel::after { position: absolute; right: 7px; top: 7px; background: rgba(255,255,255,.12); content: ''; width: 1px; height: 15px; }

}

/*only MOBILE ver.*/
@media screen and (max-width:990px) {
	#footer .sitemap {text-align:center;}
	#footer .sitemap>div>ul {display:inline-block; width:100%; justify-content:start; align-content:start; vertical-align:top;}
	#footer .sitemap>div>ul>li {display:inline-block; overflow:hidden; width:25%; justify-content:start; align-content:start; vertical-align:top; text-align:center; margin:5px; border:1px solid var(--big-lightgrey-color); background:var(--white-color); border-radius:5px;}
	#footer .sitemap .menuBx .menutit {margin-bottom:0;}
	#footer .sitemap .menuBx .menutit a {display:block; font-size:15px; padding:5px 15px; transition:.34s all;}
	#footer .sitemap .menuBx .menutit a:hover {background:var(--main-color); color:var(--white-color)}
}
@media screen and (max-width:900px) {
	.toggle-button.active {left:auto; top:26px; right:0;}
	.toggle-button {width: 30px; height: 28px; right:20px;}
	.toggle-button span { height: 3px;}
	.overlay nav ul li {margin:.5rem 0;}
	.login {top:95px;}
	#footer {padding-bottom:30px;}
	#footer .foot {display:block;}
	#footer #top a {right:-10px; bottom:-10px;}
	#footer p {text-align:center;}
	#footer .foot_logo {display:block; width:100%; text-align:center;}
	#footer .address {text-align:center;}
	#footer .address span:nth-child(2n) {display:block;}
	#footer .foot .addr {display:block; width:90%; margin:0 auto 20px;}
	#footer .groupBox { position: relative; margin-top:10px; text-align: center; height:100%;}
	#footer .groupBox .w3-dropdown-content {position:relative; max-width:242px; margin:0 auto;}
	#footer .notice>div {display:block; width:100%;}
	#footer .notice .officeJoin, #footer .notice .noticelist {width:100%; padding:0 25px 25px;}
	#footer .notice .officeJoin {margin-bottom:25px; border-bottom:1px solid var(--big-lightgrey-color);}
	#footer .notice .title {text-align:left; width:150px;}
	#footer .notice .noticelist .title .btn_more {margin-left:22px;}
	#footer .notice .btn_more {margin-right:0;}
	#footer .notice .listSlide {width:calc(100% - 150px);}
	#footer .notice .listSlide p {text-align:left;}
	#footer .foot .privacylink {display:block; width:100%; margin:34px auto;}
	#footer .foot .privacylink>li {display:inline-block; width:25%; line-height:32px}
	#footer .foot .privacylink>li>a::after {display:none;}
	#footer .foot .privacylink>li:last-child {display:block; width:100%;}
	
}

@media screen and (max-width:640px) {
	#header {height:206px; margin-bottom:35px;}
	#header #logo {left:0;}
	#header #logo a {height:56px;}
	#header #logo a span {width:57%; margin:0 auto; height:100%;}
	.toggle-button {top:119px;}
	#searchwrap, .login, .r_areamenu {top:114px;}
	#searchwrap input[type="text"]:focus {width:250px;}
	/*#header {height:170px;}
	#header #logo {display:inline-flex; text-align:left; width:auto;}
	#header #logo a span {background-size:68%;}
	.toggle-button {top:28px; left:auto; right:36px;}
	#searchwrap {top:23px; left:auto; right:20px;}
	.r_areamenu {top:68px; left:auto; right:0;}*/
	.overlay {width:100%;}
	.overlay nav {margin:0 auto;}
	.overlay nav>ul {padding:0; margin:185px auto}
	.overlay nav>ul>li>ul>li {text-align:left;}
	.overlay nav>ul .depth02 {display:inline-grid;}
	.showlideRolling {display:block; height:100px; min-height:initial;}
	.showlideRolling .rolling_tit, .showlideRolling .rolling_ani {width:100%;}
	.showlideRolling .rolling_tit {padding:0 10px; height:auto; line-height:100%; text-align:center;}
	.showlideRolling .rolling_ani {margin:0;}
}

@media screen and (max-width:480px) {
	#header {height:182px; z-index:var(--z-index-absolute);}
	#header #logo {top:62px; left:29%; width:auto; height:auto;}
	#logo {top:68px; left:0;}
	#toggle {top:52px; right:25px;}
	.toggle-button {top:92px;}
	.login {top:85px; left:80px;}
	#searchwrap, .login {top:89px;}
	#searchwrap {left:43px;}
	.r_areamenu {position:relative; top:-47px; right:0; left:11%;}
	.familylink li .dropdown-menu {right:74px;}
	#footer .sitemap>div>ul>li {display:block; width:100%; margin:5px 0;}
}