:root {--main:#2982ea; --sub: #888; --bg:#f7f9fb;}

/* common */
html, body {font-family: 'Pretendard', sans-serif;  min-width:1400px; color:#333;}
.section {width:1300px; margin:auto; position:relative;}
.tab_cont {display:none;}

/* Çì´õ */
#header {position:fixed; left:0; top:0; z-index:100; background:#fff; width:100%; height:120px; border-bottom:1px solid #ddd;}
#header .section {display:flex; height:100%; align-items:center; justify-content:space-between;}
#header .nav {font-size:16px; font-weight:bold; display:flex; align-items:center; gap:30px; margin-top:12px;}
#header .nav li {position:relative; display:inline-block; padding-bottom:12px;}
#header .nav li:hover .menu_depth {display:block;}
#header .nav .menu_depth {padding:10px 0;display:none; position:absolute; width:100px; left:-24px; top:30px; border:1px solid #ddd; background:#fff;}
#header .nav .menu_depth li {display:block; text-align:center; font-size:14px; font-weight:normal; padding-bottom:0;}
#header .nav .menu_depth li a {padding:4px 10px; display:block;}
#header .nav .menu_depth li a:hover {text-decoration:underline;}
#header .nav .menu_depth li:last-child {margin-bottom:0;}
#header .nav > li .arrow-down::after { content: ""; display:inline-block; vertical-align:middle; margin-top:-2px; margin-left:4px; width: 8px; height: 5px; background: #333; clip-path: polygon(50% 100%, 0 0, 100% 0); }


#header .logo {position:absolute; left:0; right:0; margin:auto; font-size:0; width:154px;}
#header .area_side {display:flex; align-items:center; gap:30px; }
#header .area_side li {font-size:16px; font-weight:bold;  font-family: 'Poppins', sans-serif; display:inline-block;}
#header .area_side li a { display:flex; gap:5px; align-items:center;}
#header .area_side li .count {background:var(--main); display:inline-block; width:19px; height:19px; line-height:19px; font-weight:normal; border-radius:19px; color:#fff; font-size:11px; color:#fff; text-align:center; font-style:normal;}
#header.scroll {background:#fff; height:90px; border-bottom:1px solid #e3e3e3;}


/* ¸ÞÀÎ */
.area_main {position:relative; width:100%; padding-top:120px;}
.area_main * {box-sizing:border-box;}
.area_mainbanner {width:calc(100% - 90px); max-width:1800px; margin:auto; margin-bottom:120px;}
.area_mainbanner .swiper-slide {width:100%; height:840px; border-radius:20px;}
.area_mainbanner .swiper-slide a {display:block; width:100%; height:100%; font-size:0; display:block;}
.area_mainbanner .swiper-slide img {width:100%;}
.area_mainbanner .swiper-pagination {width:1000px; margin:auto; left:0; right:0; text-align:left; bottom:55px;}
.area_mainbanner .swiper-pagination-bullet {width:9px; height:9px; border-radius:9px; opacity:1; background:#888888;}
.area_mainbanner .swiper-pagination-bullet-active {background:#2982ea;}
.area_main .row {position:relative; width:100%; margin-bottom:120px;}
.area_main .row .title_area {width:100%; position:relative; display:flex; text-align:center; align-items:center; justify-content:center; margin-bottom:70px;}
.area_main .row .title_area .title {line-height:1; font-weight:500; font-size:36px; font-family: 'Poppins', sans-serif;}
.contents_store_lst#SliderBest .list_item .item, .contents_store_lst#SliderNew .list_item .item {width:400px; text-align:center; margin-bottom:0;}
.area_main .row.menu {position:relative; width:100%; display:flex; flex-wrap:nowrap;}
.area_main .row.menu .box {position:relative; width:50%; flex:1; margin-bottom:20px; overflow:hidden;}
.area_main .row.menu .box .title {width:440px; height:88px; gap:10px; line-height:88px; background:#fff; border-radius:0px 0px 10px 10px; position:absolute; left:0; right:0; margin:auto; top:0; display:flex; align-items:center; justify-content:center; z-index:10;}
.area_main .row.menu .box .title span {font-size:30px; font-weight:500; font-family:'Poppins', sans-serif;}
.area_main .row.menu .box .bg {width:100%; height:auto; display:block; transform:scale(1); transition:transform .6s ease; transform-origin:center center; will-change:transform;}
.area_main .row.menu .box:hover .bg {transform:scale(1.1);}
.area_main .row.menu .box:first-child .title {border-radius:0px 0px 20px 20px;}
.area_main .row.menu .box:last-child .title {border-radius:20px 20px 0px 0px; top:auto; bottom:0;}
.area_main .row .swiper-button-prev, .area_main .row .swiper-button-next {width:18px; height:32px; margin-top:-16px; background-size: 100% !important;}
.area_main .row .swiper-button-prev {background:url("../images/main/skin_1/btn_shop_prev.png") center no-repeat; left:-60px;}
.area_main .row .swiper-button-next {background:url("../images/main/skin_1/btn_shop_next.png") center no-repeat; right:-60px;}
.area_main .row.new {min-height:554px; overflow:hidden;}
.area_main .row.new .swiper-container {width:100%; overflow:hidden; position:Absolute;}
.area_main .row.new .title_area {width:500px; text-align:left;}
.area_main .row.new .title_area, .area_main .row.new .swiper-container {display:inline-block; vertical-align:top;}
.area_main .row.new .title_area .title {margin-bottom:50px;}
.area_main .row.new .arrow-wrap {position:relative; display:flex; gap:25px;}
.area_main .row.new .arrow-wrap  * {position:static; vertical-align:middle; margin:0;}
.area_main .row.new .list_item {padding-left:100px;}
.area_main .row.product {background:#f7f7f7; padding:115px 0px 115px; display:flex; gap:0; flex-wrap:nowrap; align-items:center; justify-content:space-between;}
.area_main .row.product .title_wrap {width:800px; flex:0 0 800px;}
.area_main .row.product .title_area  {flex-direction:column; margin-bottom:15px;}
.area_main .row.product .title_area .title {font-size:60px; line-height:70px; letter-spacing:-1px; font-weight:700; display:block; color:var(--main); margin-bottom:20px;}
.area_main .row.product .title_area .title b {font-weight:700; font-family: 'Poppins', sans-serif;}
.area_main .row.product .title_area .tit {font-size:30px;}
.area_main .row.product .txt {color:#888; font-size:24px; line-height:34px; margin-bottom:40px; text-align:center;}
.area_main .row.product .link {width:134px; height:44px; line-height:44px;  border-radius:6px; display:block; font-weight:bold; font-size:14px; margin:auto; text-align:center;}
.area_main .row.product .visual {aspect-ratio:560/480; height:480px; overflow:hidden;}
.area_main .row.product .visual img {width:100%; height:100%; object-fit:cover; min-width:0;}
.area_main .row.product .visual.left {border-radius:0px 15px 15px 0px;}
.area_main .row.product .visual.right {border-radius:15px 0px 0px 15px;}
.area_main .row:last-child {margin-bottom:0;}




/* ¸ÞÀÎ */
.contents_store_lst .list_item .item {text-align:center;}
.contents_store_lst .list_item .item .pr_info .s_price:empty {display:none;}
.contents_store_lst .list_item .item .pr_title {font-size:20px; line-height:26px; max-height:54px; margin-bottom:18px;}
.contents_store_lst .list_item .item .pr_txt {}
.contents_store_lst .list_item .swiper-slide.item .pr_info li {margin-right:0;}
.contents_store_lst .list_item .item .pr_func {display:flex; gap:6px; align-items:center; justify-content:center;}
.contents_store_lst .list_item .item .pr_func .btn_item {padding:0 16px; height:44px; line-height:44px; border-radius:6px; display:inline-block; font-weight:bold; font-size:14px;}
.contents_store_lst .list_item .item .pr_func .btn_item.order {background:#2982ea; color:#fff;}
.contents_store_lst .list_item .item .pr_func .btn_item.cart {padding:0; width:44px; font-size:0; text-indent:-99999px; background:url("../images/shop/btn_item_cart.png") center no-repeat #ccc;}
#skin_1 .contents_store_lst .list_item .item .pr_info .price {color:#000;}



/* ¼­ºê */
.sub_header {position:relative; width:100%; line-height:1; text-align:center; }
.sub_header .title {font-size:30px; margin-bottom:40px; line-height:1;}
.sub_header .sub_follow {font-size:0; margin-bottom:15px;}
.sub_header .sub_follow li {display:inline-block; vertical-align:top; font-size:15px; color:#888;}
.sub_header .sub_follow li:after {position:relative; top:-2px; content:">"; font-size:14px; margin:0 10px; color:#888;}
.sub_header .sub_follow li:last-child {font-weight:bold;}
.sub_header .sub_follow li:last-child:after {display:none;}
.sub_header .sub_nav {font-size:0; line-height:1; margin:auto; display:flex; align-items:center; gap:10px; justify-content:flex-start; flex-wrap:wrap; margin-bottom:40px;}
.sub_header .sub_nav li {position:relative; display:block; color:#999; font-size:18px; flex:0 0 12.5%; max-width:12.5%; box-sizing:border-box; text-align:center; border-radius:4px; border:1px solid #ddd; }
.sub_header .sub_nav li:last-child {margin-right:0;}
.sub_header .sub_nav li.on {background:var(--main); color:#fff; font-weight:bold;}
.sub_header .sub_nav li a {display:block; width:100%; height:100%; padding:8px 5px;}
.sub_title {display:none; width:100%; text-align:center; font-size:32px; font-weight:bold; color:#000; line-height:1;}
.container {width:100%; min-height:800px; padding:180px 0 100px; position:relative; overflow:hidden;}



/* ȸ¿ø */
.join_step .step.step_on {background:var(--bg);}


/* ·Î±×ÀÎ */
.login_container {padding-top:0px;}



/* ¼îÇθô */
#skin_1 .contents_store_lst .sort_area {margin-bottom:20px;}
#skin_1 .btn_shop {border-radius:8px;}
#skin_1 .table_cart {border-color:var(--main);}
#skin_1 .shop_contents .shop_total, #skin_1 .table_cart th {background:var(--bg);}



/* °Ô½ÃÆÇ */
#skin_1 .btn_board_search {background:var(--main);}
#skin_1 #board_view .title_area, #skin_1 #board_list .list_table thead {border-top:2px solid var(--main);}
#skin_1 #board_list .list_table th {font-size:16px;}
#skin_1 #board_list .list_table th, #skin_1 #board_list .list_table td {height:60px; color:#000; font-size:16px;}


/* footer */
.btn_top { position:fixed; z-index:10; right:40px; bottom:40px; width:60px; height:60px; border-radius:64px; background:url("../images/common/icon_top.png") center no-repeat #959595;}
.footer {position:relative; width:100%; background:#fff; border-top:1px solid #e3e3e3; padding:60px 0px 72px;}
.footer .section {display:flex; gap:125px;}
.footer .footer_logo {font-size:0; margin-bottom:45px;}
.footer .corp_wrap .list_terms {display:flex; gap:16px; margin-bottom:58px;}
.footer .corp_wrap .list_terms li {display:inline-block; color:#888;}
.footer .corp_wrap .corp_info {font-size:14px;}
.footer .corp_wrap .corp_info .title {font-size:14px;  margin-bottom:8px; font-weight:bold;}
.footer .corp_wrap .corp_info p {line-height:28px; font-size:14px;}
.footer .copyright {font-size:12px; color:#888;}



/* common */
.table_write {border-top:2px solid var(--main);}
.table_write th {background:var(--bg);}