/* header */
header {position:fixed; left:0; top:0; width:100%; z-index:1000;}
header .container {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a {display:block; width:112px; height:30.64px; font-size:0; background:url('../images/logo_main_w.png') no-repeat center / cover;}
header .header-main .main-cate {flex:1; min-width:0; padding:0 0 0 200px;}
header .header-main .main-cate ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-cate ul li {margin:0 80px 0 0;}
header .header-main .main-cate ul li:last-of-type {margin:0;}
header .header-main .main-cate ul li a {font-size:20px; font-weight:500; color:#fff; display:block; padding:20px 0;}
header .header-main .main-cate ul li.active a {font-weight:600; color:var(--color-active);}
header .header-main .main-button {margin:0 0 0 30px; display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#fff; height:30px; padding:0 20px; font-size:15px; font-weight:500; color:#5b5b5b; margin:0 10px 0 0;}
header .header-main .main-button a:last-of-type {margin:0;}
header .header-main .main-menu {display:none;}
header .header-mobile {pointer-events:none; opacity:0; transition:all ease 0.5s; position:fixed; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; background:#fff;}
header .header-mobile .mobile-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; background:#4e4e4e; padding:0 20px; height:74px;}
header .header-mobile .mobile-head .close {display:block; font-size:0; width:44px; height:44px; background:url('../images/icon_close.png') no-repeat center / cover;}
header .header-mobile .mobile-body {width:100%; height:100%; overflow-y:auto;}
header .header-mobile .mobile-body .body-cate ul li {border-bottom:1px solid #e5e5e5;}
header .header-mobile .mobile-body .body-cate ul li:last-of-type {border-bottom:0;}
header .header-mobile .mobile-body .body-cate ul li > button {width:100%; height:64px; padding:0 20px; font-size:20px; font-weight:500; color:#000; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-mobile .mobile-body .body-cate ul li > button:after {display:block; content:""; font-size:0; width:24px; height:24px; background:url('../images/icon_menu_more.png') no-repeat center / cover;}
header .header-mobile .mobile-body .body-cate ul li > a {width:100%; height:64px; padding:0 20px; font-size:20px; font-weight:500; color:#000; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .header-mobile .mobile-body .body-cate ul li > .inner {display:none; background:#f5f5f5; padding:30px 20px;}
header .header-mobile .mobile-body .body-cate ul li > .inner a {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 20px; font-size:18px; font-weight:500; color:#666;}
header .header-mobile .mobile-body .body-cate ul li > .inner a:last-of-type {margin:0;}
header .header-mobile .mobile-body .body-cate ul li > .inner a:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('../images/icon_menu_depth_more.png') no-repeat center / cover;}
header .header-mobile .mobile-body .body-cate ul li > .inner a.active {font-weight:bold; color:#06092c;}
header .header-mobile .mobile-body .body-cate ul li > .inner a.active:before {background-image:url('../images/icon_menu_depth_more_on.png');}
header .header-mobile .mobile-body .body-cate ul li.active > button {background:var(--color-active); color:#fff;}
header .header-mobile .mobile-body .body-cate ul li.active > button:after {background-image:url('../images/icon_menu_more_on.png');}
header .header-mobile .mobile-body .body-cate ul li.active > a {background:var(--color-active); color:#fff;}
header .header-mobile .mobile-body .body-cate ul li.active > .inner {display:block;}
header .header-mobile .mobile-body .body-link {margin:50px 0 0; padding:0 20px;}
header .header-mobile .mobile-body .body-link a {display:block; margin:0 0 15px; font-size:16px; font-weight:500; color:#666;}
header .header-mobile .mobile-body .body-link a:last-of-type {margin:0;}
header.fixed .header-mobile {pointer-events:inherit; opacity:1;}
header.sub {background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
header.sub .header-main .main-logo h1 a {background-image:url('../images/logo_main.png');}
header.sub .header-main .main-cate ul li a {color:#000;}
header.sub .header-main .main-cate ul li.active a {color:var(--color-active);}
header.sub .header-main .main-button a {background:var(--color-active); color:#fff;}
header.subpage {background:#fff;}
header.subpage .header-main .main-logo h1 a {background-image:url('../images/logo_main.png');}
header.subpage .header-main .main-cate ul li a {color:#000;}
header.subpage .header-main .main-cate ul li.active a {color:var(--color-active);}
header.subpage .header-main .main-button a {background:var(--color-active); color:#fff;}
@media (max-width:1500px){
header .header-main .main-cate {padding:0 0 0 50px;}
header .header-main .main-cate ul li {margin:0 40px 0 0;}
}
@media (max-width:1100px){
header .header-main .main-cate {padding:0 0 0 25px;}
header .header-main .main-cate ul li {margin:0 25px 0 0;}
header .header-main .main-cate ul li a {font-size:18px;}
}
@media (max-width:991px){
header .header-main {padding:16px 0;}
header .header-main .main-logo {flex:1; min-width:0;}
header .header-main .main-cate {display:none;}
header .header-main .main-button a {padding:0 15px; height:28px; font-size:13px; margin:0 5px 0 0;}
header .header-main .main-menu {margin:0 0 0 10px; display:block;}
header .header-main .main-menu a {display:block; font-size:0; width:28px; height:28px; background:url('../images/icon_menu.png') no-repeat center / cover;}
header.sub .header-main .main-menu a {background-image:url('../images/icon_menu_on.png') !important;}
}

/* footer */
footer .footer-start {padding:80px 0; background:url('../images/bg_footer_start.png') no-repeat center / cover;}
footer .footer-start h2 {text-align:center; margin:0 0 40px; font-size:40px; font-weight:bold; color:#fff;}
footer .footer-start ul {display:flex; flex-wrap:wrap; margin:0 0 30px;}
footer .footer-start ul li {flex:1; min-width:0; border-radius:30px; background:#fff; padding:50px 20px; margin:0 30px 0 0;}
footer .footer-start ul li:last-of-type {margin:0;}
footer .footer-start ul li p {text-align:center; font-size:24px; font-weight:bold;}
footer .footer-start ul li p:before {display:block; content:""; width:35px; height:35px; margin:0 auto 10px; background:url('../images/icon_footer_start_check.png') no-repeat center / cover;}
footer .footer-link {background:#535353;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -20px;}
footer .footer-link ul li a {font-size:16px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:15px 20px;}
footer .footer-info {background:#323232;}
footer .footer-info .info-top {padding:50px 0 30px; display:flex; flex-wrap:wrap;}
footer .footer-info .info-top .top-left {display:flex; flex-wrap:wrap; flex:1; min-width:0; padding:0 30px 0 0;}
footer .footer-info .info-top .top-left h2 img {width:114px;}
footer .footer-info .info-top .top-left ul {margin:0 0 0 100px; flex:1; min-width:0; display:flex; flex-wrap:wrap;}
footer .footer-info .info-top .top-left ul li {margin:0 50px 0 0;}
footer .footer-info .info-top .top-left ul li:last-of-type {margin:0;}
footer .footer-info .info-top .top-left ul li > h3 {margin:0 0 15px; font-size:14px; font-weight:bold; color:#e8e8e8;}
footer .footer-info .info-top .top-left ul li > h3 a {font-size:14px; font-weight:bold; color:#e8e8e8;}
footer .footer-info .info-top .top-left ul li > a {display:block; margin:0 0 5px; font-size:14px; color:#e8e8e8;}
footer .footer-info .info-top .top-left ul li > a:last-of-type {margin:0;}
footer .footer-info .info-top .top-right ul {display:flex; flex-wrap:wrap;}
footer .footer-info .info-top .top-right ul li {margin:0 10px 0 0;}
footer .footer-info .info-top .top-right ul li:last-of-type {margin:0;}
footer .footer-info .info-top .top-right ul li a {display:block; font-size:0; width:30px; height:30px; border-radius:10px; background-size:cover; background-position:center;}
footer .footer-info .info-top .top-right ul li.instagram a {background-image:url('../images/icon_footer_insta.png');}
footer .footer-info .info-top .top-right ul li.naver a {background-image:url('../images/icon_footer_naver.png');}
footer .footer-info .info-bottom {padding:30px 0 50px; display:flex; flex-wrap:wrap;}
footer .footer-info .info-bottom .bottom-left {flex:1; min-width:0; padding:0 30px 0 0;}
footer .footer-info .info-bottom .bottom-left ul li {display:flex; flex-wrap:wrap;}
footer .footer-info .info-bottom .bottom-left ul li p {font-size:14px; color:#a6a6a6; margin:0 10px 0 0;}
footer .footer-info .info-bottom .bottom-left ul li p:last-of-type {margin:0;}
footer .footer-info .info-bottom .bottom-left ul li:last-of-type {margin:20px 0 0;}
footer .footer-info .info-bottom .bottom-right ul {display:none;}
footer .footer-info .info-bottom .bottom-right img {width:60px;}
@media (max-width:1200px){
footer .footer-info .info-top .top-left ul {margin:0 0 0 50px;}
footer .footer-info .info-top .top-left ul li {margin:0 35px 0 0;}
}
@media (max-width:991px){
footer .footer-start {padding:40px 0;}
footer .footer-start h2 {font-size:20px; margin:0 0 20px;}
footer .footer-start ul li {flex:none; width:100%; padding:30px 15px; margin:0 0 10px;}
footer .footer-start ul li:last-of-type {margin:0;}
footer .footer-start ul li p {font-size:16px;}
footer .footer-link {padding:30px 0;}
footer .footer-link ul {margin:0;}
footer .footer-link ul li {margin:0 0 10px; width:100%;}
footer .footer-link ul li:last-of-type {margin:0;}
footer .footer-link ul li a {padding:0; justify-content:flex-start;}
footer .footer-info .info-top {padding-bottom:0;}
footer .footer-info .info-top .top-left {flex:none; padding:0; width:100%; margin:0 0 30px;}
footer .footer-info .info-top .top-left h2 img {width:100px;}
footer .footer-info .info-top .top-left ul {margin:30px 0 0; flex:none; width:100%;}
footer .footer-info .info-top .top-left ul li {width:100%; margin:0 0 15px;}
footer .footer-info .info-top .top-left ul li:last-of-type {margin:0;}
footer .footer-info .info-top .top-left ul li > h3 {font-size:16px; margin:0;}
footer .footer-info .info-top .top-left ul li > h3 a {font-size:16px;}
footer .footer-info .info-top .top-left ul li > a {display:none;}
footer .footer-info .info-top .top-right {display:none;}
footer .footer-info .info-bottom  {padding-top:0;}
footer .footer-info .info-bottom .bottom-left {flex:none; width:100%; padding:0; margin:0 0 30px;}
footer .footer-info .info-bottom .bottom-left ul li p {width:100%; margin:0;}
footer .footer-info .info-bottom .bottom-right {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
footer .footer-info .info-bottom .bottom-right img {width:35px;}
footer .footer-info .info-bottom .bottom-right ul {display:flex; flex-wrap:wrap;}
footer .footer-info .info-bottom .bottom-right ul li {margin:0 10px 0 0;}
footer .footer-info .info-bottom .bottom-right ul li:last-of-type {margin:0;}
footer .footer-info .info-bottom .bottom-right ul li a {display:block; font-size:0; width:35px; height:35px; border-radius:10px; background-size:cover; background-position:center;}
footer .footer-info .info-bottom .bottom-right ul li.instagram a {background-image:url('../images/icon_footer_insta.png');}
footer .footer-info .info-bottom .bottom-right ul li.naver a {background-image:url('../images/icon_footer_naver.png');}
}