/* common */
* {font-family: 'Pretendard', sans-serif;}
html, body {min-width:1280px; color:#2a2a2a; letter-spacing:-1px;}
.section {position:relative; width:1280px; margin:auto;}
.tooltip {display:none; position:absolute; top:40px; left:-5px; background:#fff; border:1px solid #90c31f; z-index:10; font-size:14px; color:#999; letter-spacing:-1px; width:max-content; border-radius:5px; height:28px; line-height:27px; padding:0 12px;}
.tooltip:before {content:""; width:14px; height:9px; background:url("../images/common/icon_tooltip.png") center no-repeat; position:absolute; top:-9px; left:10px;}

/* ÃÖ»ó´Ü¹è³Ê */
.top_banner {position:relative; width:100%; height:50px; background:#333; z-index:10;}
.top_banner .section {position:absolute; left:0; right:0; top:0; margin:auto;}
.top_banner a {display:block; width:100%; height:100%; text-indent:-99999px;}
.top_banner .btn {position:absolute; top:0; right:0; width:50px; height:50px; background:url("../images/banner/btn_topbanner_close.png") right center no-repeat; text-indent:-99999px;}



/* header */
.header {position:relative; background:#fff; width:100%; background:#fff; z-index:10;}
.header .gnb {position:relative; width:100%; height:40px; line-height:40px; background:#f7f7f7;}
.header .gnb .link {position:relative; color:#424242; font-size:14px; padding-right:11px; margin-right:10px;}
.header .gnb .link:after {width:1px; height:12px; background:#ccc; position:absolute; top:50%; margin-top:-6px; right:0; content:"";}
.header .gnb .link:last-child:after {display:none;}
.header .gnb ul {float:right; height:40px; font-size:0;}
.header .gnb ul li {position:relative; display:inline-block; font-size:14px; color:#424242; padding-right:21px; margin-right:20px;}
.header .gnb ul li:after {position:absolute; content:""; width:1px; height:12px; right:0; top:50%; margin-top:-6px; background:#ccc;}
.header .gnb ul li:last-child {padding-right:0; margin-right:0;}
.header .gnb ul li:last-child:after {display:none;}
.header .gnb ul li .count {display:inline-block; width:18px; height:18px; line-height:19px; border-radius:20px; margin-left:3px; background:#90c31f; color:#fff; font-size:13px; text-align:center;}
.header .gnb ul li .my_point {position:absolute; top:36px; left:-0%; transform:translate(-25%, 0%); z-index:9999; background:#90c31f; color:#fff; line-height:1; width:max-content; height:19px; line-height:18px; padding:0 5px; text-align:center; border-radius:3px; font-size:11px;  letter-spacing:0; font-family:"Malgun Gothic"; font-weight:bold;}
.header .gnb ul li .my_point:before {position:absolute; top:-6px; left:50%; margin-left:-5px; width:9px; height:8px; content:""; background:url("../images/common/icon_mypoint.png") center no-repeat;}
.header .gnb ul li .my_point { 
  animation-name: mypoint;
  animation-duration:.75s;
  animation-duration: leaner;
  animation-iteration-count:infinite;
  animation-direction:alternate;
  animation-fill-mode: forwards;

}

@keyframes mypoint {
  from {
    left: -12px;
  }

  to {
    left:-2px;
  }
}

.header .snb {position:relative; width:100%; height:116px; border-bottom:1px solid #e3e3e3; overflow:hidden;}
.header .snb .logo {float:left; padding-top:28px;}
.header .snb .area_search {position:absolute; width:420px; left:0; right:0; top:35px; margin:auto;}
.header .snb .topr_banner {position:relative; float:right; width:340px; height:115px; padding:0 10px;}
.header .snb .topr_banner .swiper-slide {background:#fff;}
.header .snb .topr_banner .swiper-slide img {width:100%; height:100%;}
.header .snb .topr_banner .banner-prev1 {background:url("../images/banner/btn_topr_prev.png") center no-repeat; left:0;}
.header .snb .topr_banner .banner-next1 {background:url("../images/banner/btn_topr_next.png") center no-repeat; right:0;}
.header .snb .topr_banner .banner-prev1, .header .snb .topr_banner .banner-next1 {width:11px; height:22px; margin-top:-11px;}
.header .nav {position:relative; width:100%; height:70px; font-size:0; border-bottom:1px solid #e3e3e3;}
.header .nav .btn_category {position:relative; width:212px; height:69px; padding-left:40px;  background:url("../images/common/btn_category.png") left center no-repeat; font-size:18px; font-weight:bold; text-align:left;}
.header .nav .nav_one {position:relative; display:inline-block; padding-left:40px;}
.header .nav .nav_one li {display:inline-block; line-height:69px; height:69px; font-size:18px; margin-right:60px;}
.header .nav .nav_one li:last-child {margin-right:0;}
.header .nav .nav_one li:hover {transition:.2s; color:#90c31f;}
.header .nav .nav_one:before {position:absolute; content:""; top:50%; margin-top:-8px; left:0; width:1px; height:16px; background:#ccc;}
.header .nav .nav_side {width:194px; height:100%; text-align:right;}
.header .nav .nav_side li {transition:.1s; position:relative; display:inline-block; vertical-align:top; width:60px; height:69px; text-align:center; line-height:1; font-size:12px; }
.header .nav .nav_side li a {display:block; width:100%; height:100%; padding-top:46px;}
.header .nav .nav_side li:hover {color:#90c31f;}
.header .nav .nav_side li.nav_delivery {background:url("../images/common/btn_nav_delivery.png") center 16px no-repeat;}
.header .nav .nav_side li.nav_delivery:hover {background:url("../images/common/btn_nav_delivery_hover.png") center 16px no-repeat;}
.header .nav .nav_side li.nav_cart {background:url("../images/common/btn_nav_cart.png") center 16px no-repeat;}
.header .nav .nav_side li.nav_cart:hover {background:url("../images/common/btn_nav_cart_hover.png") center 16px no-repeat;}
.header .nav .nav_side li .count {position:absolute; right:10px; top:10px; display:block; width:20px; height:20px; line-height:20px; border-radius:20px; background:#90c31f; color:#fff; font-size:14px; text-align:center;}
.header .nav .nav_side li.nav_mypage {width:72px; background:url("../images/common/btn_nav_mypage.png") center 16px no-repeat;}
.header .nav .nav_side li.nav_mypage:hover {background:url("../images/common/btn_nav_mypage_hover.png") center 16px no-repeat;}
.header .nav .nav_side li.nav_mypage .count {width:36px; border-radius:20px; top:12px; right:0;}
.header .nav .area_search {position:relative; top:13px; width:294px; float:right;}
.header .nav .popup_search {visibility:hidden; position:absolute; z-index:101; top:52px; right:-23px; width:350px; background:#fff; box-shadow:0px 3px 10px rgba(0,0,0,0.2); border-radius:8px;}
.header .nav .popup_search .search_wrap { padding:30px 20px; }
.header .nav .popup_search .area_title {display:block; overflow:hidden; width:100%; margin-bottom:19px;}
.header .nav .popup_search .area_title .title {float:left; font-size:17px;}
.header .nav .popup_search .area_title .del {float:right; color:#acacac; font-size:16px;}
.header .nav .popup_search .area_title .swiper-controls {position:relative; float:right;}
.header .nav .popup_search .area_title .swiper-controls .best-prev, .header .nav .popup_search .area_title .swiper-controls .best-next, .header .nav .popup_search .area_title .swiper-controls .swiper-pagination-fraction {position:relative; top:0; left:0; right:0; display:inline-block; vertical-align:bottom; width:20px; height:20px; background-size:5px !important;}
.header .nav .popup_search .area_title .swiper-controls .best-prev {background:url("../images/common/icon_best_arrow_prev.png") left center no-repeat;}
.header .nav .popup_search .area_title .swiper-controls .best-next {background:url("../images/common/icon_best_arrow_next.png") right center no-repeat;}
.header .nav .popup_search .area_title .swiper-controls .swiper-pagination-fraction {width:30px; line-height:20px; height:20px; bottom:0; position:relative; width:auto; color:#ccc; font-size:15px;}
.header .nav .popup_search .area_title .swiper-controls .swiper-pagination-current {color:#90c31f;}
.header .nav .popup_search .area_title .swiper-controls .swiper-pagination-total {color:#777;}
.header .nav .popup_search .recent_search {position:relative; width:100%;}
.header .nav .popup_search .recent_search .recent_list {position:relative; width:100%; overflow:hidden;}  
.header .nav .popup_search .recent_search .recent_list li {position:relative; display:inline-block; vertical-align:top; border-radius:50px; margin-right:10px; margin-bottom:10px; white-space:nowrap; border:1px solid #dddddd;}
.header .nav .popup_search .recent_search .recent_list li span {font-size:16px; color:#2a2a2a;}
.header .nav .popup_search .recent_search .recent_list li span a {display:block; height:32px; line-height:32px; padding:0 36px 0px 14px;}
.header .nav .popup_search .recent_search .recent_list li .close {position:absolute; right:14px; top:10px;}
/*
.header .nav .popup_search .recent_search .recent_list li {width:100%; height:18px; line-height:18px; margin-bottom:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.header .nav .popup_search .recent_search .recent_list li span {float:left; width:calc(100% - 12px); background:url("../images/common/icon_recent.png") left center no-repeat; font-size:16px; color:#605e5f;}
.header .nav .popup_search .recent_search .recent_list li span a {display:block; width:100%; height:100%; padding-left:27px; padding-right:15px;}
.header .nav .popup_search .recent_search .recent_list li span a:hover {text-decoration:underline;}
.header .nav .popup_search .recent_search .recent_list li .close {float:right; width:12px;}
.header .nav .popup_search .recent_search .recent_list li:last-child {margin-bottom:0;}
.header .nav .popup_search .recent_search .recent_list.on {max-height:none;}
.header .nav .popup_search .recent_search .btn_expand {display:block; text-align:center; width:100%; height:37px; line-height:37px;}
.header .nav .popup_search .recent_search .btn_expand span, .header .nav .popup_search .recent_search .btn_expand img {display:inline-block; vertical-align:middle;}
.header .nav .popup_search .recent_search .btn_expand span {color:#acacac; font-size:16px; margin-right:10px;}
*/
.header .nav .popup_search .best_item {position:relative; width:100%; padding-top:18px;}
.header .nav .popup_search .best_item .swiper-slide {width:90px; margin-bottom:0;}
.header .nav .popup_search .best_item .pr_thumb {width:90px; height:90px; margin-bottom:5px;}
.header .nav .popup_search .best_item .pr_thumb img {width:100%; height:100%;}
.header .nav .popup_search .best_item .pr_title {font-size:15px; color:#605e5f; line-height:22px; font-weight:normal; margin-bottom:8px; max-height:44px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.header .nav .popup_search .best_item .pr_price {font-weight:bold; line-height:1; font-size:16px;}
.header .nav .popup_search .popup_bottom {position:relative; width:100%; height:52px; line-height:52px; overflow:hidden; padding:0 20px; border-top:1px solid #f4f4f4;}
.header .nav .popup_search .popup_bottom a {color:#acacac; font-size:16px;}
.header .nav .btn_category, .header .nav .nav_one, .header .nav .nav_side {display:inline-block; vertical-align:middle;}
.header .nav.scroll {position:fixed; top:0; left:0; z-index:99; background:#fff;}




/* ÀüüīÅ×°í¸® */
.area_category {display:none; position:absolute; z-index:100; top:225px; left:0; width:1360px; left:0; right:0; margin:auto; min-height:200px; background:#fff; border-bottom:0px solid #e3e3e3;}
.area_category .list_category {white-space:nowrap; position:relative; width:100%; height:70px; line-height:69px; border-bottom:1px solid #ccc;}
.area_category .list_category .cate {vertical-align:top; margin-right:25px; font-size:18px; display:table-cell; padding-left:10px; cursor:pointer;}
.area_category .list_category .cate.active {font-weight:bold; color:#90c31f;}
.area_category .list_category .cate {display:inline-block; position:relative; height:100%;}
.area_category .list_category .cate.active:after {position:absolute; left:50%; margin-left:-4px; bottom:-5px; width:8px; height:8px; border-radius:8px; background:#90c31f; content:"";}
.area_category .list_category .cate:last-child {margin-right:0;}
.area_category .list_category .cate a {display:block;}
.area_category .depth_category {width:100%;}
.area_category .depth_category.tab_cont {padding:40px 0px 40px 20px; position:relative; min-height:346px; font-size:0; line-height:1;}
.area_category .depth_category .tit {display:inline-block; width:210px; vertical-align:top; font-size:24px; font-weight:normal;}
.area_category .depth_category .tit span, .area_category .depth_category .tit img {display:inline-block; vertical-align:middle;}
.area_category .depth_category .tit span {margin-right:15px;}
.area_category .depth_category .depth {width:calc(100% - 210px); padding-top:6px; padding-right:360px; display:inline-block; vertical-align:top;}
.area_category .depth_category .depth > li {position:relative; display:inline-block; vertical-align:top; width:33.3%; font-size:18px; color:#424242; line-height:1;}
.area_category .depth_category .depth > li.on {background:url("../images/common/icon_depth_arrow.png?ver=1.1") 75% 6px no-repeat;}
.area_category .depth_category .depth > li.on:hover {background:url("../images/common/icon_depth_arrow_on.png?ver=1.1") 75% 6px no-repeat;}
.area_category .depth_category .depth > li:last-child {width:33.4%;}
.area_category .depth_category .depth > li a {position:relative;display:inline-block; height:100%; padding-bottom:28px;}
.area_category .depth_category .depth > li a:hover {color:#90c31f; font-weight:bold;}
.area_category .depth_category .depth > li a:hover:after {content:""; position:absolute; left:0; top:20px; width:100%; height:2px; background:#90c31f;}
.area_category .depth_category .depth > li:hover .depth_2 {display:block;}
.area_category .depth_category .depth > li .depth_2 {display:none; z-index:10; position:absolute; left:156px; padding:15px 0; font-size:0; top:-15px;box-shadow:0px 5px 10px rgba(0,0,0,0.1); background:#fff; border:1px solid #e3e3e3; width:max-content; height:max-content; }
.area_category .depth_category .depth > li .depth_2 li {font-size:16px; color:#777; display:block; line-height:32px; padding:0 50px 0 25px;}
.area_category .depth_category .depth > li .depth_2 li a {display:block; width:100%; height:100%; padding-bottom:0;}
.area_category .depth_category .depth > li .depth_2 li:hover {text-decoration:underline;}
.area_category .depth_category .depth > li .depth_2 li a:hover:after {display:none;}
.area_category .depth_category .depth > li .depth_2 li.on {background:url("../images/common/icon_depth_arrow.png?ver=1.1") calc(100% - 25px) center no-repeat;}
.area_category .depth_category .depth > li .depth_2 li.on:hover {background:url("../images/common/icon_depth_arrow_on.png?ver=1.1") calc(100% - 25px) center no-repeat;}
.area_category .depth_category .depth > li .depth_2 li:hover .depth_3 {display:block;}
.area_category .depth_category .depth > li .depth_3 {display:none; position:absolute; top:-1px; left:100%; padding:15px 0; height:calc(100% + 2px); width:max-content; background:#fff; border:1px solid #e3e3e3; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.area_category .depth_category .cate_banner {position:absolute; top:40px; right:0;}
.area_category.scroll {position:fixed; top:70px;}
.category_dim {position:fixed; top:0; left:0; width:100%; background:rgba(0,0,0,0.45); height:100%; z-index:9; display:none; cursor:pointer;}

/*  ÅÇ */
.tab_cont_wrap .tab_cont:first-child {display:block;}
.tab_cont {position:relative; width:100%;}
.tab_cont.hide {display:none;}

.tab_cont_wrap2 .tab_cont2:first-child {display:block;}
.tab_cont2 {position:relative; width:100%;}
.tab_cont2.hide {display:none;}



/* Ç÷ÎÆà ¸Þ´º */
.float_wrap {position:fixed; top:0; right:-180px; height:100%; background:#fff; z-index:11; width:180px; transition:all .5s;}
.float_wrap .float_toggle_wrap {position:absolute; top:50%; margin-top:-115px; width:50px; right:180px;}
.float_wrap .float_toggle_wrap ul {width:100%; position:relative;}
.float_wrap .float_toggle_wrap ul li {position:relative; width:100%; display:block;}
.float_wrap .float_toggle_wrap ul li .label {display:none; transition:.2s; position:absolute; right:64px; top:50%; margin-top:-15px; height:26px; line-height:26px; font-size:14px; width:max-content; padding:0 10px; background:#757575; border-radius:3px; color:#fff;}
.float_wrap .float_toggle_wrap ul li .label:after {content:""; position:absolute; top:50%; margin-top:-5px; right:-6px; background:url("../images/common/icon_toggle_label_arrow.png") right center no-repeat;  width: 6px; height: 10px;}
.float_wrap .float_toggle_wrap ul li:hover .label {display:block; transition:.2s;}
.float_wrap .float_menu {position:absolute; top:0; right:0; width:100%; height:100%; border-left:1px solid #e3e3e3; padding:30px 10px;}
.float_wrap .float_menu .banner {width:160px; margin:auto; display:block; margin-bottom:25px;}
.float_wrap .float_menu .quick_list {width:100%; margin-bottom:30px;}
.float_wrap .float_menu .quick_list li {display:block; border-bottom:1px solid #ccc; margin-bottom:18px; font-size:16px; background:url("../images/common/icon_float_arrow.png") calc(100% - 10px) 2px no-repeat;}
.float_wrap .float_menu .quick_list li a {display:block; width:100%; height:100%; padding-bottom:15px;}
.float_wrap .float_menu .quick_list li:last-child {margin-bottom:0;}
.float_wrap .float_menu .board_list {width:100%; margin-bottom:30px;}
.float_wrap .float_menu .board_list li {display:block; font-size:0; width:100%; margin-bottom:10px;}
.float_wrap .float_menu .board_list li:last-child {margin-bottom:0;}
.float_wrap .float_menu .template_contact {display:block; width:100%; margin-bottom:20px; font-size:14px; color:#424242; line-height:20px; letter-spacing:-0.5px;}
.float_wrap .float_menu .template_contact h6 {color:#2a2a2a; font-size:16px;}
.float_wrap .float_menu .customer_contact {width:100%; margin-bottom:20px;}
.float_wrap .float_menu .customer_contact .customer_info {width:100%; padding-bottom:25px; margin-bottom:20px; border-bottom:1px solid #ccc}
.float_wrap .float_menu .customer_contact .customer_info dt {font-size:18px; line-height:28px; margin-bottom:6px;}
.float_wrap .float_menu .customer_contact .customer_info dt em {display:block; color:#90c31f; font-style:normal; font-weight:bold; font-size:24px;}
.float_wrap .float_menu .customer_contact .customer_info dd {font-size:14px; line-height:20px; color:#777;}
.float_wrap .float_menu .customer_contact .bank_info {width:100%; line-height:20px;}
.float_wrap .float_menu .customer_contact .bank_info dd {font-size:14px; color:#424242;}
.float_wrap .float_menu .today_list {position:relative; width:100%;}
.float_wrap .float_menu .today_list .today_title {position:relative; width:100%; overflow:hidden; margin-bottom:10px;}
.float_wrap .float_menu .today_list .today_title .tit {float:left; font-size:16px;}
.float_wrap .float_menu .today_list .today_title .slider-btn {position:relative; float:right; padding-top:1px;}
.float_wrap .float_menu .today_list .today_title .slider-btn .swiper-button-prev, .float_wrap .float_menu .today_list .today_title .slider-btn .swiper-button-next {left:0; right:0;  display:inline-block; vertical-align:top; position:relative; top:0; margin-top:0; width:8px; height:15px; background-size:100%;}
.float_wrap .float_menu .today_list .today_title .slider-btn .swiper-button-prev {background:url("../images/common/btn_float_prev.png") center no-repeat; margin-right:10px;}
.float_wrap .float_menu .today_list .today_title .slider-btn .swiper-button-next {background:url("../images/common/btn_float_next.png") center no-repeat;}
.float_wrap .float_menu .today_list .category_list {width:100%;}
.float_wrap .float_menu .today_list .category_list .swiper-slide {margin:0;}
.float_wrap .float_menu .today_list .category_list .swiper-slide .thumb {border:1px solid #e4e4e4; width:159px; height:159px; aspect-ratio:1/1; margin-bottom:0;}
.float_wrap .float_menu .today_list .category_list .swiper-slide .thumb img {width:100%; height:100%;}
.float_wrap .float_menu .channel_talk {position:fixed; bottom:40px; right:20px; width:60px; height:60px; background:#999; border-radius:8px; z-index:10;}
.float_wrap .scroll-btn {position:fixed; right:210px; bottom:40px;  transition:all .5s;}
/*
.float_wrap .btn_float {display:block; width:40px; height:40px; border-radius:40px; overflow:hidden; text-indent:-99999px;}
.float_wrap .btn_float.up {background:url("../images/common/icon_float_up.png") center no-repeat rgba(0,0,0,0.2); margin-bottom:10px;}
.float_wrap .btn_float.down {background:url("../images/common/icon_float_down.png") center no-repeat rgba(0,0,0,0.2);}
*/
.float_wrap.toggle {right:0px;}
.float_wrap.toggle .scroll-btn {right:10px;}

/* ¸ÞÀÎ */

/* ¸ÞÀιè³Ê */
.area_main {position:relative; width:100%; letter-spacing:-1px;}
.area_main .row {position:relative; width:1280px; margin:auto; margin-bottom:140px;}
.area_main .row .area_title {position:relative; width:100%; text-align:center; line-height:1; margin-bottom:58px;}
.area_main .row .area_title .title { font-size:40px; font-weight:bold;}
.area_main .row .area_title .more {font-size:0; float:right;}
.area_main .row .area_title .more span, .area_main .row .area_title .more img {display:inline-block; vertical-align:middle;}
.area_main .row .area_title .more span {font-size:18px; color:#424242; margin-right:15px;}
.area_main .row.category {margin-bottom:80px;}
.area_main .area_mainbanner {width:100%; height:540px; margin-bottom:85px;}
.area_main .area_mainbanner .swiper-slide {width:100%; height:100%;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:100%; height:100%; text-indent:-99999px;}
.area_main .area_mainbanner .swiper-controls {position:absolute; bottom:30px; left:0; right:0; margin:auto; z-index:10; width:124px; height:40px; line-height:37px; border-radius:40px; text-align:center; background:rgba(0,0,0,0.3); color:#fff;}
.area_main .area_mainbanner .swiper-controls * {display:inline-block; vertical-align:middle;}
.area_main .area_mainbanner .swiper-controls .swiper-button-prev, .area_main .area_mainbanner .swiper-controls .swiper-button-next {z-index:100; top:50%; margin-top:-8px; width:8px; height:16px;}
.area_main .area_mainbanner .swiper-controls .swiper-button-prev {background:url("../images/banner/btn_main_prev.png") center no-repeat; left:20px;}
.area_main .area_mainbanner .swiper-controls .swiper-button-next {background:url("../images/banner/btn_main_next.png") center no-repeat; right:20px;}
.area_main .area_mainbanner .swiper-controls .swiper-pagination-fraction {bottom:0; position:relative; font-weight:100;}
.area_main .swiper-pagination-fraction {font-size:0;}
.area_main .swiper-pagination-fraction span {display:inline-block; vertical-align:middle; position:relative; font-size:18px;}
.area_main .swiper-pagination-fraction .swiper-pagination-current {margin-right:10px; padding-right:11px;}
.area_main .swiper-pagination-fraction .swiper-pagination-current:after {position:absolute; top:50%; margin-top:-6px; right:0; content:""; width:1px; height:12px; background:#ccc;} 

/* ¸ÞÀÎ »ó´Ü¹è³Ê */
.area_main .top_main_banner {font-size:0;}
.area_main .top_main_banner li {display:inline-block; width:400px; vertical-align:top; margin-right:40px;}
.area_main .top_main_banner li img {width:100%;}																											   
.area_main .top_main_banner li:last-child {margin-right:0;}

/* ¸ÞÀÎ Áß°£¹è³Ê */
.area_main .mid_main_banner {width:100%; height:140px; background:#333; margin-bottom:140px;}
.area_main .mid_main_banner a {display:block; width:100%; height:100%; text-indent:-99999px;}

/* ¸ÞÀÎ Áß°£¹è³Ê2 */
.area_main .mid2_main_banner {width:1280px; margin:auto; margin-bottom:140px; overflow:hidden;}
.area_main .mid2_main_banner li {display:inline-block; vertical-align:top; float:left; margin-right:39px;}
.area_main .mid2_main_banner li:last-child {margin-right:0;}

/* ¸ÞÀÎ Çϴܹè³Ê */ 
.area_main .foot_main_banner {width:1280px; margin:auto; margin-bottom:140px; overflow:hidden;}


/* ¸ÞÀÎ ¼îÇθô ½½¶óÀÌ´õ */
.area_main .row.category .swiper-button-prev {background:url("../images/main/btn_shop_prev.png") center no-repeat rgba(66,66,66,0.3); left:-82px;}
.area_main .row.category .swiper-button-next {background:url("../images/main/btn_shop_next.png") center no-repeat rgba(66,66,66,0.3); right:-82px;}
.area_main .row.category .swiper-button-prev, .area_main .row.category .swiper-button-next {width:60px; height:60px; top:300px; margin-top:0px; border-radius:60px;}
.area_main .row.category .swiper-pagination-fraction {display:none; bottom:0; position:relative; font-size:0; font-weight:400;  left:0; right:0; margin:auto;width:82px; height:40px; line-height:39px; border-radius:40px; text-align:center; background:rgba(0,0,0,0.5); font-weight:100; color:#fff; }
.area_main .row.category .swiper-container .item {margin-bottom:0;}



/* ¸ÞÀÎ º£½ºÆ®»óÇ° */
.list_best {width:100%; overflow:hidden; margin-bottom:57px; letter-spacing:-1px;}
.list_best .cate {transition:.2s; cursor:pointer; display:inline-block; float:left; vertical-align:bottom; width:9.09%; height:117px; border:1px solid #ebebeb; border-right:0; text-align:center; font-size:18px;}
.list_best .cate a {display:block; width:100%; height:100%; padding-top:78px;}
.list_best .cate:last-child {border-right:1px solid #ebebeb;}
.list_best .cate.active, .list_best .cate:hover {color:#fff; font-weight:bold;}
.list_best .cate.cate01 {background:url("../images/main/icon_tab_best_01.png") center 20px no-repeat #fff;} 
.list_best .cate.cate01.active {background:url("../images/main/icon_tab_best_01_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate01:hover {background:url("../images/main/icon_tab_best_01_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate02 {background:url("../images/main/icon_tab_best_02.png") center 20px no-repeat #fff;} 
.list_best .cate.cate02.active {background:url("../images/main/icon_tab_best_02_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate02:hover {background:url("../images/main/icon_tab_best_02_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate03 {background:url("../images/main/icon_tab_best_03.png") center 20px no-repeat #fff;} 
.list_best .cate.cate03.active {background:url("../images/main/icon_tab_best_03_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate03:hover {background:url("../images/main/icon_tab_best_03_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate04 {background:url("../images/main/icon_tab_best_04.png") center 20px no-repeat #fff;} 
.list_best .cate.cate04.active {background:url("../images/main/icon_tab_best_04_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate04:hover {background:url("../images/main/icon_tab_best_04_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate05 {background:url("../images/main/icon_tab_best_05.png?ver=1.2") center 20px no-repeat #fff;} 
.list_best .cate.cate05.active {background:url("../images/main/icon_tab_best_05_on.png?ver=1.3") center 20px no-repeat #90c31f;} 
.list_best .cate.cate05:hover {background:url("../images/main/icon_tab_best_05_on.png?ver=1.3") center 20px no-repeat #90c31f;} 
.list_best .cate.cate06 {background:url("../images/main/icon_tab_best_06.png") center 20px no-repeat #fff;} 
.list_best .cate.cate06.active {background:url("../images/main/icon_tab_best_06_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate06:hover {background:url("../images/main/icon_tab_best_06_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate07 {background:url("../images/main/icon_tab_best_07.png") center 20px no-repeat #fff;} 
.list_best .cate.cate07.active {background:url("../images/main/icon_tab_best_07_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate07:hover {background:url("../images/main/icon_tab_best_07_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate08 {background:url("../images/main/icon_tab_best_08.png") center 20px no-repeat #fff;} 
.list_best .cate.cate08.active {background:url("../images/main/icon_tab_best_08_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate08:hover {background:url("../images/main/icon_tab_best_08_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate09 {background:url("../images/main/icon_tab_best_09.png") center 20px no-repeat #fff;} 
.list_best .cate.cate09.active {background:url("../images/main/icon_tab_best_09_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate09:hover {background:url("../images/main/icon_tab_best_09_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate10 {background:url("../images/main/icon_tab_best_10.png") center 20px no-repeat #fff;} 
.list_best .cate.cate10.active {background:url("../images/main/icon_tab_best_10_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate10:hover {background:url("../images/main/icon_tab_best_10_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate11 {background:url("../images/main/icon_tab_best_11.png") center 20px no-repeat #fff;} 
.list_best .cate.cate11.active {background:url("../images/main/icon_tab_best_11_on.png") center 20px no-repeat #90c31f;} 
.list_best .cate.cate11:hover {background:url("../images/main/icon_tab_best_11_on.png") center 20px no-repeat #90c31f;} 


/* ¸ÞÀÎ mdÃßõ»óÇ° */
.list_md {width:100%; overflow:hidden; display:flex; flex-wrap:wrap; -webkit-box-pack:center; place-content:center; margin-bottom:40px; letter-spacing:-1px;}
.list_md .cate {transition:.2s; display:inline-block; font-size:18px; color:#424242; margin:0 5px 20px;}
.list_md .cate a {transition:.2s;display:block; width:100%; height:50px; line-height:50px;; padding:0 30px; box-shadow:0px 2px 8px #f9f9f9; border-radius:30px; background:#fff; border:1px solid #e3e3e3;}
.list_md .cate a:hover {background:#90c31f; color:#fff;}
.list_md .cate.active a {background:#90c31f; color:#fff;}
.list_md .cate.active a:hover {background:#79a713;}


/* ¸ÞÀÎ ¸ÂÃã Á¦ÀÛ»óÇ° */
.row.category.custom {width:100%; background:#fafafa; padding:80px 0;}
.row.category.custom .area_title {margin-bottom:30px;}

/*
.custom_list {position:relative; width:100%;}
.custom_list .item {width:980px; height:482px; transition:.4s; background:#fff; box-shadow:0px 3px 3px rgba(165,165,165,0.15); display:block; -webkit-filter: brightness(0.8); filter: brightness(0.8);}
.custom_list .item.swiper-slide-active {-webkit-filter: brightness(1); filter: brightness(1);}
.custom_list .item .thumb {width:482px; height:482px; border:1px solid #e3e3e3;}
.custom_list .item .thumb img {width:100%; height:100%;}
.custom_list .item .thumb, .custom_list .item .cont {float:left; height:100%;}
.custom_list .item .cont {position:relative; width:calc(100% - 482px); padding:78px 60px 60px; word-break:keep-all;}
.custom_list .item .cont em {font-style:normal; font-weight:bold; display:block; line-height:1; margin-bottom:34px; font-size:24px;}
.custom_list .item .cont h5 {font-weight:400; line-height:42px; height:84px; font-size:32px; margin-bottom:6px;}
.custom_list .item .cont p {font-size:18px; color:#777; line-height:30px; height:60px; margin-bottom:60px;}
.custom_list .item .cont h5, .custom_list .item .cont p {overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.custom_list .item .cont .price {width:100%; border-top:1px solid #e3e3e3; overflow:hidden; padding-top:21px;}
.custom_list .item .cont .price .sales {width:50px; height:50px; line-height:50px; background:#90c31f; color:#fff; font-weight:bold; font-size:19px; text-align:center; margin-right:15px;}
.custom_list .item .cont .price .sales, .custom_list .item .cont .price .list_price {display:inline-block; vertical-align:middle;}
.custom_list .item .cont .price .list_price li {display:block; line-height:1;}
.custom_list .item .cont .price .list_price li.pr_sprice {font-size:15px; margin-bottom:8px; color:#777777; text-decoration:line-through;}
.custom_list .item .cont .price .list_price li.pr_price {font-size:19px; font-weight:bold;}
.row.category.custom .controls {position:absolute; left:0; right:0; top:108px; width:980px; margin:auto;}
.row.category.custom .controls .swiper-button-prev {left:-30px;}
.row.category.custom .controls .swiper-button-next {right:-30px;}
.SlideCustom {padding:5px 5px 5px !important;}
*/
.SlideCustom {position:relative; width:1280px; margin:auto;}
.custom_list {position:relative; width:1280px; margin:auto;}
.custom_list .item {width:406px; text-align:center;}
.custom_list .item .thumb {width:100%; height:406px; margin-bottom:26px; aspect-ratio:1/1; border-radius:10px; overflow:hidden;}
.custom_list .item .thumb img {width:100%;}
.custom_list .item h5 {font-size:20px; margin-bottom:10px;}
.custom_list .item p {font-size:18px; line-height:26px; color:#777777; word-break:keep-all;}
.row.category.custom .controls {position:absolute; left:0; right:0; top:108px; width:1280px; margin:auto;}
.row.category.custom .controls .swiper-button-prev {left:-80px;}
.row.category.custom .controls .swiper-button-next {right:-80px;}



/* ¸ÞÀÎ ¸®ºä ¸®½ºÆ® */
.review_list {position:relative; width:100%; font-size:0;}
.review_list .item {position:relative; display:inline-block; vertical-align:top; font-size:14px; width:302px; margin-right:24px; margin-bottom:60px;}
.review_list .item:nth-child(4n) {margin-right:0;}
.review_list .item .thumb {width:100%; height:302px;}
.review_list .item .thumb img {width:100%; height:100%;}
.review_list .item .cont {position:relative; width:100%; padding:32px 0; line-height:1;}
.review_list .item .cont .tit {width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  margin-bottom:16px; font-size:20px; font-weight:400;}
.review_list .item .cont .author {width:100%; overflow:hidden; font-size:14px; color:#a5a5a5;}
.review_list .item .cont .author .name {float:left;}
.review_list .item .cont .author .date {float:right;}
.review_list .item .relate_item {width:100%; padding:19px 0; overflow:hidden; font-size:0; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3;}
.review_list .item .relate_item .thumb, .review_list .item .relate_item .cont {display:inline-block; vertical-align:middle;}
.review_list .item .relate_item .thumb {border:1px solid #e3e3e3; width:80px; height:80px; margin-right:9px;}
.review_list .item .relate_item .cont {padding:0; width:calc(100% - 89px);}
.review_list .item .relate_item .cont .tit {font-size:16px;}
.review_list .item .relate_item .cont .list_price {position:relative; width:100%; font-size:0;}
.review_list .item .relate_item .cont .list_price li {display:inline-block; font-size:16px; vertical-align:bottom;}
.review_list .item .relate_item .cont .list_price .pr_sales {color:#fe3d42; font-weight:bold; margin-right:20px;}
.review_list .item .relate_item .cont .list_price .pr_price {font-weight:bold; margin-right:9px;}
.review_list .item .relate_item .cont .list_price .pr_sprice {color:#777777; font-size:12px; text-decoration:line-through;}



/* ¼­ºêÆäÀÌÁö */
.container {position:relative; width:100%;}
.content {position:relative; width:1280px; min-height:700px; overflow:hidden; margin:auto; padding:20px 0px 100px;}
.site_navigation {line-height:1; font-size:0;} 
.site_navigation > li {position:relative; display:inline-block; vertical-align:top; padding-right:21px; margin-right:21px; font-size:14px; color:#777;}
.site_navigation > li:after {content:""; width:1px; height:10px; position:absolute; top:3px; right:0; background:#e3e3e3;}
.site_navigation > li:last-child {padding-right:0; margin-right:0;}
.site_navigation > li:last-child:after {display:none;}
.site_navigation > li .select_category {width: fit-content;display:inline-block; padding-bottom:20px; position:relative;}
.site_navigation > li .select_category .category {display:inline-block; font-size:14px; color:#777; padding-right:22px; background:url("../images/common/icon_nav_arrow.png") right center no-repeat;}
.site_navigation > li .select_category .list {display:none; position:absolute; z-index:10; width:max-content; top:27px; left:-20px; background:#fff; border:1px solid #ccc; padding:11px 20px;}
.site_navigation > li .select_category .list li {display:block; line-height:28px; font-size:14px; color:#777;}
.site_navigation > li .select_category .list li:hover {color:#90c31f;}
.site_navigation > li .select_category .list li a {display:block; width:100%; height:100%;}
.site_navigation > li .select_category:hover .list {display:block;}
.inputwrap {position:relative; display:inline-block; vertical-align:middle;}
.sub_title {position:relative; overflow:hidden; width:100%; margin-top:25px; margin-bottom:40px;}
.sub_title .title {float:left; font-size:32px; line-height:40px;}
.sub_title .txt {font-size:16px; color:#888; letter-spacing:0; line-height:1.5;}
.sub_title .txt li {position:relative; display:inline-block; margin-right:10px; padding-right:13px;}
.sub_title .txt li .imp {color:#90c31f !important;}
.sub_title .txt li:after {position:absolute; top:50%; margin-top:-5px; right:0; content:""; width:1px; height:10px; background:#e3e3e3;}
.sub_title .txt li:last-child:after {display:none;}
.sub_title .txt li:last-child {margin-right:0;}
.sub_title.cont {padding-bottom:20px; /*margin-bottom:60px;*/ border-bottom:1px solid #ddd;}
.sub_title.cont .title {float:none; margin-bottom:20px;}
.sub_title .list_step {float:right; font-size:0; line-height:40px;}
.sub_title .list_step .step {display:inline-block; vertical-align:middle; font-size:20px; color:#a5a5a5; padding-right:30px; margin-right:20px; background:url("../images/sub/icon_step_arrow.png") center right no-repeat;}
.sub_title .list_step .step:last-child {margin-right:0; padding-right:0; background:#fff;}
.sub_title .list_step .step b {display:inline-block; margin-right:10px;}
.sub_title .list_step .step.on {color:#90c31f;}
.sub_title.center .title {float:none; text-align:center;}
.area_bottom {position:relative; width:100%; overflow:hidden; text-align:center; font-size:0;}
.area_bottom > .btn {margin-right:5px;}
.area_bottom > .btn:last-child {margin-right:0;}
.area_bottom .txt {color:#a5a5a5; font-size:18px; display:inline-block; vertical-align:middle;}
.area_bottom .left .btn {margin-right:5px;}
.area_bottom .right .btn {margin-right:0; margin-left:5px;}
.list_check {width:100%; position:relative; font-size:0;}
.list_check li {position:relative; display:inline-block; vertical-align:middle; margin-right:60px;}
.list_check2 {width:100%; position:relative; font-size:0;}
.list_check2 li {position:relative; display:block; width:100%; margin-bottom:40px;}
.list_check2 li:last-child {margin-bottom:0;}


/* lnb */
.lnb {position:relative; width:240px; float:left; overflow:hidden;}
.lnb .sub_title {margin-top:0; margin-bottom:60px;}
.lnb .column {position:relative; width:100%; margin-bottom:40px;}
.lnb .column .tit {font-size:20px; line-height:1; font-weight:bold; display:block; margin-bottom:20px;}
.lnb .column .menu {transition:.2s; width:100%; height:60px; line-height:60px; border:1px solid #e3e3e3; border-bottom:0; font-size:18px; color:#424242; background:url("../images/sub/icon_lnb_arrow.png") calc(100% - 20px) center no-repeat;}
.lnb .column .menu a {display:block; width:100%; height:100%; padding:0 20px;}
.lnb .column .menu:last-child {border-bottom:1px solid #e3e3e3;}
.lnb .column .menu:hover {background:url("../images/sub/icon_lnb_arrow.png") calc(100% - 20px) center no-repeat #f7f7f7;}
.lnb .column .menu.on {background:url("../images/sub/icon_lnb_arrow_on.png") calc(100% - 20px) center no-repeat #f7f7f7; color:#90c31f; font-weight:bold;}
.lnb .link {text-decoration:underline; display:block; width:100%; font-size:24px; font-weight:bold;}



/* ȸ»ç¼Ò°³ */
.area_company {position:relative; width:100%; overflow:hidden;}
.area_company .row {position:relative; overflow:hidden; width:100%; margin-bottom:75px;}
.area_company .row.intro .title {width:260px; font-size:27px; line-height:38px;}
.area_company .row.intro .title, .area_company .row.intro .cont {display:inline-block; vertical-align:top;}
.area_company .row .title {line-height:1; font-size:24px; font-weight:bold; color:#424242; margin-bottom:25px;}
.area_company .row .thumb, .area_company .row .cont {display:inline-block; vertical-align:middle;}
.area_company .row .thumb {width:510px; height:510px; margin-right:75px;}
.area_company .row .cont {width:calc(100% - 300px);}
.area_company .row .cont .tit {font-size:32px; line-height:44px; margin-bottom:45px;}
.area_company .row .cont p {line-height:28px; font-size:18px; color:#777777; margin-bottom:30px;}
.area_company .row .cont p:last-child {margin-bottom:0;}
.area_company .row .cont ul {display:block; margin-bottom:15px;}
.area_company .row .cont ul li {display:block; font-size:18px; font-weight:700; color:#454545; margin-bottom:10px; padding-left:30px; background:url("/html/web/images/sub/icon_about_check.png") left center no-repeat;}
.area_company .row .cont ul li:last-child {margin-bottom:0;}
.area_company .row .cont .field_download {position:relative; width:100%; padding-top:0px; padding-left:180px; margin-bottom:20px;}
/*
.area_company .row .cont .field_download .download {transition:.3s; display:block; width:270px; background:url("../images/sub/icon_pdf.png") calc(100% - 30px) center no-repeat; background-size:20px; border:1px solid #666; color:#333; font-weight:bold; padding:20px 25px; margin-bottom:15px;}
.area_company .row .cont .field_download .download * {display:inline-block; vertical-align:middle;}
.area_company .row .cont .field_download .download span {font-size:16px; margin-right:13px;}
.area_company .row .cont .field_download .download:hover {color:#fff; background:url("../images/sub/icon_pdf_hover.png") calc(100% - 30px) center no-repeat #90c31f; border-color:#90c31f; background-size:20px;}
*/
.area_company .row .cont .field_download h5 {width:180px; font-size:20px; font-weight:bold; position:absolute; left:0; line-height:64px;}

.area_company .row .cont .field_download .download {font-size:20px; transition:.3s; display:block; color:#333; font-weight:bold; padding:20px 0px; margin-bottom:15px;}

.area_company .row .cont .field_download .download span {margin-right:40px; width:140px;}
.area_company .row .cont .field_download .download em {position:relative; font-weight:500;}
.area_company .row .cont .field_download .download em:before {width:54px; height:54px; border-radius:54px; left:-28px; top:50%; margin-top:-25px; background:#eee; content:""; position:absolute; z-index:-1; transition:transform 1s cubic-bezier(0.25, 1, 0.5, 1), background .9s ease;}
.area_company .row .cont .field_download .download:hover em:before {transform:translateX(70px); background:#c3e17f;}



/*ÄíÆù */
.area_benefit {position:relative; width:100%; min-height:1600px; padding:40px 0px 0px;   }
.area_benefit .sub_title {text-align:center; margin-bottom:40px; margin-top:0;}
.area_benefit .sub_title .title {float:none;}
.area_benefit .wrap_benefit {position:relative; width:100%;}
/*
.area_benefit .wrap_benefit .tab_form {width:100%; text-align:center; margin-bottom:120px;}
.area_benefit .wrap_benefit .tab_form li {transition:.2s; position:relative; z-index:1; display:inline-block; vertical-align:top; font-size:28px; font-weight:bold; margin:0 35px; color:#999;}
.area_benefit .wrap_benefit .tab_form li:hover {color:#000;}
.area_benefit .wrap_benefit .tab_form li:hover:before {content:""; position:absolute; bottom:2px; z-index:-1; width:110%; left:-5%; height:5px; background:#bff093;}
.area_benefit .wrap_benefit .tab_form li.active {color:#000;}
.area_benefit .wrap_benefit .tab_form li.active:before {content:""; position:absolute; bottom:2px; z-index:-1; width:110%; left:-5%; height:5px; background:#bff093;}
*/

.area_benefit .wrap_benefit .tab_form_wrap {width:100%; text-align:center;  background:#fff; border:1px solid #e3e3e3;}
.area_benefit .wrap_benefit .tab_form {width:1280px; margin:auto; overflow:hidden; font-size:0;}
.area_benefit .wrap_benefit .tab_form li {display:inline-block; transition:.2s; position:relative; width:33.3%; height:85px; line-height:85px; background:#fff;  font-weight:700; font-size:22px;}
.area_benefit .wrap_benefit .tab_form li a {display:block; width:100%; height:100%;}
.area_benefit .wrap_benefit .tab_form li.active {color:#90c31f;}
.area_benefit .wrap_benefit .tab_form li.active:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#90c31f;}
.area_benefit .wrap_benefit .tab_form li:first-child {width:33.4%;}
.area_benefit .wrap_benefit .tab_form_wrap.scroll {position:fixed; top:70px;  border-top:0;box-shadow:0px 3px 10px rgba(0,0,0,0.05); z-index:10;}
.area_benefit .wrap_benefit .tab-cont {position:relative; width:100%; padding-top:70px; padding-bottom:160px; letter-spacing:-1px;}
.area_benefit .wrap_benefit .row {position:relative; width:100%; margin-bottom:80px;}
.area_benefit .wrap_benefit .row:last-child {margin-bottom:0;}
.area_benefit .wrap_benefit .row:nth-child(2) .wrap_coupon {background:#ddecf9;}
.area_benefit .wrap_benefit .row:nth-child(2) .wrap_coupon .coupon .cont_wrap {background:url("../../web/images/sub/bg_coupon2.png?ver=1.2") center no-repeat;}
.area_benefit .wrap_benefit .row:nth-child(2) .wrap_coupon .coupon .cont .coupon-tit {color:#5aa1db;}

.area_benefit .wrap_benefit .row:nth-child(3) .wrap_coupon {background:#fff7e3;}
/*
.area_benefit .wrap_benefit .row:nth-child(3) .wrap_coupon .coupon .cont_wrap {background:url("../../web/images/sub/bg_coupon3.png?ver=1.2") center no-repeat;}
*/
.area_benefit .wrap_benefit .row:nth-child(3) .wrap_coupon .coupon .cont .coupon-tit {color:#e88650;}
.area_benefit .wrap_benefit .row:nth-child(3) .list {background:#ffe8c3;}

.area_benefit .wrap_benefit .row:nth-child(4) .wrap_coupon {background:#e5ebff;}
.area_benefit .wrap_benefit .row:nth-child(4) .wrap_coupon .coupon .cont_wrap {background:url("../../web/images/sub/bg_coupon4.png?ver=1.2") center no-repeat;}
.area_benefit .wrap_benefit .row:nth-child(4) .wrap_coupon .coupon .cont .coupon-tit {color:#7787ee;}



.area_benefit .wrap_benefit .area_title {position:relative; width:100%; text-align:center; font-size:36px; margin-bottom:40px;}
.area_benefit .wrap_benefit .area_title .tag {font-weight:bold; font-size:17px; width:120px; height:40px; line-height:38px; border-radius:120px; border:2px solid #333;  color:#333; display:block; margin:auto; margin-bottom:25px;}
.area_benefit .wrap_benefit .area_title .title {position:relative; margin-bottom:12px; display:inline-block;}
.area_benefit .wrap_benefit .area_title .title:before {content:""; position:absolute; bottom:4px; z-index:-1; width:104%; left:-2%; height:8px; background:#d9f0b4;}
.area_benefit .wrap_benefit .area_title .s-title {font-size:26px; font-weight:normal;  margin-bottom:20px; line-height:1.4;}
.area_benefit .wrap_benefit .area_title .txt {font-size:18px; color:#888; line-height:1.4;}
.area_benefit .wrap_benefit .wrap_coupon {position:relative; width:100%; overflow:hidden; background:#edf8db; padding:65px 0 55px; text-align:center;}
.area_benefit .wrap_benefit .wrap_coupon .list {position:relative; width:1200px; margin:auto; overflow:hidden; font-size:0;}
.area_benefit .wrap_benefit .wrap_coupon .list.two .coupon:nth-child() {}
.area_benefit .wrap_benefit .wrap_coupon .coupon {position:relative; letter-spacing:0; display:inline-block; font-weight:500; margin-right:60px; font-size:14px; text-align:left;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .cont_wrap {display:table; vertical-align:middle; width:360px; height:186px; padding:30px; margin-bottom:15px; background:url("../../web/images/sub/bg_coupon.png?ver=1.1") center no-repeat;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .cont {display:table-cell; vertical-align:middle;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .cont .coupon-tit {font-size:17px; font-weight:bold; color:#90c31f;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .cont .coupon-value {font-size:34px; letter-spacing:-1px; padding:5px 0px 25px; font-weight:bold;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .cont .coupon-txt {font-size:15px; color:#999; letter-spacing:-1px;}
.area_benefit .wrap_benefit .wrap_coupon .coupon .txt {color:#518d41; font-size:16px;}
.area_benefit .wrap_benefit .wrap_coupon .coupon:after {content:""; position:absolute; top:0; right:0; height:186px; background:#ddd; }
.area_benefit .wrap_benefit .wrap_coupon .coupon:last-child:after {display:none;}
.area_benefit .wrap_benefit .wrap_coupon .coupon:last-child {margin-right:0;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon {position:relative; width:100%; margin-bottom:50px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .title {font-size:28px; margin-bottom:20px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon:last-child {margin-bottom:0;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .list {width:1280px; padding:40px 40px 0px; border-radius:20px;}
.area_benefit .wrap_benefit .wrap_coupon .btn_download {display:block; width:100%; border-radius:6px; padding:15px 0; background:#2e2e2e; text-align:center;}
.area_benefit .wrap_benefit .wrap_coupon .btn_download img, .area_benefit .wrap_benefit .wrap_coupon .group_coupon .btn_download span {display:inline-block; vertical-align:middle;}
.area_benefit .wrap_benefit .wrap_coupon .btn_download span {font-size:18px; margin-right:15px; color:#fff; font-weight:bold;}
.area_benefit .wrap_benefit .wrap_coupon .btn_download.all {width:400px; margin:auto; margin-top:40px; padding:26px 0; background: rgb(217,51,7);
background: linear-gradient(321deg, rgba(217,51,7,1) 0%, rgba(255,54,0,1) 100%);}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .btn_download.all img {width:24px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .coupon {margin-bottom:40px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .coupon:nth-child(4n) {margin-right:0;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .coupon {margin-right:40px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .coupon .cont_wrap {border-radius:6px; padding:30px 30px; height:auto; width:270px; background:#fff;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .coupon .cont_wrap .coupon-txt {line-height:1;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .list.two {padding:40px 80px 0px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .list.two .coupon:nth-child(3n) {margin-right:60px;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .list.two .coupon:nth-child(2n) {margin-right:0;}
.area_benefit .wrap_benefit .wrap_coupon .group_coupon .list.two .coupon:last-child {margin-right:0;}
.area_benefit .wrap_benefit .warn_text {width:100%; text-align:center; font-size:0; margin-top:35px;}
.area_benefit .wrap_benefit .warn_text a {display:block; width:100%; height:100%;}
.area_benefit .wrap_benefit .warn_text img, .area_benefit .wrap_benefit .warn_text span {display:inline-block; vertical-align:middle;}
.area_benefit .wrap_benefit .warn_text span {font-size:20px; font-weight:600; margin-left:10px; color:#000;}

.area_benefit .wrap_benefit .list_event {font-size:0; width:1280px; margin:auto; margin-bottom:80px;}
.area_benefit .wrap_benefit .list_event li {margin-bottom:20px;}
.area_benefit .wrap_benefit .list_event li img {border-radius:20px;}
.area_benefit .wrap_benefit .list_event li:last-child {margin-bottom:0;}
.area_benefit .wrap_benefit .list_benefit {position:relative; width:1280px; margin:auto; border-radius:20px; background:#f6f6f6; padding:60px 0 80px; text-align:center;}
.area_benefit .wrap_benefit .list_benefit .box-row {position:relative; margin-bottom:65px;}
.area_benefit .wrap_benefit .list_benefit .box-row .tag {font-weight:bold; font-size:20px; width:140px; height:44px; line-height:43px; border-radius:120px; background:#90c31f; color:#fff; display:block; margin:auto; margin-bottom:20px;}
.area_benefit .wrap_benefit .list_benefit .box-row:last-child {margin-bottom:0;}
.area_benefit .wrap_benefit .list_benefit .box {font-size:0; box-shadow:0px 3px 15px rgba(0,0,0,0.05); overflow:hidden; position:relative; margin:auto; text-align:left; background:#fff; border-radius:15px; width:940px;}
.area_benefit .wrap_benefit .list_benefit .box .box-title, .area_benefit .wrap_benefit .list_benefit .box .box-cont {display:inline-block; vertical-align:middle;}
.area_benefit .wrap_benefit .list_benefit .box .box-title {width:280px; text-align:center;}
.area_benefit .wrap_benefit .list_benefit .box .box-title .icon {margin-bottom:20px; height:75px;}
.area_benefit .wrap_benefit .list_benefit .box .box-title .tit {font-size:22px; letter-spacing:-2px;}
.area_benefit .wrap_benefit .list_benefit .box .box-cont {width:660px; line-height:1.6; color:#454545; font-size:18px; padding:45px 50px; border-left:1px solid #f3f3f3; background:#fff;}
.area_benefit .wrap_benefit .list_benefit .box .box-cont .more {transition:.2s; display:block; float:right; width:120px; height:37px; line-height:37px; border-radius:9px; border:1px solid #999; color:#999; text-align:center; font-size:15px; font-weight:bold; margin-top:25px;}
.area_benefit .wrap_benefit .list_benefit .box .box-cont .more:hover {background:#90c31f; border-color:#90c31f; color:#fff;}
.area_benefit .wrap_benefit #tab1 {padding-bottom:0;}
.area_benefit .wrap_benefit #tab2 .row:nth-child(even) {background:#f9f9f9; padding:75px 0;}
.area_benefit .wrap_benefit .wrap_membership {position:relative; width:1280px; margin:auto;}
.area_benefit .wrap_benefit .wrap_membership .box {position:relative; display:table; width:100%; border-bottom:1px dashed #e3e3e3; font-size:0; }
.area_benefit .wrap_benefit .wrap_membership .box .m-title, .area_benefit .wrap_benefit .wrap_membership .box .m-cond, .area_benefit .wrap_benefit .wrap_membership .box .m-info {display:table-cell; vertical-align:middle; font-size:20px; padding:40px 0 40px 80px; line-height:1.5;} 
.area_benefit .wrap_benefit .wrap_membership .box .m-title {position:relative; width:320px; min-height:200px; padding-left:30px; vertical-align:middle;}
.area_benefit .wrap_benefit .wrap_membership .box .m-title .icon {margin-bottom:25px;}
.area_benefit .wrap_benefit .wrap_membership .box .m-title h5 {display:inline-block; position:relative; font-size:36px;}
.area_benefit .wrap_benefit .wrap_membership .box .m-cond {font-weight:bold;}
.area_benefit .wrap_benefit .wrap_membership .box .m-info {width:40%;}
.area_benefit .wrap_benefit .wrap_membership .box .m-info li {position:relative; padding-left:15px; display:block; margin-bottom:0px;}
.area_benefit .wrap_benefit .wrap_membership .box .m-info li:before {position:absolute; left:0; top:0; content:"-"; font-weight:200;}
.area_benefit .wrap_benefit .wrap_membership .box .m-info li:last-child {margin-bottom:0;}
.area_benefit .wrap_benefit .wrap_membership .box em {display:none; color:#888; font-size:16px; font-weight:normal;}
.area_benefit .wrap_benefit .wrap_membership .box:first-child {border-top:1px solid #eee;}
.area_benefit .wrap_benefit .wrap_membership .box .m-title h5:before {content:""; width:46px; border-radius:24px; height:3px; background:#333; position:absolute; top:-4px; left:0;}
.area_benefit .wrap_benefit .wrap_membership .box.family .m-title h5:before {background:#90c31f;}
.area_benefit .wrap_benefit .wrap_membership .box.silver .m-title h5:before {background:#bababa;}
.area_benefit .wrap_benefit .wrap_membership .box.gold .m-title h5:before {background:#e1cc1f;}
.area_benefit .wrap_benefit .wrap_membership .box.royal .m-title h5:before {background:#ff8e51;}
.area_benefit .wrap_benefit .wrap_membership .box.vip .m-title h5:before {background:#ff5151;}
.area_benefit .wrap_benefit .wrap_membership .box.best .m-title h5:before {background:#8a74fa;}
.area_benefit .wrap_benefit .wrap_membership .box.vvip .m-title h5:before {background:#983cff;}
.area_benefit .wrap_benefit .wrap_membership .box.family .m-title {color:#90c31f;}
.area_benefit .wrap_benefit .wrap_membership .box.silver .m-title {color:#bababa;}
.area_benefit .wrap_benefit .wrap_membership .box.gold .m-title {color:#e1cc1f;}
.area_benefit .wrap_benefit .wrap_membership .box.royal .m-title {color:#ff8e51;}
.area_benefit .wrap_benefit .wrap_membership .box.vip .m-title {color:#ff5151;}
.area_benefit .wrap_benefit .wrap_membership .box.best .m-title {color:#8a74fa;}
.area_benefit .wrap_benefit .wrap_membership .box.vvip .m-title {color:#983cff;}
.area_benefit .wrap_benefit .wrap_mileage {position:relative; width:1280px; text-align:center; margin:auto; margin-bottom:60px;}
.area_benefit .wrap_benefit .wrap_mileage li {font-size:22px; letter-spacing:-1px; font-weight:500; font-weight:normal; margin-bottom:10px; }
.area_benefit .wrap_benefit .wrap_mileage li img {margin-right:10px;}
.area_benefit .wrap_benefit .wrap_mileage li em {font-style:normal; color:#888;}
.area_benefit .wrap_benefit .wrap_mileage li:last-child {margin-bottom:0;}

/*
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text {width:1200px; letter-spacing:0; margin:auto; border-radius:10px; padding:30px; background:#fff; text-align:left;}
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text .title {font-size:18px; margin-bottom:10px;}
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text ul {width:100%;}
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text ul li {position:relative; display:block; padding-left:15px; color:#666; font-size:14px; margin-bottom:5px;}
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text ul li:before {position:absolute; top:0; left:0; content:"-"; color:#999; font-weight:100;}
.area_benefit .wrap_benefit .tab-cont .wrap_coupon .warn_text ul li:last-child {margin-bottom:0;}
*/

/* ¸¶ÀÌÆäÀÌÁö */
.area_mypage {position:relative; width:100%; overflow:hidden; width:1000px; height:100%; min-height:1250px;float:right;}
.area_mypage .cate_title {display:block; font-size:24px; font-weight:bold; color:#2a2a2a; margin-bottom:20px;}
.area_mypage .column {position:relative; width:100%; margin-bottom:60px;}
.area_mypage .column .column_title {position:relative; width:100%; margin-bottom:20px;}
.area_mypage .column .column_title .title {font-size:24px; font-weight:bold; margin-right:15px;}
.area_mypage .column .column_title .txt {font-size:16px; color:#a5a5a5;}
.area_mypage .column .column_title .title, .area_mypage .column .column_title .txt {display:inline-block; vertical-align:bottom;}
.area_mypage .column .column_title .more {float:right; padding-top:6px;}
.area_mypage .column .column_title .more span, .area_mypage .column .column_title .more img {display:inline-block; vertical-align:bottom;}
.area_mypage .column .column_title .more span {position:relative; top:2px; font-size:18px; margin-right:10px;}
.area_mypage .column .column_title .btn_more {float:right; font-size:14px;  padding:0 15px; height:36px; line-height:35px;}
.area_mypage .area_myinfo {position:relative; width:100%; background:#f7f7f7; padding:20px 20px 20px 40px;}
.area_mypage .area_myinfo .my_info, .area_mypage .area_myinfo .my_point {display:inline-block; vertical-align:middle;}
.area_mypage .area_myinfo .my_info {width:400px;}
.area_mypage .area_myinfo .my_info .name {line-height:1; font-size:24px; font-weight:bold; margin-bottom:14px;}
.area_mypage .area_myinfo .my_info .txt {line-height:1; font-size:18px; color:#777777; margin-bottom:19px;}
.area_mypage .area_myinfo .my_info .txt em {color:#424242;}
.area_mypage .area_myinfo .my_info .btn_wrap {position:relative;}
.area_mypage .area_myinfo .my_info .btn_grade {width:140px; height:40px; line-height:38px; background:#fff; border:1px solid #cccccc;}
.area_mypage .area_myinfo .my_info .btn_grade span, .area_mypage .area_myinfo .my_info .btn_grade img {display:inline-block; vertical-align:middle;}
.area_mypage .area_myinfo .my_info .btn_grade span {font-size:16px; margin-right:10px;}
.area_mypage .area_myinfo .my_point {text-align:right; width:calc(100% - 405px); font-size:0;}
.area_mypage .area_myinfo .my_point .box {display:inline-flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#fff; width:186px; height:150px; margin-left:10px;}
.area_mypage .area_myinfo .my_point .box p {font-weight:bold; color:#424242; font-size:18px; margin-bottom:30px;}
.area_mypage .area_myinfo .my_point .box em {font-size:24px; color:#90c31f; font-weight:bold;}
.area_mypage .area_myinfo .my_point .box em span {font-size:18px; font-weight:normal;}
.area_mypage .area_order_status {position:relative; width:100%; border:1px solid #e3e3e3; padding:20px; font-size:0;}
.area_mypage .area_order_status .list_step, .area_mypage .area_order_status .list_summary {display:inline-block; vertical-align:middle;}
.area_mypage .area_order_status .list_step {width:752px; margin-right:20px; text-align:center; font-size:0;}
.area_mypage .area_order_status .list_step .step {position:relative; display:inline-block; width:16.6%; font-weight:bold; line-height:1;}
.area_mypage .area_order_status .list_step .step p {font-size:18px; color:#777; margin-bottom:17px;}
.area_mypage .area_order_status .list_step .step em {font-size:24px; color:#90c31f;}
.area_mypage .area_order_status .list_step .step:after {position:absolute; top:50%; margin-top:-10px; content:""; width:12px; height:19px; background:url("../images/sub/icon_order_step_arrow.png") center no-repeat; right:-6px;}
.area_mypage .area_order_status .list_step .step:last-child:after {display:none;}
.area_mypage .area_order_status .list_summary {width:186px;}
.area_mypage .area_order_status .list_summary .box {overflow:hidden; width:100%; height:40px; line-height:40px; font-size:18px; color:#424242; margin-bottom:5px; background:#f7f7f7; padding:0 20px;}
.area_mypage .area_order_status .list_summary .box:last-child {margin-bottom:0;}
.area_mypage .area_order_status .list_summary .box .tit {float:left;}
.area_mypage .area_order_status .list_summary .box .value {float:right;}
.area_mypage .warning_box {width:100%; border-top:2px solid #333; border-bottom:1px solid #ddd;  padding:20px 0;margin-bottom:10px; font-size:16px; line-height:1.5;}
.area_mypage .warning_box h5 {display:block; margin-bottom:15px; font-size:18px;}
.area_mypage .board_template_base .board_gallery_form .list {width:232px;}
.area_mypage .board_template_base .board_gallery_form .list .thumb {height:232px;}
.area_mypage .board_template_base .board_gallery_form .list:nth-child(4n) {margin-right:0px;}
.area_mypage .board_template_base .board_gallery_form .list .tit {font-size:16px;}
.area_mypage .board_template_base .board_gallery_form .list .info {font-size:14px;}






/* °Ô½ÃÆÇ */
.area_board {position:relative; width:100%; overflow:hidden; width:1000px; height:100%; min-height:1000px;float:right;}

				   

/* ¾ÆÀ̵ð/ºñ¹Ð¹øÈ£ ã±â */
.find_form {position:relative; width:560px; margin:auto; border-top:1px solid #424242;}
.find_form .list_check {padding:22px 10px 23px; width:100%; border-bottom:1px solid #e3e3e3;}
.find_form .div_cont {display:none; position:relative; width:100%; padding:20px 0;}
.find_form .btn_main {width:100%; font-weight:bold;}
.find_form .area_bottom .btn_common {width:calc(50% - 3px);}
.find_form .table_write th {width:120px;}
.find_form .search_result {text-align:center; width:100%; font-size:24px; padding:80px 0; line-height:1.5;}
.find_form .list_check2 {padding:20px 0 40px;}
#find_result {display:none;}
#find_result .div_cont {display:block;}

/* ȸ¿ø°¡ÀÔ */
.area_join {position:relative; width:100%;}
.area_join .sub_title  {margin-bottom:25px; margin-top:0; letter-spacing:-1px;}
.area_join .sub_title .title {font-weight:normal; font-size:24px;}
.area_join .sub_title .title b {font-weight:bold; font-size:28px;}
.area_join .area_join_left {margin-right:90px;}
.area_join .area_join_right .banner {background:#f4f4f4; width:400px; height:150px; margin-bottom:20px;}
.area_join .area_join_right .banner:last-child {margin-bottom:0;}
.area_join .area_join_left, .area_join .area_join_right {position:relative; display:inline-block; vertical-align:middle; padding-top:40px;}
.option_login {width:100%; overflow:hidden; padding:5px 0;}
.option_login .right {line-height:18px; font-size:14px; color:#424242;}
.option_login .right a {position:relative; margin-right:10px; padding-right:10px;}
.option_login .right a:last-child {margin-right:0; padding-right:0;}
.option_login .right a:after {position:absolute; width:1px; height:14px; background:#e3e3e3; top:50%; right:0; margin-top:-7px;}
.option_login .right a:last-child:after {display:none;}
.option_login p {font-size:14px; color:#424242;}
.sns_login {width:100%; font-size:0; margin-bottom:0px;}
.sns_login li {width:calc(50% - 5px); margin-right:10px; display:inline-block; vertical-align:top;}			
.sns_login li:last-child {margin-right:0;}


/* ȸ¿ø°¡ÀÔ¹æ¹ý */
.area_join_type {position:relative; width:400px; margin:auto; text-align:left;}
.tab_login {position:relative; overflow:hidden; margin-bottom:20px;  line-height:1;}
.tab_login .tab {position:relative; float:left; width:50%; text-align:center; font-size:18px; color:#777;  border-bottom:1px solid #e3e3e3;}
.tab_login .tab.active {color:#90c31f; font-weight:bold;}
.tab_login .tab.active:before {content:""; position:absolute; width:100%; height:2px; bottom:-1px; left:0;  background:#90c31f;}
.tab_login .tab a { padding-bottom:22px; display:block; width:100%; height:100%;}
.area_join_type .msg1 {color:#666; line-height:1.4; font-weight:normal; margin-top:10px; margin-bottom:50px;}
.area_join_type .msg2 {color:#181815; line-height:1; font-weight:normal;}
.area_join_type .msg2 a {text-decoration:underline; color:#90c31f;}
.area_join_type .msg1, .area_join_type .msg2 {font-size:15px;}


/* ¾à°üµ¿ÀÇ */
.area_terms {position:relative; width:100%; overflow:hidden;}
.area_terms .terms_group {width:100%; overflow:hidden; margin-bottom:60px;}
.area_terms .check {margin-bottom:15px;}
.area_terms .check.total {margin-bottom:40px;}
/*
.area_terms .check.total  input[type="checkbox"] + label:before {top:3px;}
*/
.area_terms .check.total input[type="checkbox"] + label {font-size:18px; font-weight:bold;}
.area_terms .terms_group .terms_box {position:relative; width:100%; height:200px; overflow-y:auto; border:1px solid #cccccc; border-radius:10px; font-size:16px; padding:20px;}
.area_terms .terms_group:last-child {margin-bottom:60px;}


/* ȸ¿ø°¡ÀÔ¿Ï·á */
.area_join_end {position:relative; width:635px; margin:auto; text-align:center; border-radius:0px; border:1px solid #ddd; padding:50px 0; margin-bottom:20px;}
.area_join_end .title {font-size:28px; margin-bottom:20px;}
.area_join_end .txt {font-size:16px; line-height:22px; margin-bottom:30px;}
.area_joinbanner {width:635px; margin:auto;}
.area_joinbanner .swiper-pagination {bottom:15px;}
.area_joinbanner .swiper-pagination-bullets .swiper-pagination-bullet {opacity:.8; background:#fff;}
.area_joinbanner .swiper-pagination-bullets .swiper-pagination-bullet-active {background:#90c31f; width:20px; border-radius:7px; opacity:1;}


/* ÀÔ·ÂÆû */
.form_wrap {position:relative; width:100%; margin-bottom:100px;}
.form_wrap .form_row {position:relative; width:100%; margin-bottom:80px;}
.form_wrap .form_row:last-child {margin-bottom:0;}
.form_wrap .form_row .title {width:100%; padding-bottom:20px; font-size:0; border-bottom:1px solid #424242; overflow:hidden;}
.form_wrap .form_row .title .tit {display:inline-block; width:calc(100% - 300px); font-size:24px;}
.form_wrap .form_row .title .s-txt {font-size:18px; line-height:29px; color:#888; float:right;}
.form_wrap .form_row .title .right {width:300px;}
.form_wrap .form_row .title .tit, .form_wrap .form_row .title .right {display:inline-block; vertical-align:middle;}
.form_wrap .form_row .cont {position:relative; width:100%; padding:20px 0;}
.form_wrap .form_row .cont .table_write tr:first-child th, .form_wrap .form_row .cont .table_write tr:first-child td {padding-top:0;}
.form_wrap .form_row .cont .table_write tr:last-child th, .form_wrap .form_row .cont .table_write tr:last-child td {padding-bottom:0;}
.form_wrap .comment {color:#777; font-size:16px; display:block; padding-top:10px;}
.form_wrap .check label .comment {display:inline-block; padding-top:0;}
.form_wrap.orderdetail {margin-bottom:0;}
.form_wrap.orderdetail .form_row {margin-bottom:40px;}
.form_wrap.orderdetail .cont {padding-top:0;}

.div {display:inline-block; margin:0 4px; vertical-align:middle; font-size:18px;}
.popup_layer .form_wrap {margin-bottom:0;}
.popup_layer .form_wrap .form_row .title {padding-bottom:10px;}
.popup_layer .form_wrap .form_row .title .tit {font-size:18px;}
.popup_layer .table_write tr th {font-size:16px;}
.popup_layer .table_write tr td .text_form {width:100%; font-size:16px;} 
.popup_layer .table_write tr td .text_common.addr2 {width:100% !important;} 
.list_warn {width:100%;}
.list_warn li {position:relative; display:block; padding-left:15px; line-height:1.4; color:#666; font-size:16px; margin-bottom:5px; word-break:keep-all;}
.list_warn li:before {position:absolute; top:0; left:0; content:"-"; color:#999; font-weight:100;}
.list_warn ul li:last-child {margin-bottom:0;}



/* ÀÔ·ÂÆû */
.table_wrap {position:relative; overflow-y:auto; width:100%; height:450px; background:#f9f9f9; border-bottom:1px solid #e3e3e3;}
.table_wrap .table_shop {margin-bottom:0;}
.table_wrap .table_shop tr:last-child {border-bottom:0;}
.table_write {width:100%; table-layout:fixed; border-collapse:collapse;}
.table_write tr th, .table_write tr td {padding:10px; color:#424242; vertical-align:top;}
.table_write tr th {font-size:18px; line-height:50px; font-weight:normal;}
.table_write tr td {font-size:0;}
.table_write tr td .text_form {width:406px; margin-right:5px;}
.table_write tr td .text_form + .div {margin-right:9px;}
.table_write tr td .comment {color:#777; font-size:16px;}
.table_write tr td p.comment {line-height:24px;}
.table_write tr td p.comment .link {color:#424242; display:inline-block; margin-left:15px; border-bottom:1px solid #424242;}
.table_write tr td label {font-size:18px; vertical-align:middle;}
.table_write tr td .chk_list2 + p.comment {padding-top:16px; margin-top:20px; border-top:1px solid #f3f3f3;}
.table_write tr td .div_coupon {position:relative;}
.table_write tr td .div_coupon  * {vertical-align:middle;}
.table_write tr td .div_coupon label {margin-right:10px;}
.table_write tr td .div_coupon .btn {margin-right:20px;}
.table_write tr td .div_coupon .check  {margin-right:20px;}
.table_write tr td .div_coupon .check label {color:#777;}
.table_write tr td .div_coupon .mileage {font-size:18px;}
.table_write tr td .div_coupon .mileage em {color:#fe3d42; vertical-align:baseline;}
.table_write tr td .div_coupon + .comment {margin-top:20px;}
.table_write tr td .check_option {padding-top:10px;}
.table_write tr td .check input[type="checkbox"] + label {font-size:16px; color:#777;}
.table_write tr td p {font-size:18px;}
.table_write tr.div_row {border-bottom:1px solid #e3e3e3;}
.table_write tr.div_row th, .table_write tr.div_row td {padding-bottom:20px;}
.table_write tr.div_row + tr th, .table_write tr.div_row + tr td {padding-top:20px;}
.table_write.onlytxt tr th, .table_write tr td.onlytxt { line-height:normal;}
.table_write .wrap_bankbook {position:relative; width:100%; display:block;} 
.table_write .div_bankbook {position:relative; width:100%; margin-top:27px; padding-top:30px; border-top:1px solid #e3e3e3; margin-bottom:30px;}
.table_write .div_bankbook .div_title {font-weight:bold; line-height:1; overflow:hidden; font-size:18px; margin-bottom:20px;}
.table_write .div_bankbook .div_title .tit {font-size:18px; float:left;}
.table_write .div_bankbook .div_title .date {float:right; color:#777; font-weight:normal;}
.table_write #div_ProofBankCont .div_bankbook .div_title {width:540px; padding-right:15px; float:left; margin-bottom:0;}
.table_write #div_ProofBankCont .div_bankbook .div_title .tit {float:none; margin-bottom:15px;} 
.table_write #div_ProofBankCont .div_bankbook .div_title .txt {font-size:16px; margin-bottom:20px; line-height:1.5; font-weight:normal; letter-spacing:0;}
.table_write #div_ProofBankCont .div_bankbook .div_title .txt .imp {color:#90c31f !important;}
.table_write #div_ProofBankCont .div_bankbook .div_warn {width:calc(100% - 550px); float:left; padding:33px 25px;}
.table_write #div_ProofBankCont .div_bankbook .div_warn em, .table_write #div_ProofBankCont .div_bankbook .div_warn .cont {display:inline-block; vertical-align:top;}
.table_write #div_ProofBankCont .div_bankbook .div_warn .cont {width:calc(100% - 200px);}
.table_write .div_bankbook dl {width:100%; padding:20px; margin-bottom:30px; color:#777; font-size:16px; background:#f7f7f7;}
.table_write .div_bankbook dl dt {font-weight:bold; margin-bottom:15px;}
.table_write .div_bankbook dl dd {position:relative; line-height:28px; padding-left:10px;}
.table_write .div_bankbook dl dd:before {content:"-"; position:absolute; left:0; top:0;}
.table_write .div_bankbook p {color:#777; font-size:16px; line-height:1; margin-bottom:20px;}
.table_write .div_bankbook .dt {width:100%;}
.table_write .div_bankbook .dt li {overflow:hidden; font-size:0; display:block; margin-bottom:5px;}
.table_write .div_bankbook .dt li .tit {font-size:18px; width:100px;}
.table_write .div_bankbook .dt li .tit, .table_write .div_bankbook ul li input, .table_write .div_bankbook ul li select {display:inline-block; vertical-align:middle;}
.table_write .div_bankbook .dt li input {width:180px;}
.table_write .div_bankbook .dt li select {width:406px;}
.table_write .div_bankbook .dt li:last-child{margin-bottom:0;}
.table_write .div_bankbook .div_warn {width:100%; background:#f7f7f7; font-size:0px; line-height:1.5; color:#777; margin-bottom:30px; padding:20px;}
.table_write .div_bankbook .div_warn .cont {width:780px;}
.table_write .div_bankbook .div_warn .cont ul {margin-bottom:15px;}
.table_write .div_bankbook .div_warn .cont ul li {margin-bottom:3px;}
.table_write .div_bankbook .div_warn .cont ul li .tit, .table_write .div_bankbook .div_warn .cont ul li .txt {display:inline-block;}
.table_write .div_bankbook .div_warn .cont ul li .tit {width:80px;}
.table_write .div_bankbook .div_warn .cont ul li .txt {font-weight:bold; color:#444;}
.table_write .div_bankbook .div_warn .cont ul li:last-child {margin-bottom:0;}
.table_write .div_bankbook .div_warn .cont p {margin-bottom:0; line-height:1.5;}
.table_write .div_bankbook .div_warn .cont p b {color:#444;}
.table_write .div_bankbook .div_warn em, .table_write .div_bankbook .div_warn .cont {display:inline-block; vertical-align:top; font-size:16px;}
.table_write .div_bankbook .div_warn em {width:200px; color:#333; font-size:18px; font-weight:bold;}
.table_write .div_bankbook_in {position:relative; width:100%; background:#f7f7f7; padding:30px 40px;}
.table_write .div_bankbook_in .text_common {width:280px;}
.table_write .div_bankbook_in .row {position:relative; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e3e3e3;}
.table_write .div_bankbook_in .row .tit {font-size:18px; display:block; vertical-aligN:middle; font-weight:bold; margin-bottom:15px;}
.table_write .div_bankbook_in .row .chk_list {display:inline-block; vertical-aligN:middle;}
.table_write .div_bankbook_in .row:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.table_write .div_bankbook_in table tr th {line-height:50px;}
.table_write .div_bankbook_in table tr td input, .table_write .div_bankbook_in table tr td select {display:inline-block;}
.table_write .div_bankbook_in table tr td .comment {padding-top:10px;}
.table_write .div_bankbook_in .row .addr2 {width:100% !important;}
.table_write .div_bankbook_in .div_group2 {display:none; margin-bottom:10px;}
.table_write .list_payment {width:100%}
.table_write .list_payment li {display:inline-block; vertical-align:top; padding:20px 0; margin-right:10px; text-align:center; width:240px; border-radius:10px; background:#fafafa;}
.table_write .list_payment li img {margin-bottom:10px;}
.table_write .list_payment li span {display:block; font-size:16px; color:#000;}
.table_write .list_payment li:last-child {margin-right:0;}
.table_write .list_payment.credit {width:1000px;}
.table_write .list_payment.credit li {width:190px; margin-bottom:10px;}
.table_write .list_payment.credit li:nth-child(5n) {margin-right:0;}
.table_write .list_payment.credit li span {font-size:18px;}
/*
.table_write .list_payment li:hover {transition:.3s; background:#f3f3f3;}
*/

/*
.table_write .hide {display:none;}
.div_bankbook {display:none;}
*/

.table_form {width:100%; border-collapse:collapse; table-layout:fixed;}
.table_form tr {border-bottom:1px solid #e3e3e3;}
.table_form tr th, .table_form tr td {vertical-align:middle; height:50px; padding:15px 20px; line-height:1.5; font-size:16px;}
.table_form tr th {background:#f9f9f9;}
.table_form tr td {font-size:16px;}
.table_form tr td .btn_common {font-size:16px; height:44px; line-height:44px;}
.table_form tr td .link {text-decoration:underline; color:#90c31f; display:inline-block; vertical-align:middle;}
.table_form.min tr th, .table_form.min tr td {height:40px; padding:10px 15px; line-height:1.4; font-size:14px;}
.orderdetail_list {width:100%;}
.orderdetail_list dt {font-weight:bold; display:block;}
.orderdetail_list dd {color:#424242; font-size:16px;}
.orderdetail_list dd span {display:inline-block; vertical-align:middle;}
.orderdetail_list dd span.tit {width:120px;}
.orderdetail_list dd span.value {color:#424242;}

.table_min {border-collapse:collapse;}
.table_min tr {border-bottom:1px solid #e3e3e3;}
.table_min tr:last-child {border-bottom:0;}
.table_min th {font-weight:normal;}
.table_min th, .table_min td {vertical-align:top; font-size:14px; color:#424242; padding:10px 0;}


/* ¸¶ÀÌÆäÀÌÁö ÁÖ¹®³»¿ª */
.popup_layer .btn_common {padding:0 40px;}
.popup_layer .area_search_option {border:1px solid #e3e3e3; width:100%; padding:30px; margin-bottom:30px;}
.popup_layer .area_search_option ul {font-size:0; width:100%; position:relative; overflow:hidden; margin-bottom:20px;}
.popup_layer .area_search_option ul li {display:inline-block; vertical-align:top;}
.popup_layer .area_search_option ul li.tit {font-size:18px; width:120px; font-weight:bold; line-height:40px;}
.popup_layer .area_search_option ul li.item {margin-right:20px;}
.popup_layer .area_search_option ul li:last-child {margin-right:0;}
.popup_layer .area_search_option ul:last-child {margin-bottom:0;}
.popup_layer .area_search_option select {border-radius:0; border:1px solid #ccc; font-size:16px; padding-left:10px; height:40px;}
.popup_layer .area_search_option .btn_search {padding:0; height:40px; border-radius:0; background:#777; color:#fff; vertical-align:top; width:120px; font-size:16px; margin-left:10px;}
#popup_OrderHistory .popup_container {width:940px;}


/* ǪÅÍ */
.footer {position:relative; width:100%; background:#2a2a2a; padding:35px 0px 75px; color:#a5a5a5; overflow:hidden;}
.footer .left, .footer .right {position:relative; width:600px;}
.footer .tit {font-weight:bold; color:#fff; line-height:1; font-size:16px; margin-bottom:15px;}
.footer .area_customer {position:relative; width:100%; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid #e3e3e3; }
.footer .area_customer strong {display:block; line-height:1; color:#fff; font-weight:900; font-size:28px; margin-bottom:10px;}
.footer .area_customer p {line-height:18px; font-size:0; width:100%;}
.footer .area_customer p span {position:relative; display:inline-block; font-size:16px; margin-right:10px; padding-right:11px;} 
.footer .area_customer p span:after {position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; content:""; background:#ccc;}
.footer .area_customer p span:last-child {margin-right:0; padding-right:0;}
.footer .area_customer p span:last-child:after {display:none;}
.footer .area_customer .list_sns {position:absolute; right:0; top:39px; font-size:0;}
.footer .area_customer .list_sns li {margin-left:10px; display:inline-block; vertical-align:top;}
.footer .quick_menu {width:100%; overflow:hidden; margin-bottom:30px;}
.footer .quick_menu li {display:inline-block; vertical-align:top; float:left; width:110px; margin-right:10px;}
.footer .quick_menu li a {display:block; width:100%; height:40px; line-height:40px; border-radius:4px; background:#f7f7f7; text-align:center; font-size:14px; color:#2a2a2a;}
.footer .quick_menu li:last-child {margin-right:0;}
.footer .area_bankinfo {position:relative; width:100%;}
.footer .area_bankinfo .tit {margin-bottom:10px;}
.footer .area_bankinfo li {width:100%; line-height:18px; font-size:0;}
.footer .area_bankinfo li span {font-size:16px; display:inline-block; width:200px;}
.footer .area_bankinfo li span:last-child {margin-right:0;}
.footer .area_bankinfo .foot_banner {position:relative; padding-top:10px; font-size:16px;}
.footer .area_bankinfo .foot_banner .drag {margin-right:20px;}
.footer .area_bankinfo .foot_banner .deposit {color:#f99424; font-weight:bold; padding-left:18px; background:url("../images/common/icon_deposit.png?ver=1.1") left center no-repeat;}
.footer .drag {font-style:normal; font-weight:bold;  display:inline-block; width:auto; color:#fff; font-size:16px;}
.footer .logo {display:block; margin-bottom:41px;}
.footer .list_policy {width:100%; line-height:1; font-size:0; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e3e3e3;}
.footer .list_policy li {display:inline-block; position:relative; color:#eee; padding-right:21px; margin-right:20px; font-size:16px;}
.footer .list_policy li:last-child {margin-right:0; padding-right:0; font-weight:bold; color:#90c31f;}
.footer .list_policy li:last-child:after {display:none;}
.footer .list_policy li:after {position:absolute; top:50%; margin-top:-5px; right:0; width:1px; height:10px; background:#777; content:"";} 
.footer .area_contact {position:relative; width:100%;}
.footer .area_contact li {display:block; width:100%; line-height:1; margin-bottom:10px; font-size:0;}
.footer .area_contact li span {display:inline-block; font-size:16px; margin-right:20px;}
.footer .area_contact li span:last-child {margin-bottom:0;}
.footer .area_contact li .link {color:#eee; text-decoration:underline;}


/* ÇÏ´Ü Àå¹Ù±¸´Ï */
.bottom_cart {position:fixed; bottom:-284px; font-size:0; left:0; width:100%; background:#fff; border-top:2px solid #90c31f; z-index:9;}
.bottom_cart.on {bottom:0;}
.bottom_cart .cart_list_wrap, .bottom_cart .cart_result {display:inline-block; vertical-align:middle;}
.bottom_cart .cart_list_wrap {position:relative; width:1000px; height:285px; padding:0 60px; border-right:1px solid #ddd;}
.bottom_cart .cart_list {width:880px; margin:auto; padding:40px 0;}
.bottom_cart .cart_list .category_list .item {margin-bottom:0;}
.bottom_cart .cart_list .category_list .item .cont .tit {font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bottom_cart .cart_list .category_list .item .thumb {height:auto; aspect-ratio:1/1; border-radius:5px; overflow:hidden; border:1px solid #eee; margin-bottom:15px;}
.bottom_cart .cart_list .category_list .item .thumb .btn_del {position:absolute; top:0; right:0; border-radius:0px 0px 0px 5px; text-indent:99999px; width:28px; height:28px; border:0; background:url("../images/common/btn_bottom_cart_del.png") center no-repeat rgba(0,0,0,0.5);}
.bottom_cart .cart_list .category_list .item .cont .list_price {margin-bottom:0;}
.bottom_cart .cart_list .category_list .item .cont .list_price .pr_price, .bottom_cart .cart_list .category_list .item .cont .list_price .pr_sprice {font-size:15px; line-height:1; text-decoration:none;}
.bottom_cart .cart_list .category_list .item .cont .list_price .pr_price {position:relative; color:#777; padding-right:11px;}
.bottom_cart .cart_list .category_list .item .cont .list_price .pr_price:after {position:absolute; top:50%; margin-top:-5px; right:0; content:""; width:1px; height:10px; background:#e3e3e3;} 
.bottom_cart .cart_list .category_list .item .cont .list_price .pr_sprice {color:#a3a3a3;}
.bottom_cart .cart_list_wrap .swiper-button-prev, .bottom_cart .cart_list_wrap .swiper-button-next {display:inline-block; top:50%; margin-top:-35px; width:32px; height:70px; background-size:12px;}
.bottom_cart .cart_list_wrap .swiper-button-prev {background:url("../images/common/btn_bottom_cart_prev.png") center no-repeat #777777; left:0;}
.bottom_cart .cart_list_wrap .swiper-button-next {background:url("../images/common/btn_bottom_cart_next.png") center no-repeat #777777; left:auto; right:0px;}
.bottom_cart .cart_result {width:280px; padding-left:30px;}
.bottom_cart .cart_result table {width:100%; border-bottom:1px solid #ddd; margin-bottom:18px;}
.bottom_cart .cart_result table th, .bottom_cart .cart_result table td {font-size:16px; padding-bottom:20px; font-weight:normal; line-height:1;}
.bottom_cart .cart_result table th {color:#a5a5a5;}
.bottom_cart .cart_result table td {text-align:right;}
.bottom_cart .cart_result table tr:last-child th, .bottom_cart .cart_result table tr:last-child td {font-weight:bold;}
.bottom_cart .cart_result table tr:last-child th {color:#000;}
.bottom_cart .cart_result .area_bottom {width:100%;}
.bottom_cart .cart_result .area_bottom .btn_sub {margin-right:10px;}
.bottom_cart .cart_result .area_bottom .btn_common {width:120px; height:46px;}
.btn_bottom_cart {position:absolute; top:-46px; height:46px; background:#90c31f; text-align:left; color:#fff; font-size:18px; font-weight:bold; padding-left:30px; width:200px; border-radius:8px 8px 0px 0px !important; background:url("../images/common/btn_bottom_cart_open.png") calc(100% - 22px) 11px no-repeat #90c31f;}
.btn_bottom_cart:active {opacity:1 !important;}
.btn_bottom_cart.on { background:url("../images/common/btn_bottom_cart_close.png") calc(100% - 22px) 11px no-repeat #90c31f;}




/* ¼­ºê¹è³Ê */
.sub_banner {position:relative; width:1280px; margin:auto; margin-bottom:60px;}



/* ¸¶ÀÌÆäÀÌÁö °Ë»öâ */
.grid_search {position:relative; margin-bottom:40px; width:100%; font-size:0; padding:30px 20px; border:1px solid #e3e3e3;}
.grid_search * {display:inline-block; vertical-align:middle;}
.grid_search .tit {width:120px; font-style:normal; font-weight:bold; font-size:18px; font-weight:bold; color:#424242;}
.date_select {position:relative; overflow:hidden; margin-right:20px;}
.date_select .date {display:inline-block; float:left;}
.date_select .date input[type='radio'] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.date_select .date input[type='radio'] + label {display:block; text-align:center; cursor:pointer; font-size:16px; color:#424242; width:60px; height:40px; line-height:40px; background:#fff; border:1px solid #e3e3e3; border-right:0;}
.date_select .date input[type='radio']:checked + label {border:1px solid #90c31f; color:#90c31f; font-weight:bold;}
.date_select .date:last-child input[type='radio'] + label {border-right:1px solid #e3e3e3;} 
.date_select .date:last-child input[type='radio']:checked + label {border-color:#90c31f;}
.date_picker .text_common {width:145px; height:40px; font-size:16px; border-radius:0;}
.text_common.date {background:url("../images/common/icon_date.png") calc(100% - 10px) center no-repeat; padding:0 40px 0px 10px;}
.date_picker .btn_common {margin-left:5px; height:40px; font-size:16px; width:120px; border-radius:0; line-height:40px;}




/* °í°´¼¾ÅÍ */
.area_customer_info {position:relative; overflow:hidden; width:100%; background:#f7f7f7; padding:20px 40px; margin-bottom:60px;}
.area_customer_info .intro {display:inline-block; width:240px; font-size:24px; font-weight:bold; line-height:36px;}
.area_customer_info .intro, .area_customer_info .my_customer {display:inline-block; vertical-align:middle;}
.area_customer_info .my_customer {text-align:right; width:calc(100% - 245px); font-size:0;}
.area_customer_info .my_customer .box {color:#424242;  position:relative; display:inline-flex; vertical-align:top; flex-direction:column; justify-content:center; align-items:center; text-align:center; background:#fff; width:312px; height:130px;}
.area_customer_info .my_customer .box p {font-size:18px; line-height:1;}
.area_customer_info .my_customer .box em {display:block; padding-top:5px; font-style:normal; font-weight:bold; font-size:24px;}
.area_customer_info .my_customer .box .link {display:block; width:120px; height:40px; line-height:40px; font-size:16px; border-radius:10px; margin-top:20px;  border:1px solid #ddd; font-size:16px;}
.area_customer_info .my_customer .box:before {content:""; position:absolute; left:0; top:50%; margin-top:-50px; width:1px; height:100px; background:#e3e3e3;}
.area_customer_info .my_customer .box:first-child:before {display:none;}																								    



/* °Ô½ÃÆÇ ¸®½ºÆ® */	 
.area_board_list {width:100%; position:relative; overflow:hidden; margin-bottom:58px;}
.area_board_list .section {width:100%;}
.area_board_list .section.half {width:calc(50% - 20px);}
.area_board_list .section.half:first-child {float:left;}
.area_board_list .section.half:last-child {float:right;}
.area_board_list .board_top {position:relative; width:100%; overflow:hidden; margin-bottom:20px;}
.area_board_list .board_top .cate_title {width:auto; float:left; margin-bottom:0;}
.area_board_list .board_top .link {float:right; padding-top:6px;}
.area_board_list .board_top .link span, .area_board_list .board_top .link img {display:inline-block; vertical-align:middle;}
.area_board_list .board_top .link span {font-size:18px; color:#424242; margin-right:10px;}
.table_board {width:100%; border-collapse:collapse; border-top:1px solid #424242;}
.table_board tr {border-bottom:1px solid #e3e3e3;}
.table_board th, .table_board td {height:70px; text-align:center; padding:0 10px; font-size:18px;}
.table_board th {font-weight:bold;}
.table_board td {color:#777;}
.table_board td.title {color:#424242; text-align:left;}
.table_board td.title a {display:block; width:100%; vertical-align:middle;}
.table_board td.title img {vertical-align:middle; margin-right:10px;}



/* Æ˾÷ Å×À̺í */
.table_popup {width:100%; border-collapse:collapse; border-top:1px solid #424242;}
.table_popup tr {border-bottom:1px solid #e3e3e3;}
.table_popup th, .table_popup td {text-align:center; height:50px; padding:5px 10px; font-size:16px;}



/* ºóÆäÀÌÁö */
.area_blank {position:relative; width:100%; text-align:center; padding:200px 0; font-weight:bold; color:#333; border:5px solid #f3f6f6; font-size:24px;}



/* ¹ÌÈ®ÀÎÀÔ±ÝÀÚ¸®½ºÆ® Æ˾÷ */
.area_deposit_list {position:relative; width:100%;}
.area_deposit_list .area_top {position:relative; overflow:hidden; width:100%; margin-bottom:20px;}
.area_deposit_list .area_top * {display:inline-block; vertical-align:middle;}
.area_deposit_list .area_top .row {display:inline-block; margin-right:10px;}
.area_deposit_list .area_top .row:last-child {margin-right:0;}
.area_deposit_list .area_top label {display:none; font-size:16px; font-weight:bold; margin-right:10px;}
.area_deposit_list .area_top .text_common.date {width:150px;}
.area_deposit_list .area_top .text_common {width:180px; border-radius:6px;}
.area_deposit_list .area_top .btn_common {width:80px; margin-left:5px;}



.etc-page {
    /*min-height:400px;*/
	font-size:14px;
}
.etc-page h2 {
    margin:0 0 27px;
    padding:0 0 27px;
    border-bottom:1px solid #717171;
    color:#000;
    font-size:24px;
}
.etc-page > div {
    line-height:1.7;
}



.popup_multi {position:absolute; top:276px; left:20px; width:346px; z-index:1; font-size:0;}
.popup_multi .swiper-slide img {width:100%;}
.popup_multi .swiper-pagination {position:relative; bottom:0; display:table; background:#fff; border:1px solid #eee; text-align:left; padding:6px 6px 1px 6px;}
.popup_multi .swiper-pagination .swiper-pagination-bullet {background:#fff; transition:.2s; width:calc(33.3% - 4px); margin:0;  margin-right:6px; margin-bottom:6px; height:54px; border:1px solid #e3e3e3; opacity:1; text-align:center; display:inline-block; vertical-align:top; border-radius:0;}
.popup_multi .swiper-pagination .swiper-pagination-bullet div {display:table; vertical-align:middle; width:100%; height:100%;}
.popup_multi .swiper-pagination .swiper-pagination-bullet div p {display:table-cell; vertical-align:middle;}
.popup_multi .swiper-pagination .swiper-pagination-bullet span {font-size:14px; color:#333;}
.popup_multi .swiper-pagination .swiper-pagination-bullet:nth-child(3n) {margin-right:0;}
.popup_multi .swiper-pagination .swiper-pagination-bullet-active {background:#90c31f; color:#fff; border-color:#90c31f;}
.popup_multi .swiper-pagination .swiper-pagination-bullet-active span {color:#fff;}
.popup_multi .popup_bottom {background:#222; color:#fff; width:100%; height:40px; line-height:40px; font-size:0;  padding-left:20px;}
.popup_multi .popup_bottom * {display:inline-block; vertical-align:middle; cursor:pointer;}
.popup_multi .popup_bottom input[type='checkbox'] {margin-right:5px; width:14px; height:14px;}
.popup_multi .popup_bottom label {font-size:14px;}
.popup_multi .popup_bottom .btn {width:60px; height:40px; background:transparent; float:right; color:#fff; font-weight:bold; background:#222;  border-radius:0;}


#PopupCardAuth p.img {z-index:-1;}
#PopupCardAuth * {font-family:"Dotum"; font-size:11px;}
#PopupCardAuth #container {position:absolute; top:108px; left:24px; width:402px; z-index:10;}
#PopupCardAuth .cont {position:relative; overflow:hidden;}
#PopupCardAuth h2.tit {font-size:12px; color:#4b8dde; margin-top:10px; background:url(images/blit.jpg) 0 2px no-repeat;}
#PopupCardAuth table, #PopupCardAuth #table01, #PopupCardAuth #table02, #PopupCardAuth #table03 {border-collapse:collapse; text-align:left; width:100%;}
#PopupCardAuth caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
#PopupCardAuth tbody th, #PopupCardAuth tbody td {height:40px; border-bottom:1px solid #e1e1e1;}
#PopupCardAuth tbody tr.other th, #PopupCardAuth tbody tr.other td {border-bottom:0;}
#PopupCardAuth tbody th {text-align:center; font-weight:normal; padding-left:6px;}
#PopupCardAuth tbody td {padding-left:0px; font-weight:bold;}
#PopupCardAuth #table01 span {padding:4px; width:48px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table02 span {padding:4px; width:66px; color:#fff; background:#6a6a6a; display:block; letter-spacing:-1px;}
#PopupCardAuth #table03 {width:99%; margin-top:10px;}
#PopupCardAuth #table03 tbody { border:2px solid #333;}
#PopupCardAuth #table03 col {border-left:1px solid #e1e1e1;}
#PopupCardAuth #table03 col.line {border-left:1px solid #c1c1c1;}
#PopupCardAuth #table03 col.line2 {border-right:1px solid #333; margin-left:2px;}
#PopupCardAuth #table03 th {padding:0;}
#PopupCardAuth #table03 td {font-weight:normal; text-align:center;}
#PopupCardAuth #table03 .bold th {font-weight:bold;}
#PopupCardAuth #table03 .bold td {font-weight:bold; color:#4b8dde;}
#PopupCardAuth p {text-align:center;}
#PopupCardAuth p.text {width:88%; margin:15px auto 10px; letter-spacing:-1px;}
#PopupCardAuth .bg {position:absolute; top:0; left:0;}
#div_DaumPopupLayer {background:transparent; z-index:9999; position:fixed;}
#div_DaumPopupLayer .popup_content {height:100%;}
#div_DaumPopupLayer .btn_popup_close {position:absolute; top:-2px; right:-42px; border:0; width:40px; height:40px; text-indent:-99999px; background:url("../images/common/btn_popup_close_addr.png") center no-repeat #333; background-size:24px;}
#div_PopupSignPadCheck .popup_wrap {width:auto;}
#div_PopupSignPadCheck .popup_container {width:auto; padding:25px; font-size:0;}
#div_PopupSignPadCheck .btn {width:50%; height:30px; line-height:30px; font-size:12px; display:inline-block; vertical-align:top; border:1px solid #ddd; border-top:0;}
#div_PopupSignPadCheck .btn_common {width:100%;}
#div_PopupSignPadCheck .popup_container .sign-text {display:block; width:300px; word-break:keep-all; font-size:12px; color:#666; margin-bottom:15px;}
#div_PopupSignPadCheck .popup_container .sign-text b {display:block; padding-top:10px; font-weight:bold;}
#div_PopupSignPadCheck {background:rgba(0,0,0,0.7);}
#div_PopupSignPadCheck .m-signature-pad--footer {margin:auto; width:258px;}