:root {--main:#2982ea; --sub: #6C97C0; --other:#303235; --bg:#fafafa;}

/* common */
html, body {font-family: 'Pretendard', sans-serif;  min-width:1300px; color:#333;}
.section {width:1300px; margin:auto; position:relative;}
.tab_cont {display:none;}
.btn_sub {background:var(--sub); border-color:var(--sub); color:#fff;}


/* Çì´õ */
#header {position:relative; z-index:100; min-width:1300px; background:transparent; align-items:center; width:100%; height:90px; border-bottom:1px solid #ddd; transition:.3s; display:flex; justify-content:space-between; padding:0 80px;}
#header .nav {position:absolute; left:0; right:0; width:100%; text-align:center; font-size:16px; }																														 
#header .nav li {display:inline-block; font-weight:500; color:#111;}
#header .nav li a {padding:0 20px; display:block;}
#header .nav li:last-child a {padding-right:0;}
#header .logo {position:relative; font-size:0; width:154px; z-index:1;}
#header .area_side {position:relative; display:flex; gap:0; align-items:center;}
#header .area_side li {display:inline-block; margin-left:6px;}
#header .area_side li.msg {margin-right:10px; font-size:16px;}
#header .area_side li.msg b {color:var(--main);}
#header .area_side .btn {display:block; font-size:14px; font-weight:500; border-radius:40px; padding:0 26px; height:40px; line-height:38px; font-family: "Aboreto", 'Pretendard';}
#header .area_side .btn.btn_sub {background:#111;}
#header.scroll {background:#fff; border-bottom:1px solid #eee;}
#header .popup_search {position:absolute; z-index:10; top:81px; right:0px; display:none;  background:#fff; width:342px; padding:23px; text-align:center; border:1px solid #c9c9c9;}


/* ¸ÞÀÎ */
.area_main {position:relative; width:100%;}
.area_main * {box-sizing:border-box;}
.area_mainbanner {width:calc(100% - 120px); max-width:1800px;  margin:auto; margin-bottom:110px;}
.area_mainbanner .swiper-slide {width:100%; height:778px; background-size:100% !important; border-radius:10px; background-size:cover !important;}
.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 .progressbarwrap {position:relative; width:245px; height:2px;}
.area_mainbanner .swiper-pagination {width:1000px; margin:auto; left:0; right:0; text-align:center; bottom:50px;}
.area_mainbanner .swiper-pagination-bullet {width:10px; height:10px; border-radius:10px; opacity:1; background:#e2e4e5; }
.area_mainbanner .swiper-pagination-bullet-active { background:var(--sub); border-color:var(--sub);}


.area_main .row {position:relative; width:100%; margin-bottom:100px;}
.area_main .row .title_area {width:100%; position:relative;  margin-bottom:66px; text-align:center;}
.area_main .row .title_area .title {font-family: "Aboreto", 'Pretendard'; line-height:1; font-weight:500; font-size:38px; }
.area_main .row .title_area .txt {font-size:18px; line-height:1;}
.area_main .row .title_area	.swiper_control {position:relative; width:100%; display:flex; align-items:center; justify-content:center;}
.area_main .row .swiper-button-prev, .area_main .row .swiper-button-next {width:32px; height:32px; background-size:18px !important;}
.area_main .row .swiper-button-prev {background:url("../images/main/skin_2/btn_shop_prev.png") center no-repeat; left:0px;}
.area_main .row .swiper-button-next {background:url("../images/main/skin_2/btn_shop_next.png") center no-repeat; right:0px;}
.area_main .row.shop {display:block; width:1300px; margin:auto; margin-bottom:100px;}
.area_main .row.shop .title_area {width:100%; display:block; margin-bottom:60px;}
.area_main .row.shop .title_area .title {font-size:40px; font-weight:600;}
.area_main .row.shop .swiper-container {width:100%;}
.area_main .row.shop .contents_store_lst .list_item {margin-bottom:50px;}
.area_main .row.shop .contents_store_lst .list_item .item {margin-bottom:0px !important;}
.area_main .row.shop .swiper-pagination {position:relative; width:100%;}
.area_main .row.shop .swiper-pagination-bullet {width:10px; height:10px; margin:0 6px; background:#e2e4e5; opacity:1;}
.area_main .row.shop .swiper-pagination-bullet-active {background:#888;}
.area_main .row.about {position:relative; background:#f8f9fa; width:100%; padding:140px 0;}
.area_main .row.about .title {position:relative; width:100%; font-family: "Aboreto", 'Pretendard'; font-size:50px; line-height:1; color:#000; margin-bottom:100px;}
.area_main .row.about .title:after {content:""; width:820px; height:1px; background:#111; position:absolute; bottom:25px; right:0;}
.area_main .row.about .group {position:relative; width:100%; display:flex; align-items:center; justify-content:space-between; gap:170px;}
.area_main .row.about .group .cont {width:620px;}
.area_main .row.about .group .cont .tit {font-size:30px; font-family: "Aboreto", 'Pretendard'; margin-bottom:45px;}
.area_main .row.about .group .cont .txt {color:#4b4b4b; font-size:20px; line-height:1.4; margin-bottom:50px;}
.area_main .row.about .group .cont .more {font-family: "Montserrat", 'Pretendard'; color:#8EAFCF; font-size:14px;}
.area_main .bottom_area {display:flex; align-items:center; width:calc(100% - 120px); margin:auto; max-width:1800px; height:520px; border-radius:20px; margin-bottom:75px; background:url("../images/main/skin_4/bg_product.png") center no-repeat; background-size:cover;}
.area_main .bottom_area .title {font-size:40px; font-family: "Montserrat"; margin-bottom:25px;}
.area_main .bottom_area .more {display:block; font-family: "Montserrat"; font-weight:500; text-align:center; width:144px; height:42px; border:1px solid #111; border-radius:42px; line-height:40px; font-size:16px;}
.text_gnb_search {width:300px; height:44px; line-height:44px; border-radius:50px; font-size:14px; color:#999; padding:0 40px 0 50px; text-align:left; background:url("../images/common/skin_2/bg_gnb_search.png") 20px center no-repeat #fff; border:1px solid #c3c3c3;}
.text_gnb_search:focus {outline:none;}


/* ¸ÞÀÎ */
#skin_4 .contents_store_lst .list_item {}
#skin_4 .contents_store_lst .list_item .item {width:306px; margin-right:25px; margin-bottom:60px;}
#skin_4 .contents_store_lst .list_item .item .thumb {margin-bottom:26px; border-radius:10px;}
#skin_4 .contents_store_lst .list_item .item .pr_info {margin-bottom:0px;}
#skin_4 .contents_store_lst .list_item .item .pr_info .s_price:empty {display:none;}
#skin_4 .contents_store_lst .list_item .item .pr_title {font-weight:600; font-size:20px; line-height:26px; max-height:52px; margin-bottom:10px;}
#skin_4 .contents_store_lst .list_item .item .pr_txt {}
#skin_4 .contents_store_lst .list_item .swiper-slide.item .pr_info li {margin-right:0;}
#skin_4 .contents_store_lst .list_item .item .pr_func {display:none; gap:6px; align-items:center; }
#skin_4 .contents_store_lst .list_item .item .pr_func .btn_item {display:inline-block; font-weight:600; font-size:14px;}
#skin_4 .contents_store_lst .list_item .item .pr_func .btn_item.order {color:var(--main); font-family: 'Poppins', sans-serif; font-size:14px;}
#skin_4 .contents_store_lst .list_item .item .pr_func .btn_item.cart {display:none;}
#skin_4 .contents_store_lst .list_item .item .pr_info .price {color:#000;}
#skin_4 .contents_store_lst .list_item .item .thumb .btn_item {width:44px; height:44px; border-radius:44px; display:inline-block;}
#skin_4 .contents_store_lst .list_item .item .thumb .btn_item.cart {background:url("../images/shop/btn_item_cart.png") center no-repeat var(--main);}
#skin_4 .contents_store_lst .list_item .item .thumb .btn_item.fav {background:url("../images/shop/btn_item_fav.png") center no-repeat var(--other);}
#skin_4 .contents_store_lst .list_item .item:nth-child(4n) {margin-right:0;}
#skin_4 .paging a {width:40px; height:40px; line-height:40px; border-radius:8px; color:#c3c2c2; border-color:#c3c2c2;}
#skin_4 .paging a.on {color:#fff;}



/* ¼­ºê */
.sub_header {position:relative; width:100%; line-height:1; text-align:center; }
.sub_header .title {font-size:38px; margin-bottom:40px; line-height:1;}
.sub_header .sub_follow {display:none; font-size:0; margin-bottom:15px;}
.sub_header .sub_nav {font-size:0; line-height:1; margin:auto; display:flex; align-items:center; gap:10px; justify-content:center; flex-wrap:wrap; margin-bottom:40px;}
.sub_header .sub_nav li {position:relative; display:block; color:#999; font-size:17px; width:140px; box-sizing:border-box; text-align:center; border-radius:50px; border:1px solid #ddd; }
.sub_header .sub_nav li:last-child {margin-right:0;}
.sub_header .sub_nav li.on {background:var(--main); border-color:var(--main); color:#fff;}
.sub_header .sub_nav li a {display:block; width:100%; height:48px; line-height:48px;}
.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:100px 0 100px; position:relative; overflow:hidden;}
.container .content {width:1300px;}
.btn_login.btn_sub {color:#fff; background:var(--sub); border:0;}
.btn_login.btn_other {background:var(--other);}


/* common */
.table_write {border-top:0;}
.table_write th {background:var(--bg);}
#skin_3 table.basic  {border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#skin_3 table.basic th {background:var(--bg); font-weight:bold; color:#000; font-size:16px;}
#skin_3 table.basic th, #skin_3 table.basic td {border:0; border-bottom:1px solid #ddd;}
#skin_3 table.basic tr:last-child th, #skin_3 table.basic tr:last-child td {border-bottom:0;}



/* ȸ¿ø */
.login_container {padding-top:0px;}
.join_step .step.step_on {background:var(--bg);}

/* ¸¶ÀÌÆäÀÌÁö */
.container.mypage .sub_content {width:1300px;}
.container.mypage .content {width:1100px;}



/* ¼îÇθô */
#skin_3 .contents_store_lst .sort_area {margin-bottom:20px;}
#skin_3 .btn_shop {border-radius:6px;}
#skin_3 .table_cart {border-top:0; border-top:1px solid #ddd;}
#skin_3 .shop_contents .shop_total, #skin_3 .table_cart th {background:var(--bg);}
#skin_3 .btn_shop.wishbag {background:url("../images/shop/btn_item_fav.png") center no-repeat var(--other);}
#skin_3 .option_store .info {padding:0; border:0;}
#skin_3 .btn_bottom {border-radius:6px; font-size:16px;}
#skin_3 .btn_shop.cart {background:var(--sub); border-color:var(--sub); color:#fff;}



/* °Ô½ÃÆÇ */
#skin_3 .btn_board_search {background:var(--main);}
#skin_3 #board_view .title_area, #skin_3 #board_list .list_table thead {border-top:1px solid #ddd;}
#skin_3 #board_list .list_table th {font-size:16px;}
#skin_3 #board_list .list_table th, #skin_3 #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/skin_3/icon_top.png") center no-repeat var(--main);}
.footer {position:relative; width:100%; background:#303235; padding:50px 0px 62px; color:#fff;}
.footer .footer_wrap {display:flex; justify-content:space-between;}
.footer .corp_wrap {position:relative;}
.footer .footer_logo {margin-bottom:40px; font-size:0;}
.footer .corp_wrap .corp_info {overflow:hidden;}
.footer .corp_wrap .corp_info .title {font-size:15px; font-weight:bold; margin-bottom:9px;}
.footer .corp_wrap .corp_info p {display:block; margin-bottom:2px; line-height:1.4; font-size:0;}
.footer .corp_wrap .corp_info p span {position:relative; display:inline-block; margin-right:12px; padding-right:13px; font-size:14px;}
.footer .corp_wrap .corp_info p span:after {position:absolute; width:1px; height:12px; top:50%; margin-top:-6px; right:0; background:#fff; content:"";}
.footer .corp_wrap .corp_info p span:last-child {margin-right:0; padding-right:0;}
.footer .corp_wrap .corp_info p span:last-child:after {display:none;}
.footer .corp_wrap .corp_info p.copyright {padding-top:20px; font-size:14px;}
.footer .list_terms {position:relative; line-height:1.4;}
.footer .list_terms .title {font-size:18px; font-weight:bold; margin-bottom:4px;}
.footer .list_terms .row {overflow:hidden; font-size:0;}
.footer .list_terms .row a {position:relative; display:inline-block; font-size:14px; margin-right:13px; padding-right:12px;}
.footer .list_terms .row a:after {position:absolute; width:1px; height:12px; top:50%; margin-top:-6px; right:0; background:#fff; content:"";}
.footer .list_terms .row a:last-child {margin-right:0; padding-right:0;}
.footer .list_terms .row a:last-child:after {display:none;}