/* common */
body {background:var(--color-gray-100); overflow-x:auto; min-width:1903px;}

/* container */
.container {max-width:1280px; margin:0 auto; width:100%;}

/* header */
header {position:fixed; left:0; top:0; width:100%; min-width:1903px; z-index:1000; background:#fff;}
header .header-top {background:var(--color-gray-200);}
header .header-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; height:46px;}
header .header-top .top-left {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-left b {font-size:12px; font-weight:500; margin:0 5px 0 0;}
header .header-top .top-left p {font-size:12px; font-weight:500;}
header .header-top .top-right > ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .top-right > ul > li {display:flex; flex-wrap:wrap; align-items:center; position:relative; z-index:300;}
header .header-top .top-right > ul > li:after {display:inline-block; content:""; width:1px; height:12px; margin:0 15px; background:var(--color-gray-400);}
header .header-top .top-right > ul > li:last-of-type:after {display:none;}
header .header-top .top-right > ul > li p {font-size:12px; font-weight:500;}
header .header-top .top-right > ul > li button {font-size:12px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; background:none; height:46px;}
header .header-top .top-right > ul > li button.lang:before {display:inline-block; content:""; width:18px; height:18px; margin:0 5px 0 0; background:url('../images/icon_global.svg') no-repeat center / cover;}
header .header-top .top-right > ul > li button.lang:after {display:inline-block; content:""; width:14px; height:14px; margin:0 0 0 5px; background:url('../images/icon_arrow_bottom.svg') no-repeat center / cover;}
header .header-top .top-right > ul > li a.logout {height:24px; border-radius:4px; background:#fff; border:1px solid #E6EAED; padding:0 5px; font-size:10px; font-weight:500; color:#6D717E; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-top .top-right > ul > li a.logout:before {display:inline-block; content:""; width:14px; height:14px; margin:0 2px 0 0; background:url('../images/icon_logout.svg') no-repeat center / cover;}
header .header-top .top-right > ul > li a.login {height:24px; border-radius:4px; background:#fff; border:1px solid #E6EAED; padding:0 5px; font-size:10px; font-weight:500; color:var(--color-active); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-top .top-right > ul > li .inner {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; top:28px; right:0; background:#fff; border-radius:5px; border:1px solid var(--color-gray-300);}
header .header-top .top-right > ul > li .inner ul {padding:5px 0;}
header .header-top .top-right > ul > li .inner ul li a {display:flex; flex-wrap:wrap; align-items:center; height:34px; padding:0 15px; font-size:12px; font-weight:500; color:#6D717E;}
header .header-top .top-right > ul > li .inner ul li a:hover {color:var(--color-active);}
header .header-top .top-right > ul > li .inner ul li.active a {color:var(--color-active);}
header .header-top .top-right > ul > li:hover .inner {pointer-events:inherit; opacity:1; top:37px;}
header .header-main {padding:30px 0 20px;}
header .header-main .container {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-logo h1 a {display:block; font-size:0; width:219px; height:44px; background:url('../images/logo_main.png') no-repeat center / cover;}
header .header-main .main-search {position:relative; margin:0 0 0 25px; width:620px; z-index:200;}
header .header-main .main-search .search-form {display:flex; flex-wrap:wrap; align-items:center; border-radius:50px; border:2px solid var(--color-active);}
header .header-main .main-search .search-form input {flex:1; min-width:0; height:50px; padding:0 20px; font-size:14px; font-weight:500; color:var(--color-black); background:none; border-radius:50px;}
header .header-main .main-search .search-form input::placeholder {color:#6D717E;}
header .header-main .main-search .search-form .form-inner {display:flex; flex-wrap:wrap; align-items:center; padding:0 20px 0 0;}
header .header-main .main-search .search-form .form-inner ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-main .main-search .search-form .form-inner ul li {margin:0 5px 0 0;}
header .header-main .main-search .search-form .form-inner ul li:last-of-type {margin:0;}
header .header-main .main-search .search-form .form-inner ul li > * {padding:0 8px; font-size:10px; font-weight:500; color:#6D717E; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:24px; border-radius:50px; background:var(--color-gray-100);}
header .header-main .main-search .search-inner {pointer-events:none; position:absolute; opacity:0; left:0; top:50px; width:100%; background:#fff; transition:all ease 0.5s; box-shadow:0 3px 20px rgba(40,39,47,0.1); border-radius:15px;}
header .header-main .main-search .search-inner .inner-top .top-focus {display:flex; flex-wrap:wrap;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner {flex:1; min-width:0; border-right:1px solid var(--color-gray-300); height:284px; overflow-y:auto; padding:20px;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner:last-of-type {border-right:0;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner h2 {font-size:14px; font-weight:bold; color:var(--color-active); margin: 0 0 15px;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner p.list-none {font-size:14px; font-weight:500; color:var(--color-gray-600);}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank {display:flex; flex-wrap:wrap; margin:0 -5px -10px;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li {width:calc(50% - 10px); margin:0 5px 10px;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li a {display:flex; align-items:center;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li a b {width:25px; font-size:14px; font-weight:500; color:var(--color-gray-600);}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li a p {font-size:14px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li a span {margin:0 0 0 2px; font-size:10px; font-weight:500; color:var(--color-active);}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.rank li a:hover p {text-decoration:underline;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.word li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.word li .name {display:block; flex:1; min-width:0; padding:0 15px 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.word li .delete {display:block; font-size:0; width:18px; height:18px; background:url('../images/icon_search_delete.svg') no-repeat center / cover;}
header .header-main .main-search .search-inner .inner-top .top-focus .inner ul.word li:hover .name {text-decoration:underline;}
header .header-main .main-search .search-inner .inner-top .top-press {padding:20px; height:284px; overflow-y:auto; display:none;}
header .header-main .main-search .search-inner .inner-top .top-press ul li {margin:0 0 12px;}
header .header-main .main-search .search-inner .inner-top .top-press ul li:last-of-type {margin:0;}
header .header-main .main-search .search-inner .inner-top .top-press ul li a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500;}
header .header-main .main-search .search-inner .inner-top .top-press ul li a b {font-weight:500; color:var(--color-active);}
header .header-main .main-search .search-inner .inner-top .top-press ul li a:hover {text-decoration:underline;}
header .header-main .main-search .search-inner .inner-bottom {border-top:1px solid var(--color-gray-300); display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .main-search .search-inner .inner-bottom .close {display:flex; flex-wrap:wrap; align-items:center; height:38px; padding:0 20px; font-size:13px; font-weight:500; color:var(--color-gray-600);}
header .header-main .main-search.focus .search-inner {pointer-events:inherit; opacity:1; top:60px;}
header .header-main .main-search.focus .search-inner .inner-top .top-focus {display:flex;}
header .header-main .main-search.focus .search-inner .inner-top .top-press {display:none;}
header .header-main .main-search.press .search-inner .inner-top .top-focus {display:none;}
header .header-main .main-search.press .search-inner .inner-top .top-press {display:block;}
header .header-main .main-search.press .search-form .form-inner ul {display:none;}
header .header-main .main-search.press .search-form .form-inner .icon-camera {display:none;} 
header .header-main .main-member {flex:1; min-width:0;}
header .header-main .main-member ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
header .header-main .main-member ul li {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
header .header-main .main-member ul li:after {display:inline-block; content:""; width:1px; height:16px; background:var(--color-gray-400); margin:0 12px;}
header .header-main .main-member ul li:last-of-type:after {display:none;}
header .header-main .main-member ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500;}
header .header-main .main-member ul li a:before {display:block; content:""; width:24px; height:24px; margin:0 5px 0 0; background-size:cover; background-position:center;}
header .header-main .main-member ul li a:hover {text-decoration:underline;}
header .header-main .main-member ul li.recent a:before {background-image:url('../images/icon_recent.svg');}
header .header-main .main-member ul li.cart a:before {background-image:url('../images/icon_cart.svg');}
header .header-main .main-member ul li.mypage a:before {background-image:url('../images/icon_user.svg');}
header .header-main .main-member ul li .cnt {position:absolute; left:12px; top:0; width:13px; height:13px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; background:var(--color-active); color:var(--color-white); font-size:8px; font-weight:500; border:1px solid var(--color-white);}
header .header-gnb {border-bottom:1px solid #E6EAED; padding:0 0 15px;}
header .header-gnb .container {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
header .header-gnb .gnb-allmenu {z-index:100;}
header .header-gnb .gnb-allmenu > button {font-size:16px; font-weight:600; color:#fff; display:flex; flex-wrap:wrap; align-items:center; width:230px; height:46px; border-radius:5px; padding:0 15px; background:url('../images/bg_gnb_allmenu.png') no-repeat center / cover;}
header .header-gnb .gnb-allmenu > button:before {display:inline-block; content:""; width:24px; height:24px; margin:0 10px 0 0; background:url('../images/icon_allmenu.svg') no-repeat center / cover;}
header .header-gnb .gnb-allmenu .inner {pointer-events:none; opacity:0; position:absolute; top:46px; display:flex; flex-wrap:wrap; background:#fff; border-radius:10px; border:1px solid #FFBABA; box-shadow:0 3px 20px rgba(40,39,47,0.1);}
header .header-gnb .gnb-allmenu .inner .depth-1 {padding:10px; max-width:1020px;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li:last-of-type {margin:0;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li > button {position:relative; z-index:10; width:210px; display:flex; flex-wrap:wrap; align-items:center; height:50px; font-size:15px; font-weight:500; border-radius:5px; padding:0 10px;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li > button:before {display:inline-block; content:""; width:30px; height:30px; margin:0 10px 0 0; background-size:cover; background-position:center;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 {display:none; flex:1; min-width:0; width:1020px; padding:10px 10px 10px 240px; position:absolute; left:0; height:100%; top:0; background:#fff; border-radius:10px; border:1px solid #FFBABA; box-shadow:0 3px 20px rgba(40,39,47,0.1);}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li {margin:0 -10px -20px; display:flex; flex-wrap:wrap;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl {width:calc(20% - 20px); margin:0 10px 20px;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dt {margin:0 0 10px; padding:10px 0 0; font-size:13px; font-weight:500; color:var(--color-active);}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dd {margin:0 0 15px;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dd:last-of-type {margin:0;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dd a {font-weight:500; display:block;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dd a:hover {text-decoration:underline;}
header .header-gnb .gnb-allmenu .inner .depth-1 > li .depth-2 li dl dd.active a {color:var(--color-active);}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-1 > button:before {background-image:url('../images/icon_gnb_cate_01.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-2 > button:before {background-image:url('../images/icon_gnb_cate_02.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-3 > button:before {background-image:url('../images/icon_gnb_cate_03.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-4 > button:before {background-image:url('../images/icon_gnb_cate_04.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-5 > button:before {background-image:url('../images/icon_gnb_cate_05.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-6 > button:before {background-image:url('../images/icon_gnb_cate_06.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-7 > button:before {background-image:url('../images/icon_gnb_cate_07.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-8 > button:before {background-image:url('../images/icon_gnb_cate_08.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-9 > button:before {background-image:url('../images/icon_gnb_cate_09.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-10 > button:before {background-image:url('../images/icon_gnb_cate_10.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-11 > button:before {background-image:url('../images/icon_gnb_cate_11.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li.cate-12 > button:before {background-image:url('../images/icon_gnb_cate_12.png');}
header .header-gnb .gnb-allmenu .inner .depth-1 > li:hover > button {background:var(--color-gray-200);}
header .header-gnb .gnb-allmenu .inner .depth-1 > li:hover .depth-2 {display:block;}
header .header-gnb .gnb-allmenu .inner:hover {border-color:transparent; box-shadow:none;}
header .header-gnb .gnb-allmenu:hover .inner {pointer-events:inherit; opacity:1;}
header .header-gnb .gnb-category ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 0 21.5px;}
header .header-gnb .gnb-category ul li {position:relative;}
header .header-gnb .gnb-category ul li > a {display:flex; flex-wrap:wrap; align-items:center; padding:0 17.5px; height:46px; font-size:15px; font-weight:600;}
header .header-gnb .gnb-category ul li > a:hover {color:var(--color-active);}
header .header-gnb .gnb-category ul li > .inner {pointer-events:none; opacity:0; top:40px; transition:all ease 0.5s; position:absolute; background:#fff; border:1px solid #ddd; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,0.1); width:150px; left:50%; transform:translateX(-50%);}
header .header-gnb .gnb-category ul li > .inner dl {padding:5px 0;}
header .header-gnb .gnb-category ul li > .inner dl dd a {display:flex; flex-wrap:wrap; align-items:center; padding:0 10px; font-size:14px; padding:5px 10px;}
header .header-gnb .gnb-category ul li > .inner dl dd a:hover {color:var(--color-active);}
header .header-gnb .gnb-category ul li > .inner dl dd.active a {color:var(--color-active); font-weight:500;}
header .header-gnb .gnb-category ul li:hover > .inner {pointer-events:inherit; opacity:1; top:46px;}
header .header-gnb .gnb-category ul li.active > a {color:var(--color-active);}

/* footer */
footer {background:#000; padding:50px 0 60px;}
footer .container {display:flex; flex-wrap:wrap; max-width:1220px;}
footer .footer-left {flex:1; min-width:0; padding:0 30px 0 0;}
footer .footer-left h2 {display:block; width:264px; height:41px; font-size:0; background:url('../images/logo_footer.png') no-repeat center / cover; margin:0 0 30px;}
footer .footer-left .left-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-link ul li {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-link ul li:after {display:inline-block; content:""; width:1px; height:8px; margin:0 10px; background:var(--color-gray-300);}
footer .footer-left .left-link ul li:last-of-type:after {display:none;}
footer .footer-left .left-link ul li a {font-size:16px; font-weight:500; color:#fff;}
footer .footer-left .left-info {margin:15px 0 0;}
footer .footer-left .left-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-left .left-info ul li:last-of-type {margin:0;}
footer .footer-left .left-info ul li p {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:var(--color-gray-600);}
footer .footer-left .left-info ul li p:after {display:inline-block; content:""; width:1px; height:8px; margin:0 10px; background:var(--color-gray-700);}
footer .footer-left .left-info ul li p:last-of-type:after {display:none;}
footer .footer-left .left-copy {margin:40px 0 0;}
footer .footer-left .left-copy p {font-size:12px; color:var(--color-gray-500);}
footer .footer-right ul li {margin:0 0 30px; text-align:right;}
footer .footer-right ul li:last-of-type {margin:0;}
footer .footer-right ul li strong {display:block; margin:0 0 10px; color:#ff8495; font-weight:500; font-size:13px;}
footer .footer-right ul li b {display:block; margin:10px 0 0; font-size:16px; font-weight:500; color:#fff;}
footer .footer-right ul li p {margin:2px 0 0; font-size:12px; font-weight:500; color:var(--color-gray-600);}
footer .footer-fixed {position:fixed; z-index:500; right:30px; bottom:30px;}
footer .footer-fixed a {display:block; width:70px; height:70px; background:url('../images/icon_footer_fixed.png') no-repeat center / cover; font-size:0; border-radius:50%; box-shadow:0 3px 20px rgba(40,39,47,0.1);}

/* section */
section {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; padding:20px 0 150px; max-width:1800px; margin:212px auto 0;}
section aside {position:sticky; top:232px;}
section aside.left-aside {width:210px; margin:0 50px 0 0;}
section aside.right-aside {width:161px; margin:0 0 0 99px;}
section article {width:1280px;}
section .aside-guide a {display:block; padding:25px 20px; border-radius:10px; height:280px; background:url('../images/bg_aside_guide.png') no-repeat center / cover;}
section .aside-guide a h2 {font-size:25px; font-weight:800; color:#fff;}
section .aside-guide a p {font-size:12px; font-weight:500; color:#fff; margin:3px 0 0;}
section .aside-agency {margin:15px 0 0; background:#fff; border:1px solid var(--color-gray-300); border-radius:10px; box-shadow:0 3px 20px rgba(40,39,47,0.1); padding:20px;}
section .aside-agency a {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--color-gray-300);}
section .aside-agency a:last-of-type {padding:0; margin:0; border:0;}
section .aside-agency a > div {flex:1; min-width:0;}
section .aside-agency a > div strong {display:block; font-size:16px; font-weight:bold;}
section .aside-agency a > div p {font-size:12px; font-weight:500; color:var(--color-gray-700);}
section .aside-agency a:before {display:inline-block; content:""; width:36px; height:36px; margin:0 8px 0 0; background-size:cover; background-position:center;}
section .aside-agency a.agency-1:before {background-image:url('../images/icon_agency_01.png');}
section .aside-agency a.agency-2:before {background-image:url('../images/icon_agency_02.png');}
section .aside-agency a.agency-3:before {background-image:url('../images/icon_agency_03.png');}
section .aside-social {margin:15px 0 0; display:flex;gap: 15px;align-items: center;background:#FEE500;padding: 12px 20px;border-radius: 10px;cursor: pointer;}
section .aside-social a {flex:1; min-width:0; margin:0 10px 0 0; padding:12px; border-radius:10px;}
section .aside-social a:last-of-type {margin:0;}
section .aside-social a p {font-size:13px; font-weight:500; text-align:center;}
section .aside-social a:before {display:block; content:""; width:32px; height:22px;  background-size:cover; background-position:center;}
section .aside-social a.widget {background:#00C70A;}
section .aside-social a.widget p {color:#fff;}
section .aside-social a.widget:before {background-image:url('../images/icon_aside_social_01.png');}
section .aside-social a.kakao {background:#FEE500;}
section .aside-social a.kakao p {color:#000;}
/*section .aside-social a.kakao:before {background-image:url('../images/ch.png');}*/
section .aside-cate ul {background:#fff; border-radius:10px; border:1px solid var(--color-gray-300); box-shadow:0 3px 20px rgba(40,39,47,0.1); padding:20px;}
section .aside-cate ul li {padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid var(--color-gray-300);}
section .aside-cate ul li:last-of-type {padding:0; margin:0; border:0;}
section .aside-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; font-weight:500;}
section .aside-cate ul li a:before {display:inline-block; content:""; width:16px; height:16px; margin:0 5px 0 0; background-size:cover; background-position:center;}
section .aside-cate ul li.cate-1 a:before {background-image:url('../images/icon_aside_cate_01.png');}
section .aside-cate ul li.cate-2 a:before {background-image:url('../images/icon_aside_cate_02.png');}
section .aside-cate ul li.cate-3 a:before {background-image:url('../images/icon_aside_cate_03.png');}
section .aside-cate ul li.cate-4 a:before {background-image:url('../images/icon_aside_cate_04.png');}
section .aside-cate ul li.cate-5 a:before {background-image:url('../images/icon_aside_cate_05.png');}
section .aside-cate ul li.cate-6 a:before {background-image:url('../images/icon_aside_cate_06.png');}
section .aside-cate ul li.cate-7 a:before {background-image:url('../images/icon_aside_cate_07.png');}
section.fixed aside {top:302px;}
section.member {margin:46px auto 0; justify-content:center; padding-top:50px;}