/* common */
* {font-family: 'Pretendard', sans-serif; box-sizing:border-box;}
.section {width:100%; width:1310px; margin:auto; position:relative;}
html {overflow-x:auto; min-width:1333px; letter-spacing:-0.5px;}
body {overflow-x:hidden;}
.input_area {position:relative; vertical-align:top;}
.input_area .text_form + .btn {margin-left:5px;}
.input_area * {vertical-align:top;}
.input_area.code {margin-bottom:10px; width:300px;}
.input_area.code .text_form {width:100% !important; padding-right:72px;}
.input_area.code .text_form + .btn {margin-left:0;}
.area_bottom {text-align:center; width:100%;}

.status1 {color:#e53935;}   /* 미입금 - 강한 빨강 */
.status2 {color:#43a047;}   /* 입금완료 - 선명한 녹색 */
.status3 {color:#fb8c00;}   /* 상품준비중 - 채도 높은 오렌지 */
.status4 {color:#1e88e5;}   /* 배송중 - 푸른 파랑 */
.status5 {color:#8e24aa;}   /* 배송완료 - 보라 + 핑크 기운 */
.status6 {color:#00acc1;}   /* 구매확정 - 청록 계열로 구분감 */
.status7 {color:#6d4c41;}   /* 반품완료 - 브라운톤 (중립, 종료 의미) */




/*  탭 */
.tab_menu { display: flex; width: 100%; padding: 0; margin: 0; list-style: none; margin-bottom:50px;}
.tab_menu li { flex: 1; text-align: center; border: 2px solid #ddd; color:#888; font-size:20px; font-weight:400; border-bottom:2px solid #01c8c1; background: #fff; border-left:0; border-right:0;}
.tab_menu li a { display: block; line-height:78px; text-decoration: none; }
.tab_menu li:first-child {border-left:2px solid #ddd;}
.tab_menu li:last-child {border-right:2px solid #ddd;}
.tab_menu li.active { background: #fff; border:2px solid #01c8c1; border-bottom: 2px solid #fff; color:#01c8c1; font-weight: 700; }

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





/* 상단영역 */
.top_banner {position:relative; width:100%; background:#000; text-align:center;}
.top_banner a {display:block;}
.top_banner .btn_close {position:absolute; right:0; top:0; height:42px; width:72px; background:url("/html/web/images/common/btn_top_close.png") center no-repeat;}
#header {position:relative; width:100%; background:#fff; z-index:100; padding:22px 0px 35px; border-bottom:1px solid #eee;}
#header .util_area {position:relative; width:100%; margin-bottom:16px; line-height:1;}
#header .util_area .list_util {text-align:right; font-size:0;}
#header .util_area .list_util .menu {position:relative; color:#888; font-size:14px; display:inline-block; padding-right:14px;  margin-right:13px;}
#header .util_area .list_util .menu:after {content:""; width:1px; height:14px; background:#eee; position:absolute; right:0; top:50%; margin-top:-7px;}
#header .util_area .list_util .menu:last-child {margin-right:0; padding-right:0;}
#header .util_area .list_util .menu:last-child:after {display:none; }
#header .util_area .list_util .menu.dropdown > a { display:inline-flex; align-items:center; gap:4px; }
#header .util_area .list_util .menu.dropdown > a:after { content:""; width:8px; height:4px; background:url("/html/web/images/common/icon_dropdown.png") center no-repeat; display:inline-block; }
#header .util_area .list_util .menu.dropdown:hover > a:after {background:url("/html/web/images/common/icon_dropdown_hover.png") center no-repeat; }

#header .util_area .list_util .menu .dropdown_menu {position:absolute; width:max-content; z-index:10; display:none; padding:15px 22px; right:0px;  top:23px; border-radius:4px; background:#fff; box-shadow:0px 2px 4px rgba(0,0,0,0.08); border:1px solid #eee;}
#header .util_area .list_util .menu .dropdown_menu li {display:block; margin-bottom:11px; font-size:12px; text-align:left;}
#header .util_area .list_util .menu .dropdown_menu li:last-child {margin-bottom:0;}
#header .util_area .list_util .menu .dropdown_menu li:hover {color:#333;}
#header .util_area .list_util .menu .dropdown_menu:before {top:-20px; height:20px; content:""; position:absolute; width:100%; left:0;}
#header .util_area .list_util .menu:hover .dropdown_menu,
#header .util_area .list_util .menu .dropdown_menu:hover {
    display: block;
}

#header .gnb {position:relative; width:100%;}
#header .gnb { display: flex; justify-content: space-between; align-items: center; }
#header .gnb-left {display: flex; align-items: center; gap: 0px; } 
#header .gnb-left .logo {cursor:pointer; font-size:0; margin-right:22px; width:135px; height:58px; background:url("../images/common/logo.png") center no-repeat;}
#header .gnb-left .quick_link {margin-right:20px; overflow:hidden; background:#ccc; color:#fff; font-size:14px; border-radius:30px;}
#header .gnb-left .quick_link .menu {float:left; font-size:14px; border-radius:30px; letter-spacing:-1px;}
#header .gnb-left .quick_link .menu a {display:block; padding:0 10px; height:28px; line-height:27px;}
#header .gnb-left .quick_link .menu:hover {color:#eee;}
#header .gnb-left .quick_link .menu.on {background:#01c8c1;}
#header .gnb-left .nav {line-height:38px; font-size:0;}
#header .gnb-left .nav > .menu {position:relative; display:inline-block; position:relative; font-size:17px; font-weight:500; vertical-align:middle;}
#header .gnb-left .nav > .menu.multi > a:after {content:""; top:-1px; position:relative; width:12px; height:7px; background:url("/html/web/images/common/icon_nav_dropdown.png") center no-repeat; display:inline-block; margin-left:8px;}
#header .gnb-left .nav > .menu > a {padding:0 16px; display:block;}
#header .gnb-left .nav > .menu:hover > a {color:#01c8c1; transition:.2s;}
#header .gnb-left .nav > .menu:hover .menu_depth {display:block;}
#header .gnb-left .nav > .menu.special {padding-left:16px;}
#header .gnb-left .nav > .menu.special a {background:#eb1537; border-radius:100px; font-weight:600;  color:#fff; padding:0 11px 0 10px; line-height:32px;}
#header .gnb-left .nav > .menu.special:hover a {opacity:.85;}
#header .gnb-left .nav > .menu.special:active a {opacity:.6;}
#header .gnb-left .nav .menu_depth {display:none; box-shadow:0px 5px 8px rgba(0,0,0,0.05); position:absolute; top:50px; left:50%; transform:translateX(calc(-50% - 5px)); width:150px; text-align:center; border:1px solid #ddd; border-radius:6px; background:#fff; padding:16px 0;}
#header .gnb-left .nav .menu_depth li {display:block; line-height:22px; width:100%; font-size:16px; color:#666;}
#header .gnb-left .nav .menu_depth li a {display:block; padding:5px 0;}
#header .gnb-left .nav .menu_depth li:hover {color:#01c8c1;}
#header .gnb-left .nav .menu_depth:before {top:-20px; height:20px; content:""; position:absolute; width:100%; left:0;}

.nav_shop {display:none;}
.nav_myoffice {display:none;}
html.myoffice .nav_myoffice {display:block;}
html:not(.myoffice) .nav_shop {display:block;}


#header .gnb-right {display: flex; align-items: center; gap: 10px; }
#header .gnb-right .area_search {position:relative; width:220px; height:38px; background:#fff; border:1px solid #ccc; border-radius:50px; margin-right:24px;}
#header .gnb-right .area_search.popup {position:absolute; display:block; right:-25px; top:54px; border:0; border-radius:8px; box-shadow:0px 4px 6px rgba(0,0,0,0.05); height:50px; border:1px solid #ddd;}
#header .gnb-right .area_search.popup .btn_gnb_search, #header .gnb-right .area_search.popup .text_gnb_search {height:50px;}
#header .gnb-right .list_other .menu {position:relative; display:inline-block; margin-right:10px;}
#header .gnb-right .list_other .menu .count {position:absolute; width:15px; height:15px; line-height:15px; right:0px; top:-4px; border-radius:15px; background:#888; color:#fff; font-size:10px; text-align:center;}
#header .gnb-right .list_other .menu:last-child {padding-right:9px;}
#header .gnb-right .list_other .menu.mypage {display:none;}
#header.scroll {position:fixed; top:0; left:0;  border-bottom:1px solid #eee; padding:20px 0; z-index:100;}
#header.scroll .logo {width:135px; height:36px; background:url("../images/common/logo_min.png?Ver=1.1") center no-repeat;}
#header.scroll .util_area {display:none;}


/* 따라다니는 메뉴 */
.follow_menu {position:fixed; top:165px; right:50px; width:90px; z-index:100; height:calc(100% - 185px);}
.follow_menu .recent_area {position:relative; width:100%; background:#fff; border-radius:8px;  text-align:center; box-shadow:0px 0px 8px rgba(0,0,0,0.1); padding:0 10px; margin-bottom:10px;}
.follow_menu .recent_area  .tit {font-size:12px; margin-bottom:12px; font-weight:500; color:#888; line-height:1;}
.follow_menu .recent_area .swiper-container {height:148px; overflow:hidden;}
.follow_menu .recent_area .swiper-slide {width:100%; height:70px; margin-bottom:8px;}
.follow_menu .recent_area .swiper-slide img {width:70px;}
.follow_menu .recent_area .swiper-button-prev, .follow_menu .recent_area .swiper-button-next {position:static; width:100%; height:25px; display:inline-block; margin-top:0; background:#fff;}
.follow_menu .recent_area .swiper-button-prev {background:url("../images/common/icon_follow_arrow_prev.png") center no-repeat;}
.follow_menu .recent_area .swiper-button-next {background:url("../images/common/icon_follow_arrow_next.png") center no-repeat;}
.swiper-button-prev:after, .swiper-button-next:after {display:none;}
.follow_menu .banner_area {width:100%; margin-bottom:10px; overflow:hidden;}
.follow_menu .banner_area .banner {display:block; margin-bottom:10px; width:100%; aspect-ratio:1/1; border-radius:8px; overflow:hidden;}
.follow_menu .banner_area .banner:last-child {margin-bottom:0;}
.follow_menu .banner_area .banner img {width:100%; height:100%;}
.follow_menu .btn_top {transition:.2s; position:relative; width:100%; padding:10px 0; margin-bottom:20px; font-weight:600; border-radius:8px; background:#fff; box-shadow:0px 0px 8px rgba(0,0,0,0.1); text-align:center; color:#888;}
.follow_menu .btn_top span, .follow_menu .btn_top img {display:inline-block; vertical-align:middle;}
.follow_menu .btn_top:active {background:#f8f8f8;}
.chatbot {position:absolute; right:0; bottom:0px;}

/* 사이드 퀵메뉴 */
.quick_nav {position:fixed; right:20px; top:50%; transform:translate(0%, -50%); z-index:5;}
.quick_nav .menu {display:block; margin-bottom:6px;} 
.quick_nav .menu:last-child {margin-bottom:0;}
.quick_nav .menu:first-child {margin-bottom:12px;}


/* 메인 */
.area_main {position:relative; width:100%; min-height:1200px; padding-top:0px;}
.area_main .area_mainbanner {position:relative; border-radius:35px; overflow:hidden; font-size:0; width:1310px; margin:auto; margin-bottom:80px;}
.area_main .area_mainbanner .swiper-controls {position:absolute; padding-left:7px; bottom:0px; right:0; width:318px; height:91px; padding-top:37px; background:url("../images/main/bg_slider_controls.png") center no-repeat; z-index:10; text-align:center;}
.area_main .area_mainbanner .swiper-controls .page-wrap, .area_main .area_mainbanner .swiper-controls .arrow-wrap {display:inline-block; vertical-align:middle;} 				
.area_main .area_mainbanner .swiper-controls .page-wrap {width:86px; height:28px; text-align:left; margin-right:35px; padding:2px 10px 0px 16px; border-radius:50px; background:#ccc; color:#fff; font-size:18px; font-weight:500;}
.area_main .area_mainbanner .swiper-button-prev, .area_main .area_mainbanner .swiper-button-next {position:static; width:45px;height:45px; display:inline-block; margin-top:0; border-radius:45px; background:#fff; border:1px solid #d1d1d1;}
.area_main .area_mainbanner .swiper-button-prev {background:url("../images/main/icon_arrow_prev.png") center no-repeat; margin-right:6px;}
.area_main .area_mainbanner .swiper-button-next {background:url("../images/main/icon_arrow_next.png") center no-repeat;}
.area_main .area_mainbanner .swiper-button-prev:hover {background:url("../images/main/icon_arrow_prev_on.png") center no-repeat #01c8c1; border-color:#01c8c1;}
.area_main .area_mainbanner .swiper-button-next:hover {background:url("../images/main/icon_arrow_next_on.png") center no-repeat #01c8c1; border-color:#01c8c1;}
.area_main .area_mainbanner .swiper-button-prev:after,  .area_main .area_mainbanner .swiper-button-next:after {display:none;}
.area_main .area_mainbanner .swiper-pagination-fraction {position:relative; width:42px; bottom:0; text-align:left; letter-spacing:-1px; font-size:16px;}
.area_main .area_mainbanner .swiper-pagination-fraction .swiper-pagination-current {font-weight:700;} 
.area_main .area_mainbanner .btn_open, .area_main .area_mainbanner .swiper-pagination-fraction {display:inline-block; vertical-align:middle;}
.area_main .area_mainbanner .btn_open {position:relative; width:12px; height:12px; background:url("../images/main/icon_open.png") center no-repeat;}
.area_main .swiper-pagination-bullet {background:#ccc; opacity:1; width:9px; height:9px; margin:0 4px;}
.area_main .swiper-pagination-bullet-active {background:#01c8c1; width:21px; border-radius:21px;}
.area_main .row .list_tab {width:calc(100% - 115px); display:inline-block; font-size:0;}
.area_main .row .list_tab li {transition:.4s; min-width:75px; color:#888; display:inline-block; box-sizing:border-box;text-align:center; background:#fff; margin-right:7px; border:1px solid #e3e3e3; border-radius:90px;}     
.area_main .row .list_tab li a {height:30px; line-height:30px; display:block; font-size:16px; padding:0 12px;}
.area_main .row .list_tab li:hover {border-color:#01c8c1; color:#01c8c1;}
.area_main .row .list_tab li.active {background:#01c8c1; color:#fff; border-color:#01c8c1;}
.area_main .row .list_tab li.active a {color:inherit;}

.area_main .row {position:relative; width:100%; margin-bottom:90px;}
.area_main .row .title_area {position:relative; width:1310px; margin:auto; margin-bottom:30px; line-height:1;}
.area_main .row .title_area .title, .area_main .row .title_area .more {display:inline-block;}
.area_main .row .title_area .title {width:calc(100% - 115px); text-align:left; font-size:30px; font-weight:bold;}
.area_main .row .title_area .txt {font-size:20px; color:#888;}
.area_main .row .title_area .more {width:110px; text-align:right;}
.area_main .row .title_area .more * {display:inline-block; }
.area_main .row .title_area .more span {color:#888; font-size:14px; margin-right:3px;}
.area_main .row .title_area .area_main .row {width:100%; overflow:hidden; margin:0;}
.area_main .row .title_area .area_main .row .more {float:right;}
.area_main .row .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {bottom:0;}
.area_main .row .arrow-wrap {position:relative;}
.area_main .row .swiper-button-prev, .area_main .row .swiper-button-next {position:static; width:45px;height:45px; display:inline-block; margin-top:0; border-radius:45px; background:#fff; border:1px solid #d1d1d1;}
.area_main .row .swiper-button-prev {background:url("../images/main/icon_arrow_prev.png") center no-repeat; margin-right:6px;}
.area_main .row .swiper-button-next {background:url("../images/main/icon_arrow_next.png") center no-repeat;}
.area_main .row .swiper-button-prev:hover {background:url("../images/main/icon_arrow_prev_on2.png") center no-repeat; border-color:#01c8c1;}
.area_main .row .swiper-button-next:hover {background:url("../images/main/icon_arrow_next_on2.png") center no-repeat; border-color:#01c8c1;}
.area_main .row .swiper-button-prev:after,  .area_main .row .swiper-button-next:after {display:none;}
.area_main .row.recommend {padding:90px 0px 125px; margin-bottom:102px; height:420px;}
.area_main .row.recommend:before {position:absolute; content:""; top:0; left:0; background:#eafdf9; width:100%; height:295px;}
.area_main .row.recommend .title_area {width:478px; }
.area_main .row.recommend .title_area .swiper-pagination {position:static; text-align:left;}
.area_main .row.recommend .title_area, .area_main .row.recommend .swiper-container {display:inline-block; vertical-align:top;}  
.area_main .row.recommend .swiper-container {width:100%; overflow:hidden; position:absolute; }
.area_main .row.recommend .title {margin-bottom:12px;}
.area_main .row.recommend .txt {margin-bottom:29px;}
.area_main .row.recommend .arrow-wrap {margin-bottom:95px;}
.area_main .row.banner {position:relative; overflow:hidden; margin:auto; margin-bottom:120px; width:1310px;}
.area_main .row.banner .swiper-pagination {bottom:20px; right:28px; width:auto; text-align:right;}
.area_main .row.category {margin-bottom:70px;} 
.area_main .row.category .title_area .title {margin-bottom:20px;}
.area_main .row.category .row {margin-bottom:0;}
.area_main .row.review .title_area .title {margin-bottom:15px;}
.area_main .row.review .swiper-container {width:1310px; margin:auto; overflow:hidden; position:relative;}
.area_main .row.review .review_point {margin-bottom:14px;}
.area_main .row.review .category_list .item .cont {margin-bottom:20px;}
.area_main .row.review .category_list .item .cont .tit {margin-bottom:0; white-space:nowrap; max-height:none; line-height:1;}
.area_main .row.review .category_list .item .review_item {position:relative; font-size:0; width:100%; border:1px solid #ccc; border-radius:8px; background:#fff; padding:10px;}
.area_main .row.review .category_list .item .review_item a {display:block;}
.area_main .row.review .category_list .item .review_item .pr_thumb, .area_main .row.review .category_list .item .review_item .pr_cont {display:inline-block; vertical-align:middle;} 
.area_main .row.review .category_list .item .review_item .pr_thumb {border-radius:4px; width:69px; height:69px;  margin-right:20px;}
.area_main .row.review .category_list .item .review_item .pr_cont {width:calc(100% - 89px);}
.area_main .row.review .category_list .item .review_item .pr_cont h5 {font-size:16px; font-weight:500; margin-bottom:11px; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area_main .row.review .category_list .item .review_item .price_info {padding:0; margin:0;}
.area_main .row.review .category_list .item .review_item .price_info * {font-size:16px; margin-right:5px;}
.area_main .row.review .category_list .item .review_item .price_info .price-base {font-size:14px; margin-right:0;}
.area_main .row.review .category_list .item .review_item .review_point .star {width:14px;}
.area_main .row.review .category_list .item .review_item .review_point .point {font-size:14px;}
.area_main .row.review .swiper-button-prev, .area_main .row.review .swiper-button-next {position:absolute; top:290px;}
.area_main .row.review .swiper-button-prev {left:-65px;}
.area_main .row.review .swiper-button-next {right:-65px;}
.area_main .row.review .row	{margin-bottom:0;}
.area_main .row.review .row .txt {width:calc(100% - 115px);}
.area_main .row.review .row .txt, .area_main .row.review .row .more {display:inline-block; vertical-align:middle;}

.area_main .row.grid { width:1310px; margin:auto; display:grid; grid-template-columns:642px 309px 309px; grid-template-rows:309px 309px; gap:24px; margin-bottom:120px; }

.area_main .row.grid .item { position:relative; display:inline-block; overflow:hidden; border-radius:20px; overflow:hidden;}
.area_main .row.grid .item::after {display:none; pointer-events: none; content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0)); z-index:1; }
.area_main .row.grid .item .thumb { width:100%; height:100%; object-fit:cover;}
.area_main .row.grid .item .cont {display:none; position:absolute; text-align:center; bottom:30px; left:0; width:100%; color:#fff; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; z-index:2; }
.area_main .row.grid .item .cont .tit { font-size:18px; color:#fff; font-weight:600; margin-bottom:9px; font-weight:700; }
.area_main .row.grid .item .cont .txt { font-size:16px; }
.area_main .row.grid .item img { width:100%; height:100%; object-fit:cover;}
.area_main .row.grid .item:first-child { width:642px; height:642px; grid-column:1; grid-row:1 / span 2; }

.area_main .row.grid .item:first-child:after {display:none;}
.area_main .row.grid .item:first-child .cont { text-align:left; padding:0 38px; }
.area_main .row.grid .item:first-child .cont .tit { color:#111; font-size:30px; }
.area_main .row.grid .item:first-child .cont .txt { color:#888; font-size:20px; }
.area_main .row.grid .item:nth-child(n+2):nth-child(-n+5) { width:100%; height:100%; aspect-ratio:1/1; }





/* 서브 */
.area_sub {width:100%; position:relative;}
.area_sub > .section {max-width:100%;}
.area_sub .content {width:100%; width:1310px; margin:auto; position:relative; min-height:700px; padding:50px 0px 150px;}
.sub_title {position:relative; width:100%; text-align:center; line-height:1; font-size:30px; font-weight:bold; display:flex; justify-content:center; align-items:center; margin-bottom:50px;}
.sub_title h3 {flex:1; margin:0; line-height:50px; text-align:center;}
.sub_title .board_filter {position:absolute; right:0; top:0; margin-left:auto;}
.sub_title b {color:#01c8c1; font-weight:bold;}



.area_sub .map_info {width:100%; text-align:left; overflow:hidden; background:#f9f9f9; border:1px solid #dfdfdf; padding:20px 30px; margin-top:0px; border-top:0;}
.area_sub .map_info li {font-size:14px; display:block; line-height:24px;}
 @media screen and (max-width: 1440px) {
	/*
	.area_sub .content {padding:221px 0 100px;}
	*/
}


/* 팝업 */
.popup_modal {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.popup_modal.full > .popup_container {width:1310px; padding:40px 40px 40px;} 
.popup_modal.full > .popup_container > .popup_header {margin-bottom:30px; padding-bottom:21px; border-bottom:1px solid #ddd;}
.popup_modal.full > .popup_container > .popup_header .popup_title {font-size:26px;}
.popup_modal .popup_container { background: #fff; padding:25px; border-radius:6px; width:600px; position:relative; font-size: 16px; color: #333; }
.popup_modal .popup_container .popup_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.popup_modal .popup_container .popup_header .popup_title { font-size:20px; font-weight: bold; margin: 0; }
.popup_modal .popup_container .popup_header .popup_close { background: none; border: none; font-size:0; cursor: pointer; line-height: 1; }
.popup_modal .popup_container .popup_content { width: 100%; max-height: 680px; overflow-y: auto; }
.popup_modal .popup_container .section {width:100%;}
.popup_modal .popup_container .policy_area * {line-height:1.45;}
.popup_modal .popup_container .policy_area .section {padding-bottom:26px; margin-bottom:26px; font-size:14px;}
.popup_modal .popup_container .policy_area h2 {font-size:20px; margin-bottom:15px;}
.popup_modal .popup_container .policy_area h3 {font-size:16px;}
.popup_modal .popup_container .policy_area p {margin-bottom:3px;}
.popup_modal .popup_container .policy_area th, .popup_modal .popup_container .policy_area td {padding:10px 8px; font-size:12px;}
.popup_modal .popup_container .policy_area .cont {margin-bottom:25px;}
.popup_modal .popup_container .policy_area .cont:last-child {margin-bottom:0;}
.popup_modal .list_event {position:relative; width:100%; display:flex; flex-wrap:wrap; flex-direction:column; gap:10px;}
.popup_modal .list_event li {width:100%;}
.popup_modal .list_event li img {width:100%;}
.popup_modal.register .popup_container {width:440px;}
.popup_modal.register .popup_container .popup_content {overflow-y:hidden;}
.popup_modal.register .top_area {margin-bottom:13px; width:100%;}
.popup_modal.register .top_area * {vertical-align:middle; display:inline-block; font-size:14px;} 
.popup_modal.register .top_area .label {padding:0 12px; line-height:28px; background:#aaaaaa; border-radius:28px; color:#fff; text-align:center; margin-right:5px;}
.popup_modal.register .top_area a {font-size:14px; font-weight:bold; color:#888;}
.popup_modal.register .title {font-size:26px; line-height:35px; margin-bottom:30px;}
.popup_modal .btn_confirm {width:100%; font-size:22px;}
.popup_modal .btn_confirm * {display:inline-block; vertical-align:middle;}
.popup_modal .btn_confirm img {margin-right:5px;}
.popup_modal .btn_confirm {}
.popup_modal .btn_area {text-align:center; width:100%;}
.popup_modal .form_wrap {width:100%;}
.popup_modal .form_wrap .form_row .title {margin-bottom:24px;}
.popup_modal .form_wrap .form_row .title .tit {font-size:18px; }
.popup_modal .form_wrap .form_row .row {margin-bottom:15px;}
.popup_modal .form_wrap .form_row .row .cont {width:calc(100% - 135px);}
.popup_modal .form_wrap .form_row .row .cont.flex {display:inline-flex; gap:10px; align-items:center;}
.popup_modal .form_wrap .form_row .row .tit {width:130px; font-size:16px;}
.popup_modal .form_wrap .form_row .row .cont .text_form {width:100%; height:44px; line-height:44px; font-size:16px; padding:0 15px;}
.popup_modal .form_wrap .form_row .row .cont .text_form.textarea {height:145px; line-height:1.5; padding:15px 20px;}
.popup_modal .form_wrap .form_row .row .cont select {height:44px;}
.popup_modal .form_wrap .form_row .row .cont .btn_input {height:40px;}
.popup_modal.cart .popup_container .popup_content {max-height:none;}
.popup_modal.cart .category_detail .info_wrap {position:relative; min-height:610px; max-height:700px; overflow-y:auto;}
.popup_modal.cart .category_detail .info_wrap .title_area {margin-bottom:21px;}
.popup_modal.cart .category_detail .info_wrap .title_area .pr-title {font-size:28px; margin-bottom:9px;}
.popup_modal.cart .category_detail .info_wrap .info_area {margin-bottom:40px;}
.popup_modal.cart .category_detail .info_wrap .info_area .price_area {margin-bottom:20px;} 
.popup_modal.cart .category_detail .info_wrap .info_area .price_area .price-base, .popup_modal.cart .category_detail .info_wrap .info_area .price_area .price-pv {font-size:18px;}
.popup_modal.cart .category_detail .info_wrap .info_area .info.result .box .pr_price {line-height:30px;} 
.popup_modal.cart .category_detail .info_wrap::-webkit-scrollbar {width:4px;}
.popup_modal.cart .category_detail .info_wrap::-webkit-scrollbar-track {background:transparent;}
.popup_modal.cart .category_detail .info_wrap::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.1); border-radius:4px;}
.popup_modal.cart .category_detail .info_wrap::hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);}
.popup_modal.cart .category_detail .info_wrap .info_area .info .option_area .option-dropdown {max-height:160px; z-index:11;} 
.popup_modal.cart .category_detail .info_wrap .info_area .info.result {margin-bottom:0;}
.popup_modal.cart .category_detail .info_wrap .info_area .info.result .box {margin-bottom:10px; padding:18px 18px 18px;}
.popup_modal.cart .category_detail .info_wrap .info_area .info.result .box .tit {font-size:14px;}
.popup_modal.cart .category_detail .info_wrap .info_area .info.result .box:last-child {margin-bottom:0;}
.popup_modal.cart .category_detail .info_wrap .info_area .info .option_area .option-dropdown .result {padding:13px 18px;}
.popup_modal.cart .category_detail .info_wrap .info_area .info .option_area .option-dropdown .result .tit, .popup_modal.cart .category_detail .info_wrap .info_area .info .option_area .option-dropdown .result .price {font-size:13px;}
.popup_modal.cart .category_detail .list_btn {padding-top:15px;} 
.popup_modal.cart .category_detail .info_bottom {/*position:sticky; bottom:0;*/ background:#fff; z-index:10;}
.popup_modal.cart .category_detail .info_bottom .price_total_area {margin-bottom:5px;}
.popup_modal.cart .category_detail .info_bottom .price_total_area:last-child {margin-bottom:0;}
.popup_modal.cart .amount input[type=number], .popup_modal.cart .amount .addnum, .popup_modal.cart .amount .decnum {width:30px; height:30px; font-size:12px; font-weight:500;}
.popup_modal.alert .popup_container {min-width:360px; width:fit-content; text-align:center; padding:35px 30px 30px;} 
.popup_modal.alert .popup_container .popup_content {overflow:hidden; font-size:18px; font-weight:500; margin-bottom:20px; line-height:1.5;}
.popup_modal.alert .popup_container .popup_header {width:100%; text-align:center; display:block; margin-bottom:0px;} 
.popup_modal.alert .popup_container .btn_popup {width:140px; font-size:16px; height:50px;}


#popup_event .popup_container {width:fit-content;}

.popup_tooltip { position: absolute; top: 40px; left: 0; z-index: 1000; }
.popup_tooltip .popup_container { background: #fff; padding:30px 30px; border-radius: 8px; border:1px solid #e3e3e3; width: 378px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); color: #333; }
.popup_tooltip .popup_container .popup_header { display: flex; justify-content: space-between; align-items: center; margin-bottom:20px; }
.popup_tooltip .popup_container .popup_header .popup_title {font-weight: bold; margin: 0; font-size:16px;}
.popup_tooltip .popup_container .popup_header .popup_close {font-size: 0; cursor: pointer;}
.popup_tooltip .popup_container .popup_header .popup_close img {width:16px; height:16px; border:0;}
.popup_tooltip .popup_container .popup_content {font-size:14px; max-height: 400px; overflow-y: auto; }
.popup_tooltip .popup_container .popup_content .info_code {width:100%;}
.popup_tooltip .popup_container .popup_content .info_code dt {font-size:16px; font-weight:normal; line-height:1; margin-bottom:9px; color:#000;}
.popup_tooltip .popup_container .popup_content .info_code dd {color:#888; word-break:keep-all; line-height:20px; font-size:14px; margin-bottom:20px; font-weight:normal;}
.popup_tooltip .popup_container .popup_content .info_code dd b {color:#fc5253;}
.popup_tooltip .popup_container .popup_content .list {width:100%;font-size:0;}
.popup_tooltip .popup_container .popup_content .list li {display:block; font-size:14px; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #eee; line-height:20px; text-align:left;}
.popup_tooltip .popup_container .popup_content .list li em {width:120px; font-style:normal; font-weight:bold;}
.popup_tooltip .popup_container .popup_content .list li div {width:calc(100% - 125px); color:#666; word-break:keep-all;}
.popup_tooltip .popup_container .popup_content .list li div p {display:block;}
.popup_tooltip .popup_container .popup_content .list li em, .popup_tooltip .popup_container .popup_content .list li div {display:inline-block; vertical-align:top;}
.popup_tooltip .popup_container .popup_content .list li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}

.popup_modal .popup_container .category_detail .category_detail_top {margin-bottom:0;}
.popup_modal .cont_alert {text-align:center; font-size:18px; margin-bottom:25px; line-height:1.5;}
.popup_modal.cart .popup_close {position:absolute; top:30px; right:-43px; z-index:10;}
.popup_modal.confirm .popup_container .popup_content {max-height:none; overflow-y:hidden;}
.popup_modal.confirm .popup_container {padding:40px 25px;}
.popup_share {display:none; position: absolute; top: 130px; right: 0px; z-index: 1000; text-align:center;}
.popup_share .popup_container { background: #fff; padding:17px 23px; border-radius:6px; width: max-content; border:1px solid #ddd; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); color: #333; }
.popup_share .popup_container h5 {position:relative; font-size:16px; margin-bottom:15px;}
.popup_share .popup_container .close {font-size:0; display:block; position:absolute; top:1px; right:0;}
.popup_share .popup_container .list {width:100%; overflow:hidden; font-size:0;}
.popup_share .popup_container .list li {margin-right:12px;}
.popup_share .popup_container .list li:last-child {margin-right:0;}
.popup_share .popup_container .share_msg {background:#f1f1f1; padding:12px 20px; line-height:1.4; font-weight:500;  margin-top:16px; font-size:14px; border-radius:5px;}
.popup_share .popup_container .share_msg b {color:#01c8c1;}


/* 로그인 */
.login_form {position:relative; width:500px; margin:auto; color:#888; }
.login_form .login_title {text-align:center; width:100%; font-size:40px; line-height:1; margin-bottom:60px; color:#000;}
.login_form .func_login {width:100%; overflow:hidden; padding-top:6px; font-size:16px; margin-bottom:45px;}
.login_form .func_login .check {margin-right:20px; line-height:24px;}
.login_form .func_login .check input[type="checkbox"] + label {color:#888;}
.login_form .func_login * {display:inline-block; vertical-align:middle;}
.login_form .func_login a {float:right; line-height:28px;}
.login_form .func_join {width:100%; text-align:center; line-height:1; margin-bottom:40px; padding-bottom:31px; border-bottom:1px solid #ddd;}
.login_form .func_join .link {text-decoration:underline; margin-left:13px;}
.login_form .social_login {position:relative; width:100%; text-align:center;}
.login_form .social_login .tit {color:#000; font-weight:700; font-size:20px; margin-bottom:30px; line-height:1;}
.login_form .social_login .list_social {width:100%; position:relative; overflow:hidden;}
.login_form .social_login .list_social li {display:inline-block; width:calc(50% - 5px); margin-right:10px; float:left;}
.login_form .social_login .list_social li:last-child {margin-right:0;}


/* 아이디/비밀번호 찾기 */
.find_form {position:relative; width:100%; margin:auto;}
.find_form .form_wrap {margin-bottom:40px;}
.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 .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:28px; margin-bottom:50px; line-height:1.5;}
.find_form .list_check2 {padding:20px 0 40px;}
#find_result {display:none;}
#find_result .div_cont {display:block;}
.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;}


/* 입력폼 */
.form_wrap {position:relative; width:800px; margin:auto;}
.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:14px; font-size:0; border-bottom:1px solid #dedede; margin-bottom:30px; overflow:hidden;}
.form_wrap .form_row .title .tit {display:inline-block; width:calc(100% - 300px); font-size:20px; color:#888;}
.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 .row {position:relative; width:100%; margin-bottom:20px;}
.form_wrap .form_row .row .tit, .form_wrap .form_row .row .cont {display:inline-block; vertical-align:top;}
.form_wrap .form_row .row .tit {width:200px; font-weight:bold; font-size:18px; padding-top:14px;}
.form_wrap .form_row .row .tit .msg {font-size:0; margin-right:3px; position:relative;}
.form_wrap .form_row .row .tit .msg, .form_wrap .form_row .row .tit span {display:inline-block; vertical-align:middle;}
.form_wrap .form_row .row .cont {position:relative; width:calc(100% - 205px);}
.form_wrap .form_row .row .cont .text_form {width:465px;}
.form_wrap .form_row .row .cont .check {margin-right:20px;}
.form_wrap .form_row .row .cont .check label {font-weight:500; font-size:16px;}
.form_wrap .form_row .row .cont .comment {padding-top:10px; font-size:14px; color:#01c8c1;}
.form_wrap .form_row .row .cont .comment .link {color:#222; text-decoration:underline;}
.form_wrap .form_row .row:last-child {margin-bottom:0;}
.form_wrap .form_row .title .check input[type="checkbox"] + label {font-size:18px; color:#888;}
.form_wrap .form_row .row .terms_title {position:relative; padding:20px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; margin-bottom:30px;}
.form_wrap .form_row .row .terms_title .check input[type="checkbox"] + label {font-weight:700;} 
.form_wrap .form_row .row .terms_check {padding-bottom:1px; position:relative; width:100%; margin-bottom:20px; overflow:hidden;}
.form_wrap .form_row .row .terms_check .check {float:left;}
.form_wrap .form_row .row .terms_check .check input[type="checkbox"] + label {font-weight:600;} 
.form_wrap .form_row .row .terms_check .check .imp {color:#888;}
.form_wrap .form_row .row .terms_check .more {float:right; color:#888;}
.form_wrap .form_row .row .terms_check .more * {display:inline-block; vertical-align:middle;}
.form_wrap .form_row .row .terms_check .check_detail {padding-left:34px; padding-top:15px;	}
.form_wrap .form_row .row .terms_check .check_detail li {display:inline-block; margin-right:25px; color:#888;}
.form_wrap .form_row .row .terms_check .check_detail .check input[type="checkbox"] + label {color:#888;}
.form_wrap .form_row .row .terms_check.partner {padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.form_wrap .form_row .row .terms_check.partner .terms_title {font-size:18px; line-height:24px; margin-bottom:30px; display:block; word-break:keep-all;}
.form_wrap .form_row .row .terms_check .terms_list {position:relative; width:100%; border-top:1px dashed #ddd; font-size:14px; padding:30px 0; margin-top:10px;}
.form_wrap .form_row .row .terms_check .terms_list li {position:relative; color:#666; margin-bottom:8px; line-height:1.5; padding-left:16px;}
.form_wrap .form_row .row .terms_check .terms_list li:last-child {margin-bottom:0;}
.form_wrap .form_row .row .terms_check .terms_list li:before {content:"※"; position:absolute; top:0; left:0; }


/* 사인패드 */
#signature-pad {}
#signature-pad .sign-text {line-height:1.5; display:block; font-size:14px; margin-bottom:15px;}
#signature-pad .m-signature-pad--footer {width:258px; overflow:hidden;}
#signature-pad .m-signature-pad--footer .btn {width:100%; height:35px; float:left; border:1px solid #ddd; border-top:0; background:#fff; color:#4793ca;}



/* 약관 */
.scrollWp .area_terms {width:100%;}
.area_terms {position:relative; width:1200px; margin:auto; word-break:keep-all;}
.area_terms h5 {font-size:24px; margin-bottom:20px;}
.area_terms h5 + p {font-size:18px; font-weight:bold; color:#000;}
.area_terms h6 {font-size:18px; margin-bottom:10px;}
.area_terms p {font-size:18px; color:#666;}
.area_terms .group {position:relative; width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e4e4e4;}
.area_terms .group ol {margin-left:23px;}
.area_terms .group ol li {font-size:18px; margin-bottom:10px;}
.area_terms .group ol li ul li {color:#666; margin-bottom:0; display:block;}
.area_terms .group .div {margin-bottom:25px;}
.area_terms .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.area_terms .group .div:last-child {margin-bottom:0;}



/* 회원가입 끝 */
.area_join_end {position:relative; width:590px; margin:auto; text-align:center;}
.area_join_end .icon {margin:auto; display:block; margin-bottom:40px;}
.area_join_end .title {line-height:1; font-weight:300; font-size:36px; margin-bottom:21px;}
.area_join_end .title b {font-weight:700;}
.area_join_end .txt {font-size:20px; line-height:30px; padding-bottom:53px; margin-bottom:40px; border-bottom:1px solid #ddd;}
.area_join_end .area_bottom {overflow:hidden;}
.area_join_end .area_bottom .btn_confirm {display:inline-block; float:left; width:calc(50% - 5px); margin-right:10px; font-size:18px;}
.area_join_end .area_bottom .btn_confirm:last-child {margin-right:0;}

/* 푸터 */
.footer {position:relative; background:#fff; width:100%; padding:40px 0px 50px; background:#f7f7f7;}
.footer .site_confidence {position:relative; overflow:hidden; line-height:28px; margin-bottom:10px;}
.footer .list_terms {font-size:0; float:left;}
.footer .list_terms li {font-size:16px; position:relative; display:inline-block; margin-right:12px; padding-right:13px;}
.footer .list_terms li:after {content:""; width:1px; height:16px; background:#bfbfbf; position:absolute; right:0; top:50%; margin-top:-8px;}
.footer .list_terms li:last-child:after {display:none;}
.footer .rel_site {float:right; border:0; border-radius:0; font-size:14px; height:45px; padding-left:15px;}
.footer .area_contact {width:100%; font-size:0;}
.footer .area_contact p {display:block; margin-bottom:8px; line-height:1;}
.footer .area_contact p span {color:#888; font-size:14px; margin-right:25px; display:inline-block; vertical-align:top;}
.footer .area_contact p.copyright {margin-bottom:0; padding-top:10px; font-size:14px; color:#888;}


/* 마이페이지 주문내역 */	  
.table_wrap {position:relative; overflow-y:auto; width:100%; height:350px; background:#f9f9f9; border-bottom:1px solid #e3e3e3;}
.table_wrap .table_shop {margin-bottom:0;}
.table_wrap .table_shop tr:last-child {border-bottom:0;}
.div {display:inline-block; margin:0 4px; vertical-align:middle; font-size:18px;}
.popup_layer .btn_common {padding:0 40px;}
.popup_layer .area_search_option {border:1px solid #e3e3e3; width:100%; padding:25px; margin-bottom:20px;}
.popup_layer .area_search_option ul {font-size:0; width:100%; position:relative; overflow:hidden; margin-bottom:15px;}
.popup_layer .area_search_option ul li {display:inline-block; vertical-align:top;}
.popup_layer .area_search_option ul li.tit {font-size:16px; width:120px; font-weight:bold; line-height:50px;}
.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 {font-size:16px; padding-left:10px; height:50px;}
.popup_layer .area_search_option .btn_search {padding:0; height:50px; background:#777; color:#fff; vertical-align:top; width:120px; font-size:16px; margin-left:10px;}
#popup_OrderHistory .popup_container {width:940px;}
.table_option {position:relative; width:100%; margin-bottom:20px;}
.table_option * {font-weight:500; color:#333;}
.table_option > span {display:inline-block; vertical-align:middle; padding-right:15px; margin-right:9px;}
.table_option > span:after {position:absolute; content:""; width:1px; height:14px; background:#e3e3e3; right:0; top:50%; margin-top:-7px;}
.table_option > span:last-child:after {display:none;}

/* 마이페이지 검색창 */
.grid_search {position:relative; margin-bottom:40px; border:1px solid #ddd; padding:30px; width:100%; border-radius:10px;}
.grid_search .btn_other {border-color:#ddd;}
.grid_search .row {display:flex; position:relative; width:100%; gap:25px; margin-bottom:15px; align-items:center;}
.grid_search .row:last-child {margin-bottom:0;}
.grid_search .row .gen_check .check {margin-right:20px;}
.grid_search .row .gen_check .check:last-child {margin-right:0;}
.grid_search .row .text_common {width:auto;}
.grid_search .row .cell {display:flex; gap:10px;}
.grid_search .row .cell .btn_common {padding:0; width:80px;}
.grid_search * {display:inline-block; vertical-align:middle;}
.grid_search .div {width:25px; text-align:center; margin:0; font-weight:200; color:#666;}
.grid_search .tit {width:65px; font-style:normal; font-weight:bold; font-size:16px; font-weight:bold; color:#424242;}
.date_select {position:relative; overflow:hidden;}
.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:86px; height:50px; line-height:50px; background:#fff; border:1px solid #ddd; border-right:0;}
.date_select .date input[type='radio']:checked + label {background:#01c8c1; color:#fff;}
.date_select .date:first-child input[type='radio'] + label {border-radius:6px 0px 0px 6px;}
.date_select .date:last-child input[type='radio'] + label {border-radius:0px 6px 6px 0px;}
.date_select .date:last-child input[type='radio'] + label {border-right:1px solid #e3e3e3;} 
.date_picker .text_common {width:145px;}
.date_picker .btn_common {margin-left:5px; height:50px; font-size:16px; width:120px;line-height:50px;}
.btn_area {position:relative; text-align:center;  width:100%;}
.btn_area .btn {margin:0 5px;}
.btn_area .btn_popup {margin-right:5px; margin-left:0;}
.btn_area .btn_popup:last-child {margin-right:0;}

/* 약관 */
.policy_area {line-height:1.6; color:#333;word-break:keep-all;}
.policy_area .section {margin-bottom:46px; padding-bottom:51px; border-bottom:1px dashed #e3e3e3;}
.policy_area .section:first-child {margin-top:0;}
.policy_area .section:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}
.policy_area h2 {color:#222;font-size:24px;font-weight:bold;margin-bottom:20px;}
.policy_area h3 {color:#222;font-size:18px;font-weight:bold;margin:0 0 10px 0;}
.policy_area p {margin-bottom:4px;}
.policy_area .cont {margin-bottom:40px;}							  
.policy_area .cont table {margin-bottom:20px;}
.policy_area .cont table:last-child {margin-bottom:0;}
.policy_area .cont:last-child {margin-bottom:0;}
.policy_area table {width:100%;border-collapse:collapse;}
.policy_area th {background:#f4f4f4;font-weight:bold;text-align:center; }
.policy_area th,.policy_area td {border:1px solid #ccc; font-size:14px; padding:15px 10px;}
.policy_area td {text-align:left;}
.policy_area address {font-style:normal;margin-bottom:16px;}
.policy_area ol {margin-left:14px;}
.policy_area ol > li {list-style:decimal;}
.policy_area ol > li > ul {margin-left:0; margin-bottom:7px;}
.policy_area ol > li > ul li {font-size:14px;}


/* 회사소개 */
.company_area .row {position:relative; width:100%; margin-bottom:150px;}
.company_area .row .title {font-size:30px; margin-bottom:30px;}
.company_area .row.top {height:700px; background:url("../images/sub/bg_introduce.png") center no-repeat; background-size:cover; background-attachment:fixed; color:#fff; display:flex; align-items:center; justify-content:center;}
.company_area .row.top .section {display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:0 30px; box-sizing:border-box;}
.company_area .row.top .text {flex:1; padding-right:90px; word-break:keep-all;}
.company_area .row.top .text h3 {font-size:44px; margin-bottom:38px;}
.company_area .row.top .text p {color:#cfcfcf; margin-bottom:36px; font-size:21px; line-height:30px;}
.company_area .row.top .text p:last-child {color:#fff;}
.company_area .row.top .icon {flex-shrink:0; width:330px; height:auto;}

.company_area .row.brand .txt {font-size:22px; line-height:30px; margin-bottom:70px; color:#888;}
.company_area .row.brand .brand_list {position:relative; width:100%; overflow:hidden;}
.company_area .row.brand .brand_list .item {display:inline-block; line-height:30px; float:left; width:406px; text-align:center; margin-right:46px;}
.company_area .row.brand .brand_list .item .thumb {width:100%; aspect-ratio:1/1; background:#f7f7f7; overflow:hidden; border-radius:20px; margin-bottom:25px;}
.company_area .row.brand .brand_list .item .thumb img {width:100%; height:100%;}
.company_area .row.brand .brand_list .item .tit {font-size:24px; font-weight:500;}
.company_area .row.brand .brand_list .item .txt {font-size:20px;}
.company_area .row.brand .brand_list .item:last-child {margin-right:0;}

.company_area .row.visual {text-align:center; height:540px; background:url("../images/sub/bg_introduce_visual.png") center no-repeat; background-size:cover; background-attachment:fixed; color:#fff; display:flex; align-items:center; justify-content:center;}
.company_area .row.visual .title {font-size:40px; line-height:40px; text-decoration:underline; margin-bottom:40px;}
.company_area .row.visual .txt {font-size:34px; margin-bottom:10px;}
.company_area .row.visual .s-txt {font-size:24px; color:#cfcfcf;}

.company_area .row.new {position:relative; width:100%; display:flex; align-items:center; margin-bottom:150px;}
.company_area .row.new .thumb {flex-shrink:0; width:900px; height:560px; overflow:hidden; border-radius:0px 20px 20px 0px;}
.company_area .row.new .thumb img {width:100%; display:block;}
.company_area .row.new .inner {flex:1; display:flex; justify-content:flex-start;}
.company_area .row.new .cont {width:660px; margin-left:70px;}
.company_area .row.new .cont .title {font-weight:700; margin-bottom:48px;}
.company_area .row.new .cont .tit {font-weight:500; margin-bottom:30px;}
.company_area .row.new .cont .title, .company_area .row.new .cont .tit {font-size:30px; line-height:1;}
.company_area .row.new .cont p {font-size:22px; color:#888; line-height:30px; margin-bottom:34px;}
.company_area .row.new .cont p:last-child {margin-bottom:0;}
.company_area .row.contact .txt {font-size:22px; line-height:1; margin-bottom:40px; color:#888;}
.company_area .row.contact .list_contact {width:100%; position:relative; font-size:0;}
.company_area .row.contact .list_contact .item {display:inline-block; width:50%; vertical-align:middle;}
.company_area .row.contact .list_contact .item a {display:block; padding:0 82px;}
.company_area .row.contact .list_contact .item .icon {margin-right:35px; width:124px; height:124px;}
.company_area .row.contact .list_contact .item .cont, .company_area .row.contact .list_contact .item .icon {display:inline-block; vertical-align:middle;}
.company_area .row.contact .list_contact .item .cont .tit {font-size:30px; line-height:1; margin-bottom:10px; font-weight:500;}
.company_area .row.contact .list_contact .item .cont .txt {font-size:22px; line-height:28px; color:#888;}
.company_area .row.contact .list_contact .item:first-child {border-right:1px solid #ddd;}


/* 마이페이지 */
.mypage_wrap {position:relative; display:flex; gap:50px;}
.mypage_wrap .mypage_area {position:relative; flex:1;}
.mypage_wrap .sub_title {margin-bottom:20px;}
.lnb {flex-shrink:0;}
.lnb .group_wrap {width:260px; padding:30px 25px; background:#fff;  border:1px solid #e3e3e3; border-radius:10px;}
.lnb .lnb_title {font-size:26px; font-weight:700; margin-bottom:20px;}
.lnb .group {margin-bottom:25px; padding-bottom:22px; border-bottom:1px dashed #e9e9e9;}
.lnb .title {display:block; font-weight:700; font-size:18px; margin-bottom:10px; color:#222;}
.lnb .depth {padding-left:0; margin:0; list-style:none;}
.lnb .depth li {margin-bottom:4px;}
.lnb .depth li a {display:block; font-size:16px; color:#666; padding:3px 0;}
.lnb .depth li a:hover {color:#111; font-weight:600;}
.lnb .depth li:last-child {margin-bottom:0;}
.lnb .depth li.on a {color:#01c8c1; font-weight:600;}
.lnb .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}

.mypage_area .shop_search_area {position:relative; display: flex; justify-content: space-between; align-items: center; width:100%; border-top:1px solid #333; border-bottom:1px solid #ddd; padding:26px 0; }
.mypage_area .shop_search_area input.box {font-size:14px; width:160px;}
.mypage_area .shop_search_area .btn_common, .mypage_area .shop_search_area select {font-size:14px; height:46px; line-height:46px;}
.mypage_area .shop_search_area .check input[type="checkbox"] + label {font-size:14px;}
.mypage_area .shop_search_area .filter_div { flex: 1; max-width: 50%; }
.mypage_area .shop_search_area .filter_div > select {margin-right:20px; min-width:180px;}
.mypage_area .shop_search_area .filter_list {display: inline-flex; align-items: center; justify-content: flex-start; gap: 8px; }
.mypage_area .shop_search_area .filter_list .check { display: flex; align-items: center; margin-right:15px;}
.mypage_area .shop_search_area .filter_list .check label {color:#666;}
.mypage_area .shop_search_area .filter_list .check:last-child {margin-right:0;}
.mypage_area .shop_search_area .search_div { flex: 1; max-width: 50%; text-align: right; }
.mypage_area .shop_search_area .search_div .div {font-weight:200; color:#999;}
.mypage_area .shop_search_area .search_div .btn_main {margin-left:10px;}
.mypage_area .cate_title {display:block; font-size:24px; font-weight:bold; color:#2a2a2a; margin-bottom:20px;}
.mypage_area .column {position:relative; width:100%; margin-bottom:60px;}
.mypage_area .column .column_title {position:relative; width:100%; margin-bottom:20px;}
.mypage_area .column .column_title .title {font-size:24px; font-weight:bold; margin-right:15px;}
.mypage_area .column .column_title .txt {font-size:16px; color:#a5a5a5;}
.mypage_area .column .column_title .title, .mypage_area .column .column_title .txt {display:inline-block; vertical-align:bottom;}
.mypage_area .column .column_title .more {float:right; padding-top:6px;}
.mypage_area .column .column_title .more span, .mypage_area .column .column_title .more img {display:inline-block; vertical-align:bottom;}
.mypage_area .column .column_title .more span {position:relative; top:2px; font-size:18px; margin-right:10px;}
.mypage_area .column .column_title .btn_more {float:right; font-size:14px;  padding:0 15px; height:36px; line-height:35px;}

.shipping_area {position:relative; width:100%;}
.shipping_area .item {position:relative; width:100%; border-bottom:1px solid #ddd; }
.shipping_area .date {width:100%; padding:23px 0 16px; display:block; margin-bottom:0px; font-weight:500; font-size:20px; }
.shipping_area .item_row { display:flex; flex-direction:column; gap:0px; margin-bottom:25px;}
.shipping_area .item_row .product_area:last-child {margin-bottom:0;}
.shipping_area .product_area { display:flex; justify-content:space-between; align-items:flex-start;}
.shipping_area .product_info { display:flex; flex-direction:column; flex:1; }
.shipping_area .product_info .row { display:flex; align-items:center; gap:15px; }
.shipping_area .product_info .title { width:380px; line-height:1.4; font-size:16px; }
.shipping_area .product_info .btn { font-size:12px; padding:0 15px; border-radius:0px; height:34px; line-height:33px; border:1px solid #ddd; color:#666; }
.shipping_area .product_info .btn:hover { border-color:#333; color:#333; }
.shipping_area .price { font-size:20px; font-weight:700; }
.shipping_area .price i { font-size:15px; margin-left:2px; font-weight:500; }
.shipping_area .shipping_info { min-width:160px; text-align:right; }
.shipping_area .shipping_info .btn { font-size:13px; padding:0 10px; width:70px; height:30px; line-height:30px; border:1px solid #01c8c1; color:#01c8c1; display:inline-block !important; text-align:center; margin-top:10px;}
.shipping_area .shipping_info .btn.cancel {border:1px solid #e04748; color:#e04748;}
.shipping_area .shipping_info * { display:block; }
.shipping_area .shipping_info .btn_detail { color:#aaa; text-decoration:underline; font-weight:400; font-size:16px; margin-bottom:10px; }
.shipping_area .shipping_info .status { font-size:16px; }
.shipping_area .status { font-size:12px; display:inline-block; margin-top:4px; }

.shipping_area .shipping_detail {width:100%; background:#f6f8f9; padding:30px 25px; margin-top:30px; border-radius:8px;}
.shipping_area .shipping_detail > .row { display:flex; flex-wrap:wrap; gap:0 50px; margin-bottom:20px; }
.shipping_area .shipping_detail > .row:last-child {margin-bottom:0;}
.shipping_area .shipping_detail .area { flex:1; align-self:flex-start; }
.shipping_area .shipping_detail .area .group { margin-bottom:25px; }
.shipping_area .shipping_detail .area .group:last-child { margin-bottom:0; }
.shipping_area .shipping_detail .title { display:block; font-weight:600; margin-bottom:10px; font-size:16px; }
.shipping_area .shipping_detail .info_list { width:100%; background:#fff; padding:10px; border-top:1px solid #333; }
.shipping_area .shipping_detail .info_list li { display:flex; padding:7px 10px; font-size:14px; font-weight:500; }
.shipping_area .shipping_detail .info_list li strong { width:110px; font-weight:500; }
.shipping_area .shipping_detail .info_list li span { color:#666; flex:1; }
.shipping_area .shipping_detail .info_list li:last-child { border-bottom:0; }
.shipping_area .shipping_detail .shipping_bottom  {display:flex; align-items:start; justify-content:space-between;}
.shipping_area .shipping_detail .shipping_bottom .right {display:flex; gap:10px;}
.shipping_area .shipping_detail .btn_common {display:block; border-radius:0; border:1px solid #ddd; padding:0 16px; color:#888; height:40px; line-height:40px; font-size:14px;}
.shipping_area .shipping_detail .txt_info {padding-top:15px; color:#666; font-size:14px;}

.shipping_area .shipping_detail .payment_summary_table {background:#fff; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #333;}
.shipping_area .shipping_detail .payment_summary_table .col {border-right:1px solid #e3e3e3; display:flex; flex-direction:column; justify-content:flex-start; height:100%;}
.shipping_area .shipping_detail .payment_summary_table .col:last-child {border-right:none;}
.shipping_area .shipping_detail .payment_summary_table .title_row {display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e3e3e3; margin-bottom:0px;}
.shipping_area .shipping_detail .payment_summary_table .title_row .title {font-size:14px; margin-bottom:0; text-align:left;}
.shipping_area .shipping_detail .payment_summary_table .title_row .amount {font-size:15px; color:#111; text-align:right;}
.shipping_area .shipping_detail .payment_summary_table .title_row .amount.bold {font-weight:700;}
.shipping_area .shipping_detail .payment_summary_table .title_row .amount.strong {font-weight:700; color:#01c8c1;}
.shipping_area .shipping_detail .payment_summary_table .title_row, .shipping_area .shipping_detail .payment_summary_table .detail {padding:17px 20px;}
.shipping_area .shipping_detail .payment_summary_table .detail .row {display:flex; justify-content:space-between; font-size:14px; color:#666; margin-bottom:8px;}
.shipping_area .shipping_detail .payment_summary_table .detail .row span:first-child {text-align:left;}
.shipping_area .shipping_detail .payment_summary_table .detail .row span:last-child {text-align:right; font-weight:500;}
.shipping_area .shipping_detail .payment_summary_table .detail .row:last-child {margin-bottom:0;}
.shipping_area .shipping_detail .payment_summary_table .col.total {background:#fcfcfc; justify-content:center;}
.shipping_area .shipping_detail .payment_summary_table .col.total .title_row {margin-bottom:0; border-bottom:0;}
.shipping_area .shipping_detail .order_list {margin-bottom:20px; list-style:none; width:100%; background:#fff; border-top:1px solid #333;}
.shipping_area .shipping_detail .order_list li {display:flex; pad align-items:center; padding:10px 10px; border-bottom:1px dashed #eee;}
.shipping_area .shipping_detail .order_list li > div {flex:1; display:flex; flex-direction:column; justify-content:center; padding:0 15px; font-size:14px; text-align:center;}
.shipping_area .shipping_detail .order_list li > .order_title {flex:4; text-align:left;}
.shipping_area .shipping_detail .order_list li > .order_volume {flex:1;}
.shipping_area .shipping_detail .order_list li > .order_price {flex:1;}
.shipping_area .shipping_detail .order_list li > .order_status {flex:1;}
.shipping_area .shipping_detail .order_list li > .order_status .status {margin-top:0; font-weight:bold; margin-bottom:5px; font-size:inherit;}
.shipping_area .shipping_detail .order_list li > .order_status .link {text-decoration:underline; margin-bottom:5px; color:#999;}
.shipping_area .shipping_detail .order_list li:last-child {margin-bottom:0; border-bottom:0;}
.shipping_area .shipping_detail .order_list li.cancel > div {color:#999; text-decoration:line-through;}
.shipping_area .shipping_detail .order_list li.cancel > .order_status {text-decoration:auto !important;}
.shipping_area .shipping_detail .order_list li.cancel > .order_status em {color:inherit !important;}


.withdrawal_area {position:relative; width:640px; margin:auto;}
.withdrawal_area .notice {position:relative; text-align:center; padding-bottom:37px; margin-bottom:40px; border-bottom:1px dashed #e3e3e3;}
.withdrawal_area .notice .title {font-size:20px; margin-bottom:15px;}
.withdrawal_area .notice .txt {font-size:16px; line-height:1.5; color:#454545;}
.withdrawal_area .notice .txt b {color:#ff0000; font-weight:normal;}
.withdrawal_area .form_wrap {width:590px; margin:auto;}
.withdrawal_area .form_wrap .form_row {margin-bottom:40px;}
.withdrawal_area .form_wrap .form_row .row .tit {width:120px;}



.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 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;}
.div_coupon {position:relative;}
.div_coupon  * {vertical-align:middle;}
.div_coupon label {margin-right:10px;}
.div_coupon .btn {margin-right:20px;}
.div_coupon .check  {margin-right:20px;}
.div_coupon .check label {color:#777;}
.div_coupon .check_mileage {display:inline-block;}
.div_coupon .check_mileage input {display:none;}
.div_coupon .check_mileage input:checked + label {background:#01c8c1; color:#fff; border-color:#01c8c1;}
.div_coupon .mileage {font-size:16px; line-height:50px; padding-top:2px; display:inline-block;}
.div_coupon .mileage em {font-weight:bold; vertical-align:baseline;}
.div_coupon + .comment {margin-top:10px; color:#888}
.div_coupon ~ .comment {font-size:14px; line-height:1.5;}
.apply_coupon {display:block; padding-top:5px;}
.apply_coupon * {display:inline-block; vertical-align:middle;}
.apply_coupon img {margin-right:3px;}
.apply_coupon em, .apply_coupon span {font-weight:500; font-size:14px;}
.apply_coupon span {color:#888;}
.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_form {width:100%;}


.sns_verify_area {position:relative; width:100%;}
.sns_verify_area .title {font-size:18px; margin-bottom:15px;}
.sns_verify_area .sns_list {width:100%; text-align:left; font-size:0;}
.sns_verify_area .sns_list li {display:inline-block; vertical-align:top; text-align:center; padding:26px 0px 21px; width:150px; border:1px solid #e3e3e3; border-radius:8px; margin-right:20px; font-size:14px;}
.sns_verify_area .sns_list li * {display:block;}
.sns_verify_area .sns_list li .icon {width:32px; margin:auto; margin-bottom:7px;}
.sns_verify_area .sns_list li em {font-style:normal; font-size:14px; color:#000; font-weight:600; margin-bottom:10px;}
.sns_verify_area .sns_list li .btn {width:76px; height:28px; line-height:28px; background:#fff; border:1px solid #ddd; font-size:12px; color:#444; margin:auto; margin-bottom:10px;}
.sns_verify_area .sns_list li .btn:active {background:#f4f4f4; color:#000;}
.sns_verify_area .sns_list li .btn:disabled {color:#ccc; background:#fafafa; pointer-events:none;}
.sns_verify_area .sns_list li .ing {color:#666;}
.sns_verify_area .sns_list li .ing * {display:inline-block; vertical-align:middle;}
.sns_verify_area .sns_list li .ing img {margin-right:2px; width:18px;}
.sns_verify_area .sns_list li .ing span {color:#999; font-size:12px;}