@charset "UTF-8";

/* body */
html, body {background:#f2f2f2;}
html.fixed , body.fixed {overflow:hidden; touch-action:none; -webkit-touch-action:none;}

/* header */
header {position:relative; z-index:2000; background:#fff;}
header .header-top {border-bottom:1px solid #f2f2f2; padding:25px 0;}
header .header-top .container {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-top .top-logo h1 a img {width:213px;}
header .header-top .top-member {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
header .header-top .top-member .search {width:24px; height:24px; font-size:0; background:url('../img/icon_search.png') no-repeat center / cover; outline:0 !important; border:0 !important;}
header .header-top .top-member a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 20px; height:40px; font-size:16px; font-weight:600;}
header .header-top .top-member a.active {background:#ff4363; color:#fff;}
header .header-top .top-menu {display:none;}
header .header-bottom {border-bottom:1px solid #f2f2f2;}
header .header-bottom ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:40px;}
header .header-bottom ul li a {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:45px; font-size:16px; font-weight:600;}
header .header-bottom ul li a:hover:after {position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff4363; content:"";}
header .header-bottom ul li a.active:after {position:absolute; left:0; bottom:0; width:100%; height:1px; background:#ff4363; content:"";}
header .header-mobile {display:none;}
@media (max-width:991px){
header .header-top {padding:10px 0;}
header .header-top .container {justify-content:space-between;}
header .header-top .top-menu {display:block;}
header .header-top .top-menu .menu {display:block; width:24px; height:23px; background:url('../img/icon_menu.png') no-repeat center / cover; font-size:0; border:0;}
header .header-top .top-logo h1 a img {width:150px;}
header .header-top .top-member {position:static; transform:none; gap:5px;}
header .header-top .top-member a {display:none; height:35px; padding:0 15px; font-size:14px;}
header .header-bottom {display:none;}
header .header-bottom ul {gap:0;}  
header .header-bottom ul li {flex:1; min-width:0;}
header .header-bottom ul li a {height:40px; font-size:14px;}
header .header-mobile {display:none; flex-direction:column; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:#fff;}
header .header-mobile .mobile-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid #f2f2f2; padding:10px 15px;}
header .header-mobile .mobile-head img {width:150px;}
header .header-mobile .mobile-head .close {width:28px; height:28px; background:url('../img/icon_close.svg') no-repeat center / cover; font-size:0; border:0;}
header .header-mobile .mobile-body {width:100%; height:100%; display:flex; flex-direction:column; overflow:hidden;}
header .header-mobile .mobile-body .body-member {width:100%; border-bottom:1px solid #f2f2f2; padding:10px 15px;}
header .header-mobile .mobile-body .body-member ul {display:flex; flex-wrap:wrap; gap:10px;}
header .header-mobile .mobile-body .body-member ul li {flex:1; min-width:0;}
header .header-mobile .mobile-body .body-member ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:35px; border-radius:2px; font-size:14px; font-weight:500; border:1px solid #ddd;}
header .header-mobile .mobile-body .body-member ul li a.active {background:#ff4363; border-color:#ff4363; color:#fff;}
header .header-mobile .mobile-body .body-cate {width:100%; height:100%; overflow-y:auto;}
header .header-mobile .mobile-body .body-cate ul li {border-bottom:1px solid #f2f2f2;}
header .header-mobile .mobile-body .body-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding:0 15px; font-size:18px; font-weight:500;}
header .header-mobile .mobile-body .body-cate ul li a:before {width:28px; height:24px; content:""; margin:0 5px 0 0; background-size:auto 100%; background-repeat:no-repeat; background-position:left center;}
header .header-mobile .mobile-body .body-cate ul li a.active {color:#ff4363; font-weight:700;}
header .header-mobile .mobile-body .body-cate ul li:nth-of-type(1) a:before {background-image:url('../img/icon_footer_cate_01.png');}
header .header-mobile .mobile-body .body-cate ul li:nth-of-type(2) a:before {background-image:url('../img/icon_footer_cate_02.png');}
header .header-mobile .mobile-body .body-cate ul li:nth-of-type(3) a:before {background-image:url('../img/icon_footer_cate_03.png');}
header .header-mobile .mobile-body .body-cate ul li:nth-of-type(4) a:before {background-image:url('../img/icon_footer_cate_04.png');}
header .header-mobile .mobile-body .body-cate ul li:nth-of-type(5) a:before {background-image:url('../img/icon_footer_cate_05.png');}
header.fixed .header-mobile {display:flex;}
}
@media (max-width:767px){
header .header-top .top-logo h1 a img {width:120px;}
header .header-top .top-member a {height:30px; font-size:13px;}
header .header-mobile .mobile-head img {width:120px;}
}

/* section */
section {padding:15px 0;}
@media (max-width:991px){
section {padding:15px 0 71px;}
}

/* footer */
footer .footer-info {background:#fff; border-top:1px solid #e6e6e5; padding:30px 0;}
footer .footer-info .footer-sns {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; padding-bottom:22px;}
footer .footer-info .footer-sns a {display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; color:#fff; transition:transform 0.15s ease, opacity 0.15s ease;}
footer .footer-info .footer-sns a:hover {transform:translateY(-2px); opacity:0.9;}
footer .footer-info .footer-sns a svg {width:18px; height:18px;}
footer .footer-info .footer-sns .sns-fb {background:#1877f2;}
footer .footer-info .footer-sns .sns-ig {background:linear-gradient(135deg, #f9ce34 0%, #ee2a7b 50%, #6228d7 100%);}
footer .footer-info .footer-sns .sns-yt {background:#ff0000;}
footer .footer-info .footer-sns .sns-kakao {background:#fee500; color:#3c1e1e;}
footer .footer-info .footer-links {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #f2f2f2;}
footer .footer-info .footer-links a {position:relative; padding:0 14px; font-size:14px; font-weight:500; color:#4d4d4d;}
footer .footer-info .footer-links a:first-child {padding-left:0;}
footer .footer-info .footer-links a + a:before {position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#e6e6e5; content:"";}
footer .footer-info .footer-links a:hover {color:#ff4363;}
footer .footer-info .footer-company {text-align:center;}
footer .footer-info .footer-company .company-title {font-size:13px; font-weight:600; color:#4d4d4d; margin-bottom:10px;}
footer .footer-info .footer-company .company-list {display:flex; flex-direction:column; align-items:center; gap:4px;}
footer .footer-info .footer-company .company-list li {font-size:12px; color:#888; line-height:1.7;}
footer .footer-info .footer-company .company-list li > span {display:inline-block; color:#4d4d4d; font-weight:500; margin-right:6px;}
footer .footer-info .footer-company .company-list li a {color:#888; text-decoration:underline;}
footer .footer-info .footer-company .company-list li em {color:#aaa; margin-left:4px;}
footer .footer-cate {display:none;}
@media (max-width:991px){
footer .footer-info {padding:24px 0 80px;}
footer .footer-info .footer-sns {gap:10px; padding-bottom:18px;}
footer .footer-info .footer-sns a {width:34px; height:34px;}
footer .footer-info .footer-sns a svg {width:16px; height:16px;}
footer .footer-info .footer-links {padding-bottom:12px; margin-bottom:14px;}
footer .footer-info .footer-links a {padding:0 10px; font-size:13px;}
footer .footer-info .footer-company .company-title {font-size:12px; margin-bottom:8px;}
footer .footer-info .footer-company .company-list {gap:3px;}
footer .footer-info .footer-company .company-list li {font-size:11px; line-height:1.6;}
footer .footer-info .footer-company .company-list li > span {margin-right:4px;}
footer .footer-cate {position:fixed; background:#fff; left:0; bottom:0; width:100%; z-index:1000; display:block;}
footer .footer-cate ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-top:1px solid #f1f1f1;}
footer .footer-cate ul li {flex:1; min-width:0;}
footer .footer-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; padding:7px 0;}
footer .footer-cate ul li a span {width:100%; text-align:center; color:#4d4d4d; font-size:12px;}
footer .footer-cate ul li a:before {display:block; content:""; width:24px; height:20px; margin:0 auto 5px; background-size:auto 100%; background-repeat:no-repeat; background-position:center;}
footer .footer-cate ul li:nth-of-type(1) a:before {background-image:url('../img/icon_footer_cate_01.png');}
footer .footer-cate ul li:nth-of-type(2) a:before {background-image:url('../img/icon_footer_cate_02.png');}
footer .footer-cate ul li:nth-of-type(3) a:before {background-image:url('../img/icon_footer_cate_03.png');}
footer .footer-cate ul li:nth-of-type(4) a:before {background-image:url('../img/icon_footer_cate_04.png');}
footer .footer-cate ul li:nth-of-type(5) a:before {background-image:url('../img/icon_footer_cate_05.png');}
}