/* common */
.section {width:1273px; margin:auto; position:relative;}
@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* header */
.area_topbanner {width:100%; height:81px; font-size:0; cursor:pointer; background:url("../images/banner/banner_top_210803.png?ver=1.1") center no-repeat #eeebe6;}
.area_topbanner .section {width:auto; text-align:center;}
.area_topbanner .btn {position:absolute; right:330px; top:2px; border-radius:5px; font-size:0; text-indent:-99999px; width:29px; height:29px; background:url("../images/common/btn_topbanner_close_0503.png") center no-repeat #fff; border:1px solid #958b93;}
.header {background:#fff; font-family: 'Nanum Gothic'; position:relative; width:100%;}
.header .gnb {width:100%; height:30px; line-height:32px; overflow:hidden; background:#f4f3f3;}
.header .gnb .gnb_point {position:relative; top:-1px; display:inline-block; font-size:12px; margin-left:15px; color:#333;}
.header .gnb .list_gnb {font-size:0; float:right;}
.header .gnb .list_gnb li {display:inline-block; margin-left:24px;  font-size:12px; color:#868686;}
.header .snb {position:relative; width:100%; height:92px; padding-top:21px; overflow:hidden;}
.header .snb .logo {position:relative; top:7px; float:left; margin-right:26px;}
.header .snb .logo img {max-width:205px;}
.header .snb .logo img.hyc3800 {width:215px;}
.header .snb .logo img.shindp {margin-top:-5px;}
.header .snb .logo img.namhae25 {margin-top:0;}
.header .snb .logo img.ehs7578 {margin-top:-15px; width:105px;}
.header .snb .logo img.withcook {margin-top:-10px;}
.header .snb .logo img.geochang25 {margin-top:-10px;}
.header .snb .logo img.ganghwa25 {margin-top:-10px;}
.header .snb .logo img.sample11 {margin-top:-5px;}
.header .snb .logo img.pjs62593 {margin-top:-8px;}
.header .snb .logo img.ed0007 {margin-top:-9px;}
.header .snb .logo img.kim6810 {margin-top:-9px;}
.header .snb .logo img.hg0025 {margin-top:-3px;}
.header .snb .logo img.kgh7957k2 {margin-top:-6px;}
.header .snb .logo img.wjya841 {margin-top:-8px;}
.header .snb .logo img.police112 {margin-top:-10px;}
.header .snb .logo img.drjlcm {margin-top:-6px;}
.header .snb .logo img.tntstitch21 {margin-top:-8px;}
.header .snb .logo img.ymh1005 {margin-top:-10px;}
.header .snb .logo img.colinseo {margin-top:-12px;}
.header .snb .logo img.farm051 {margin-top:-12px;}
.header .snb .logo img.asd14501 {margin-top:-12px;}
.header .snb .logo img.daburo1000 {margin-top:-8px;}
.header .snb .logo img.kdy5136 {margin-top:-9px;}
.header .snb .logo img.soyg25 {margin-top:-11px;}
.header .snb .logo img.hill25 {margin-top:-11px;}
.header .snb .logo img.bic0051 {margin-top:-11px;}
.header .snb .logo img.funminton {margin-top:-11px;}
.header .snb .logo img.nzon01 {margin-top:-12px;}
.header .snb .logo img.nhbada {margin-top:-12px;}
.header .snb .logo img.kl1011  {margin-top:-8px;}
.header .snb .logo img.wero25  {margin-top:-10px;}
.header .snb .logo img.haes62  {margin-top:-14px;}
.header .snb .logo img.bring  {margin-top:-8px;}
.header .snb .logo img.test  {margin-top:-8px;}
.header .snb .logo img.spmall  {margin-top:-8px;}
.header .snb .logo img.miracletop  {margin-top:-9px;}
.header .snb .logo img.so102, .header .snb .logo img.so103, .header .snb .logo img.so104, .header .snb .logo img.so105, .header .snb .logo img.so106, .header .snb .logo img.so107, 
.header .snb .logo img.so108, .header .snb .logo img.so109, .header .snb .logo img.so110, .header .snb .logo img.so111, .header .snb .logo img.so112, .header .snb .logo img.so113, 
.header .snb .logo img.so114, .header .snb .logo img.so115, .header .snb .logo img.so116, .header .snb .logo img.so117, .header .snb .logo img.so118, .header .snb .logo img.so119,
.header .snb .logo img.so120, .header .snb .logo img.so121, .header .snb .logo img.so122, .header .snb .logo img.so123, .header .snb .logo img.so124, .header .snb .logo img.so125, 
.header .snb .logo img.so126, .header .snb .logo img.so127, .header .snb .logo img.sosoeco, .header .snb .logo img.so128, .header .snb .logo img.so129 {margin-top:-8px;}

.header .snb .area_search {position:relative; float:left; margin-right:28px; display:inline-block; width:410px; height:48px; line-height:48px;  }
.header .snb .area_search .text_snb_search {width:100%; height:48px; border-radius:50px; border:2px solid #f88b80; padding:0 23px; }
.btn_snb_search {font-size:0; position:absolute; top:0; right:10px; width:48px; height:48px; background:url("../images/common/btn_snb_search2.png?ver=1.1") center no-repeat;}
.header .snb.spring {padding-top:0;}
.header .snb.spring .section {padding-top:21px; height:92px; /*background:url("../images/common/bg_spring.gif") left no-repeat;*/  background-size:350px;}
.header .snb .list_snb {position:relative; top:6px; float:right; overflow:hidden;}
.header .snb .list_snb li {text-align:center; width:95px; float:left; display:inline-block; position:relative;}
.header .snb .list_snb li a {display:block; width:100%; height:100%; padding:0 12px;}
.header .snb .list_snb li img {display:block; margin:auto; margin-bottom:4px;}
.header .snb .list_snb li span {font-size:11px; line-height:1.2; display:block;}
.header .snb .list_snb li:after {position:absolute; content:""; width:1px; height:25px; background:#e7e8ea; top:5px; right:0;}
.header .snb .list_snb li:last-child a {padding-right:0;}
.header .snb .list_snb li:last-child:after {display:none;}
.header .snb .area_snb_banner {position:relative; top:5px; float:left; position:relative; width:128px; height:41px;}
.header .snb .area_snb_banner .arrow_wrap {position:absolute; right:0; top:0;}
.header .snb .area_snb_banner .arrow_wrap .sp-next, .header .snb .area_snb_banner .arrow_wrap .sp-prev {position:relative; top:0; margin-top:0; left:0; right:0; width:14px; height:14px; float:left;}
.header .snb .area_snb_banner .arrow_wrap .sp-next {background:url("../images/banner/btn_snb_next.png") center no-repeat;}
.header .snb .area_snb_banner .arrow_wrap .sp-prev {width:13px; background:url("../images/banner/btn_snb_prev.png") center no-repeat;}
/*
.header .snb .area_sp_banner .arrow_wrap .sp-next, .header .snb .area_sp_banner .arrow_wrap .sp-prev {position:relative; border:1px solid #e3e5e8;  top:0; margin-top:0; left:0; right:0; width:14px; height:14px; float:left;}
.header .snb .area_sp_banner .arrow_wrap .sp-prev {border-radius:30px 0px 0px 30px; border-right:0;}
.header .snb .area_sp_banner .arrow_wrap .sp-next {border-radius:0px 30px 30px 0px; border-left:0;}
*/
.header .nav {position:relative; width:100%; height:52px; line-height:52px; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.header .nav .btn_nav {display:inline-block; font-size:16px; width:199px; height:52px; border-left:1px solid #e7e8ea; border-right:1px solid #e7e8ea; background:url("../images/common/btn_nav.png") 20px center no-repeat; color:#000; font-weight:bold; padding-left:70px; text-align:left;}
.header .nav .btn_nav.on {background:url("../images/common/btn_nav_on.png") 20px center no-repeat #ef7569; border-color:#ef7569; color:#fff;}
.header .nav .list_nav {display:inline-block; vertical-align:top; font-size:0; margin-left:28px; width:1031px;}
.header .nav .list_nav li {word-break:break-all; display:inline-block; padding:0 16px; line-height:16px; font-size:15px; vertical-align:middle; text-align:center; font-weight:bold; }
.header .nav .list_nav li:last-child {padding-right:0;}
.header .nav .list_nav li:hover {color:#ef7569;}
.header .nav .list_nav li em {color:#f88b80; font-style:normal;}
.header .nav .list_nav li.local {max-width:none; padding-left:0;}
.header .nav .list_nav li.local a {padding:9px 20px 10px; background:#f88b80; color:#fff; border-radius:26px; font-size:18px;}
.header .nav .list_nav li.local2 {max-width:none; padding-left:0;}
.header .nav .list_nav li.local2 a {padding:9px 20px 10px; background:#faa71c; color:#fff; border-radius:26px; font-size:18px;}
.header .nav .list_nav li.local3 {max-width:none; padding-left:0;}
.header .nav .list_nav li.local3 a {padding:9px 20px 10px; background:#7fcff0; color:#fff; border-radius:26px; font-size:18px;}
.header .nav .list_nav li.local4 {max-width:none; padding-left:0;}
.header .nav .list_nav li.local4 a {padding:9px 20px 10px; background:#f9ca32; color:#fff; border-radius:26px; font-size:18px;}
.header .nav .list_nav li.blackfriday {max-width:none; font-weight:900; color:#1699f5;}
.header .main_all_category {display:none; position:absolute; top:51px; left:0; z-index:1000; background:rgba(0,0,0,0.73); width:199px; height:531px;}
.header .main_all_category .category_list {position:relative; width:100%; height:100%;}
.header .main_all_category .category_list li {display:block;}
.header .main_all_category .category_list .category_1 {width:100%; height:41px; line-height:41px; color:#fff; font-weight:bold; font-size:14px; border-bottom:1px solid rgba(255,255,255,0.15);}
.header .main_all_category .category_list .category_1 > a {display:block; width:100%; height:100%; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .main_all_category .category_list .category_1:hover {background:rgba(0,0,0,0.3);}
.header .main_all_category .category_list .category_1:hover > .category_sub {display:block;}
.header .main_all_category .category_list .category_1 .category_sub {display:none; position:absolute; left:199px; top:0; width:240px; height:100%; line-height:30px; background:rgba(255,255,255,0.95); border:1px solid #eee; border-top:0; color:#000; padding:30px 25px;}
.header .main_all_category .category_list .category_1 .category_sub > ul {position:relative; left:-10px;}
.header .main_all_category .category_list .category_1 .category_sub > .test {width:440px;}
.header .main_all_category .category_list .category_1 .category_sub * {vertical-align:top;}
.header .main_all_category .category_list .category_1 .category_sub .category_title {overflow:hidden; line-height:1; margin-bottom:16px; font-weight:bold; font-size:20px; color:#16181a; letter-spacing:-0.4px; text-align:left; }
.header .main_all_category .category_list .category_1 .category_sub .category_2 > a {position:relative; top:0; width:200px; height:30px; line-height:30px; padding-left:10px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;}
/*
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(2) > a {top:30px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(3) > a {top:60px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(4) > a {top:90px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(5) > a {top:120px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(6) > a {top:150px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(7) > a {top:180px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:nth-child(8) > a {top:210px;}
*/
.header .main_all_category .category_list .category_1 .category_sub .category_2:first-child > ul {display:block;}
.header .main_all_category .category_list .category_1 .category_sub .category_2.on > a {background:#ef7569; color:#fff;}
.header .main_all_category .category_list .category_1 .category_sub .category_2:hover > a {background:#ef7569; color:#fff;}
.header .main_all_category .category_list .category_1 .category_sub .category_2 .category_3 {display:none; width:200px; height:400px; border-left:1px solid #eee; margin-left:200px;}
.header .main_all_category .category_list .category_1 .category_sub .category_2 .category_3 li {display:block; width:100%;}
.header .main_all_category .category_list .category_1 .category_sub .category_2 .category_3 a {display:block; width:100%; height:30px; line-height:30px; padding-left:15px; font-weight:normal; color:#555;}
.header .main_all_category .category_list .category_1 .category_sub .category_2 .category_3 a:hover {text-decoration:underline; color:#ef7569;}
.header .main_all_category .category_list .category_1.append .category_sub {width:480px;}
.header .main_all_category .category_list .category_1.append .category_sub:after {position:absolute; top:75px; left:235px; width:1px; height:435px; background:#ddd; content:"";}
.header .main_all_category .category_list .category_1.append .category_sub .category_2 {width:240px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(n+16) {position:absolute; left:230px; top:0px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(17) {top:30px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(18) {top:60px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(19) {top:90px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(20) {top:120px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(21) {top:150px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(22) {top:180px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(23) {top:210px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(24) {top:240px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(25) {top:270px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(26) {top:300px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(27) {top:330px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(28) {top:360px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(29) {top:390px;}
.header .main_all_category .category_list .category_1.append .category_sub .category_2:nth-child(30) {top:420px;}
.header .main_all_category .category_list .category_1:nth-child(n+14) {display:none;}
.header .common_all_category {display:none; position:absolute; top:50px; left:0; z-index:1001; background:#fff; width:1230px; border:1px solid #ef7569; font-size:0;}
.header .common_all_category .category {display:inline-block; overflow-y:auto; line-height:24px; min-height:100px; padding:16px 20px; vertical-align:top; font-size:14px; border-bottom:1px solid #eee; border-right:1px solid #eee; width:16.6%;}
.header .common_all_category .category:nth-child(6n) {border-right:0;}
.header .common_all_category .category h4 {display:block; margin-bottom:10px;}
.header .common_all_category .category h4:hover {text-decoration:underline;}
.header .common_all_category .category h4 a {display:block; width:100%;}
.header .common_all_category .category ul li {display:block; color:#555; font-size:11px; line-height:14px; margin-bottom:8px;}
.header .common_all_category .category ul li a {display:block; width:100%; height:100%; word-break:break-all;}
.header .common_all_category .category ul li a:hover {text-decoration:underline;}
.header .common_all_category .category ul li:last-child {margin-bottom:0;}
.header .common_all_category .category.append {overflow:hidden; background:url("../images/common/bg_category_shadow.png") bottom center repeat-x;}
.header .common_all_category .category:nth-child(-n+6) {
	height:310px;
}
.header .common_all_category .category:nth-child(n+7):nth-child(-n+12) {
	height:285px;
}

.header .common_all_category .category:nth-child(n+13):nth-child(-n+18) {
	height:395px;
}


/*
.header .common_all_category .category.append {
	-moz-box-shadow: inset 0 -10px 30px -10px #eee;
	box-shadow: inset 0 -10px 30px -10px #eee;
		-webkit-box-shadow: inset 0 -10px 10px -10px #eee;

}
*/
.header .common_all_category .category.append ul {width:270px; height:200px; overflow-y:auto;}
.header .common_all_category .category.append ul li:last-child {padding-bottom:15px; background:#fff;}

.banner_side {position:absolute; top:50px; z-index:1000; text-align:center;}
.banner_left {left:-145px; width:115px;}
.banner_left li {display:block; width:100%; height:208px; margin-bottom:8px;}
.banner_left li img {width:100%; height:100%;}

.quick_menu {right:-120px; width:90px; border:1px solid #ddd; background:#fff;}
.quick_menu ul li {display:block;}
.quick_menu .list {padding:0 10px;}
.quick_menu .list li {width:100%; padding:13px 0px; border-bottom:1px solid #efefef; line-height:1;}
.quick_menu .list li img, .quick_menu .list li span {display:block;}
.quick_menu .list li img {margin:auto; margin-bottom:8px;}
.quick_menu .list li span {color:#868686; font-size:11px;}
.quick_menu .list_item {width:100%; padding:19px 10px 8px;}
.quick_menu .list_item em {font-style:normal; color:#616161; font-weight:bold; margin-bottom:30px; font-size:12px; display:block;}



/*
.quick_menu #TodayView {padding-bottom:19px;}
.quick_menu #TodayView ul li {display:block; width:68px; height:68px; border:1px solid #efefef; margin-bottom:8px;}
.quick_menu #TodayView ul li img {width:100%; height:100%;}
.quick_menu #TodayView ul li:last-child {margin-bottom:0;}
*/
.quick_menu .item_amount {display:block; width:100%; text-align:center; font-size:11px; margin-bottom:10px; line-height:1; color:#616060;}
.quick_menu .item_amount span {color:#ef7569; font-weight:bold;}
.quick_menu .btn_scroll {display:block; width:100%; height:26px; line-height:26px; color:#fff; font-weight:bold; background:#a2a2a2; font-size:12px;}
.quick_menu .btn_scroll.up {border-bottom:1px solid #999;}
.quick_menu .btn_scroll:active {opacity:.9; transition:.2s;}
.quick_menu .view_cart{text-align:center; box-sizing:border-box; }
.quick_menu .view_cart em {font-style:normal; color:#616161; font-weight:bold; margin:15px 0 5px; font-size:12px; display:block;}
.quick_menu .view_cart_title{line-height:35px; font-weight:600; color:#333333;}
.quick_menu .view_cart ul {background:#fff; padding:10px 12px;}
.quick_menu .view_cart ul li{}
.quick_menu .view_cart ul li img{width:100%; box-sizing:border-box;}
.quick_menu .view_cart_nall{border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:10px; overflow:hidden; vertical-align:middle; font-size:0;}
.quick_menu .view_cart_nall a{float:left; vertical-align:middle;}
.quick_menu .view_cart_nall span{float:left; font-size:12px; color:#999999; display:inline-block; line-height:13px; width:40px; text-align:center;}
.quick_menu .view_cart_nall #tview_page {width:42px; height:18px; line-height:20px; border-left:1px solid #eee; border-right:1px solid #eee; text-align:center; font-size:12px; color:#666; font-family:"Dotum";}
.quick_menu #TodayView {padding:10px;  overflow:hidden;}
.quick_menu #TodayView ul {height:auto !important; overflow:hidden;}
.quick_menu #TodayView ul li {display:block; border:1px solid #efefef;}
.quick_menu #TodayView ul li:last-child {margin-bottom:0px !important;}


.fast_menu { display:flex; justify-content:center; gap:60px; margin-bottom:30px;}
.fast_menu li { text-align:center; list-style:none;}
.fast_menu li img { width:130px; height:130px; display:block; margin:0 auto; }
.fast_menu li p { margin-top:15px; font-size:15px; letter-spacing:0;}



/* main */
.area_main {font-family: 'Nanum Gothic'; width:100%; position:relative; letter-spacing:-1px;}
.area_main .area_mainbanner {width:100%; height:532px; background:#fff; margin-bottom:40px;}
.area_main .area_mainbanner .swiper-slide {background-size:1903px 532px !important;}
.area_main .area_mainbanner .swiper-slide a {display:block; width:1273px; height:100%; margin:auto; text-indent:-99999px;}
.area_main .area_mainbanner .swiper-pagination {left:auto; right:34px; color:#fff; font-weight:bold; font-size:18px; letter-spacing:-1px; width:58px; height:39px; line-height:39px; background:rgba(0,0,0,0.5);}
.area_main .area_mainbanner .arrow-wrap .main-next, .area_main .area_mainbanner .arrow-wrap .main-prev {top:50%; margin-top:-30px; width:32px; height:61px;}
.area_main .area_mainbanner .arrow-wrap .main-next {background:url("../images/banner/btn_main_next2.png?ver=1.1") center no-repeat; right:50px;}
.area_main .area_mainbanner .arrow-wrap .main-prev {background:url("../images/banner/btn_main_prev2.png?ver=1.1") center no-repeat; left:50px;}

.area_main .area_mainbanner .pagination-wrap {position:absolute; left:0; right:0; margin:auto; width:1273px; height:39px; bottom:26px;}
.area_main .area_mainbanner .pagination-wrap .main-next, .area_main .area_mainbanner .pagination-wrap .main-prev {top:0%; width:34px; height:39px; margin-top:0px; left:auto;}
.area_main .area_mainbanner .pagination-wrap .main-next {background:url("../images/banner/btn_main_next.png") center no-repeat  rgba(0,0,0,0.5); border-radius:0px 28px 28px 0px;  right:0;}
.area_main .area_mainbanner .pagination-wrap .main-prev {background:url("../images/banner/btn_main_prev.png") center no-repeat  rgba(0,0,0,0.5); border-radius:28px 0px 0px 28px; right:92px;}
.area_main .area_timedeal {width:100%; text-align:center; font-size:0;}
.area_main .video_wrap {position:relative; width:1273px; margin:auto; background:#fff;}
.area_main .video_wrap .link {position:absolute; top:50%; margin-top:-62px; right:0; display:block; font-size:0;}
.area_main .video_wrap .link img {width:300px;}
.area_main .video_wrap iframe {margin:auto; width:1273px;  aspect-ratio:16/9; display:block;}
/*
.area_main .area_timedeal .section {padding:72px 0px 44px;}
.area_main .area_timedeal .time_info {display:inline-block; vertical-align:middle; margin-left:}
.area_main .area_timedeal h3 {font-size:45px; line-height:1; margin-bottom:13px;}
.area_main .area_timedeal h3 em {font-style:normal; color:#e71502;}
.area_main .area_timedeal p {font-size:23px; line-height:1; margin-bottom:49px;}
.area_main .area_timedeal .time_info {margin-left:51px;}
.area_main .area_timedeal #timer {font-size:0; color:#e71502; overflow:hidden; font-weight:bold; line-height:1;}
.area_main .area_timedeal #timer span {font-size:60px; line-height:1;}
.area_main .area_timedeal #timer #hours:after {content:":";}
.area_main .area_timedeal #timer #minutes:after {content:":";}
*/
.area_main .banner_timedeal {
	position:relative; width:100%; height:486px; margin-bottom:211px;
	background: rgb(253,60,60); 
	background: -moz-linear-gradient(left,  rgba(253,60,60,1) 0%, rgba(249,4,148,1) 100%); 
	background: -webkit-linear-gradient(left,  rgba(253,60,60,1) 0%,rgba(249,4,148,1) 100%); 
	background: linear-gradient(to right,  rgba(253,60,60,1) 0%,rgba(249,4,148,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd3c3c', endColorstr='#f90494',GradientType=1 ); 
}


.clock {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 10px solid #344551;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    background: #fefbf2;
    transform: translate(-50%, -50%);
}

.clock::before {
    position: absolute;
    content: '';
    height: 45px;
    width: 3px;
    background: #344551;
    top: 50%;
    left: calc(50% - 2px);
    animation: spin 6s linear infinite;
    transform-origin: top;
}

.clock::after {
    position: absolute;
    content: '';
    height: 35px;
    width: 3px;
    background: #344551;
    top: 50%;
    left: calc(50% - 2px);
    animation: spin 72s linear infinite;
    transform-origin: top;
    
}

.clock .border {position:absolute; width:130px; height:130px; top:0px; left:0; border:5px solid #cccccc; border-radius:100px;}

@keyframes spin {
    0% {
        transform: rotate(-180deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

.clock_wrap {
	width:150px; height:150px; display:inline-block;  vertical-align:middle;
}

.clock_wrap::before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ff6036;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;

}

.clock_wrap::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #344551;
    left: 50%;
    top: calc(50% - 55px);
    z-index: 2;
    transform: translateX(-50%);
    box-shadow: 53px 55px 0 0 #344551, -53px 55px 0 0 #344551, 0 104px 0 0 #344551;
}


.area_main .area_quickmenu {width:100%; font-size:0; line-height:1; padding:68px 0 68px; text-align:center; background:#fff;}
.area_main .area_quickmenu .quickmenu_tab {display:inline-block; margin-bottom:60px;}
.area_main .area_quickmenu .quickmenu_tab li {display:inline-block; width:168px; text-align:center; margin:0 32px; line-height:43px; box-shadow:3px 5px 9px #c8c8c8; border-radius:50px; background:#eaeaea; vertical-align:top; font-size:21px; font-weight:bold;}
.area_main .area_quickmenu .quickmenu_tab li a {display:block; width:100%; height:100%;}
.area_main .area_quickmenu .quickmenu_tab li:hover {background:#f88b80; color:#fff; transition:.4s;}

.area_main .area_quickmenu .menu li {display:inline-block; margin:0 32px; vertical-align:top; width:94px;}
.area_main .area_quickmenu .menu li img {margin:auto; margin-bottom:13px;}
.area_main .area_quickmenu .menu li span {display:block; font-size:15px; word-break:keep-all; line-height:1.3;}

.area_main .erang_point {width:1125px; margin:auto; margin-bottom:10px; overflow:hidden; position:relative;}
.area_main .erang_point li {display:inline-block; font-size:14px; padding:10px 0; float:left; width:calc(50% - 7px);font-family:"GmarketSansMedium"; margin-right:12px; border:1px solid #aaa; text-align:center; color:#323232; font-size:15px;}
.area_main .erang_point li em {font-style:normal; font-weight:bold; color:#cc0000; font-weight:bold;}
.area_main .erang_point li:last-child {margin-right:0;}


.area_main .area_middlebanner {position:relative; width:1273px; margin:auto; font-size:0;}
.area_main .area_middlebanner .banner {display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.area_main .area_middlebanner .banner img {width:100%;}
.area_main .area_middlebanner .banner:nth-child(even) {margin-right:0;}

/*
.area_main .banner_timedeal .section {letter-spacing:-1px; position:absolute; left:0; right:0; top:75px; text-align:left; margin:auto; width:1130px; height:526px; padding:53px 48px; overflow:hidden; background:#fff; border-radius:50px;}
.area_main .banner_timedeal .section .info {float:left; width:344px;}
.area_main .banner_timedeal .section .info h4 {font-family:"BMDOHYEON"; font-weight:normal; margin-bottom:27px; font-size:26px; color:#fc3e3e;}
.area_main .banner_timedeal .section .info h4 em {font-style:normal; color:#2dcab3;}
.area_main .banner_timedeal .section .info h5 {font-family:"BMDOHYEON"; font-weight:normal; font-size:38px; height:96px; line-height:48px; overflow:hidden; margin-bottom:10px;}
.area_main .banner_timedeal .section .info p {word-break:keep-all; font-size:21px; height:56px; line-height:28px; overflow:hidden; margin-bottom:28px;}
.area_main .banner_timedeal .section .info .price {margin-bottom:29px;  line-height:1;}
.area_main .banner_timedeal .section .info .price span {color:#707070; font-size:30px; line-height:1; display:block; margin-bottom:14px; text-decoration:line-through;}
.area_main .banner_timedeal .section .info .price em {color:#000; font-size:43px; font-weight:bold; font-style:normal;}
.area_main .banner_timedeal .section .info .link {width:155px; height:49px; line-height:49px; color:#fff; font-size:22px; background:#ff4757; text-align:center; display:block; border-radius:40px;}
.area_main .banner_timedeal .section .thumb {float:right;}
*/
.area_black25 {font-size:0;}
.area_main .banner_black25 .section {letter-spacing:-1px; position:absolute; left:0; right:0; top:75px; text-align:left; margin:auto; width:1076px; height:526px; overflow:hidden;}
.area_main .banner_black25 .section img {width:100%;}
.area_main .banner_black25 {
	position:relative; width:100%; height:486px; margin-bottom:211px;
	background: rgb(111,2,147); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(111,2,147,1) 0%, rgba(244,4,148,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(111,2,147,1) 0%,rgba(244,4,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(111,2,147,1) 0%,rgba(244,4,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f0293', endColorstr='#f40494',GradientType=1 ); /* IE6-9 */
}


.market25_service {position:relative; width:100%; background:#fff; letter-spacing:-1px; overflow:hidden; padding:55px 0 45px; margin-bottom:30px;}
.market25_service .service_category {width:1273px; margin:auto; font-size:0; overflow:hidden; margin-bottom:33px;}
.market25_service .service_category .link {display:inline-block; float:left; vertical-align:top; width:calc(50% - 7px); margin-right:14px; margin-bottom:10px; text-align:center; height:45px; line-height:45px; /*background:url("../images/main/service/icon_service_cate_arrow.png") 50% center no-repeat;*/ border:1px solid #acabab;}
.market25_service .service_category .link:nth-child(even) {margin-right:0;}
.market25_service .service_category .link h3 {text-align:center;}
.market25_service .service_category .link .div {text-align:left; padding-left:20px;}
.market25_service .service_category .link h3, .market25_service .service_category .link .div {display:inline-block; vertical-align:middle; width:50%;}
.market25_service .service_category .link h3 img {vertical-align:middle;}
.market25_service .service_category .link span, .market25_service .service_category .link img {display:inline-block; vertical-align:top;}
.market25_service .service_category .link span {font-size:15px; color:#323232; font-family:"GmarketSansMedium"; margin-right:12px;}
.market25_service .service_category .link span em {font-style:normal; font-weight:bold; color:#cc0000; font-weight:bold;}
.market25_service .service_category .link a {display:block; width:100%; height:100%; padding-left:20px;}
.market25_service .service_menu {width:1125px; margin:auto; font-size:0; overflow:hidden;}
.market25_service .service_menu .link {display:inline-block; width:102px; text-align:center; vertical-align:top; margin-right:44px;}
.market25_service .service_menu .link:last-child {margin-right:0;}
.market25_service .service_menu .link img, .market25_service .service_menu .link span {display:block;}
.market25_service .service_menu .link img {margin:auto; margin-bottom:12px;}
.market25_service .service_menu .link span {line-height:1; font-size:15px; color:#262525; font-family:"GmarketSansMedium";}


.area_familysite {position:relative;  width:100%; background:#fff; letter-spacing:-1px; overflow:hidden;}
.area_familysite .row {width:100%; overflow:hidden; margin-bottom:128px;}
.area_familysite .row .thumb {float:left; width:383px;}
.area_familysite .row .category_list {width:890px; float:left; font-size:0; overflow:hidden; padding-top:1px;}
.area_familysite .row .category_list .link {display:inline-block; vertical-align:top; width:50%; height:72px; line-height:74px; margin-top:-1px; background:url("../images/main/service/icon_familysite_arrow.png") calc(100% - 40px) center no-repeat; border:1px solid #acabab; border-left:0;}
.area_familysite .row .category_list .link span, .market25_service .category_list .link img {display:inline-block; vertical-align:top;}
.area_familysite .row .category_list .link span {font-size:24px; color:#323232; font-family:"GmarketSansMedium"; margin-right:15px;}
.area_familysite .row .category_list .link:nth-child(n+5) {height:73px;}
.area_familysite .row .category_list .link a {display:block; width:100%; height:100%; padding-left:40px;}
.area_familysite .row .category_list .link:empty {background:#fff;}

.area_main .area_special {width:1273px; margin:auto; margin-bottom:20px; position:relative;}
.area_main .area_special .title { line-height:1; margin:auto; margin-bottom:80px; text-align:center; padding-top:72px; /*background:url("../images/main/bg_spring_title.png") left top no-repeat;*/}
.area_main .area_special .title h3 {font-size:56px; margin-bottom:24px;}
.area_main .area_special .title h3 em {font-style:normal; color:#ff7eac;}
.area_main .area_special .title p {font-size:30px;}
.area_main .area_special .slider_special {/*height:547px;*/}
.area_main .area_special .arrow {position:absolute; top:226px; left:0; width:100%; height:594px;}
.area_main .area_special .arrow .sp-next, .area_main .area_special .arrow .sp-prev {top:50%; margin-top:-30px; width:32px; height:61px;}
.area_main .area_special .arrow .sp-next {background:url("../images/banner/btn_main_next2.png?ver=1.1") center no-repeat; right:30px;}
.area_main .area_special .arrow .sp-prev {background:url("../images/banner/btn_main_prev2.png?ver=1.1") center no-repeat; left:30px;}
.area_main .area_special  img {width:100%;}
.area_main .area_special .swiper-slide {width:600px;}
.area_main .area_banner {width:1273px; margin:auto;	margin-bottom:120px;}
.area_main .area_banner img {max-width:1273px; width:100%;}
.area_main .area_banner.big {width:100%; margin:118px auto 0;}
.area_main .area_banner.big img {max-width:none;}
.area_main .banner_middle2 {width:100%; padding:20px 0 40px;}
.area_main .banner_middle2 a {display:block; margin:auto; width:1273px;}
.area_main .list_shop .title {width:100%; line-height:1; font-size:32px; margin-bottom:20px; text-align:center;}
.area_main .area_black25 .banner_title {width:100%; height:342px; background:url("../images/banner/banner_black25_title.png") center no-repeat;}
.area_main .area_black25 .banner_title img {max-width:100%; width:100%;}
/*
.area_main .event_weeksales {width:100%; height:1224px; background:url("../images/banner/banner_210326_weeksales.png?ver=1.2") center no-repeat; display:block; text-indent:-99999px;}
*/
.area_main .event_weeksales0329 {width:100%; height:788px; background:url("../images/banner/banner_210329_weeksales.png?ver=1.4") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0331 {width:100%; height:863px; background:url("../images/banner/banner_210331_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0402 {width:100%; height:908px; background:url("../images/banner/banner_210402_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0405 {width:100%; height:850px; background:url("../images/banner/banner_210405_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0407 {width:100%; height:566px; background:url("../images/banner/banner_210407_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0409 {width:100%; height:566px; background:url("../images/banner/banner_210409_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0412 {width:100%; height:624px; background:url("../images/banner/banner_210412_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0414 {width:100%; height:624px; background:url("../images/banner/banner_210414_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0416 {width:100%; height:591px; background:url("../images/banner/banner_210416_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0419 {width:100%; height:591px; background:url("../images/banner/banner_210419_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0421 {width:100%; height:566px; background:url("../images/banner/banner_210421_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0423 {width:100%; height:566px; background:url("../images/banner/banner_210423_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales0426 {width:100%; height:566px; background:url("../images/banner/banner_210426_weeksales.png?ver=1.6") center no-repeat; display:block; text-indent:-99999px;}
.area_main .event_weeksales {width:100%; height:566px; display:block; text-indent:-99999px;}
.area_main .area_weeksales {width:1273px; margin:auto; height:475px; display:block; overflow:hidden;}
.area_main .area_weeksales .event_weeksales {display:inline-block; float:left; width:630px; margin-right:13px;}
.area_main .area_weeksales .event_weeksales:last-child {margin-right:0;}
.area_main .area_weeksales .event_weeksales .img {width:100%; max-width:100%;}
@media screen and (min-width: 2000px) {
	.area_main .area_weeksales {text-align:center; font-size:0;}
}
.area_main .area_menubanner_wrap {position:relative; width:100%; padding:50px 0; background:#fff; margin:auto; overflow:hidden;}

.area_main .area_menubanner {position:relative; width:1273px; margin:auto; overflow:hidden;}
.area_main .area_menubanner a {display:inline-block; vertical-align:top; font-size:0; float:left; margin-right:13px; margin-bottom:13px;}
.area_main .area_menubanner a:nth-child(even) {margin-right:0;}

.area_main .area_premium {width:1273px; margin:auto; margin-bottom:84px; overflow:hidden;}
.area_main .area_premium li {float:left; display:inline-block; width:599px;}
.area_main .area_premium li:last-child {float:right;}

.area_main .menu_banner {width:100%; background:#fff; overflow:hidden;}
.area_main .menu_banner > ul {width:1273px; margin:45px auto 0px; overflow:hidden;}
.area_main .menu_banner > ul li {display:inline-block;}
.area_main .menu_banner > ul li:nth-child(1) {float:left;}
.area_main .menu_banner > ul li:nth-child(2) {float:right;}
.area_main .menu_banner .contents_store_lst {width:1273px; margin:auto; padding:38px 0px; border-bottom:1px solid #ddd;}
.area_main .menu_banner .contents_store_lst li {margin-right:45px; margin-bottom:0; width:284px !important;}
.area_main .menu_banner .contents_store_lst li:nth-child(4n) {margin-right:0;}
.area_main .menu_banner .contents_store_lst li:after {display:none;}
.area_main .menu_banner .contents_store_lst li .thum {height:284px;}
.area_main .banner_video {display:block; width:1273px; margin:auto; margin-bottom:45px;}



/* 직거래 직배송 가맹점 */
.area_main .area_drFranchise {position:relative; width:1273px; margin:auto; padding:65px 0 65px; text-align:center;}
.area_main .area_drFranchise .title {font-size:36px; margin-bottom:24px;}
.area_main .area_drFranchise .txt {font-size:30px; margin-bottom:40px;}
.area_main .area_drFranchise .list_wrap {width:100%; overflow:hidden; font-size:0;}
.area_main .area_drFranchise .list_wrap .list {float:left; width:615px;}
.area_main .area_drFranchise .list_wrap .list:nth-child(2) {float:right;}
.area_main .area_drFranchise .list_wrap .list .menu {display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:15px;}
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(1), 
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(3),
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(5),
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(6),
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(8),
.area_main .area_drFranchise .list_wrap .list .menu:nth-child(10) {margin-right:0;}
.area_main .area_drFranchise .list_wrap .list .menu:last-child {margin-bottom:0;}
.area_main .area_drFranchise .list_wrap2 {width:100%; overflow:hidden; font-size:0;}
.area_main .area_drFranchise .list_wrap2 .list {width:100%; font-size:0;}
.area_main .area_drFranchise .list_wrap2 .list .menu {display:inline-block; vertical-align:top; margin-right:15px; margin-bottom:15px;}
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(4n) {margin-right:0;}
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(2),
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(6), 
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(10),
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(14),
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(18), 
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(22),
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(26) {margin-right:42px;}
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(29) {margin-right:42px;}
.area_main .area_drFranchise .list_wrap2 .list .menu:nth-child(30) {margin-right:0;}
.area_main .area_drFranchise .list_wrap3 .list { width: 1273px; display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 auto; }  
.area_main .area_drFranchise .list_wrap3 .list .menu { width: 410px; margin-bottom:20px;}
.area_main .area_drFranchise .list_wrap3 .list .menu img {width:100%;}


/*
.contents_store_lst {font-size:0;}
.contents_store_lst li {width:236px; font-size:15px; position:relative; display:inline-block; vertical-align:top; margin-right:42px;}
.contents_store_lst li .thumb {width:236px; height:236px; margin-bottom:26px;}
.contents_store_lst li .thumb img {width:100%; height:100%;}
.contents_store_lst li:last-child {margin-right:0;}
*/


.content_store.recommend .contents_store_lst {padding:30px 38px; background:#fff; margin-bottom:30px;}
.content_store.recommend .arrow {width:100%; font-size:0; text-align:center; margin-bottom:50px;}
.content_store.recommend .arrow .pr-next1, .content_store.recommend .arrow .pr-prev1 {position:relative; display:inline-block; width:44px; height:44px; margin-top:0; top:0; left:0; right:0;} 
.content_store.recommend .arrow .pr-next1 {background:url("../images/main/btn_pr_next.png") center no-repeat;}
.content_store.recommend .arrow .pr-prev1 {background:url("../images/main/btn_pr_prev.png") center no-repeat; margin-right:-1px;}
.contents_store_lst.middle {width:1273px; padding:30px; margin:auto; margin-bottom:30px; background:#fff;}
.contents_store_lst.middle li {width:260px !important; margin-right:57.6px;}
.contents_store_lst.middle li:after {height:100%; right:-28px;}
.category_section {position:relative; width:100%; background:#fff; padding:118px 0;}
.category_section .column {position:relative; width:1273px; margin:auto;}
.category_section .column .title {width:100%; margin-bottom:25px; overflow:hidden;}
.category_section .column .title h3 {font-size:40px; float:left;}
.category_section .column .title .link {display:block; padding-top:13px; font-size:15px; color:#767575; font-weight:bold; float:right; letter-spacing:0;}
.category_section .column .wrap {position:relative; width:100%; height:1009px; border:1px solid #d2d2d2;}
.category_section .column .wrap .category_img {width:319px; height:1007px; float:left;}
.category_section .column .wrap .category_img img {width:100%;}
.category_section .column .wrap .contents_store_lst {width:951px; float:left; padding:30px 36px;}
.category_section .column .wrap .contents_store_lst li {margin-right:34px;}
.category_section .column .wrap .contents_store_lst li:nth-child(3n) {margin-right:0;}
.category_section .column .wrap .contents_store_lst li:after {display:none;}
.category_section .area_banner {margin:85px auto 95px;}
.area_event { position:relative; margin:auto;}
.area_event .swiper-slide {transition:.3s; font-size:0; float:left; width:auto; transition-property:none; margin-bottom:60px;}
.area_event .swiper-slide:nth-child(even) {float:right;}
.area_event .swiper-slide:hover {transition:.5s; box-shadow:10px 10px 10px #ccc;}
.area_event .swiper-slide img {width:599px;}


/* 가맹점 */
.fr_filter {position:relative; width:100%; height:36px; overflow:hidden; font-size:0; margin-bottom:20px;}
.fr_filter .filter {width:50%; float:left; margin-bottom:12px;}
.fr_filter .filter:last-child {margin-bottom:0;}
.fr_filter em, .fr_filter span {display:inline-block; margin-right:10px; font-style:normal; height:35px; line-height:35px; font-size:14px; min-width:150px; vertical-align:middle;}
.fr_filter em {min-width:auto; width:70px; font-weight:bold;}
.fr_filter span .select_form {height:35px; line-height:35px; font-size:13px; padding:0 25px 0 10px;}
.list_franchise {position:relative; width:100%;  font-size:0;}
.list_franchise li {position:relative; display:inline-block; overflow:hidden; vertical-align:top; width:614px; margin-right:44px; border:1px solid #e4e4e4; margin-bottom:44px;}
.list_franchise li .thumb {display:inline-block; vertical-align:middle; width:200px; height:200px;}
.list_franchise li .cont {display:inline-block; vertical-align:middle; width:387px; overflow:hidden; font-size:12px; padding-left:25px;}
.list_franchise li .cont .tit {font-weight:bold; font-size:16px; display:block; margin-bottom:10px;}
.list_franchise li .rating {line-height:1;}
.list_franchise li .addr {color:#777; word-break:keep-all; line-height:16px; margin-bottom:10px;}
.list_franchise li .addr b {color:#333;}
.list_franchise li .hours {color:#ff7d09;}
.list_franchise li .hours b {padding-top:4px; float:left;}
.list_franchise li .com {float:right; background:#ef7569; color:#fff;  padding:4px 8px; display:inline-block; font-size:11px; border-radius:10px; font-weight:bold;}

.list_franchise li:nth-child(even) {margin-right:0;}

.area_franchise  {width:1000px; margin:auto; position:relative;}
.area_franchise .view_title {width:100%; overflow:hidden; margin-bottom:0px;}
.area_franchise .view_thumb {text-align:center; width:100%; min-height:350px; /* background:url("../images/sub/bg_franchise.png?ver=1.1") center #d6ece4 no-repeat;*/ font-size:20px; letter-spacing:-1px;}
.area_franchise .view_thumb img {width:100%;}
.area_franchise .view_thumb .frview-next {background:url("../images/sub/icon_fr_next.png") center no-repeat; width:33px; height:59px; background-size:100%; right:15px;}
.area_franchise .view_thumb .frview-prev {background:url("../images/sub/icon_fr_prev.png") center no-repeat; width:33px; height:59px; background-size:100%; left:15px;}
.area_franchise .store_info {position:relative; width:100%; z-index:100; padding:40px 60px; background:#fff; margin:auto;}
.area_franchise .store_info .title {display:block; font-size:28px; letter-spacing:-1px; color:#333;  margin-bottom:22px; /*padding-bottom:28px; border-bottom:1px solid #eee;*/}
.area_franchise .store_info .rating {width:100%; margin-bottom:20px; font-size:16px;}
.area_franchise .store_info .rating .star_wrap {margin-right:0; margin-left:0;}
.area_franchise .store_info .rating span {margin-right:10px;}
.area_franchise .store_info .rating .line {width:1px; display:inline-block; background:#e3e3e3; margin:0px 10px;}
.area_franchise .store_info .rating label {height:18px; line-height:18px; vertical-align:top; color:#888; font-weight:bold;}
.area_franchise .store_info .rating label b {color:#333;}
.area_franchise .store_info .detail_info {width:100%;}
.area_franchise .store_info .detail_info li {display:block; margin-bottom:15px;}
.area_franchise .store_info .detail_info li:last-child {margin-bottom:24px;}
.area_franchise .store_info .detail_info li dfn, .area_franchise .store_info .detail_info li span {display:inline-block; vertical-align:top; font-style:normal; font-size:14px; line-height:1.4;}
.area_franchise .store_info .detail_info li dfn {font-weight:bold; width:80px;}
.area_franchise .store_info .detail_info li span {color:#333; width:400px; word-break:keep-all;}
/*
.area_franchise .store_info .detail_info .qrcode {display:inline-block; width:100px; height:100px; border:1px solid #e4e4e4;}
.area_franchise .store_info .detail_info .qrcode img {width:100%;}
*/
.area_franchise .qrcode {position:absolute; width:150px; height:150px; border:1px solid #e4e4e4; right:40px; top:30px;} 

.area_franchise .store_info .btn_purchase {font-size:18px; width:100%; height:55px; line-height:55px;}
.area_franchise .view_franchise .store_detail {width:100%; position:relative; overflow:hidden;}
.area_franchise .view_franchise .store_detail .store_tab {width:100%; height:60px; line-height:60px; }
.area_franchise .view_franchise .store_detail .store_tab .tab {cursor:pointer; display:block; text-align:center; font-size:16px; color:#888; width:50%; height:60px; line-height:60px; border-bottom:1px solid #ddd; float:left;}
.area_franchise .view_franchise .store_detail .store_tab .tab.on {color:#16806a; font-weight:bold; border-bottom:2px solid #ef7569;}
.area_franchise .view_franchise .store_detail .tab_con { clear:both;}
.area_franchise .view_franchise .store_detail .tab_con .tab_div {position:relative; word-break:break-word; height:auto; min-height:300px; background:#fff; padding:40px 0px;}
.area_franchise .view_franchise .store_detail .tab_con .tab_div .column {margin-bottom:40px;}
.area_franchise .view_franchise .store_detail .tab_con .tab_div .column h4 {font-size:18px; font-weight:bold; display:block; margin-bottom:20px;}
.area_franchise .view_franchise .store_detail .tab_con .tab_div .column img {max-width:100%;}
.area_franchise .view_franchise .store_detail .fr_menu {width:100%; table-layout:fixed; margin-bottom:30px;}
.area_franchise .view_franchise .store_detail .fr_menu th {font-weight:bold; color:#16806a !important;}
.area_franchise .view_franchise .store_detail .fr_menu th, .area_franchise .view_franchise .store_detail .fr_menu td {font-size:14px; border-bottom:1px solid #e9e9e9; padding:15px;}
.area_franchise .view_franchise .store_detail .fr_menu td.pv {font-weight:normal;}
.area_franchise .view_franchise .store_detail .fr_menu td.pr {font-weight:bold;}
.area_franchise .view_franchise .store_detail .fr_menu td.amount .text_form {transition:.3s; width:90px; height:36px; line-height:36px; background:#eee; text-align:center; font-size:14px;}
.area_franchise .view_franchise .store_detail .fr_menu td.amount .text_form:hover {background:#ddd;}
.area_franchise .view_franchise .store_detail .fr_menu thead th {border-top:2px solid #16806a;}
.area_franchise .view_franchise .store_detail .fr_menu tbody td {transition:.3s; cursor:pointer;}
.area_franchise .view_franchise .store_detail .fr_menu tbody tr:hover {background:#fafafa;}
.area_franchise .view_franchise .store_detail .fr_menu tfoot th {background:#fafafa; border:1px solid #e9e9e9;}
.area_franchise .view_franchise .store_detail .fr_menu tfoot th.title {text-align:left;} 
.area_franchise .view_franchise .store_detail .fr_menu .thumb img {width:70px; height:70px;}
.area_franchise .view_franchise .store_detail .fr_menu .pv, .area_franchise .view_franchise .store_detail .fr_menu .pr, .area_franchise .view_franchise .store_detail .fr_menu .amount {text-align:center;}
.area_franchise .view_franchise .store_detail .btn_purchase {margin:0 5px; display:inline-block;  width:180px; height:52px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list {padding:30px 20px; border-bottom:1px solid #ddd;}
.area_franchise .view_franchise .store_detail .tab_div.review .list h4 {font-size:16px; color:#333; line-height:1; margin-bottom:15px; float:left;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .del {float:right; font-size:14px; color:#999;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .rating {margin-bottom:17px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .rating .star_wrap {margin:0;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .rating .line {position:relative; top:2px;width:1px; height:18px; background:#e3e3e3; margin:0 7px; display:inline-block;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .rating label {display:inline-block; vertical-align:top; font-size:16px; color:#999; height:18px; line-height:18px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .menu {font-size:12px; background:#ef7569; color:#fff; display:inline-block; padding:5px 12px; border-radius:15px; font-weight:bold; line-height:1.3; margin-bottom:10px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .comment {font-size:14px; line-height:24px; word-break:keep-all;}
.popup_purchase {width:100%; padding:20px; overflow-y:auto; max-height:640px;}
.popup_purchase p {font-size:14px; line-height:20px;}
.popup_purchase table {width:100%; margin:10px 0 15px; border-collapse:collapse;}
.popup_purchase table th {width:150px; background:#fafafa;}
.popup_purchase table td {color:#444}
.popup_purchase table td .weps em {font-style:normal; color:#ce3728;}
.popup_purchase table td .won {color:#999;}
.popup_purchase table td .point em {font-style:normal; color:#0164d3;}
.popup_purchase table th, .popup_purchase table td {padding:15px; font-size:14px; font-weight:bold; border:1px solid #ddd;}
.popup_purchase .text_purchase {font-size:14px; font-weight:bold; box-sizing:border-box; width:100%; border:1px solid #ddd; height:35px; padding:0 30px 0 10px;}
.popup_purchase .text_purchase + label {position:absolute; right:10px; line-height:35px; top:0; color:#777;}

.popup_booking {width:100%; padding:20px;}
.popup_booking p {font-size:14px; line-height:20px;}
.popup_booking table {width:100%; margin:10px 0 15px; border-collapse:collapse;}
.popup_booking table th {width:130px; background:#fafafa;}
.popup_booking table td {color:#444}
.popup_booking table th, .popup_booking table td {padding:10px 15px; font-size:14px; border:1px solid #ddd;}
.popup_booking .select_form {height:30px; padding-right:10px;}
.popup_booking .inputwrap {display:inline-block; position:relative; margin-right:10px;}
.popup_booking .inputwrap:last-child{margin-right:0;}
.popup_booking .inputwrap .select_form {width:auto; padding-right:30px; background: url("../images/common/icon_select.png") no-repeat calc(100% - 10px) center #fff;}
.popup_booking .inputwrap .select_form + label {position:absolute; right:32px; line-height:30px; top:0; font-weight:normal;}
.popup_booking .inputwrap .select_form.date {padding-right:45px;}
.popup_booking .row_booking {width:100%; margin-bottom:20px;}
.popup_booking .row_booking h5 {font-size:14px; display:block; margin-bottom:10px;}
.popup_booking .row_booking p {margin-top:5px; color:#666; font-size:12px;}
.popup_booking .row_booking table {margin:0;}
.popup_booking table td .weps em {font-style:normal; color:#ce3728;}
.popup_booking .text_purchase {font-size:14px; font-weight:bold; box-sizing:border-box; width:100%; border:1px solid #ddd; height:35px; padding:0 30px 0 10px;}
.popup_booking .text_purchase + label {position:absolute; right:10px; line-height:35px; top:0; color:#777;}

#PopupPrdPreview .thumb {width:100%;} 
#PopupPrdPreview .thumb img {width:100%;}
#PopupPrdPreview .pr_title {display:block; font-size:18px; padding:23px 20px 15px; word-break:keep-all; letter-spacing:-1px;}
#PopupPrdPreview .info {width:100%; padding:0 20px; margin-bottom:30px;}
#PopupPrdPreview .info li {display:block; position:relative; overflow:hidden; font-size:14px;}
#PopupPrdPreview .info li em {font-style:normal; font-weight:bold; float:left;}
#PopupPrdPreview .info li span.pr_price {font-weight:bold; color:#16806a; font-size:18px;}
#PopupPrdPreview .info li span .text_form {width:65px; height:28px; line-height:28px; background:#eee; text-align:center;}
#PopupPrdPreview .popup_container {width:600px;}
#PopupPrdPreview .popup_content {overflow:hidden;}
#PopupPrdPreview .popup_content {max-height:700px; overflow-y:auto;}
#PopupPrdPreview .btn_purchase {width:130px; height:40px; margin:auto; margin-bottom:25px; display:block; font-size:14px;}
#PopupPrdPreview .detail_info {width:100%; padding:0 20px;}
#PopupPrdPreview .detail_info h5 {border-top:2px solid #16806a; border-bottom:1px solid #e9e9e9; text-align:center; font-size:14px; width:100%; padding:12px 0; margin-bottom:15px;}
#PopupPrdPreview .detail_info .cont {width:100%; position:relative;}
#PopupPrdPreview .detail_info .cont img {max-width:100%; width:100%;}
#PopupPrdPreview .swiper-slide img {width:100%;}
#PopupPrdPreview .swiper-button-next, #PopupPrdPreview .swiper-button-prev {width:22px; height:59px; background-size:100% !important; margin-top:-30px;}
#PopupPrdPreview .swiper-button-next {background:url("../images/sub/icon_fr_next.png") center no-repeat; right:15px;}
#PopupPrdPreview .swiper-button-prev {background:url("../images/sub/icon_fr_prev.png") center no-repeat; left:15px;}  
#PopupPrdPreview .swiper2 {width:100%; overflow:hidden;}
#PopupPrdPreview .swiper2 .swiper-wrapper {align-items:stretch; box-sizing:border-box;}
#PopupPrdPreview .swiper2 .swiper-slide {flex:0 0 100% !important; width:100% !important; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
#PopupPrdPreview .swiper2 .swiper-slide img {display:block; width:100%; max-width:100%; height:auto; object-fit:contain;}



/*
#PopupPrdPurchase .popup_content table {width:100%; table-layout:fixed;}
#PopupPrdPurchase .popup_content table th, #PopupPrdPurchase .popup_content table td {padding:0 15px; height:35px; font-size:12px; border:1px solid #ddd; text-align:center;}
#PopupPrdPurchase .popup_content table thead th {border-top:2px solid #16806a;}
#PopupPrdPurchase .popup_content table td.title {text-align:left;}
#PopupPrdPurchase .popup_content table td.pr {font-weight:bold;}
#PopupPrdPurchase .popup_content table tfoot th {background:#fafafa; border:1px solid #e9e9e9;}
#PopupPrdPurchase .popup_content table tfoot th.title {text-align:left;}
*/


.inquire_wrap {margin:0; padding:0; width:100%; background:#fff; overflow:hidden;}
.inquire_wrap .inquire_comment {box-sizing:border-box; width:100%; background:#fafafa; padding:20px; text-align:right; border-bottom:1px solid #ddd;}
.inquire_wrap .inquire_comment .select_star {width:100%; margin-right:20px; margin-bottom:10px; text-align:left; display:inline-block;}
.inquire_wrap .inquire_comment .select_star span, .inquire_wrap .inquire_comment .select_star select {display:inline-block; vertical-align:middle;}
.inquire_wrap .inquire_comment .select_star span {font-weight:bold; font-size:14px; margin-right:10px;}
.inquire_wrap .inquire_comment .select_star select {width:100px; padding-left:10px; border:1px solid #ddd; height:35px;}
.inquire_wrap .inquire_comment .select_star .btn_thumb {width:100px; height:35px; background:#fff; border:1px solid #ef7569; color:#00b594; font-weight:bold; margin-left:5px; vertical-align:bottom;}
.inquire_wrap .inquire_comment textarea {box-sizing:border-box; border:1px solid #ddd; padding:10px; font-size:14px; line-height:1.4; width:100%; height:100px; margin-bottom:15px;}
.inquire_wrap .inquire_comment .btn_submit {font-size:14px; font-weight:bold; width:110px; height:40px;}
.inquire_wrap .inquire_list {width:100%; display:block; border-bottom:1px solid #ddd;}
.inquire_wrap .inquire_list .inquire {width:100%; padding:25px 20px; box-sizing:border-box;}
.inquire_wrap .inquire_list .inquire .title {overflow:hidden; margin-bottom:10px;}
.inquire_wrap .inquire_list .inquire .title h4 {float:left; font-size:17px; color:#333; line-height:1;}
.inquire_wrap .inquire_list .inquire .title .date {float:right; font-size:14px; color:#888;}
.del {float:right; margin-left:10px;}
.inquire_wrap .inquire_list .inquire .comment {font-size:14px; line-height:1.5;}
.inquire_wrap .inquire_list .inquire_answer {padding:25px 20px 25px 40px; border-top:1px dashed #eee; background:url("../../images/sub/icon_answer.png") 20px 36px no-repeat #fff; font-weight:bold; color:#2569bd; word-break:keep-all; line-height:1.5;}
.inquire_wrap .inquire_list .inquire_answer h4 {font-size:15px; border-radius:5px; padding:4px 10px; background:#1996f7; color:#fff; font-weight:bold; display:inline-block; margin-bottom:8px;}
.inquire_wrap .inquire_list .inquire_answer .date {float:right; font-size:14px; color:#888; font-weight:normal;}



.rating {font-size:14px; color:#555; margin-bottom:14px;}
.rating .star_wrap {position:relative; width:100px; height:18px; vertical-align:top; display:inline-block; margin:0 8px; background:url("../images/sub/bg_rating_star.png") center no-repeat;}
.rating .star_wrap .star {width:100%; height:100%; background:url("../images/sub/bg_rating_star_on.png") no-repeat;}
.rating span, .rating label {display:inline-block; vertical-align:top; font-weight:bold; height:18px; line-height:18px; position:relative; top:1px; }
.rating label:before {content:"(";}
.rating label:after{content:")";}

/*
.list_franchise li:after {position:absolute; top:0; right:0; content:""; width:1px; height:440px;}
*/



/* 기타 */
.overflow {overflow:hidden;}
.scroll {overflow-y:scroll !important;}
.scroll-auto {overflow-y:auto !important;}
.visible {overflow:visible;}
.left {float:left !important;}
.right { float:right !important;}
.tleft {text-align:left !important;}
.tcenter {text-align:center !important;}
.tright {text-align:right !important;}
.clear {float:none !important;}
.vtop {vertical-align:top !important;}
.vbottom {vertical-align:bottom !important;}
.writeText {border:1px solid #ddd; width:100%; height:150px; padding:15px; font-family: 'Dotum', sans-serif; background:#fff; font-size:12px; color:#666; line-height:1.3; overflow-y:scroll;}
.writeText:focus {box-shadow:0px 2px 5px #999;}
.writeText dl {margin-bottom:25px; line-height:1.7;}
.writeText dl dt {font-weight:bold;}
.em {font-weight:bold; color:#333; font-style:normal;}
.bold {font-weight:bold;}
.block {display:block !important;}
.inb {display:inline-block;}
.tbc {display:table-cell !important; vertical-align:middle;}
.cb {position:relative; top:2px;}
.pointer {cursor:pointer;}
.imp {color:#a41515;}
.absolute {position:absolute !important;}
.relative {position:relative !important;}
.label {color:#666; font-size:14px;}



 /* 정렬관련 */
.t0 {top:0% !important;}
.b0 {bottom:0%;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt60 {margin-top:60px !important;}
.mt90 {margin-top:90px !important;}
.pt5 {padding-top:5px !important;}
.pt8 {padding-top:8px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt60 {padding-top:60px !important;}
.pt90 {padding-top:90px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.ml0 {margin-left:0px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.bt01 {border-top:1px solid #d7d7d7;}
.bb01 {border-bottom:1px solid #d7d7d7;}
.b0 {border:0 !important;}
.br0 {border-right:0;}
.bl0 {border-left:0;}
.p0 {padding:0px !important;}
.p10 {padding:10px !important;}
.p20 {padding:20px !important;}
.p30 {padding:30px !important;}
.ps20 {padding:0 20px !important;}
.pl0 {padding-left:0px !important;}
.pr0 {padding-right:0px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.mt0 {margin-top:0;}
.ml5 {margin-left:5px !important;}
.mr5 {margin-right:5px !important;}
.mb0 {margin-bottom:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pt0 {padding-top:0;}

/* 사이즈 */
.w10 {width:10% !important;}
.w15 {width:15% !important;}
.w20 {width:20% !important;}
.w30 {width:30% !important;}
.w40 {width:40% !important;}
.w45 {width:45% !important;}
.w50 {width:50% !important;}
.w55 {width:55% !important;}
.w60 {width:60% !important;}
.w70 {width:70% !important;}
.w80 {width:80% !important;}
.w90 {width:90% !important;}
.w100 {width:100% !important;}
.h20 {height:195px !important;}
.h30 {height:240px !important;}
.h40 {height:40% !important;}
.h50 {height:50% !important;}
.h60 {height:580px !important;}
.h70 {height:625px !important;}
.h80 {height:670px !important;}
.h100 {height:100% !important;}
.r0 {right:0 !important;}
.price {color:#222 !important;  font-weight:600;}
.pv {color:#ef7569 !important; font-weight:600; }
.pv2 {color:#d65610 !important; font-weight:600;}
.pv3 {color:#1a7afd !important; font-weight:600;}
.pv4 {color:#c712a7 !important; font-weight:600;}
.pv5 {color:#d90005 !important; font-weight:600;}


.footer {position:relative; width:100%; background:#f5f5f5; font-family:"Dotum";}
.footer * {letter-spacing:0;}
.footer .customer_section {position:relative; width:1273px; margin:auto; padding:60px 0; overflow:hidden;}
.footer dl {color:#494848; height:165px; line-height:1.2; display:inline-block; vertical-align:top; margin-right:100px;}
.footer dl:nth-child(2) {border-right:1px solid #e5e4e4; padding-right:100px;}
.footer dl:last-child {border-right:0; margin-right:0;}
.footer dl dt {text-align:left; font-weight:bold; margin-bottom:24px; font-size:15px;}
.footer dl dd {position:relative; font-size:12px; text-align:left; margin-bottom:12px;}
.footer dl dd:last-child {margin-bottom:0;}						
.footer dl dd.msg {padding-bottom:13px; line-height:24px; margin-bottom:17px;}
.footer dl dd.msg:after {content:""; width:10px; height:1px; background:#ccc; position:absolute; bottom:0; left:0;}
.footer dl dd.otherlink {border:1px solid #ddd; padding:8px 10px 7px;}
.footer .area_banner {font-size:0; width:100%;}
.footer .area_banner img {width:100%;}
.footer_banner {display:block; width:100%; height:88px; text-indent:-99999px; background:url("../images/banner/banner_footer_210324.png?ver=1.1") center no-repeat #5629f5;}
.footer_banner.namhae25 {background:url("../images/banner/users/namhae25/banner_footer_210813.png?ver=1.1") center no-repeat #5629f5;}
.footer .contact {position:relative; width:100%; margin:auto; padding:60px 0; background:#fff;}
.footer .contact .footer_logo {display:flex; margin-bottom:25px; gap:25px; align-items:center;}
.footer .contact .txt {width:100%; font-size:12px; color:#666; line-height:20px; font-size:12px;}


/* sub */
.container {width:100%; height:100%; min-height:800px; position:relative; font-family:"Nanum Gothic";}
.sub_content {position:relative; overflow:hidden; width:1273px; margin:auto; padding-bottom:100px;}
.sub_header {width:100%; position:relative;}
.sub_header .site_location {display:none;width:100%; height:44px; line-height:44px; margin:auto;margin-bottom:60px; background:#f0f1f3;}
.sub_title {position:relative; line-height:1; color:#000; padding:80px 0 60px; text-align:center;}
.sub_title h2 {font-size:38px;}
.sub_title p {display:none; font-size:16px;}


/* 회원가입 */
.join_titleBox{margin-top:30px;}
.join_title{font-size:18px; font-weight:600; color:#333333; margin-bottom:10px;}
.join_titleB{font-size:13px; font-weight:600; color:#333333; margin-bottom:15px;}
.join_titleBadd{font-size:13px; color:#333333; margin-bottom:15px; line-height:18px;}
.join_titleBadd span{font-size:4px; position:relative; top:-3px; margin-right:8px;}
.join_titleS{font-size:13px; color:#777777; line-height:19px; white-space:normal;}


.join_step:after{content:""; display:block; clear:both; }
.join_step li{display:inline-block; float:left;}
.join_step li:after{content:""; display:block; clear:both; }
.join_step li p{float:left; height:40px; line-height:35px; text-align:center;}

.step_arrow{width:16px; height:40px; background:url(../img/joinStep_arrow.png) no-repeat;}
.step_off{width:129px; height:40px; border-radius:5px; border:1px solid #cccccc; color:#666666; box-sizing:border-box; font-weight:600;}
.step_on{width:129px; height:40px; border-radius:5px; border:1px solid #ef7569; color:#FFFFFF; box-sizing:border-box; font-weight:600; background:#ef7569;}

.join {margin-top:40px;}
.join_text{font-size:16px; font-weight:600; color:#333333; margin-bottom:15px;}
.join_checkbox{margin-bottom:20px;}
.join_check{font-size:12px; text-align:right; margin-top:10px;}
.join_check label{position:relative; top:5px; color:#555555; margin-right:5px;}
.join_check input{position:relative; top:3px;}

.join_check_all{margin-top:20px;}
.join_check_all p{margin-bottom:10px;}
.join_check_all span{ font-size:13px; color:#555555; margin-left:7px;}
.join_check_all strong{ font-size:13px; color:#333333; font-weight:600; margin-left:7px; }
.join_check_all input{position:relative; top:2px;}

.join_btn_box{text-align:center; font-family: 'Nanum Gothic', sans-serif; margin-top:40px;}
.join_btn_prev{width:170px; padding:13px 0; border:1px solid #cccccc; background:#ffffff; color:#666666; font-size:15px; font-weight:600; margin:0 2px; cursor:pointer;}
.join_btn_next{width:170px; padding:13px 0; border:1px solid #ef7569; background:#ef7569; color:#FFFFFF; font-size:15px; font-weight:600; margin:0 2px; cursor:pointer;}

.join_end{width:100%; text-align:center; margin:50px 0;}
.join_txt{ font-size:13px; color:#777777; margin:40px 0;}
.join_txt strong{display:block; font-size:32px; color:#333333; margin-bottom:30px; letter-spacing:-1px;}
.join_txt span{display:block; font-size:18px; color:#333333; margin-bottom:20px;}

.join_end_btn{ width:250px; height:50px; border:1px solid #DDDDDD; box-sizing:border-box; background:#FFFFFF; border-radius:4px; font-size:15px; font-weight:600; color:#555; cursor:pointer;}


.join_end{text-align:center;}
.joinEnd_title{font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-size:22px; font-weight:600; color:#333333;}
.jeB_1{font-size:38px; color:#ECAB0B;}
.jeB_2{font-size:38px; color:#015cab;}
.joinEnd_B{font-size:17px; font-weight:600; margin:30px 0; color:#333333;}
.joinEnd_S{font-size:13px; line-height:19px; color:#777777; margin:20px; }
.joinEnd_img{margin:30px 0;}
.joinEnd_btn{ width:250px; height:50px; background:#333333; border:1px solid #333333; color:#fff; font-size:16px; font-weight:600; cursor:pointer;}


/* 로그인 */
.loginTitle {width:100%; text-align:center; padding-top:40px; padding-bottom:40px; margin-bottom:21px; background:url("../images/sub/bg_login_logo.png") bottom center no-repeat;}
.loginTitle h3 {display:block; font-size:24px; margin-bottom:30px; font-weight:normal;}
.loginTitle span {color:#666; font-size:14px;}
.loginBox {width:100%; box-sizing:border-box; padding:70px 0 43px; overflow:hidden; margin:auto; position:relative; border:1px solid #eee;}
.loginWrap {width:564px; margin:auto;}
.loginForm {float:left;}
.loginForm span { width:68px; display:inline-block; font-size:16px; font-weight:bold;}
.loginForm div { margin-bottom:15px; display:block;}
.loginForm div:last-child {margin-bottom:0; }
.joinbox p { margin-bottom:10px; font-size:14px;}
.loginJoinField {width:50%; background:#fff; border:1px solid #eee; border-top:0; color:#666; float:left; position:relative; text-align:center; box-sizing:border-box; padding:37px 0;}

.snsLoginBox {width:534px; overflow:hidden; margin:auto; margin-top:38px; padding:25px 25px 0px 25px; border-top:1px solid #e3e4e8;}
.snsLoginBox .title {line-height:1; margin-bottom:32px; text-align:center;}
.snsLoginBox .title h4 {font-family:"Malgun Gothic"; font-size:15px; color:#333; font-weight:bold; margin-bottom:7px;}
.snsLoginBox .title span {font-family:"Malgun Gothic"; font-size:15px; color:#666;}
.snsLoginBox .snsList {margin:auto; text-align:center; overflow:hidden;}
.snsLoginBox .snsList li {float:left; display:block; margin-right:8px; margin-bottom:5px;}
.snsLoginBox .snsList li:nth-child(even){margin-right:0;}


.subTabMenu {width:1258px; margin:auto; margin-bottom:30px; font-size:0;}
.subTabMenu li {cursor:pointer;display:inline-block; width:25%; height:50px; line-height:50px; color:#333; font-size:14px; background:#fff; text-align:center; font-weight:bold; border:1px solid #ddd; border-right:0;}
.subTabMenu li:first-child {border-radius:100px 0px 0px 100px;}
.subTabMenu li:last-child {border-right:1px solid #ddd; border-radius:0px 100px 100px 0px;}
.subTabMenu li.active {
	background:#f88b80;
	color:#fff;
}
.subTabMenu li a {display:block; width:100%; height:100%;}

.subTab2depthMenu {width:1258px; margin:auto; margin-bottom:15px; font-size:0;}
.subTab2depthMenu li {cursor:pointer; display:inline-block; width:33.3%; height:40px; line-height:40px; color:#333; font-size:14px; background:#fff; text-align:center;  border:1px solid #ddd; border-right:0; color:#555;}
.subTab2depthMenu li.active {background:#ef7569; color:#fff; font-weight:bold;}
.subTab2depthMenu li a {display:block; width:100%; height:100%;}
.subTab2depthMenu li:nth-child(6n) {border-right:1px solid #ddd;}
.subTab2depthMenu li:nth-child(n+7) {border-top:0;}
.subTab2depthMenu li:last-child {border-right:1px solid #ddd;}
/*
.subTab2depthMenu {width:1258px; margin:20px auto 40px; font-size:0;}
.subTab2depthMenu li {text-align:center; border-bottom:1px solid #ddd;  width:33.3%; height:50px; line-height:50px; display:inline-block; font-size:14px; display:inline-block;}
.subTab2depthMenu li:first-child {width:33.4%;}
.subTab2depthMenu li a {display:block; width:100%; height:100%;}
.subTab2depthMenu li.active {border-bottom:1px solid #16806a; color:#16806a; font-weight:bold;}
*/

.subTab3depthMenu {width:1258px; margin:20px auto 40px; font-size:0;}
.subTab3depthMenu li {text-align:center; border-bottom:1px solid #ddd;  width:25%; height:30px; font-size:14px; display:inline-block;}
.subTab3depthMenu li a {display:block; width:100%; height:100%;}
.subTab3depthMenu li.active {border-bottom:1px solid #ef7569; color:#ef7569; font-weight:bold;}


/* 광고마케팅 */
.alertMessage {width:100%; margin-bottom:20px; font-size:16px;}
.alertMessage em {font-weight:bold; font-style:normal;}
.alertMessage em:before {content:"*"; margin-right:5px;}
.marketTable {width:100%; font-size:14px;}
.marketTable th {padding:10px 0; border:1px solid #ddd; height:50px; background:#fafafa;}
.marketTable td {padding:10px; border:1px solid #ddd; background:#fff; text-align:center;}
.marketTable tr th:first-child {background:#fff5ef;}
.sectionBanner {width:100%; position:relative; overflow:hidden;}
.sectionBanner .thumb {width:100%; height:100%; padding:15px; border:1px solid #ddd; text-align:center;}
.sectionBanner .thumb img {}
.sectionBanner .info {width:100%; height:100%; overflow:hiddentext-align:center;}
.sectionBanner .info .px {font-size:14px; font-weight:bold; text-align:center; padding:20px 0; display:block; }
.sectionBanner .article {width:100%; height:100%; background:#fff; border:1px solid #ddd; padding:30px;}
.sectionBanner .article .banner {width:100%; margin:auto; text-align:center;}
.area_cancel {width:100%; margin:20px 0; padding:115px 0 40px 0; text-align:center; background:url("../images/sub/icon_myoffice_3_2_1.png") center 15% no-repeat #fafafa; border:1px solid #eee; background-size:65px; color:#333; line-height:2; font-weight:bold;}
/* 20200222 도메인 주의사항 */
.boxDomain {padding:35px 25px; border:1px solid #ddd; margin-bottom:20px; font-size:18px; color:#333; margin-top:20px;}
.boxDomain h2 {display:block; text-align:center; border-radius:100px; color:#0d6fb8;  margin:auto; font-size:24px; margin-bottom:20px;}
.boxDomain ul li {width:100%; display:block; text-align:center; margin-bottom:10px;}
.boxDomain ul li em {font-style:normal; color:#ef7569; font-weight:bold;}
.boxDomain ul li:last-child {margin-bottom:0; font-weight:bold;}

.area_propose {position:relative; display:table; width:900px; margin:auto; margin-bottom:20px; border:1px solid #ddd; padding:35px; background:#fff;}
.area_propose * {box-sizing:border-box;}
.area_propose .column {width:100%; display:table-row; font-size:0; margin-bottom:15px;}
.area_propose .column .th, .area_propose .column .td {display:table-cell; padding:20px; border:1px solid #e1e1e1; border-bottom:0; vertical-align:middle; font-size:14px; text-align:left;}
.area_propose .column:last-child .th, .area_propose .column:last-child .td {border-bottom:1px solid #e1e1e1;}
.area_propose .column .th {font-weight:bold; width:30%; background:#fcfcfc;}
.area_propose .column .td {width:70%; border-left:0;}
.area_propose .column .td .progressbar {margin-top:10px;}
.area_propose .column .td * {vertical-align:middle;}
.area_propose .terms_row {position:relative; margin-bottom:30px;}
.area_propose label {font-size:14px; line-height:1.5;}

.area_propose.end {padding:100px;}
.area_propose.end h3 {font-size:24px; display:block; margin-bottom:30px;}
.area_propose.end img {margin-bottom:40px;}
.area_propose.end .btn_inquire {height:50px; font-size:16px; padding:0 40px;}



/* 프로그래스바 20180322 */
.file {overflow:hidden;}
.file .text_inquire {width:73%; float:left;}
.file .btnMain {height:35px; line-height:35px; float:right;}
.progressbar {position:relative; width:auto; height:30px; line-height:30px; font-family:"Malgun Gothic"; overflow:hidden; padding:0px; background:#eee; text-align:center;}
.percent { 
font-size:12px; font-weight:bold; width:100%;  height:100%; position:absolute; top:0; left:0; color:#eee;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16d4a5+0,3561b3+100 */
background: #16d4a5; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #16d4a5 0%, #3561b3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #16d4a5 0%,#3561b3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #16d4a5 0%,#3561b3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16d4a5', endColorstr='#3561b3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.tooltip01 {background:#fff; border-radius:20px; padding:10px; font-size:14px; display:none;}
.file_upload {width:100%; overflow:hidden; margin-top:10px; }
.file_upload .progressbar {width:83%;}


/* 레이어팝업 */
.popup_layer {display:none; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.6); z-index:9999; font-family:"Malgun Gothic";}
.popup_layer .popup_wrap {display:table; width:100%; height:100%; vertical-align:middle;}
.popup_layer .popup_wrap .popup {display:table-cell; vertical-align:middle;}
.popup_layer .popup_container {position:relative; overflow:hidden; width:1100px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:60px; line-height:60px; padding-left:20px; padding-right:0px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#ef7569; }
.popup_layer .popup_title .title {font-size:18px; display:inline-block; float:left;}
.popup_layer .popup_title .txt {font-size:14px; display:inline-block; margin-left:10px; opacity:.75;}
.popup_layer .btn_popup_close {cursor:pointer; float:right; border:0; width:60px; height:60px; text-indent:-99999px; background:url("../images/common/btn_topbanner_close.png") center no-repeat; background-size:24px;}
.popup_layer .popup_content {position:relative; width:100%; }
.popup_layer .popup_content .form {padding:20px; height:500px; overflow-y:auto;}
.popup_layer .popup_content .form .inquire_form {width:100%;}
.popup_layer .popup_content .form .inquire_form th, .popup_layer .popup_content .form .inquire_form td {text-align:left; font-size:12px; padding:10px; border:1px solid #e1e1e1;}
.popup_layer .popup_content .form .inquire_form th {background:#fcfcfc;}
.popup_layer.min .popup_container {width:540px;}
.popup_layer .area_btn {margin:20px 0; text-align:center;}
.popup_layer .area_btn input[type='button'] {margin:0 5px;}

.area_franchise .list_title {width:100%; padding-bottom:30px; margin-bottom:30px; position:relative; overflow:hidden; border-bottom:1px solid #e9e9e9; text-align:right;}
.area_franchise .list_title h3 {float:left; color:#555; font-size:16px; padding-top:8px;}
.area_franchise .list_title .btn_franchise_opt {cursor:pointer; float:right; border:0; text-indent:-99999px; width:22px; height:18px; background:url("../../images/sub/icon_fr_option.png") center no-repeat;}
.area_franchise .list_title select {display:inline-block; float:right; width:150px; padding-left:10px; vertical-align:top;}
.area_franchise .list_title .form_search {display:inline-block; float:left;}
.area_franchise .list_title .form_search * {height:40px; line-height:40px; vertical-align:top;}
.area_franchise .list_title .form_search .textBoardSearch {width:252px; border-left:1px solid #e1e1e1; margin-right:5px;}
.area_franchise .list_title .form_search .textBoardSearch:focus {border-color:#999;}

.tab_form {width:100%; margin-bottom:40px; overflow:hidden;} 
.tab_form li {transition:.2s; width:25%; height:50px; line-height:50px; color:#555; font-size:14px; text-align:center; border:1px solid #e9e9e9; border-right:0; float:left; display:inline-block;}
.tab_form li a {display:block; width:100%; height:100%;}
.tab_form li.on {background:#ef7569; color:#fff; font-weight:bold;}
.tab_form li:hover {background:#f4f4f4;}
.tab_form li.on:hover {background:#db594c;}
.tab_form li:last-child {border-right:1px solid #e9e9e9;}


.tab_category {position:relative;width:100%;font-size:0;margin-bottom:25px;border: 1px solid #eee;border-radius: 10px;box-shadow: 0px 3px 8px rgba(0,0,0,0.07);}
.tab_category li {position:relative;display:inline-block;width:33.3%; font-weight:bold; letter-spacing:-0.5px; text-align:center;overflow:hidden;font-size:16px; border-bottom:1px solid #eee; color:#444;}
.tab_category li span {position:relative; display:inline-block; padding:0 40px;}
.tab_category li.on span:after {position:absolute;content:"";background:#fa6a5b;width:100%;height: 4px;bottom: -22px;left:0;z-index: 9999;}
.tab_category li a {display:block;padding: 22px 0 22px;}
.tab_category li.on {color:#fa6a5b;  }
.tab_category li:after {content:""; position:absolute; right:0; width:1px; height:16px; background:#e3e3e3; top:50%; margin-top:-8px;}
.tab_category li:nth-child(3n) {margin-right:0;}
.tab_category li:nth-child(3n):after {display:none;}
.tab_category li:hover {color:#fa6a5b;}
.tab_category.depth {border:0; box-shadow:none; margin-bottom:40px;}
.tab_category.depth li {font-size:14px; border-radius:8px; width:calc(50% - 6px); margin-right:12px; font-size:14px; border:1px solid #e3e3e3; color:#555; font-weight:normal;}
.tab_category.depth li:after {display:none;}
.tab_category.depth li.on {background:#f9f9f9; color:#000; font-weight:bold;}
.tab_category.depth li a {padding:14px 0;}
.tab_category.depth li:hover  {background:#f9f9f9;}
.tab_category.depth li:last-child {margin-right:0;}
.tab_category.depth li:nth-child(3n) {margin-right:12px;}
.tab_category.depth li:nth-child(4n) {margin-right:0;}

.area_topbanner.namhae25 {height:80px; background:url("../images/banner/users/namhae25/banner_top_210813.png?ver=1.2") center no-repeat #eeebe6;}



/* 지역몰 */
.area_localmall {position:relative; width:100%; margin:auto; text-align:center;}
.area_localmall .title {display:block; width:100%; margin-bottom:64px; line-height:1; font-size:32px; font-weight:normal;}
.area_localmall .link {cursor:pointer; width:238px; height:74px; line-height:85px; background:#f7f7f7; color:#000; font-size:32px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); display:inline-block; border-radius:60px; margin:0 19px 50px;}
.area_localmall .list_local {width:1141px; margin:auto; overflow:hidden;}
.area_localmall .list_local .menu {display:inline-block; position:relative; width:552px; height:547px; margin-bottom:60px;}
.area_localmall .list_local .menu:nth-child(odd) {float:left;}
.area_localmall .list_local .menu:nth-child(even) {float:right;}
.area_localmall .list_local .menu span {position:absolute; left:0; right:0; bottom:0; width:100%; height:74px; line-height:74px; letter-spacing:1px; font-weight:bold; background:rgba(0,0,0,0.7); color:#fff; font-size:38px; display:block;}
.area_localmall .list_local .menu img {width:100%; height:100%;}
.area_localmall .list_mart {width:1053px; font-size:0; margin:auto; overflow:hidden; text-align:left;}
.area_localmall .list_mart .menu {display:inline-block; position:relative; margin-right:45px; margin-bottom:16px;}
.area_localmall .list_mart .menu:nth-child(3n) {margin-right:0;}
.tab_local {width:100%; font-size:0; margin-bottom:40px;}
.tab_local li {cursor:pointer; width:238px; height:74px; line-height:74px; background:#f7f7f7; color:#000; font-size:32px; box-shadow:5px 5px 5px rgba(0,0,0,0.3); display:inline-block; border-radius:60px; margin:0 19px 50px;}
.tab_local li.on {background:#f88b80; color:#fff;}






/* ton.wallet */
.area_myWallet {width:640px; padding-top:20px; margin:auto; position:relative;}
.area_myWallet .title {width:100%; display:block; margin-bottom:30px; font-size:28px;}
.area_myWallet .list_section {width:100%; overflow:hidden; position:relative; }
.area_myWallet .list_section .section {width:100%; padding:30px; border:1px solid #ddd; border-top:2px solid #333; margin-bottom:30px;}
.area_myWallet .list_section .section h4 {font-size:16px; color:#333; margin-bottom:10px;}
.area_myWallet .list_section .section p {font-size:13px; color:#999; margin-bottom:15px; }
.area_myWallet .list_section .section .link {display:inline-block; transition:.3s; padding:8px 12px; margin-right:7px; border:1px solid #ddd; font-size:13px;}
.area_myWallet .list_section .section .link span, .area_myWallet .list_section .section .link img {display:inline-block; vertical-align:middle;}
.area_myWallet .list_section .section .link img {height:22px; opacity:.6;}
.area_myWallet .list_section .section .link span {margin-left:6px;}
.area_myWallet .list_section .section .link:hover {background:#fafafa; border-color:#999;}
.area_myWallet .list_section .section .area_qrcode {padding:25px; background:#f6f6f6; text-align:center; overflow:hidden;}
.area_myWallet .list_section .section .area_qrcode .qrcode {width:148px; height:148px; margin-bottom:15px;}
.area_myWallet .list_section .section .area_qrcode .qr_clipboard {width:490px; margin:auto; overflow:hidden;}
.area_myWallet .list_section .section .area_qrcode .qr_clipboard .text_qrcode {width:100%; height:58px; resize:none; line-height:24px; border:0; font-size:14px; font-weight:bold; color:#666; float:left; background:transparent;}
.area_myWallet .list_section .section .area_qrcode .qr_clipboard .qr_key {word-break:break-all; width:400px; height:50px; line-height:50px; text-align:left; border:0; font-size:14px; font-weight:bold; color:#666; float:left; background:transparent;}

.area_myWallet .list_section .section .area_qrcode .qr_clipboard .btn_qrcopy {transition:.3s; width:90px;  height:50px; font-size:16px; border:1px solid #ddd; font-weight:bold; float:left}
.area_myWallet .list_section .section .area_qrcode .qr_clipboard .btn_qrcopy:hover, .area_myWallet .list_section .section .area_qrcode .qr_clipboard .btn_qrcopy:active  {border-color:#000; background:#000; color:#fff;}
.area_myWallet .list_section .section .text_otp {width:100%; height:50px; line-height:50px; border:1px solid #ddd; padding:0 20px; font-size:14px; margin-bottom:5px;}
.area_myWallet  .btn_otp {width:100%; height:50px; background:#000; color:#fff; font-weight:bold; font-size:14px;}
.area_myWallet .area_wallet {width:100%; position:relative; padding:30px; border:1px solid #ddd; margin-bottom:30px;}
.area_myWallet .area_wallet h4 {font-size:24px;}
.area_myWallet .area_wallet em {display:block; margin-bottom:20px; font-style:normal; font-size:30px; color:#000;}
.area_myWallet .area_wallet dl {width:100%;}
.area_myWallet .area_wallet dl dt, .area_myWallet .area_wallet dd {width:100%; overflow:hidden;}
.area_myWallet .area_wallet dl dt {font-weight:bold; margin-bottom:5px;}
.area_myWallet .area_wallet dl dd span {display:inline-block; float:left; width:83%; word-break:break-all; font-size:12px;}
.area_myWallet .area_wallet dl dd  .btn_qrcopy {transition:.3s; width:60px;  height:35px; font-size:13px; border:1px solid #ddd; float:right;}
.area_myWallet .area_wallet dl dd {margin-bottom:20px; color:#666;}
.area_myWallet .area_wallet dl dd .qrcode {width:148px;}
.area_myWallet .area_wallet .btn_submit {transition:.3s; width:100%; height:50px; border:1px solid #333; font-weight:bold; font-size:14px;}
.area_myWallet .area_wallet .btn_submit:hover, .area_myWallet .area_wallet .btn_submit:active {background:#000; color:#fff; border-color:#000;}
.area_myWallet .area_wallet .area_title {width:100%; margin-bottom:30px; border-bottom:1px solid #ddd;}
.area_myWallet .area_wallet .area_title:last-child .title {margin-bottom:30px;}
.area_myWallet .area_wallet .title {width:100%; overflow:hidden; font-size:16px; margin-bottom:20px;}
.area_myWallet .area_wallet .title h4 {position:relative; float:left; font-size:16px;}
.area_myWallet .area_wallet .title em {float:right; margin-bottom:0; text-align:right; font-size:24px;}
.area_myWallet .area_wallet .title em .krw {display:block; font-size:14px; color:#999; margin-top:3px;}
.area_myWallet .area_wallet .title em.mt25 {color:#ab7739; font-weight:600;}
.area_myWallet .area_wallet .title img {width:20px; height:20px; margin-right:10px; position:relative; top:2px;}
.area_myWallet .area_wallet .title img, .area_myWallet .area_wallet .title span {display:inline-block; vertical-align:middle;}
.area_myWallet .area_detail_info {background:#f8f9fa; padding:25px;}
.area_myWallet .detail_info {box-shadow:0px 3px 7px rgba(0,0,0,0.1); margin-bottom:20px; background:#fff !important;}
.area_myWallet .detail_info .area_title {width:100%; overflow:hidden; padding:20px 20px 0px; margin-bottom:10px; line-height:24px;}
.area_myWallet .detail_info .area_title .title {float:left; width:auto; margin-bottom:0; font-size:20px;}
.area_myWallet .detail_info .area_title .date {float:right; font-size:12px; color:#666; font-weight:bold;}
.area_myWallet .detail_info table {table-layout:fixed; width:100%;}
.area_myWallet .detail_info table th, .area_myWallet .detail_info table td {padding:4px 10px; font-size:12px;}
.area_myWallet .detail_info table th {text-align:left; width:20%;}
.area_myWallet .detail_info table td {text-align:right; color:#666; width:80%;}
.area_myWallet .detail_info table td .link {width:100px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; text-align:right;}
.area_myWallet .detail_info ul  {width:100%; overflow:hidden; padding:0 20px;}
.area_myWallet .detail_info ul li {display:inline-block; font-size:12px;}
.area_myWallet .detail_info ul li em {font-style:normal; margin-right:5px; font-weight:bold;}
.area_myWallet .detail_info ul li span {color:#555; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.area_myWallet .detail_info ul li em, .area_myWallet .detail_info ul li span {display:inline-block; vertical-align:top;}
.area_myWallet .detail_info ul li:after {content:"|"; color:#ccc; font-weight:normal; margin:0 10px;}
.area_myWallet .detail_info ul li:last-child:after {display:none;}
.area_myWallet .detail_info .link {transition:.2s; display:block; font-size:12px; padding:12px 20px; margin-top:18px; border-top:1px solid #eee; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.area_myWallet .detail_info .link:hover {background:#f0f2fc;}
.area_myWallet .detail_info:last-child {margin-bottom:0;}
.area_myWallet .bottom_withdraw {width:100%;}
.area_myWallet .bottom_withdraw .tit {display:block; width:100%; line-height:1; margin-bottom:13px; font-size:16px; }
.area_myWallet .bottom_withdraw .list {width:100%; margin-bottom:20px;}
.area_myWallet .bottom_withdraw .list li {display:block; color:#888; font-size:12px; line-height:16px; margin-bottom:5px; word-break:keep-all;}
.area_myWallet .bottom_withdraw .list li:before {content:"·"; margin-right:10px; color:#000;}
.area_myWallet .bottom_withdraw .list li:last-child {margin-bottom:0;}
.area_myWallet .bottom_withdraw .input_wrap {margin-bottom:40px;}
.area_myWallet .bottom_withdraw .input_wrap input[type='checkbox'], .area_myWallet .bottom_withdraw .input_wrap label {display:inline-block; vertical-align:middle;}
.area_myWallet .bottom_withdraw .input_wrap label {font-size:12px; font-weight:bold;}
.area_myWallet .bottom_withdraw .btn_request {height:43px;}

.chk_coin {width:100%; overflow:hidden; margin-bottom:20px; padding-top:10px;}
.chk_coin li {float:left; display:inline-block; margin-right:15px;}
.chk_coin li:last-child {margin-right:0;}
.chk_coin li label, .chk_coin li input[type="radio"] {display:inline-block; vertical-align:middle; cursor:pointer;}
.chk_coin li label {font-size:14px; font-weight:bold;}
.chk_coin li input[type="radio"] {height:18px; width:18px;}
/*
.chk_coin li:nth-child(1) input[type="radio"]:checked + label {color:#16806a;}
.chk_coin li:nth-child(2) input[type="radio"]:checked + label {color:#b3844c;}
*/
/*
.chk_coin li label {display:block; width:100%; height:40px; line-height:36px; cursor:pointer; border-bottom:1px solid #ddd; text-align:center; font-size:16px; font-weight:bold;}
.chk_coin li input[type="radio"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.chk_coin li input[type="radio"]:checked + label {border-bottom:2px solid #ef7569; color:#16806a;}
.chk_coin li:nth-child(2) input[type="radio"]:checked + label {border-color:#cf9856; color:#b3844c;}
*/


/* 이랑몰 페이 */
#trade_list {width:1258px;  margin:auto; padding:30px; background:#f7f7f7; }
#trade_list .total_coin {position:relative; overflow:hidden; width:100%;  background:#f88b80; border-radius:4px; padding:18px 25px 18px; font-size:18px; margin-bottom:20px; text-align:center;}
#trade_list .total_coin .tit, #trade_list .total_coin .price {font-style:normal; color:#fff; display:inline-block; vertical-align:middle;}
#trade_list .total_coin .tit {position:relative; font-weight:bold; margin-right:15px; padding-right:20px;}
#trade_list .total_coin .tit:after {position:absolute; content:""; width:1px; height:14px; background:#ffb9b9; right:0; top:5px;}
#trade_list .total_coin .price {color:#fff !important;}
#trade_list .total_coin .price b {color:#ffdede !important;}
#trade_list .total_coin .btn_regist {position:absolute; right:25px; top:12px; width:120px; border-radius:4px; height:35px; line-height:35px; font-size:14px; font-weight:bold; background:#fff; color:#333; float:right;}
#trade_list .list_trade table {width:100%; border-collapse:collapse;}
#trade_list .list_trade table th, #trade_list .list_trade table td {padding:15px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; font-size:14px; text-align:center;}
#trade_list .list_trade table th {background:#454545; color:#fff; border-bottom:0; border-color:#777;}
#trade_list .list_trade table tbody tr {cursor:pointer;}
#trade_list .list_trade table tbody tr td:last-child {border-right:0;}
#trade_list .list_trade table tbody tr:last-child td {border-bottom:0;}
#trade_list .list_trade table tbody tr:hover td {background:#fafafa; color:#d92d0b;}
#PopupTradeBuy .popup_container, #PopupRegist .popup_container, #PopupTradeInfo .popup_container, #PopupRegistConfirm .container {width:480px;}
.area_regist {position:relative; width:100%; padding:20px;}
.area_regist .column {position:relative; border:1px solid #ddd; border-radius:6px; width:100%; margin-bottom:15px; padding:25px 20px;}
.area_regist .column .tit {font-size:16px; font-weight:bold; display:block; margin-bottom:15px; line-height:1;}
.area_regist .column .info {width:100%;}
.area_regist .column .info li {width:100%; display:block; font-size:0; margin-bottom:5px;}
.area_regist .column .info li .th, .area_regist .column .info li .td {display:inline-block; vertical-align:top; font-size:14px;}
.area_regist .column .info li .th {font-weight:bold; color:#777; width:20%;}
.area_regist .column .info li .td {color:#000; text-align:right; width:80%;}
.area_regist .column .info li:last-child {margin-bottom:0;}
.area_regist .column .info li .btn_clip {padding:0 10px; height:24px; line-height:24px; border-radius:3px; margin-left:10px;}
.area_regist .column .info li #transfer_bank_account {border:1px solid #ddd; line-height:21px; height:24px; display:inline-block; vertical-align:middle; border-radius:3px; padding:0 10px;}
.confirm_regist {width:100%; padding:20px; background:#f8f8f8; border-radius:8px;}
.confirm_regist .row {display:block; width:100%; overflow:hidden; font-size:14px;}
.confirm_regist .row .left {float:left;}
.confirm_regist .row .left .value {margin-left:20px;}
.confirm_regist .row .right {float:right; color:#666;}
.confirm_regist .row.coin {margin-bottom:10px; font-size:20px;}
.confirm_regist .row.coin .left {color:#0f295f; font-weight:bold;}
.confirm_regist .row .value {font-style:normal; font-weight:bold;}
.area_countdown {padding-bottom:0px; width:100%; text-align:center; font-size:12px; color:#333;}
.area_countdown div {display:inline; color:#ce0e0e; font-weight:bold;}
.warn_txt {color:#ce0e0e; text-align:center; font-size:13px; font-weight:bold; margin-bottom:15px;}
#PopupTradeBuy .btn_area, #PopupRegistConfirm .btn_area, #PopupRegist .btn_area, #PopupTradeInfo .btn_area, #PopupModal .btn_area, #PopupTransfer .btn_area {width:100%; padding:0 20px; }
#PopupTradeBuy .btn_area .btn, #PopupRegistConfirm .btn_area .btn, #PopupRegist .btn_area .btn, #PopupTradeInfo .btn_area .btn, #PopupModal .btn_area .btn, #PopupTransfer .btn_area .btn {display:block; width:100%; margin:auto; margin-bottom:15px; border-radius:4px;}
#PopupModal .txt {text-align:center; padding:30px 0; font-size:16px; font-weight:bold;}
.inputwrap {position:relative; overflow:hidden;}
.inputwrap .text_common {float:left; width:calc(100% - 90px);}
.inputwrap .text_common + .btn_common {float:right; width:80px; text-align:center; padding:0;}
.inputwrap .select_form {float:left; width:calc(100% - 90px);}
.inputwrap .select_form + .btn_common {float:right; width:80px; text-align:center; padding:0;}
.area_regist .column .amount_control {width:100%; overflow:hidden; margin:15px 0;}
.area_regist .column .amount_control .amount {width:20%; height:35px; line-height:35px; font-size:12px; background:#fff; display:inline-block; text-align:center; float:left; border:1px solid #ddd; border-right:0;}
.area_regist .column .amount_control .amount:first-child {border-radius:8px 0px 0px 8px;}
.area_regist .column .amount_control .amount:last-child {border-radius:0px 8px 8px 0px; border-right:1px solid #ddd;}
.area_regist .column .amount_control .amount a {transition:.2s; width:100%; height:100%; display:block;}
.area_regist .column .amount_control .amount a:active {background:#f4f4f4}
.area_regist .text_common {width:100%; height:40px; line-height:40px; padding:0 15px; font-size:12px; border-radius:4px; border:1px solid #ddd;}
.area_regist .text_common.pin {width:150px;}
.area_regist .btn_reset {position:absolute; right:0; top:0; width:40px; height:40px; z-index:10; background:url("../images/sub/btn_refresh.png?ver=1.1") center no-repeat; background-size:15px; text-indent:-9999px;}



/* 파일첨부 */
.upload_filelist {border-radius:8px; width:100%; position:relative; background:#fff; margin-bottom:10px;}
.upload_filelist > div {width:100%; padding:10px 15px; line-height:20px; border-bottom:1px solid #dfdfdf; overflow:hidden; font-size:0;}
.upload_filelist > div:last-child {border-bottom:0;}
.upload_filelist > div .filename {width:calc(100% - 40px); font-size:1.1rem;}
.upload_filelist > div a {width:40px;}
.upload_filelist > div .filename, .upload_filelist > div a {display:inline-block; vertical-align:middle;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.filebox label {display: inline-block; height:35px; line-height:35px; font-size:14px; vertical-align: middle; cursor:pointer;}
.filebox .upload-name {display: inline-block; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; padding-right:60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* 광고 */
.promo_list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; gap:0 40px; }
.promo_list .item {position:relative; width: calc(25% - 30px); margin-bottom:70px;}
.promo_list a {position:relative; text-decoration: none; color: inherit; display: block; }
.promo_list .item .thumb { position: relative; width: 100%; overflow: hidden; margin-bottom:17px;}
.promo_list .item .thumb::before { content: ""; display: block; padding-top: 100%; }
.promo_list .item .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.promo_list .item .duration {position: absolute; bottom: 0px; right: 0px; background: rgba(30,30,30,0.7); color: #fff; padding: 4px 6px; font-size: 11px; border-radius: 2px; font-weight:bold; z-index:10;}
.promo_list .item .title {width:100%; text-align:left; font-weight:bold; font-size:16px; line-height:22px; height:44px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:10px;}

.promo_list .item .point {display:inline-block; font-size:12px; font-weight:bold; background:#fa6a5b; color:#fff; padding:3px 8px 4px; border-radius:2px;}
.promo_list .item .point b {font-size:16px; margin-left:3px;}
.promo_list .item .point * {vertical-align:middle; display:inline-block;}
.promo_list .item.visible {opacity:.36;}
.promo_list .item.visible {filter:grayscale(1);}
.promo_list .item .dim {position:absolute; display:none; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; aspect-ratio:1/1;}


/* 새벽배송 */
.early_delivery {position:relative; width:100%;}
.early_delivery * {font-weight:normal;}
.early_delivery .delivery {position:relative; width:100%; margin-bottom:20px;}
.early_delivery .delivery .cont {display:none; padding-left:25px; padding-top:10px;}
.early_delivery .delivery .cont .row {margin-bottom:15px; position:relative;}
.early_delivery .delivery .cont .row .check_radio {margin-bottom:10px;}
.early_delivery .delivery .cont .row .check_radio:last-child {margin-bottom:0;}
.early_delivery .delivery input[type='text'] {position:relative; width:100%;}
.early_delivery .delivery:last-child {margin-bottom:0;}
.early_delivery .delivery .cont .inputarea {display:none;}
.early_delivery .delivery .cont .imp2 {color:#666;}
.early_delivery .delivery .text_purchase {font-weight:normal;}
.early_delivery ul {display:block; margin-left:20px; margin-bottom:10px;}
.early_delivery ul li {font-size:13px; color:#666; margin-bottom:3px;}
.early_delivery ul li:last-child {margin-bottom:0;}
.check_radio input[type="radio"] {  /* 실제 체크박스는 화면에서 숨김 */position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip:rect(0,0,0,0);border: 0}
.check_radio input[type="radio"] + label {font-weight:bold; font-size:14px; display: inline-block; position: relative; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; padding-left:25px;}
.check_radio input[type="radio"] + label:before {  /* 가짜 체크박스 */content: ' '; display: inline-block; width: 16px; height: 16px; border-radius:50px; line-height: 20px; text-align: center; vertical-align: middle;}
.check_radio input[type="radio"] + label:before {position: absolute;left: 0; margin-top: 0;opacity: 1;  background:#fff; background-size:10px; border:1px solid #bbb;}
.check_radio input[type="radio"]:checked + label {color:#ef7569;}
.check_radio input[type="radio"]:checked + label:before { position: absolute; content: ""; opacity:1; border-radius:16px; width:16px; height:16px;}
.check_radio input[type="radio"]:checked + label:after { position: absolute; content: ""; opacity:1; left:5px;top:5px; background:#dc6e24; border-radius:50px; width:8px; height:8px;}


/* 회사소개 */
.area_introduce {position:relative; width:100%; overflow:hidden;}
.area_introduce .group {float:left; width:50%; font-family:"Dotum"; font-size:12px; padding:0px 50px 0 50px; border-right:1px solid #ddd; line-height:24px;}
.area_introduce .group dt {font-weight:bold;}
.area_introduce .group dd {font-size:0;}
.area_introduce .group dd span {font-size:12px; margin-right:10px; padding-right:10px; border-right:1px solid #ccc;}
.area_introduce .group dd span:last-child {border-right:0;}
.area_introduce .group:last-child {border-right:0;}