:root {--main:#2982ea; --sub: #424C56; --other:#8EAFCF; --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:fixed; left:0; top:0; 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: "Montserrat", '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:100%; margin:auto; margin-bottom:110px;}
.area_mainbanner .swiper-slide {width:100%; height:868px; background-size:1920px !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:transparent; border:1px solid #fff;}
.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: "Montserrat", 'Pretendard'; line-height:1; font-weight:600; margin-bottom:15px; 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:65px;}
.area_main .row.shop .title_area .title {margin-bottom:15px; font-size:36px; line-height:40px; font-weight:700; font-family: "Montserrat", 'Pretendard';}
.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; width:100%; margin-bottom:120px;}
.area_main .row.about .visual_area {position:relative; display:flex; align-items:stretch; margin-bottom:198px;}
.area_main .row.about .visual_area .visual {position:relative; min-height:400px; background:url('../images/main/skin_3/bg_about.png') center/cover no-repeat;}
.area_main .row.about .visual_area .visual .title {letter-spacing:-1.5px; font-size:100px; line-height:1.1; position:absolute; bottom:-120px; z-index:10; left:16.5%; width:calc(100% + 300px); margin:auto; font-weight:400; color:#000; font-family: "Montserrat", 'Pretendard';}
.area_main .row.about .visual_area .visual .title b {font-weight:600;}
/*
.area_main .row.about .visual_area .visual .title:after {position:absolute; bottom:20px; right:0; width:408px; height:1px; background:#cacaca; content:"";}
*/
.area_main .row.about .visual_area .visual, .area_main .row.about .visual_area .cont {flex:1 0 50%; min-width:0;  height:953px;}
.area_main .row.about .visual_area .cont {position:relative; text-align:center; font-family: "Montserrat", 'Pretendard'; display:flex; align-items:center; justify-content:center; background:#f5f5f5;}
.area_main .row.about .visual_area .cont .thumb {margin-bottom:40px;}
.area_main .row.about .visual_area .cont .title { font-size:50px; color:#000; font-weight:500; margin-bottom:20px; display:block;}
.area_main .row.about .visual_area .cont .more {display:inline-block;  padding:10px 20px; color:#000; border:1px solid #000; border-radius:40px; font-weight:500; }
.area_main .row.about .visual_area .cont .title, .area_main .row.about .visual_area .cont .more {position:relative; z-index:10; text-align:center;}
.area_main .row.about .visual_area::after {content:""; position:absolute; left:0; right:0; bottom:0px; height:270px; background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%); pointer-events:none;}
@media (max-width:1800px) {
	.area_main .row.about .visual_area .visual .title {font-size:85px;}
	.area_main .row.about .visual_area .cont .title {font-size:45px;}
}

@media (max-width:1600px) {
	.area_main .row.about .visual_area .visual .title {font-size:75px;}
}

.area_main .row.about .info_area {position:relative; width:1190px; margin:auto; display:flex; gap:58px; align-items:center;}
.area_main .row.about .info_area .cont {display:flex; flex-direction:column; gap:30px; font-size:16px; line-height:1.4; word-break:keep-all;}
.area_main .row.about .info_area .cont .title {font-size:20px; font-weight:bold;}
.area_main .row.about .info_area .cont .txt { font-size:18px;}
.area_main .row.menu {width:1300px; margin:auto; margin-bottom:100px;}
.area_main .row.menu .title_area .title {line-height:1.3;}
.area_main .row.menu .menu_list {display:flex; gap:50px; align-items:start;}
.area_main .row.menu .menu_list .item {list-style:none;}
.area_main .row.menu .menu_list .item .thumb {width:100%; margin-bottom:40px; border-radius:10px;}
.area_main .row.menu .menu_list .item .cont {position:relative; width:100%; line-height:1; background:url("../images/main/skin_3/icon_menu_more.png") right bottom no-repeat;}
.area_main .row.menu .menu_list .item .cont p {line-height:1; margin-bottom:4px; font-size:16px;}
.area_main .row.menu .menu_list .item .cont h5 {font-size:30px; line-height:1.4; font-family: "Montserrat", 'Pretendard';}
.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_3 .contents_store_lst .list_item {}
#skin_3 .contents_store_lst .list_item .item {width:306px; margin-right:25px; margin-bottom:60px;}
#skin_3 .contents_store_lst .list_item .item .thumb {margin-bottom:26px; border-radius:10px;}
#skin_3 .contents_store_lst .list_item .item .pr_info {margin-bottom:0px;}
#skin_3 .contents_store_lst .list_item .item .pr_info .s_price:empty {display:none;}
#skin_3 .contents_store_lst .list_item .item .pr_title {font-weight:600; font-size:20px; line-height:26px; max-height:52px; margin-bottom:10px;}
#skin_3 .contents_store_lst .list_item .item .pr_txt {}
#skin_3 .contents_store_lst .list_item .item .pr_func {display:none; gap:6px; align-items:center; }
#skin_3 .contents_store_lst .list_item .item .pr_func .btn_item {display:inline-block; font-weight:600; font-size:14px;}
#skin_3 .contents_store_lst .list_item .item .pr_func .btn_item.order {color:var(--main); font-family: 'Poppins', sans-serif; font-size:14px;}
#skin_3 .contents_store_lst .list_item .item .pr_func .btn_item.cart {display:none;}
#skin_3 .contents_store_lst .list_item .item .pr_info .price {color:#000;}
#skin_3 .contents_store_lst .list_item .item .thumb .btn_item {width:44px; height:44px; border-radius:44px; display:inline-block;}
#skin_3 .contents_store_lst .list_item .item .thumb .btn_item.cart {background:url("../images/shop/btn_item_cart.png") center no-repeat var(--main);}
#skin_3 .contents_store_lst .list_item .item .thumb .btn_item.fav {background:url("../images/shop/btn_item_fav.png") center no-repeat var(--other);}
#skin_3 .contents_store_lst .list_item .item:nth-child(4n) {margin-right:0;}
#skin_3 .paging a {width:40px; height:40px; line-height:40px; border-radius:8px; color:#c3c2c2; border-color:#c3c2c2;}
#skin_3 .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:190px 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:#424C56; 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;}