* {font-family:"Pretendard"; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:0;}

@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;
}

input[type='text']::-ms-clear {
    display: none;
}

body {background:#f8f8f8;}
#wrap {background:#fff; width:480px; height:100%; left:0; right:0; margin:0 auto;}
@media screen and (max-width: 720px) {
	#wrap {width:100%;}
	body {background:#fff;}
}
.fixed {overflow:hidden;}
.btn_main {background:#ef7569; color:#fff !important;}
.btn_sub {background:#454545; color:#fff;}
.none {display:none;}

/* header */
.area_topbanner {width:100%; position:relative;}
.area_topbanner .btn {cursor:pointer; position:absolute; right:19px; top:-2px; font-size:0; text-indent:-99999px; width:21px; height:20px; background:url("../../images/common/btn_topbanner_close_0503.png") center no-repeat; background-size:14px;}
.area_topbanner img {width:100%;}
.header {position:relative; width:100%; box-sizing:border-box; background:#fff;}
.header * {box-sizing:border-box;}
.header .gnb {position:relative; display:flex; align-items:center; width:100%; padding:10px 5px 0px 20px;}
.header .gnb .gnb_menu {margin-left:auto;}
.header .gnb .gnb_menu * {display:inline-block; vertical-align:bottom;}
.header .gnb .gnb_menu span {font-weight:bold; font-size:12px; padding-bottom:13px;}
.header .gnb .btn_gnb {cursor:pointer; border:0; width:55px; height:55px;}
.header .gnb .logo {font-size:0;} 
.header .gnb .logo img {width:104px;}
.header .gnb .logo img.shindp {width:192px; margin-top:-10px;}
.header .gnb .logo img.hyc3800 {width:195px;}
.header .gnb .logo img.ehs7578 {width:65px;}
.header .gnb .logo img.phy001 {width:154px; margin-top:0;}
.header .gnb .logo img.lee1315 {width:154px; margin-top:3px;}
.header .gnb .logo img.seo7080 {margin-top:-2px;}
.header .gnb .logo img.namhae25 {width:154px; margin-top:0;}
.header .gnb .logo img.lsj5173 {margin-top:0px; width:130px;}
.header .gnb .logo img.hamyang25 {width:154px; margin-top:0;}
.header .gnb .logo img.jyh14544 {margin-top:-3px; width:100px;}
.header .gnb .logo img.chschs1122 {margin-top:0;}
.header .gnb .logo img.jkoo2580 {width:154px; margin-top:0;}
.header .gnb .logo img.ksh5847 {width:120px; margin-top:0;}
.header .gnb .logo img.kgh7957k2 {width:184px; margin-top:-10px;}
.header .gnb .logo img.m2y25 {width:160px; margin-top:-5px;}
.header .gnb .logo img.joy2458 {width:180px; margin-top:2px;}
.header .gnb .logo img.withcook {margin-top:-5px; width:130px;}
.header .gnb .logo img.geochang25 {margin-top:-5px; width:130px;}
.header .gnb .logo img.jjw223 {margin-top:2px;}
.header .gnb .logo img.atomihak {margin-top:1px; width:130px;}
.header .gnb .logo img.ganghwa25 {margin-top:-5px; width:130px;}
.header .gnb .logo img.sample11 {margin-top:-1px; width:130px;}
.header .gnb .logo img.pjs62593 {margin-top:-2px; width:130px;}
.header .gnb .logo img.ed0007 {margin-top:-3px; width:130px;}
.header .gnb .logo img.kim6810 {margin-top:-3px; width:130px;}
.header .gnb .logo img.knh22442 {margin-top:-3px; width:auto;}
.header .gnb .logo img.wjya841 {margin-top:-2px; width:130px;}
.header .gnb .logo img.police112 {margin-top:-2px; width:130px;}
.header .gnb .logo img.drjlcm {margin-top:-2px; width:130px;}
.header .gnb .logo img.tntstitch21 {margin-top:-2px; width:130px;}
.header .gnb .logo img.yongyong2 {margin-top:-9px; width:150px;}
.header .gnb .logo img.jwj0610 {margin-top:-7px; width:150px;}
.header .gnb .logo img.jjj1473 {margin-top:-4px; width:130px;}
.header .gnb .logo img.zzangga {margin-top:-4px; width:130px;}
.header .gnb .logo img.shdsyi0601 {margin-top:-4px; width:130px;}
.header .gnb .logo img.dlj001 {margin-top:-4px; width:130px;}
.header .gnb .logo img.ymh1005 {margin-top:-4px; width:140px;}
.header .gnb .logo img.colinseo {margin-top:-4px; width:120px;}
.header .gnb .logo img.farm051 {margin-top:-2px; width:130px;}
.header .gnb .logo img.asd14501 {margin-top:-2px; width:130px;}
.header .gnb .logo img.daburo1000 {margin-top:-3px; width:130px;}
.header .gnb .logo img.kdy5136 {margin-top:-3px; width:130px;}
.header .gnb .logo img.soyg25 {margin-top:-5px; width:160px;}
.header .gnb .logo img.hill25 {margin-top:-6px; width:160px;}
.header .gnb .logo img.bic0051 {margin-top:-6px; width:160px;}
.header .gnb .logo img.funminton {margin-top:-6px; width:160px;}
.header .gnb .logo img.nzon01 {margin-top:0px; width:120px;}
.header .gnb .logo img.nhbada {margin-top:-4px; width:120px;}
.header .gnb .logo img.kl1011 {margin-top:-4px; width:120px;}
.header .gnb .logo img.wero25 {margin-top:0px; width:100px;}
.header .gnb .logo img.haes62 {margin-top:-3px; width:80px;}
.header .gnb .logo img.bring {margin-top:-3px; width:120px;}
.header .gnb .logo img.test {margin-top:-3px; width:90px;}
.header .gnb .logo img.spmall {margin-top:-3px; width:90px;}
.header .gnb .logo img.miracletop {margin-top:-4px; width:140px;}
.header .gnb .logo img.fnk001 {width:130px;}
.header .gnb .logo img.so102, .header .gnb .logo img.so103, .header .gnb .logo img.so104, .header .gnb .logo img.so105, .header .gnb .logo img.so106, .header .gnb .logo img.so107, 
.header .gnb .logo img.so108, .header .gnb .logo img.so109, .header .gnb .logo img.so110, .header .gnb .logo img.so111, .header .gnb .logo img.so112, .header .gnb .logo img.so113, 
.header .gnb .logo img.so114, .header .gnb .logo img.so115, .header .gnb .logo img.so116, .header .gnb .logo img.so117, .header .gnb .logo img.so118, .header .gnb .logo img.so119,
.header .gnb .logo img.so120, .header .gnb .logo img.so121, .header .gnb .logo img.so122, .header .gnb .logo img.so123, .header .gnb .logo img.so124, .header .gnb .logo img.so125, 
.header .gnb .logo img.so126, .header .gnb .logo img.so127, .header .gnb .logo img.sosoeco, .header .gnb .logo img.so128, .header .gnb .logo img.so129 {margin-top:-5px;}



.header .gnb .btn_allmenu {left:0; background:url("../../images/common/btn_allmenu.png") center 23px no-repeat; background-size:24px 17px;}
.header .gnb .btn_cart {right:0; background:url("../../images/common/btn_cart.png") center no-repeat; background-size:23px 22px;}
.header .area_search {display:none; position:relative; width:100%; padding:0 18px; overflow:hidden; padding-bottom:13px;}
.header .area_search .text_gnb_search {width:100%; height:34px; line-height:34px; border-radius:34px; border:2px solid #f88b80; padding:0px 15px 0px 46px;}
.btn_gnb_search {width:55px; height:40px; font-size:0; position:absolute; right:5px; top:0; border:0; cursor:pointer; background:url("../../images/common/btn_gnb_search2.png?ver=1.1") center no-repeat; background-size:16px;}
.header .gnb_point {position:relative; width:100%; padding:0px 18px 15px; line-height:1; text-align:center; font-size:12px; letter-spacing:-0.3px; line-height:1.5; text-align:left;}
.header .gnb_point span {display:inline-block; margin-right:5px;}
.header .nav {position:relative; width:100%; height:41px; line-height:41px;  border-top:1px solid #dddddd; border-bottom:1px solid #ddd; padding:0 18px; white-space:nowrap; overflow:hidden;}
.header .nav ul {scroll-behavior:smooth; overflow-x:auto; font-size:0;}
.header .nav ul li {display:inline-block; font-size:14px; margin-right:20px;}
.header .nav ul li:hover {color:#ef7569;}
.header .nav ul li:last-child {margin-right:0;}
.header .nav ul li.local a {padding:3px 15px 4px; background:#ef7569; color:#fff; font-weight:bold; border-radius:16px; font-size:16px;}
.header .nav ul li.local2 a {padding:3px 15px 4px; background:#faa71c; color:#fff; font-weight:bold; border-radius:16px; font-size:16px;}
.header .nav ul li.local3 a {padding:3px 15px 4px; background:#7fcff0; color:#fff; font-weight:bold; border-radius:16px; font-size:16px;}
.header .nav ul li.local4 a {padding:3px 15px 4px; background:#f9ca32; color:#fff; font-weight:bold; border-radius:16px; font-size:16px;}
.header .nav ul li em {color:#f88b80;}
.header .nav ul li.blackfriday {font-weight:900; color:#1699f5;}
.header .nav .btn_nav {width:30px; height:40px; border:0; cursor:pointer; text-indent:-99999px; box-shadow:-2px -1px 5px #eee; background:#fff; position:absolute; top:0;}
.header .nav .btn_nav_right {border:0; border-left:1px solid #ddd; right:0; background:url("../../images/common/btn_nav_right.png") center no-repeat #fff; background-size:30px 40px;}
.header .nav .btn_nav_left {display:none; border-right:1px solid #ddd; left:0; background:url("../../images/common/btn_nav_left.png") center no-repeat #fff; background-size:30px 40px;}

.area_allmenu {display:none; width:100%; height:100%; padding-bottom:60px; overflow-y:auto; background:#fff; position:fixed; left:0; right:0; margin:auto; top:0; z-index:100;}
.area_allmenu * {box-sizing:border-box;}
.area_allmenu .menu_title {width:100%; padding:22px 15px 15px;}
.area_allmenu .menu_title .title {width:100%; height:18px; line-height:18px; margin-bottom:15px;}
.area_allmenu .menu_title .title span {float:left; font-size:15px; font-weight:bold;}
.area_allmenu .menu_title .title .btn_close_menu {float:right; width:18px; height:18px; border:0; cursor:pointer; background:url("../../images/common/btn_close_menu.png") center no-repeat; background-size:100%;}
.area_allmenu .menu_title .area_btn {overflow:hidden;}
.area_allmenu .menu_title .area_btn .btn_title {width:48%; height:32px; font-size:12px; font-weight:bold; border-radius:50px; cursor:pointer; border:0; }
.area_allmenu .menu_title .area_btn .btn_title.btn_main {float:left;}
.area_allmenu .menu_title .area_btn .btn_title.btn_sub {float:right;}
.area_allmenu .area_link {width:100%; text-align:center; padding:16px 0; overflow:hidden; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.area_allmenu .area_link li {width:25%; float:left; border-right:1px solid #e9e9e9;}
.area_allmenu .area_link li a {display:block; width:100%;}
.area_allmenu .area_link li:last-child {border-right:0;}
.area_allmenu .area_link li img, .area_allmenu .area_link li span {display:block; margin:auto; line-height:1;}
.area_allmenu .area_link li img {margin-bottom:10px; height:21px;}
.area_allmenu .area_link li span {font-size:12px;}
.area_allmenu .area_category {width:100%; border-top:5px solid #f3f3f3; margin-bottom:100px;}
.area_allmenu .area_category h3 {display:block; width:100%; height:42px; line-height:42px; padding:0 15px; font-size:14px; font-weight:bold; border-bottom:1px solid #e9e9e9;}
.area_allmenu .area_category .list li {width:100%; height:40px; line-height:40px; border-bottom:1px solid #e9e9e9; font-size:13px;}
.area_allmenu .area_category .list li a {display:block; width:100%; height:100%; padding:0 15px;}
.area_allmenu .list_bottom {background:#fff;position:fixed; bottom:0; left:0; right:0; margin:auto; width:100%; border-top:1px solid #e9e9e9; overflow:hidden;}
.area_allmenu .list_bottom li {float:left; width:33.3%; text-align:center;}
.area_allmenu .list_bottom li a {display:block; width:100%; padding:12px 0; font-size:12px; color:#454545;}
.area_allmenu .list_bottom li img, .area_allmenu .list_bottom li span {display:block; margin:auto; line-height:1;}
.area_allmenu .list_bottom li img {height:18px; margin-bottom:7px;}

@media screen and (min-width: 720px) {
	.area_allmenu {width:480px;}
	.area_allmenu .list_bottom {width:480px;}
}

/* main */
.area_main {width:100%; position:relative;}
.area_main * {box-sizing:border-box;}
.area_main .area_mainbanner {width:100%; background:#52d49f; margin-bottom:20px;}
.area_main .area_mainbanner .swiper-slide img {width:100%;}
.area_main .area_mainbanner .swiper-pagination {letter-spacing:-1px; left:auto; right:24px; bottom:0; color:#fff; font-weight:bold; font-size:12px; width:40px; height:24px; line-height:24px; background:rgba(0,0,0,0.5);}
.area_main .area_mainbanner .pagination-wrap {position:absolute; left:0; right:15px; margin:auto; height:39px; bottom:15px;}
.area_main .area_mainbanner .pagination-wrap .main-next, .area_main .area_mainbanner .pagination-wrap .main-prev {top:auto; bottom:0; width:24px; height:24px; 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); background-size:5px 8px; 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); background-size:5px 8px; border-radius:28px 0px 0px 28px; right:64px;}
.area_main .area_mainbanner .arrow-wrap .main-next, .area_main .area_mainbanner .arrow-wrap .main-prev {position:absolute; top:50%; margin-top:-15px; width:16px; height:31px;}
.area_main .area_mainbanner .arrow-wrap .main-next {background:url("../../images/banner/btn_main_next2.png?ver=1.1") center no-repeat; right:20px; background-size:16px 30px;}
.area_main .area_mainbanner .arrow-wrap .main-prev {background:url("../../images/banner/btn_main_prev2.png?ver=1.1") center no-repeat; left:20px; background-size:16px 30px;}
.area_main .video_wrap {position:relative; width:100%; margin:auto; background:#fff; margin-top:20px;}
.area_main .video_wrap .link {position:absolute; top:50%; margin-top:-31px; right:0; display:block; font-size:0;}
.area_main .video_wrap .link img {width:150px;}
.area_main .video_wrap iframe {margin:auto; width:100%;  aspect-ratio:16/9; display:block;}
.area_main .area_black25 {font-size:0; margin-bottom:40px;}
.area_main .area_black25 .banner_title {width:100%;}
.area_main .area_black25 .banner_title img {width:100%;}
.area_main .banner_black25 img {position:relative; width:100%;}
.area_main .banner_black25 {
	position:relative;  width:100%; padding-top:10px;
	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 */
}


.fast_menu { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0; margin:0; margin-bottom:15px;}
.fast_menu li { flex:1 1 20%; max-width:20%; box-sizing:border-box; text-align:center; list-style:none; }
.fast_menu li img { width:60px; display:block; margin:0 auto; }
.fast_menu li p { margin-top:8px; font-size:12px; letter-spacing:0; }


.area_main .area_special {width:100%; margin:auto; margin-bottom:35px; position:relative;}
.area_main .area_special .title {width:100%; line-height:1; margin:auto; margin-bottom:22px; text-align:center;}
.area_main .area_special .title h3 {font-size:21px; margin-bottom:10px;}
.area_main .area_special .title h3 em {font-style:normal; color:#ff7eac;}
.area_main .area_special .title p {font-size:17px;}
.area_main .area_special .slider_special .swiper-slide img {width:100%;}
.area_main .area_special .arrow {position:absolute; top:50%; left:0; width:100%; height:28px;  margin-top:-14px;}
.area_main .area_special .arrow .sp-next, .area_main .area_special .arrow .sp-prev {top:0%; width:16px; height:31px; margin-top:0px;}
.area_main .area_special .arrow .sp-next {background:url("../../images/banner/btn_main_next2.png?ver=1.1") center no-repeat; right:20px; background-size:16px 30px;}
.area_main .area_special .arrow .sp-prev {background:url("../../images/banner/btn_main_prev2.png?ver=1.1") center no-repeat; left:20px; background-size:16px 30px;}
.area_main .area_premium {width:100%; margin:auto; margin-bottom:35px; overflow:hidden;}
.area_main .area_premium li {float:left; width:calc(50% - 5px); display:inline-block;}
.area_main .area_premium li:last-child {float:right;}
.area_main .area_premium li img {width:100%;}
.area_main .area_banner {width:100%; margin-bottom:35px;}
.area_main .area_banner img { width:100%;}
.area_main .banner_middle2 {position:relative; width:100%; margin-bottom:30px;}
.area_main .banner_middle2 img {width:100%;}
.area_main .banner_video {display:block; width:100%; margin:auto; margin-bottom:0px;}

.area_main .list_shop {position:relative; margin-bottom:30px; background:#fff;}
.area_main .list_shop .title {position:relative; width:100%; line-height:34px; height:34px; margin-bottom:15px; text-align:center;}
.area_main .list_shop .title h3 {font-size:21px; font-weight:bold;}
.area_main .list_shop .title .arrow {position:absolute; top:0; right:10px;}
.area_main .list_shop .title .arrow .swiper-button-prev, .area_main .list_shop .title .arrow .swiper-button-next {float:left; position:static; margin-top:0; top:0; width:35px; height:35px; border:1px solid #888888;}
.area_main .list_shop .title .arrow .swiper-button-prev {background:url("../../images/main/btn_pr_prev.png") center no-repeat #fff; background-size:9px 17px; border-right:0;}
.area_main .list_shop .title .arrow .swiper-button-next {background:url("../../images/main/btn_pr_next.png") center no-repeat #fff; background-size:9px 17px;}
.area_main .area_quickmenu {width:100%; font-size:0; line-height:1; padding:35px 15px; text-align:center; background:#fff;}
.area_main .area_quickmenu .quickmenu_tab {display:block; margin-bottom:30px; width:100%;}
.area_main .area_quickmenu .quickmenu_tab li {display:inline-block; width:calc(33.3% - 21px); margin:0 13px; text-align:center; line-height:29px; box-shadow:3px 4px 6px #c8c8c8; border-radius:50px; background:#eaeaea; vertical-align:top; font-size:13px; 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:#ef7569; color:#fff; transition:.4s;}
.area_main .area_quickmenu .quickmenu_tab li:first-child {margin-left:0;}
.area_main .area_quickmenu .quickmenu_tab li:last-child {margin-right:0;}
.area_main .area_quickmenu .menu li {display:inline-block; width:25%; margin:10px 0; padding:0 4px; vertical-align:top;}
.area_main .area_quickmenu .menu li img {margin:auto; width:46px; margin-bottom:7px;}
.area_main .area_quickmenu .menu li span {display:block; font-size:14px; word-break:break-word;}
.area_main .menu_banner_wrap {margin-bottom:35px;}
.area_main .menu_banner {width:100%; margin-bottom:20px; overflow:hidden;}
.area_main .menu_banner > ul li {display:block; margin-bottom:10px; width:100%;}
.area_main .menu_banner > ul li img {width:100%;}
.area_main .menu_banner > ul li:last-child {margin-bottom:0;}
.area_main .menu_banner_wrap .shoppingPrc .items li.item {width:50%; margin:20px 0; padding:0 10px;}
.area_main .menu_banner_wrap .shoppingPrc .items li.item:nth-child(3), .area_main .menu_banner_wrap .shoppingPrc .items li.item:nth-child(4) {margin-top:0;}
.area_main .area_menubanner_wrap {padding:20px 0 0; background:#fff;}
.area_main .area_menubanner {position:relative; overflow:hidden; width:100%;}
.area_main .area_menubanner img {width:100%;}
.area_main .area_menubanner a {float:left; width:calc(50% - 5px); margin-right:10px; margin-bottom:10px;}
.area_main .area_menubanner a:nth-child(even) {margin-right:0;}
.area_main .area_menubanner .left {margin-bottom:10px;}
.area_main .area_menubanner .left, .area_main .area_menubanner .right {float:none; font-size:0;}
.area_main .area_menubanner .partner {width:100%; font-size:0;}
.area_main .area_menubanner .partner a {display:inline-block; width:50%; box-sizing:border-box; border-bottom:1px solid #a1b1c0; border-right:1px solid #a1b1c0;}

.area_main .area_menubanner .right a {display:inline-block; width:calc(50% - 5px); box-sizing:border-box;}
.area_main .area_menubanner .right a:first-child {margin-right:10px;}
.area_main .erang_point {width:100%; margin:auto; overflow:hidden; position:relative; border:1px solid #acabab; border-bottom:0;}
.area_main .erang_point li {display:inline-block; font-size:13px; letter-spacing:-1px; padding:10px; float:left; width:50%;font-family:"GmarketSansMedium"; color:#323232; border-right:1px solid #acabab;}
.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; border-right:0;}

.market25_service {position:relative; width:100%; background:#fff; letter-spacing:-1px; overflow:hidden; padding:25px 15px;}
.market25_service .service_category {display:flex;flex-wrap:wrap;border-top:1px solid #acabab;border-left:1px solid #acabab;}
.market25_service .service_category .link {flex:1;min-width:50%;height:45px;line-height:45px;border-right:1px solid #acabab;border-bottom:1px solid #acabab;box-sizing:border-box;}
.market25_service .service_category .link:only-child {min-width:100%;}

.market25_service .service_category .link div, .market25_service .service_category .link img {display:inline-block; vertical-align:top;}
.market25_service .service_category .link div {font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; color:#323232; font-family:"GmarketSansMedium";}
.market25_service .service_category .link div em {font-style:normal; font-weight:bold; color:#cc0000; font-weight:bold; font-family:"GmarketSansMedium";}
.market25_service .service_category .link a:only-child div {width:100%;}
.market25_service .service_category .link img {height:30px; margin-top:4px; margin-left:10px;}

.market25_service .service_category .link:nth-child(n+3) {border-top:0;}
.market25_service .service_category .link a {display:block; width:100%; height:100%; padding-left:10px;}
.market25_service .service_menu {width:100%; margin:auto; font-size:0; overflow:hidden;}
.market25_service .service_menu .link {display:inline-block; width:calc(25% - 12px); text-align:center; vertical-align:top; margin-right:16px; margin-bottom:20px;}
.market25_service .service_menu .link:nth-child(4n) {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; width:46px;}
.market25_service .service_menu .link span {line-height:1; font-size:14px; word-break:keep-all; color:#262525; font-family:"GmarketSansMedium";}

.area_main .area_drFranchise {position:relative; width:100%; text-align:center; padding:5px 10px 20px;}
.area_main .area_drFranchise .title {width:100%; line-height:1; margin:auto; margin-bottom:10px; font-size:21px; text-align:center;}
.area_main .area_drFranchise .txt {font-size:17px; margin-bottom:22px; line-height:1;}
.area_main .area_drFranchise .list {width:100%; overflow:hidden; font-size:0;}
.area_main .area_drFranchise .list .menu {width:calc(50% - 5px); margin-right:10px; margin-bottom:10px; display:inline-block; vertical-align:top;}
.area_main .area_drFranchise .list .menu  img {width:100%;}
.area_main .area_drFranchise .list .menu:nth-child(even) {margin-right:0;}
.area_familysite {position:relative; width:100%; box-sizing:border-box; padding:30px 10px; background:#fff; letter-spacing:-1px; overflow:hidden; }
.area_familysite * {box-sizing:border-box;}
.area_familysite .row {width:100%; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee;}
.area_familysite .row:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.area_familysite .row .thumb {width:100%; margin-bottom:10px;}
.area_familysite .row .thumb img {width:100%;}
.area_familysite .row .category_list {width:100%; margin:auto; font-size:0; overflow:hidden; padding-top:1px;}
.area_familysite .row .category_list .link {display:inline-block; vertical-align:top; width:100%; height:50px; line-height:52px; margin-top:-1px; background:url("../../images/main/icon_service_cate_arrow.png") calc(100% - 20px) center no-repeat; border:1px solid #acabab;}
.area_familysite .row .category_list .link span, .area_familysite .category_list .link img {display:inline-block; vertical-align:top;}
.area_familysite .row .category_list .link span {font-size:14px; color:#323232; font-family:"GmarketSansMedium"; margin-right:15px;}
.area_familysite .row .category_list .link a {display:block; width:100%; height:100%; padding-left:20px; padding-right:20px;}



/* sub_search */
#m_notice {background-color:#fafafa; color:#aaa; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50%; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:40px; line-height:40px; margin:0 3%; text-align:center;}
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:0px; right:2%;}
#m_notice .notice_input a {color:#ffffff; font-weight:bold; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .hd {height:15px; background:#85cc2a;}

/* main_notice */
#mNotice {position:relative; bottom:0; left:50%; margin:0 -50%; width:100%; background:#2e2e2f; border-top:1px solid #9cd4eb; color:#fff;}
#mNotice .notice_input {overflow:hidden; font-size:0.95em; height:39px; margin:0 22px; padding:7px 5px 7px 18px; background:url(../../images/notice.png) no-repeat center left;}
#mNotice .notice_input strong {display:block;margin:3px 0; padding:0 5px; font-weight:bold;}
#mNotice .notice_input a {color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#mNotice .hd {height:15px; background:#85cc2a;}

.contents {width:100%; position:relative; overflow:hidden; padding:15px 15px 50px 10px; min-height:500px; box-sizing:border-box; background:#fff;}
.sub_title {font-size:24px; font-weight:9000; display:block; padding:30px 20px; box-sizing:border-box;}
.prepare {width:100%; border:1px solid #ddd; padding:100px 0; text-align:center; color:#999; box-sizing:border-box;}

/* shoppingTitle */
.shoppingTitle {border-bottom:1px solid #eee; text-align:left; padding:15px 20px; background:#fff;}
.shoppingTitle li.Bmenu {font-size:1.7em; color:#000; font-weight:bold;}
.shoppingTitle li.Smenu {color:#9fb9d4;}


/* shoppingPrice */
.shoppingPrc { margin:0 auto;}
.shoppingPrc.view {padding:4% 5%;}
.shoppingPrc .shopImg {margin:2% 0; margin-bottom:4%; text-align:center;}
.shoppingPrc .shopImg img {width:100%; height:100%;}
.shoppingPrc .price {width:100%; margin:0 auto; padding:0;}
.shoppingPrc .items {font-size:0; width:100%; padding-bottom:8px; background:#fff;}
.shoppingPrc .items li.item {vertical-align:top; font-size:14px; display:inline-block; width:47%; margin: 12px 1.5%; overflow:hidden;}
.shoppingPrc .items li.item dl {}
.shoppingPrc .items .checkbox {position:absolute;}
.shoppingPrc .items .thumb-img {position:relative; overflow:hidden; display:block; width:100%; margin-bottom:10px;}
.shoppingPrc .items .thumb-img:before {content:""; display:block; padding-top:100%}
.shoppingPrc .items .thumb-img img {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;}
.shoppingPrc .items .thumb-img .checkbox {position:absolute; z-index:10; top:10px; left:10px; width:14px; height:14px;}
.shoppingPrc .items .infoBox {background:#fff; line-height:1.4;  width:100%; vertical-align:middle; display:block;}
.shoppingPrc .items .infoBox .btn_area {margin-top:10px; text-align:right;}
.shoppingPrc .items .infoBox .btn_area span {display:inline-block; margin-left:7px;}
.shoppingPrc .items .infoBox .btn_area span img {width:15px;}
.shoppingPrc .items .pname {overflow:hidden; overflow:hidden; color:#444; margin-bottom:7px; height:40px; overflow:hidden; word-break:keep-all; font-weight:normal;}
.shoppingPrc .items .pname img {height:16px; position:relative; top:-1px;}
.shoppingPrc .items .prcInfo {line-height:19px;}
.shoppingPrc .items .prcInfo ul li {overflow:hidden;}
.shoppingPrc .items .prcInfo ul .price_wrap {font-size:12px; color:#555; font-weight:normal; overflow:hidden; line-height:14px; margin-bottom:6px;}
.shoppingPrc .items .prcInfo ul .price_wrap em {float:left; font-style:normal;}
.shoppingPrc .items .prcInfo ul .price_wrap  strong {text-align:right; width:50%; font-weight:normal; display:inline-block; float:right; margin-left:0px;}
.shoppingPrc .items .prcInfo ul li:last-child {margin-bottom:0;}
.shoppingPrc .items .prcInfo ul .btn_area {text-align:right;width:100%; margin-top:9px;}
.shoppingPrc .items .prcInfo ul .btn_area span {margin-left:10px;}
.shoppingPrc .items .noitem {line-height:100px; height:100px; background:#fff; margin:20px 10px; text-align:center;}
.shoppingPrc .list_item .item:last-child {margin-right:0;}
.shoppingPrc.recommend {background:#fff; padding:0 15px;}
.shoppingPrc.recommend * {box-sizing:border-box;}
.shoppingPrc.recommend .items {padding:0px 0px;}
.shoppingPrc.recommend .items li.item {margin:20px 0; padding:0 10px; /*width:50% !important;*/}
.shoppingPrc .list_cate {width:100%; overflow:hidden;}
.shoppingPrc .list_cate .cate {margin-right:18px; float:left;}
.shoppingPrc .list_cate .cate .thumb {margin-bottom:22px;}
.shoppingPrc .list_cate .cate div {line-height:1; overflow:hidden; width:100%;}
.shoppingPrc .list_cate .cate h3 {float:left; font-size:20px;}
.shoppingPrc .list_cate .cate .more {float:right;}
.shoppingPrc .list_cate .cate:last-child {margin-right:0;}
.shoppingPrc .items .item .thumb-img {width:100%; text-align:center;}
.shoppingPrc .items .item .thumb-img img {box-sizing:border-box; width:100%; height:100%; border:1px solid #d9d9d9;}
.shoppingPrc .items .item .pr-info .pr-title {display:block; width:100%; font-weight:bold; letter-spacing:-1px; overflow:hidden; color:#333; font-size:16px; margin-bottom:7px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt {font-size:16px;}
.shoppingPrc .items .item .pr-info .pr-price span.txt:first-child {margin-right:7px;}
.shoppingPrc .items .item .pr-info .pr-function {overflow:hidden; margin-bottom:10px;}
.shoppingPrc .items .item .pr-info {text-align:center; border:1px solid #d9d9d9; border-top:0; padding:15px 0px 0px 0px;}
.shoppingPrc .items .item .pr-info li {margin-bottom:10px; display:block; overflow:hidden; height:auto;}
.shoppingPrc .items .item .pr-info li span {display:inline-block;}
.shoppingPrc .items .item .pr-info li span.txt input[type='number'] {border:1px solid #ddd; text-align:center; color:#666;}
.shoppingPrc .items .item .pr-info li.icon {display:none; height:auto; margin-bottom:10px; font-size:0; text-align:center;}
.shoppingPrc .items .item .pr-info li.icon img {max-height:20px;}
.shoppingPrc .items .item .pr-info .btn_purchase:last-child{border-left:0; border-right:0;}
.shoppingPrc .items.mypage .item {border-bottom:1px solid #ddd; margin-bottom:0; margin-left:0; padding:20px 15px;}
.shoppingPrc .items.mypage li {box-sizing:border-box; width:100%; margin-right:0; font-size:14px;  margin-top:0; color:#555;}
.shoppingPrc .items.mypage .pr-info li {margin-bottom:5px;}
.shoppingPrc .items.mypage li:last-child {margin-bottom:0;}
.shoppingPrc .items.mypage .item .thumb-img {float:left; width:100px; padding:3px;}
.shoppingPrc .items.mypage .item .pr-info {margin-left:125px;}
.shoppingPrc .items.mypage .item:last-child {margin-bottom:0 !important;}
.shoppingPrc .items.mypage .pr-title {font-size:14px; display:inline-block; float:left; width:100%; font-weight:bold;}
.shoppingPrc .items.mypage .pr-title:after {clear:both; height:0; overflow:hidden;}
.shoppingPrc .items.mypage .item .pr-info {padding:0; border:0; text-align:left;}
.shoppingPrc .items.mypage .item .pr-info .tit {float:left;}
.shoppingPrc .items.mypage .item .pr-info .txt {float:right;}
.shoppingPrc .items.mypage .item .thumb-img img	{width:100%; height:auto;}
.shop_banner {width:100%;}
.shop_banner img {width:100%;}

.shoppingPrc .thumb_wrap {position:relative; width:100%; height:100%;}
.shoppingPrc .thumb_wrap .thumb {width:100%; height:100%; margin-bottom:15px; box-sizing:border-box;}
.shoppingPrc .thumb_wrap img {width:100%; height:100%; border:1px solid #ddd;}
.shoppingPrc .thumb_wrap .thumb_min {box-sizing:border-box; padding:0px; width:100%; overflow:hidden; font-size:0; text-align:left;}
.shoppingPrc .thumb_wrap .thumb_min img {box-sizing:border-box; width:60px; margin:0 7px; display:inline-block;}
.shoppingPrc .thumb_wrap .thumb_min img:last-child {margin-right:0;}
.shoppingPrc .list {list-style:none; margin:0 auto; width:100%; box-sizing:border-box; }
.shoppingPrc .list { overflow: hidden; text-overflow: ellipsis; }
.shoppingPrc .list li img { vertical-align:middle }
.shoppingPrc .list li a {color:#7b7b7b;}
.shoppingPrc .list li{position:relative; font-size:14px; padding:0 15px; margin-bottom:10px; display:block; overflow:hidden; }
.shoppingPrc .list li.detail-title {color:#000; padding:20px 15px; line-height:1.5; border-bottom:1px solid #eee; margin-bottom:20px;}
.shoppingPrc .list li.detail-title .title {display:block; font-size:17px; word-break:keep-all; font-weight:normal; margin-bottom:10px;}
.shoppingPrc .list li.detail-title .price {font-size:28px; line-height:1; font-weight:bold;}
.shoppingPrc .list li.detail-title span {float:none;}
.shoppingPrc .list li select {background:#fff; height:24px; border:1px solid #ddd;}
.shoppingPrc .list li span {float:right;}
.shoppingPrc .list li span.listPrc {color:#ff0000; font-weight:bold;}
.shoppingPrc .list li span.listPv {color:#ea00ea; font-weight:bold;}
.shoppingPrc .list input[type='number'] {border:1px solid #ddd; width:50px; height:30px;}
.amount {width:60%; margin:auto;}
.function .btn {float:left; margin-left:7px;}
.amount {font-size:0; overflow:hidden;}
.textQuantity {width:33.4%; height:30px; line-height:30px; border:1px solid #ebebeb; border-left:0; border-right:0; color:#666; vertical-align:top; font-size:14px; text-align:center; font-weight:500;}
.quantity {color:#999; cursor:pointer; width:33.3%; line-height:1; font-size:18px; height:30px; background:#fff; border:0; vertical-align:top; border:1px solid #ebebeb;}
.btn_purchase {width:50%; height:39px; font-size:14px; color:#000; line-height:39px; display:inline-block; float:left; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#ececec; font-weight:bold;}

.category_section {position:relative; background:#fff; width:100%;}
.category_section * {box-sizing:border-box;}
.category_section .column {width:100%; position:relative; padding:40px 0px;}
.category_section .column .title {display:block; margin-bottom:18px; width:100%; font-size:18px; line-height:1; text-align:center;}
.category_section .column .link {display:block; width:calc(100% - 18px); height:40px; line-height:40px; margin:auto; text-align:center; border:1px solid #dddddd; border-radius:100px; color:#ef7569; font-size:14px; display:block; margin-top:18px;}
.category_section .column .category_img {width:100%; margin-bottom:10px;}
.category_section .column .category_img img {width:100%;}
.category_section .column .items {padding:0 9px;}
.category_section .area_banner {margin:0;}


.totalInfo {position:relative;}
.totalInfo li {font-weight:bold; line-height:40px; padding:0 15px; border-bottom:1px solid #eee;}
.totalInfo li:last-child {border-bottom:1px solid #eee; background-color:#fcfcfc; line-height:60px;}
.totalInfo li:last-child .txt {color:#d30000; font-size:18px;  font-weight:bold;}
.totalInfo li .tit {text-align:left; text-indent:15px;}
.totalInfo li .txt {float:right; padding-right:2%; }





/* shopping tabmenu */
.tab_menu {overflow:hidden; width:100%; margin-top:0px;}
.tab_menu li {float:left; position:relative; box-sizing:border-box; border-bottom:1px solid #e1e1e1; z-index:10; background:#fff; color:#333; width:33.3%; height:46px; line-height:46px; font-size:13px; text-align:center;}
.tab_menu li:first-child {width:33.4%; }
.tab_menu li img {margin-bottom:1px; vertical-align:middle;}
.tab_menu li a { display:block; text-decoration:none; width:100%; height:100%;}
.tab_menu li.on {z-index:20; border-bottom:2px solid #ef7569; color:#16806a; font-weight:bold;}
.tab_menu li.on a {color:#16806a;}
.tab_menu li.on strong {display:block;}
.tab_menu li.on strong a {color:#ffffff; text-decoration:none; padding:0px 10px;}
.view_sore {padding:15px; min-height:200px;}
.pr_info_table {width:100%; font-size:11px; }
.pr_info_table th {padding:6px 10px; line-height:1.4; color:#000; background:#fcfcfc; border:1px solid #ddd;}
.pr_info_table td {padding:10px 10px; height:28px; border:1px solid #ddd;}

.tabs {width:100%; height:50px; line-height:50px; margin-bottom:30px; text-align:center; font-size:0; color:#fff; background:#ef7569;}
.tabs li {font-size:15px; display:inline-block; margin:0 20px;}
.tabs li.on {font-weight:bold;}

/* m_contents */ 
#contents {position:relative; overflow:hidden; width:100%; margin:0 auto; background:#fff; text-align:center;}


/* navbar */
#navbar {overflow:hidden; width:100%; margin:0 auto;}
#navbar:after {display:block; clear:both; content:'';}
#navbar>ul>li {color:#292929;}
#navbar li {background:url(../../images/blit.png) no-repeat top center; border-bottom:1px solid #eee;}
#navbar li:last-child {border-bottom:0;}
#navbar>ul>li>a {color:#292929; vertical-align:center; font-size:13px; padding:4%; overflow:hidden; display:block; background:#fff;}
#navbar b {float:left; font-weight:normal;}
#navbar img {position:relative; top:3px; width:15px; opacity:.5; float:right;}

/* progress */
.progress{overflow:hidden; height:50px; background:url(../../images/bg_progress.jpg?v=1.01); font-size:0.875em; line-height:40px; letter-spacing:-1px;}
.progress ol{float:left; margin:0; padding:0;}
.progress li,.progress li span{background:url(../../images/bg_progress_item.png?v=1.3) no-repeat; white-space:nowrap;}
.progress li{float:left; margin:0 0 0 -12px; padding:0 0 0 20px; background-position:-287px 0;}
.progress li span{display:inline-block; height:44px; padding:5px 25px 0 10px; background-position:100% top;}
.progress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin:1px 0 0 -20px;}
.progress li.on span{background:url(../../images/bg_progress_item.png?v=1.0) no-repeat 100% 100%;}
.progress li.last,.progress li.last span{background:none;}
.progress .right{position:absolute; top:6px; right:10px; color:#494949;}


.mprogress{overflow:hidden; height:49px; background:url(../../images/bg_progress.jpg); font-size:0.875em; line-height:16px; letter-spacing:-1px;}
.mprogress ol{float:left; margin:0; padding:0;}
.mprogress li,.mprogress li div{background:url(../../images/bg_progress_item.png) no-repeat; white-space:nowrap;}
.mprogress li{float:left; margin:0 0 0 -12px; padding:0 0 0 17px; background-position:-287px 0;}
.mprogress li div{display:inline-block; height:45px; padding:5px 30px 0 10px; background-position:100% top;}
.mprogress li.on{position:relative; z-index:10; background-position:0 100%; color:#fff; font-weight:bold; margin-left:-20px;}
.mprogress li.on div{background:url(../../images/bg_progress_item.png) no-repeat 100% 100%;}
.mprogress li div span{float:left; padding-top:3px;}



/* pageTitle */
.pageTitle {font-size:0.9em; background:#fff; border:1px solid #eee; border-left:0; border-right:0; font-family:"Pretendard"; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.pageTitle .leftTitle {padding:0 3%; height:35px; line-height:35px; color:#666;}
select {height:35px; background:#fff; border:1px solid #ddd; border-radius:0px;}


/* sub */
.subTitle {font-size:21px; width:100%; text-align:center; font-weight:bold; color:#000; padding:10px 0px 30px; position:relative; text-align:center;}
.boardTitle {font-size:1.4em; color:#000; font-weight:bold; height:60px; line-height:60px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #e4e4e4;}
.s01 {background:#fff; position:relative; padding:0px 0px 40px 0px;}
.s01 dd {font-size:1em;}
/*.s01 span {color:#ff0000;}*/
.s01 p {color:#333; font-size:0.9em;}
.s01 p.fontB {color:#494949;}
.s01 .btn {margin:0 auto;}
.s01 table, .basic {border-collapse:collapse; width:100%; border:none;}
.s01 td, .s01 th, .basic td, .basic th {border:1px solid #eee; padding:6px 0; line-height:140%;}
.s01 thead, .basic thead {border-top:1px solid #333;}
.s01 thead th, .basic thead th {background-color:#fafafa; color:#000; padding:1.5% 0;}
.s01 thead td, .basic thead td {padding-left:1.5%;}
.s01 tbody, .basic tbody {background-color:#ffffff; text-align:center;}
.s01 tbody td, .basic tbody td {padding:3% 0;}
.s01 .style {padding:2px 0; margin:4px 0; font-size:0.9em;}
.s01 tfoot tr, .basic tfoot tr {background-color:#f3f3f3; border-top:2px solid #0390d4; border-bottom:1px solid #d3d3d3;}
.s01 tfoot td, .basic tfoot td {padding:18px 6%;}




/* sub Tab */
.tab {position:relative; margin:0 auto;}
.tabMenu {height:42px; border-bottom:2px solid #510303;}
.tabMenu li {float:left; position:relative; margin-left:-1px; display:block; width:19.9%; height:40px; text-align:center; font-size:14px; font-weight:bold; border:1px solid #d9d9d9; border-bottom:0; background:#fff;}
.tabMenu li a {position:absolute; left:0; top:0; display:block; width:100%; height:24px; padding-top:13px; border-bottom:0;}
.tabMenu li.active a {width:100%; padding-bottom:1px; border-bottom:0; background:#510303; font-weight:bold; height:28px; color:#ffffff;}
.tab-cont {clear:both; width:100%; border-top:0; margin-top:10px; line-height:140%;}
.nmargin {border:0 !important; margin:0 auto !important;}



/* joinStep */
.joinStep .txt1, .s01 .txt1 {font-weight:bold; color:#494949; font-size:1em;}

.joinStep2 {margin:10px 0px 0;}
.joinStep2 .jBox {background-color:#fff; border:1px solid #999; border-radius:0.5em 0.5em 0.5em 0.5em; font-size:12px; padding:10px; margin:15px 0; line-height:20px; -webkit-text-size-adjust:75%; -moz-text-size-adjust:160%; -ms-text-size-adjust:160%;}
.joinStep2 .comment {margin-top:30px; color:#a2a2a2; font-size:0.9em; line-height:19px;}


.joinStep2 {margin:27px -10px 0;}
.jList2 dt {background-color:#fafafa; border-bottom:1px solid #cacaca; border-top:1px solid #cacaca;}
.jList2 dt .joinBg{border-bottom:1px solid #eff1fa; border-top:1px solid #fdfdfd; padding:13px 12px 13px;}
.jList2 dt .joinBg:after {clear:both; display:block; content:"";}
.jList2 dt strong {float:left; font-weight:bold; margin-top:11px;}
.jList2 dt .bType01 {float:right; margin:-5px -4px -3px 0;}
.bType01 a {color:#666666; display:block; height:25px; padding:6px 12px 0 9px; text-decoration:none;}
.jList2 dd {padding:10px 10px 8px; text-align:right;}
.joinStep2 label {cursor:pointer;}
.ic {vertical-align:-2px; margin-right:2px;}
.agree {border-top:1px solid #ccc; padding:15px 10px 0;}
.joinStep2 .txt .fChk {display:block; float:left; padding-top:2px;}
.joinStep2 .txt .tx {display:block; padding:0 0 0 20px;}
.btn02 {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(/m/images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}


/* postSearch */
.postSearch .txt1 {font-weight:bold; padding:0 0 0 5px;}
.postSearch .txt2 {padding-top:10px; font-size:12px; color:#919191}

.postSearch #postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch #postList li .t1 {color:#919191; padding-left:5px;}
.postSearch #postList li .t2 {margin-top:5px;}


.postSearch .postList li {list-style:none; padding:10px 0; border-bottom:1px solid #cacaca;}
.postSearch .postList li .t1 {color:#919191; padding-left:5px;}
.postSearch .postList li .t2 {margin-top:5px;}


.btn_list {padding:0 4%;}
.btn_list li {float:left; width:20%; background:url(/images/btn02.png) no-repeat 7px 0px; height:52px; text-align:center;}
.btn_list li a {color:#ffffff; font-weight:bold;}

/* paging */
.paging {padding:20px 0; text-align:center;}
.paging strong {color:#494949; margin:0 20px;}
/*
.paging a, .paging strong {display:inline-block; line-height:10px; padding:4px 6px;}
*/

/* input */
.input_in {display:block; margin:0 auto; padding:5px 0; width:100%;}
.input_in:before,.input_in:after{position:absolute; top:0; left:0; content:''}
.input_in:after{right:0; left:auto;}
/*
.input01{width:90%; padding:2px 0; font-size:0.9em;}
*/

/* login */
#login {padding:0 4%;}


#login .loginBox {position:relative;overflow:hidden;}
#login .loginBox p {margin-bottom:10px;}
#login .login_btn {display:inline-block;position:absolute;top:0px;right:0px;}
#login .login_btn .button {border-radius:10px;}


.loginCopy {padding:20px 0;}
.loginCopy p {color:#5b5b5b;}

.text_login {box-sizing:border-box; font-size:16px; width:100%; height:50px; border:1px solid #e1e1e1; padding:0 15px; line-height:50px; margin-bottom:10px;}
.btn_login {box-sizing:border-box; display:block; width:100%; height:56px; line-height:56px; text-align:center; background:#ef7569; color:#fff; font-size:16px; font-weight:600; margin-top:20px;}

.login_bottom {width:100%; font-size:0; text-align:center; padding-top:20px;}
.login_bottom li {color:#777777; font-size:16px; display:inline-block;}
.login_bottom .line {display:inline-block; width:1px; height:14px; background:#eee; margin:0 10px;}

#login .row {display:table;width:100%; margin:0 0 10px; padding-right:20px;}
#login .row:last-child{margin:0} 

#login .row .cell {display:table-cell;vertical-align:top;}
#login .row .cell .term {width:5px;}
#login .row .cell .txt{display:inline-block;position:relative;top:8px;font-size:13px;color:#1B1B1B} 

/* footer */
.footer {width:100%; border-top:1px solid #ccc; background:#fff; padding:29px 0px 90px; box-sizing:border-box; text-align:center;}
.footer .logo {display:block; margin-bottom:15px; font-size:0;}
.footer .logo img {width:104px;}
.footer .logo img.hyc3800 {width:168px;}
.footer .logo img.shindp {width:178px;}
.footer .footer_logo {display:flex; gap:20px; justify-content:center;}
.footer .list_policy {width:100%; margin-bottom:27px; line-height:1; font-size:0;}
.footer .list_policy li {position:relative; font-size:11px; color:#888; display:inline-block;}
.footer .list_policy li {margin-right:15px;}
.footer .list_policy li:after {position:absolute; content:""; top:0; right:-6px; width:1px; height:10px; background:#888;}
.footer .list_policy li:last-child {margin-right:0;}
.footer .list_policy li:last-child:after {display:none; margin-right:0;}
.footer .contact {display:none;}
.footer .group_wrap {display:flex; align-items:stretch;}
.footer .group_wrap .group {display:flex; text-align:left; flex-direction:column; width:50%; justify-content:flex-start;}
.footer .group_wrap .group:last-child {border-right:0;}
.footer .group_wrap .group h1 {text-align:left; margin-bottom:20px; font-size:0; padding-left:15px;}
.footer .group_wrap .group dl {font-size:12px; word-break:keep-all; color:#666; border-right:1px solid #ddd; padding:10px 20px; line-height:22px;}
.footer .group_wrap .group dl dt {font-weight:bold;}
.footer .group_wrap .group:last-child dl {border-right:0;}
.scroll_area {position:fixed; bottom:72px; right:15px; z-index:10;}
.scroll_area .btn_scroll {width:38px; height:38px; margin-bottom:7px; border:0; cursor:pointer; border-radius:36px; display:block;}
.scroll_area .btn_scroll:active {opacity:.7;}
.scroll_area .btn_scroll.up {background:url("../../images/common/icon_arrow_up.png?ver=1.2") center no-repeat rgba(0,0,0,0.25); background-size:13px;}
.scroll_area .btn_scroll.down {background:url("../../images/common/icon_arrow_down.png?ver=1.2") center no-repeat rgba(0,0,0,0.25); background-size:13px;}

/* footer_menu */
#footer_menu {left:0; position:fixed; bottom:0; width:100%; background-color:#fff; z-index:99;}
#footer_menu li {line-height:1; width:20%; float:left; border-top:1px solid #cdcdcd; font-size:0.85em; color:#666; padding:8px 0; text-align:center;}
#footer_menu li span {display:block; margin-top:5px;}
#footer_menu li img {width:auto; height:20px;  opacity:.75;}
@media screen and (min-width: 720px) {
	#footer_menu {width:480px; left:0; right:0; margin:auto;}
}


/* button */
.btnPrev {display:block; font-size:0.8em; width:50px; height:66px; text-indent:8px; border:0; background:url(../../images/btn_prev.png?v=1.7) no-repeat; color:#444; font-weight:bold; }
.btnHome {display:block; font-size:0.8em; width:50px; height:66px; text-indent:-2px; border:0; background:url(../../images/btn_home.png?v=1.7) no-repeat; color:#ffffff; font-weight:bold;}
.btn {cursor:hand; display:block; font-size:0.9em; width:83px; height:30px; text-indent:-2px; border:0; background:url(../../images/btn.png) no-repeat; color:#ffffff; font-weight:bold;}

.prcBtn {overflow:hidden;}
.prcBtn ul {width:100%;}
.prcBtn ul li {display:inline-block; margin:0 1%;}

/* line */
.line_r {border-right:1px solid #0071a3;}
.line_l {border-left:1px solid #65bde9;}
.line_t {border-top:1px solid #65bde9;}
.line_b {border-bottom:1px solid #0071a3;}

.line_rl {border-right:1px solid #0071a3; border-left:1px solid #65bde9;}
.line_tb {border-bottom:1px solid #0071a3; border-top:1px solid #65bde9;}


/* terms */
.m05, .m06 {text-align:left; font-size:12px; line-height:22px; color:#686868;}
.m05 h2, .m06 h2 {color:#444547; font-size:18px; font-weight:bold; margin:35px 0 20px; padding-bottom:20px; border-bottom:3px solid #ef7569;}
.m05 h3, .m06 h3 {color:#444547; font-size:14px; padding:25px 0 15px; font-weight:bold;}
.m05 .group, .m06 .group {border-bottom:1px solid #c6c6c6; overflow:hidden; padding:0 0 20px 15px;}
.m05 span {font-size:12px; color:#a3a3a3; line-height:20px;}

.m05 ol {margin-left:13px;}
.m05 ol li {list-style-type:decimal; line-height:22px;}

.m06 ol {margin-left:20px; margin-top:10px;}
.m06 ol li {list-style-type:decimal; line-height:22px; color:#a3a3a3;}
.m06 span p {font-size:12px; color:#a3a3a3; line-height:22px; margin-left:13px;}
.hr {height:15px;}
.s_hd {padding:8px 15px 9px; background:#fff; color:#999; border-bottom:1px solid #ddd; border-left:0; border-right:0;}


/* padding */
.pl10 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pt10 {padding-top:10px;}
.pb10 {padding-bottom:10px;}

.pt20 {padding-top:20px;}
.pb20 {padding-bottom:20px;}

.pt40 {padding-top:40px;}
.pb40 {padding-bottom:40px;}

/* margin */
.mb20 {margin-top:20px;}
.mt20 {margin-bottom:20px;}
.ml04 {margin:0 20px;}

.right {float:right;}
.fontR {color:#16806a; font-weight:bold;}
.fontPv {color:#333 !important; font-weight:600;}
.fontPv font {color:#333 !important; font-weight:600;}
.fontPv2 {color:#d65610 !important; font-weight:600;}
.fontPv3 {color:#1a7afd !important; font-weight:600;}
.fontPv4 {color:#c712a7 !important; font-weight:600;}
.fontPv5 {color:#d90005 !important; font-weight:600;}
.price {color:#111 !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;}



/* sub_search */
#m_notice {background-color:#fff; color:#666; border-bottom:1px solid #eee; position:relative; bottom:0; left:50%; margin:0 -50% 0px; width:100%;}
#m_notice .notice_input {overflow:hidden; font-size:0.9em; height:50px; line-height:50px; margin:0 25px; }
#m_notice .notice_input strong {display:block; font-weight:normal;}
#m_notice .notice_input strong img {position:absolute; top:7px; right:2%;}
#m_notice .notice_input a {color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#m_notice .notice_input input[type='text'] {color:#666;}
#m_notice .hd {height:15px; background:#85cc2a;}

.list_certify {width:100%; position:relative; padding:0 20px; box-sizing:border-box;}
.list_certify li {width:100%; display:inline-block; vertical-align:top; margin-bottom:20px; border:1px solid #eee;}
.list_certify li:nth-child(even) {margin-right:0%;}
.list_certify li img {width:100%;}
.shop_title {position:relative; width:100%; padding:30px 0px 30px; text-align:center; font-size:21px;}



/* company */
.company {width:100%; padding:30px 15px; box-sizing:border-box; text-align:center;}
.company .title {border:5px solid #000; padding:20px 20px 16px 20px; border-radius:0px 30px 0px 30px; margin-bottom:25px;}
.company .title h2, .company .title h3 {margin:0; padding:0;}
.company .title h3 {font-size:18px; font-weight:normal; word-break:keep-all;}
.company .title img {width:160px; margin:auto; margin-bottom:15px;}
.company .txt {text-align:left; font-size:15px; line-height:1.5; word-break:keep-all; color:#333;}
.company h4 {font-size:18px; margin-top:30px; padding-top:30px; border-top:1px solid #eee; width:100%;}


.tab_submenu {width:100%; position:relative; overflow:hidden; margin-bottom:30px;}
.tab_submenu li	{position:relative; width:50%; height:45px; line-height:45px; font-size:14px; font-weight:normal; border-bottom:1px solid #ccc; color:#525252; float:left; text-align:center; display:inline-block;}
.tab_submenu li a {display:block; width:100%; height:100%;}
.tab_submenu li.on {border-bottom:2px solid #ef7569; color:#ef7569; font-weight:bold;}
.tab_submenu.about li {width:50%;}
.tab_submenu.myoffice li {width:8.3%;}
.tab_submenu.customer li {width:25%;}


.pr1 {color:#000; font-weight:bold;}
.pr2 {color:#01b237; font-weight:bold;}
.pr3 {color:#ef8e4d; font-weight:bold;}


.area_confirm {width:100%; padding:65px 0px; text-align:center;}
.area_confirm * {display:block; margin:auto;}
.area_confirm .txt {font-weight:bold; font-size:16px; width:80%; margin-bottom:20px; word-break:keep-all;}
.area_confirm input[type='password'] {width:80%; height:40px; margin-bottom:20px; border:0; border-bottom:1px solid #ddd; font-size:15px;}
.area_confirm input[type='button'] {width:80%; height:50px; background:#ef7569; color:#fff; font-weight:bold; font-size:15px; border:0;}



.s01 .alertMessage {width:100%; margin-bottom:10px; font-size:1.2em}
.s01 .alertMessage em {font-weight:bold;}
.s01 .marketTable * {box-sizing:border-box;}
.s01 .marketTable {width:100%; border:0; margin-bottom:15px;}
.s01 .marketTable th {width:20%; font-weight:normal; border:0;}
.s01 .marketTable th, .s01 .marketTable td {color:#111; font-size:0.9em; text-align:left; border:0; padding:4px 0;}
.s01 .marketTable thead th {font-weight:bold; font-size:1.2em;  background:#fff;}
.s01 .marketTable .url {font-family:inherit; width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.s01 .marketTable .url.area {height:80px; line-height:1.2; padding:3% 10px;}
.s01 .marketGuide {color:#111; margin-bottom:15px;}
.s01 .marketGuide h3 {text-align:center; font-weight:normal; background:#0d6fb8; font-size:1.2em; color:#fff; padding:3% 2%; }
.s01 .marketGuide ol {display:block; padding:3% 2%; background:#f6f6f6; list-style:decimal;}
.s01 .marketGuide ol li {font-size:.9em; word-break:keep-all; margin-bottom:6px; margin-left:4%;}
.s01 .marketGuide ol li:last-child {margin-bottom:0;}
.s01 .sectionBanner {width:100%; position:relative; overflow:hidden;}
.s01 .sectionBanner .thumb {width:100%; height:100%; padding:3%; border:1px solid #ddd; text-align:center;}
.s01 .sectionBanner .thumb img {width:100%; height:100%;}
.s01 .sectionBanner .info {width:100%; height:100%; overflow:hiddentext-align:center;}
.s01 .sectionBanner .info .px {font-size:1em; font-weight:bold; text-align:center; padding:10px 0 7px 0; display:block; }
.s01 .sectionBanner .article {width:100%; height:100%; background:#fff; border:1px solid #ddd; padding:30px;}
.s01 .sectionBanner .article .banner {width:100%; margin:auto; text-align:center;}




.area_propose {position:relative; display:table; width:100%; margin:auto; background:#fff;}
.area_propose * {box-sizing:border-box;}
.area_propose .column {width:100%; display:block; font-size:0; margin-bottom:21px;}
.area_propose .column .th, .area_propose .column .td {display:block; vertical-align:middle; font-size:14px; text-align:left;}
.area_propose .column .th {font-weight:bold; margin-bottom:5px;}
.area_propose .column .td .progressbar {margin-top:10px;}
.area_propose .column .td * {vertical-align:middle;}
.area_propose .column .td .file {width:100%; overflow:hidden;}
.area_propose .column .td .file .text_inquire {float:left; width:calc(100% - 100px);}
.area_propose .column .td .btn_file {border:0; float:right; width:35%; height:35px; cursor:pointer; color:#fff;}
.area_propose .terms_row {position:relative; margin-bottom:30px;}
.area_propose label {font-size:14px; line-height:1.5;}
.area_propose.end {padding:75px 30px; box-sizing:border-box; border:5px solid #eee;}
.area_propose.end h3 {word-break:keep-all; font-size:24px; letter-spacing:-2px; display:block; margin-bottom:10px;}
.area_propose.end img {margin-bottom:30px; width:80px;}
.area_propose.end .btn_inquire {height:45px; font-size:15px; padding:0 30px;}

.text_inquire {width:100%; border:1px solid #e1e1e1; height:35px; line-height:35px; font-size:14px; padding:0 15px;}
.text_inquire.small {width:200px;}
.text_area {width:100%; height:150px; overflow-y:scroll; border:1px solid #e1e1e1; font-size:14px; color:#444; padding:15px;}
.btn_preview {cursor:pointer; border:0; width:100%; height:50px; color:#fff; font-weight:bold; font-size:14px; display:block; margin:auto; margin-top:30px;}
.btn_inquire {cursor:pointer; border:0; font-size:14px; height:35px; color:#fff; font-weight:bold; padding:0 20px; color:#fff;}



/* 프로그래스바 20180322 */
.progressbar {position:relative; width:auto; height:30px; line-height:30px; font-family:"Pretendard"; 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.5); z-index:9999; font-family:"Pretendard";}
.popup_layer * {box-sizing:border-box;}
.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:100%; max-width:480px; margin:auto; background:#fff;}
.popup_layer .popup_title {width:100%; height:50px; line-height:50px; padding-left:15px; padding-right:0px; overflow:hidden; font-weight:normal; text-align:center; color:#fff; background:#ef7569; }
.popup_layer .popup_title .title {font-size:14px; 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 {float:right; border:0; width:50px; height:50px; text-indent:-99999px; background:url("../../images/common/btn_topbanner_close.png") center no-repeat; background-size:16px;}
.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 .area_btn {margin:20px 0; text-align:center;}
.popup_layer .area_btn input[type='button'] {margin:0 5px;}

.popup_layer .btn_area {width:100%; position:relative; overflow:hidden;}
.popup_layer .btn_area .btn_popup {width:50%; height:35px; font-weight:bold; line-height:35px; float:left; color:#fff; text-align:center;}
.popup_layer .btn_area .btn_main {background:#ef7569;}
.popup_layer .btn_area .btn_sub {background:#99b0bc;}


.area_event {width:100%; position:relative; padding:0 30px; box-sizing:border-box;}
.area_event * {box-sizing:border-box;}
.area_event .swiper-slide {transition:.3s; font-size:0; width:100%; transition-property:none; margin-bottom:40px;}
.area_event .swiper-slide img {width:100%;}

.shop_category {width:calc(100% - 30px); overflow:hidden; padding:0px; margin:auto; margin-bottom:10px; box-sizing:border-box;}
.shop_category * {box-sizing:border-box;}
.shop_category li {position:relative;width:50%; height:46px; float:left;}
/*.shop_category li:first-child:after {width:1px; height:24px; position:absolute; content:""; background:#ddd; right:0; top:50%; margin-top:-12px;}*/
.shop_category li .select_form {width:100%; height:46px; border:0; font-size:14px; padding:0 10px;  background: url("../../images/common/icon_subnav_arrow.png") no-repeat calc(100% - 15px) center #f7f7f7; background-size:8px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none;appearance:none;}
.shop_category li .select_form::-ms-expand { display: none;}


.tab_depth {width:100%; overflow:hidden; margin-bottom:20px;}
.tab_depth li {width:19.7%; height:40px; line-height:40px; float:left; color:#555; text-align:center; font-size:14px; border:1px solid #ddd; border-right:0;}
.tab_depth li:last-child {border-right:1px solid #ddd;}
.tab_depth li.on {font-weight:bold; color:#fff; background:#ef7569;}
.tab_depth li a {display:block; width:100%; height:100%;}

.area_franchise * {box-sizing:border-box;}
.area_franchise .list_title {width:100%; padding:15px 18px; 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 {width:90px; padding-left:7px; vertical-align:top; float:right;}
.area_franchise .list_title .form_search {display:inline-block; float:left;}
.area_franchise .list_title .form_search * {height:35px; line-height:35px; vertical-align:top;}
.area_franchise .list_title .form_search .textBoardSearch {width:140px; border:1px solid #e1e1e1; padding:0 10px;}
.area_franchise .list_title .form_search .textBoardSearch:focus {border-color:#999;}
.area_franchise .list_title .form_search .btn_inquire {display:inline-block; background:#ef7569; color:#fff; width:60px; font-weight:bold; font-size:12px;}
@media screen and (max-width: 320px) {
	.area_franchise .list_title .form_search .textBoardSearch {width:120px;}
	.area_franchise .list_title .form_search .btn_inquire {width:50px; padding:0;}
	.area_franchise .list_title select {width:80px;}
}


.area_franchise .list_franchise {margin:0; padding:0; width:100%;}
.area_franchise .list_franchise .list {position:relative; width:100%; padding:18px; display:block; border-bottom:1px solid #e9e9e9;}
.area_franchise .list_franchise .list .thumb, .area_franchise .list_franchise .list .cont {display:inline-block; vertical-align:middle;}
.area_franchise .list_franchise .list .thumb {width:125px; height:125px; margin-right:10px;}
.area_franchise .list_franchise .list .cont {width:calc(100% - 145px); min-height:115px; }
.area_franchise .list_franchise .list .cont .tit {font-size:14px; margin-bottom:10px; font-weight:normal; color:#333; letter-spacing:-1px; line-height:1.4;}
.area_franchise .list_franchise .list .cont dd {overflow:hidden; font-size:12px; color:#555; letter-spacing:-1px; margin-bottom:6px;}
.area_franchise .list_franchise .list .cont dd span {font-weight:bold; vertical-align:top; height:15px; line-height:15px;}
.area_franchise .list_franchise .list .cont dd b {font-weight:bold; vertical-align:top; height:15px; line-height:15px;}
.area_franchise .list_franchise .list .cont dd:last-child {margin-bottom:0;}
.area_franchise .list_franchise .list .cont .rating {margin-bottom:8px;}
.area_franchise .list_franchise .list .cont .rating .star_wrap {width:84px; height:15px; line-height:15px; top:-1px; background-size:84px 15px;}
.area_franchise .list_franchise .list .cont .rating .star_wrap .star {background-size:84px 15px;}
.area_franchise .list_franchise .list .cont .rating label {vertical-align:top; height:15px; line-height:15px; display:inline-block; color:#888; font-weight:bold;}
.area_franchise .list_franchise .list .cont .rating label:before {content:"(";}
.area_franchise .list_franchise .list .cont .rating label:after {content:")";}
.area_franchise .list_franchise .list .cont .line {display:inline-block; width:1px; height:15px; background:#e9e9e9; margin:0 7px;}
.area_franchise .list_franchise .list .cont .addr .address {font-weight:normal;}
.area_franchise .list_franchise .list .cont .hours b {color:#17e4aa; margin-right:7px; float:left; padding-top:2px;}
.area_franchise .list_franchise .list .cont .hours .com {float:right; background:#ef7569; color:#fff;  padding:4px 8px; display:inline-block; font-size:11px; border-radius:10px; height:auto; line-height:1;}
.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;}

.area_franchise .view_title {text-align:center; font-size:20px; letter-spacing:-1px; border-bottom:1px solid #e1e1e1;}
.area_franchise .view_title img {width:100%;}
.area_franchise .view_franchise {width:100%; height:100%; position:relative;}
.area_franchise .view_franchise .store_info {position:relative; padding:25px 20px 30px 20px;}
.area_franchise .view_franchise .store_info .title {display:block; font-size:26px; letter-spacing:-1px; color:#333; line-height:1; margin-bottom:16px;}
.area_franchise .view_franchise .store_info .rating {width:100%; margin-bottom:16px;}
.area_franchise .view_franchise .store_info .rating .star_wrap {margin-right:0; margin-left:0;}
.area_franchise .view_franchise .store_info .rating span {font-size:17px; height:18px; line-height:18px; vertical-align:top; font-weight:bold; color:#555;}
.area_franchise .view_franchise .store_info .rating .line {width:1px; display:inline-block; background:#e3e3e3; margin:0px 5px;}
.area_franchise .view_franchise .store_info .rating label {height:18px; line-height:18px; vertical-align:top; color:#888; font-weight:bold;}
.area_franchise .view_franchise .store_info .rating label b {color:#333;}
.area_franchise .view_franchise .store_info .com {font-size:1em; font-weight:bold;} 
.area_franchise .view_franchise .store_info .com p, .area_franchise .list_franchise .list .cont .com span {display:inline-block; font-weight:bold;}
.area_franchise .view_franchise .store_info .com p {color:#888;}
.area_franchise .view_franchise .store_info .com span {color:#ef7569;}
.area_franchise .view_title .frview-next {background:url("/images/sub/icon_fr_next.png") center no-repeat; width:20px; height:59px; background-size:100%; right:15px;}
.area_franchise .view_title .frview-prev {background:url("/images/sub/icon_fr_prev.png") center no-repeat; width:20px; height:59px; background-size:100%; left:15px;}   
.area_franchise .view_franchise .store_detail {width:100%; position:relative; overflow:hidden;}
.area_franchise .view_franchise .store_detail .store_tab {width:100%; height:50px; line-height:50px; }
.area_franchise .view_franchise .store_detail .store_tab .tab {display:block; text-align:center; font-size:15px; color:#888; width:50%; border:1px solid #dddddd; border-right:0; float:left;}
.area_franchise .view_franchise .store_detail .store_tab .tab:first-child {border-left:0;}
.area_franchise .view_franchise .store_detail .store_tab .tab.on {border-bottom:0; color:#333; font-weight:bold;}
.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_div.info ul {padding:0 20px; width:100%;}
.area_franchise .view_franchise .store_detail .tab_div.info ul li {display:block; width:100%; margin-bottom:24px;}
.area_franchise .view_franchise .store_detail .tab_div.info ul li .icon {width:28px; position:absolute;}
.area_franchise .view_franchise .store_detail .tab_div.info ul li .cont {display:block; padding-left:30px; font-size:18px; color:#555;}
.area_franchise .view_franchise .store_detail .tab_div.info ul li .cont b {color:#333;}
.area_franchise .view_franchise .store_detail .tab_div.info ul li .cont p {word-break:keep-all; display:block; margin-top:18px; color:#888; line-height:25px; font-size:16px;}
.area_franchise .view_franchise .store_detail .tab_div.info .map {padding:25px 20px; border-top:1px solid #f1f4f6;}
.area_franchise .view_franchise .store_detail .tab_div.info .map h3	{font-size:20px; letter-spacing:-1px; margin-bottom:20px;}


.area_franchise .view_franchise .store_detail .fr_menu {width:100%; 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:12px; border-bottom:1px solid #e9e9e9; padding:10px 5px;}
.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 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 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 {padding:5px 0px 5px 5px;}
.area_franchise .view_franchise .store_detail .fr_menu .thumb img {width:80px; height:80px;}
.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 .fr_menu .amount {width:88px;}
.area_franchise .view_franchise .store_detail .fr_menu .numOption {cursor:pointer; float:left; width:24px; height:24px; line-height:22px; font-size:12px; border:1px solid #ddd; background:#fff;}
.area_franchise .view_franchise .store_detail .fr_menu .numOption:after {display:none;}
.area_franchise .view_franchise .store_detail .fr_menu .numOption.add {border-left:0;}
.area_franchise .view_franchise .store_detail .fr_menu .numOption.dec {border-right:0;}
.area_franchise .view_franchise .store_detail .fr_menu .textOptionNum {width:30px; height:24px; line-height:24px; font-size:12px; float:left; text-align:center; border:1px solid #ddd;}
.area_franchise .view_franchise .store_detail .btn_purchase {margin:auto; display:block; width:180px; height:52px;}

.area_franchise .view_franchise .store_detail .tab_div.review {padding:35px 0;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title {width:100%; padding:20px; padding-top:0; line-height:1; border-bottom:1px solid #dddddd; overflow:hidden;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title h3 {font-size:20px; color:#333; float:left;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title h3 b {color:#004fa8;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title .filter {float:right; font-size:15px;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title .filter li {color:#888; display:inline-block;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title .filter li.on {color:#333; font-weight:bold;}
.area_franchise .view_franchise .store_detail .tab_div.review .review_title .filter .line {display:inline-block; width:1px; height:15px; background:#e3e3e3; margin:0 3px;}
.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 {float:left; font-size:16px; color:#333; line-height:1; margin-bottom:15px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .del {color:#999; font-size:14px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .rating {margin-bottom:12px;}
.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:14px; color:#999; line-height:1.3; margin-bottom:13px;}
.area_franchise .view_franchise .store_detail .tab_div.review .list .comment {font-size:14px; line-height:27px; word-break:keep-all;}
.btn_purchase2 {cursor:pointer; position:absolute; background:#ef7569; border:1px solid #ef7569; color:#fff; font-size:15px; width:90px; letter-spacing:-1px; height:36px; font-weight:bold; bottom:20px; right:20px;}
.area_franchise .view_franchise .btn_order {width:120px; height:40px; font-size:14px; margin:0 5px; background:#ef7569; border:0; color:#fff; font-weight:bold; cursor:pointer; font-size:15px; display:inline-block;}

.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-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:15px; margin-right:10px;}
.inquire_wrap .inquire_comment .select_star select {padding-left:10px;}
.inquire_wrap .inquire_comment textarea {box-sizing:border-box; border:1px solid #c9c9c9; padding:10px; font-size:15px; line-height:1.4; width:100%; height:125px; margin-bottom:15px; border-radius:4px;}
.inquire_wrap .inquire_comment .btn_submit {background:#ef7569; color:#fff; font-size:15px; font-weight:bold; width:90px; height:36px; border:0; border-radius:6px;}
.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:#ef7569; 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;}
.search_franchise {margin-bottom:0px; width:100%; padding:0 18px; box-sizing:border-box;}
.search_franchise table {width:100%; table-layout:fixed;}
.search_franchise table th, .search_franchise table td {border:1px solid #e4e4e4; padding:8px;}
.search_franchise table th {font-weight:bold; height:40px; text-align:center; background:#fafafa;}
.search_franchise table .select_form {width:100%;}
.search_franchise table input[type='button'] {width:100%; height:35px; color:#fff; font-weight:bold; background:#ef7569; border:0; cursor:pointer;}

.popup_purchase {width:100%; max-height:400px; overflow-y:auto; padding:20px;}
.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:140px; 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:10px 8px; font-size:12px; font-weight:bold; border:1px solid #ddd;}
.popup_purchase .text_purchase {font-size:12px; 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%; max-height:400px; overflow-y:auto; 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:100px; background:#fafafa;}
.popup_booking table td {color:#444}
.popup_booking table th, .popup_booking table td {padding:10px 8px; font-size:12px; border:1px solid #ddd;}
.popup_booking .select_form {height:30px; padding-left:8px;}
.popup_booking .inputwrap {display:block; position:relative; margin:4px 5px 4px 0px;}
.popup_booking .inputwrap:last-child{margin-bottom:0;}
.popup_booking .inputwrap .select_form {width:75px;}
.popup_booking .inputwrap .select_form.date {width:auto;}

.popup_booking .inputwrap span {display:inline-block; width:35px;}
.popup_booking .row_booking {width:100%; margin-bottom:15px;}
.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 .text_purchase {font-size:12px; 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 {box-sizing:border-box;}
#PopupPrdPreview .popup_content {max-height:600px; overflow-y:auto; }
#PopupPrdPreview * {box-sizing:border-box;}
#PopupPrdPreview .thumb {width:100%;} 
#PopupPrdPreview .thumb img {width:100%;}
#PopupPrdPreview .pr_title {display:block; font-size:16px; padding:20px 15px 10px; word-break:keep-all; letter-spacing:-1px;}
#PopupPrdPreview .info {width:100%; padding:0 15px; margin-bottom:20px;}
#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 {float:right;}
*/
#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 .detail_info {width:100%; padding:0 15px;}
#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 .btn_purchase {width:130px; height:40px; margin:auto; margin-bottom:25px; display:block; font-size:14px;}

#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;}  

@media screen and (max-width: 375px) {
	#PopupPrdPreview .popup_content {max-height:550px;}	
}


@media screen and (max-width: 375px) {
	#PopupPrdPreview .popup_content {max-height:550px;}	
}

@media screen and (min-height: 800px) and (max-width:375px) {
	#PopupPrdPreview .popup_content {max-height:680px;}	
}

@media screen and (max-width: 360px) {
	#PopupPrdPreview .popup_content {max-height:530px;}	
}
@media screen and (max-width: 320px) {
	#PopupPrdPreview .popup_content {max-height:460px;}	
}
.paginate {font-size:0;}
.paginate a {display:inline-block; font-size:12px; width:30px; line-height:30px; height:30px; margin:0 4px; border:1px solid #ddd; vertical-align:top;}
.paginate a.prev, .paginate a.next {font-size:0;}
.paginate .prev:before {content:"<"; font-size:12px;}
.paginate .next:before {content:">"; font-size:12px;}
.paginate a.on {background:#ef7569; color:#fff;}


.shopOption {text-align:right; width:100%; box-sizing:border-box; font-size:0; line-height:1.8; background:#fff; position:relative; margin:20px 0 10px; padding-right:1.5%;}
.shopOption ul li {font-size:12px; cursor:pointer; display:inline-block; color:#999;}
.shopOption ul li.on {color:#333; font-weight:bold;}
.shopOption ul li:after {content:"l"; color:#e5e5e5; margin:0 3px;}
.shopOption ul li:last-child:after {display:none;}

.area_select_option {position:relative; text-align:right; width:100%; box-sizing:border-box; margin:8px auto 0px;}
.area_select_option * {box-sizing:border-box;}
.area_select_option span {display:inline-block; cursor:pointer; width:120px; font-weight:bold; height:32px; line-height:32px; font-size:14px; padding:0 10px; margin-right:15px; background: url("../../images/common/icon_dropdown_arrow.png") no-repeat right center; background-size:8px; padding-right:15px;}
.area_select_option ul {display:none; position:absolute; z-index:100; top:55px; right:15px; width:100px; box-shadow:0px 5px 5px rgba(0,0,0,0.1); background:#fff; border:1px solid #ddd;}
.area_select_option ul li {width:100%; height:34px; line-height:34px; font-size:12px; border-bottom:1px solid #eee; color:#666;}
.area_select_option ul li a {display:block; height:100%; width:100%; padding:0 15px;}
.area_select_option ul li:last-child {border-bottom:0;}
.area_select_option ul li:hover {background:#fcfcfc;}

.tab_form {width:100%; margin-bottom:20px; overflow:hidden; padding:0 18px; box-sizing:border-box;} 
.tab_form * {box-sizing:border-box;}
.tab_form li {transition:.2s; width:25%; height:45px; line-height:45px; 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:#34a090;}
.tab_form li:last-child {border-right:1px solid #e9e9e9;}


.tab_category {position:relative;width:100%;font-size:0;margin-bottom:15px; display:flex; flex-wrap:wrap; gap:10px; box-sizing:border-box;}
.tab_category * {box-sizing:border-box;}
.tab_category li {position:relative;display:block; flex:0 0 calc((100% - 10px)/2); box-shadow: 0px 3px 8px rgba(0,0,0,0.07); border-radius:6px; border:1px solid #bbb; font-weight:bold; letter-spacing:-0.5px; box-sizing:border-box; text-align:center;overflow:hidden; font-size:13px;color:#444;}
.tab_category li span {position:relative;}
.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:12px 0;}
.tab_category li.on {color:#fa6a5b; border-color:#fa6a5b; }
.tab_category li:nth-child(3n) {margin-right:0;}
.tab_category li:hover {color:#fa6a5b;}
.tab_category.depth {border:0; box-shadow:none; display:block; margin-bottom:15px;}
.tab_category.depth li {display:inline-block; font-size:12px; border-radius:6px; width:calc(50% - 4px); box-shadow:none; margin-right:8px; margin-bottom:8px; font-size:12px; 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:11px 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:8px;}
.tab_category.depth li:nth-child(4n) {margin-right:0;}


/* 지역몰 */
.area_localmall {position:relative; width:100%; margin:auto; text-align:center;}
.area_localmall * {box-sizing:border-box;}
.area_localmall .title {display:block; width:100%; margin-bottom:32px; line-height:1; font-size:32px; font-weight:normal;}
.local_link {cursor:pointer; text-align:center; width:45%; margin:auto; margin-top:10px; height:38px; line-height:34px; background:#f7f7f7; color:#000; font-size:12px;  box-shadow:3px 3px 5px rgba(0,0,0,0.3); margin:0 auto 15px; border-radius:20px; display:block;}
.local_link img {width:60%;}
.area_localmall .list_local {width:100%; margin:auto; overflow:hidden;}
.area_localmall .list_local .menu {display:inline-block; position:relative; width:50%; padding:0 10px; margin-bottom:30px;}
.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:10px; right:0; bottom:0; width:calc(100% - 20px); padding:10px 15px; letter-spacing:1px; font-weight:bold; background:rgba(0,0,0,0.7); color:#fff; font-size:18px; display:block;}
.area_localmall .list_local .menu img {width:100%; height:100%;}
.area_localmall .list_mart {width:100%; margin:auto; overflow:hidden; font-size:0; text-align:left;}
.area_localmall .list_mart .menu {display:inline-block; position:relative; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.area_localmall .list_mart .menu:nth-child(even) {margin-right:0;}
.area_localmall .list_mart .menu img {width:100%;}
.tab_local {overflow:hidden; width:100%; font-size:0; margin-bottom:20px;}
.tab_local li {cursor:pointer; width:calc(25% - 10px); float:left; height:38px; line-height:38px; background:#f7f7f7; color:#000; font-size:12px;  box-shadow:3px 3px 5px rgba(0,0,0,0.3); margin:0 5px 15px; border-radius:20px; display:inline-block;}
.tab_local li.on {background:#f88b80; color:#fff;}


.detailCategory {width: calc(100% - 30px); margin: auto; letter-spacing: -1px; margin-top: 20px; font-size: 0;}
.detailCategory * {box-sizing: border-box;}
.detailCategory ul {display: flex; flex-wrap: wrap; width: 100%;}
.detailCategory li {flex: 0 0 33.333%; color: #444; font-size: 12px; margin-top: -1px; border-top: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center;}
.detailCategory li a {display: block; width: 100%; padding: 9px 4px;}
.detailCategory li:nth-child(3n+1) {border-left: 1px solid #eee;}
.detailCategory li.on {background: #fcfcfc; font-weight: bold;}
.detailCategory.first li {font-size: 12px; border-color: #535353; color: #676767;}
.detailCategory.first li.on {background: #535353; font-weight: bold; color: #fff;}
.detailCategory.first li a {padding: 10px 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.detailCategory.depth {margin-bottom: 20px;}
.detailCategory.depth ul {width: 100%; padding: 0 30px; display: flex; flex-wrap: wrap;}
.detailCategory.depth li {position: relative; flex: 0 0 25%; text-align: left; border: 0; color: #373737; padding-left: 12px;}
.detailCategory.depth li.on {background: transparent; font-weight: bold;}
.detailCategory.depth li:before {width: 6px; height: 6px; background: #373737; border-radius: 7px; position: absolute; content: ""; left: 0; top: 50%; margin-top: -3px;}
.detailCategory.depth li a {padding: 5px 0;}


/* wallet */
.area_myWallet {width:100%; padding:15px; margin:auto; position:relative; box-sizing:border-box;}
.area_myWallet * {box-sizing:border-box;}
.area_myWallet input[type='button'] {background:#fff;}

.area_myWallet .title {width:100%; display:block; margin-bottom:30px; font-size:24px;}
.area_myWallet .list_section {width:100%; overflow:hidden; position:relative; }
.area_myWallet .list_section .section {width:100%; padding:17px 0 20px; border-top:2px solid #333; border-bottom:1px solid #ddd; margin-bottom:30px;}
.area_myWallet .list_section .section h4 {font-size:14px; color:#333; margin-bottom:10px;}
.area_myWallet .list_section .section p {font-size:12px; color:#999; margin-bottom:15px; }
.area_myWallet .list_section .section .link {display:inline-block; transition:.3s; padding:8px; margin-right:4px; border:1px solid #ddd; font-size:12px;}
.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:90%; 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:65%; height:50px; line-height:16px; text-align:left; border:0; font-size:12px; font-weight:bold; color:#666; float:left; background:transparent;}

.area_myWallet .list_section .section .area_qrcode .qr_clipboard .btn_qrcopy {transition:.3s; width:30%;  height:50px; font-size:14px; border:1px solid #ddd; font-weight:bold; float:right;}
.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:40px; line-height:40px; border:1px solid #ddd; padding:0 10px; font-size:12px; margin-bottom:5px;}
.area_myWallet  .btn_otp {width:100%; height:50px; background:#000; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; border:none;}
.area_myWallet .area_wallet {width:100%; position:relative; padding:20px 25px; border:1px solid #ddd; margin-bottom:20px;}
.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; font-size:14px;}
.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:calc(100% - 80px); word-break:break-all; font-size:12px;}
.area_myWallet .area_wallet dl dd  .btn_qrcopy {cursor:pointer; 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:74px;}
.area_myWallet .area_wallet .btn_submit {transition:.3s; width:100%; height:50px; border:1px solid #333; color:#333; cursor:pointer; 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:14px; margin-bottom:10px;}
.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:20px;}
.area_myWallet .area_wallet .title em .krw {display:block; font-size:14px; color:#999; margin-top:1px;}
.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 .detail_info {padding:20px; background:#f6f6f6; border:1px solid #ddd; margin-bottom:5px;}
.area_myWallet .detail_info table {table-layout:fixed;}
.area_myWallet .detail_info table th, .area_myWallet .detail_info table td {word-break:break-all;padding:5px 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 .area_detail_info {background:#f8f9fa; padding:15px;}
.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 {font-size:12px; display:block; margin-bottom:5px;}
.area_myWallet .detail_info ul li em {font-style:normal; width:65px; font-weight:bold;}
.area_myWallet .detail_info ul li span {color:#555; overflow:hidden; width:calc(100% - 75px); 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:last-child {margin-bottom:0;}
.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;}

.chk_coin {width:100%; overflow:hidden; margin-bottom:20px; padding-top:10px;}
.chk_coin li {float:left; display:inline-block; margin-right:20px;}
.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 {width:50%; float:left; display:inline-block;}
.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:14px; 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:100%;  margin:auto; padding:15px; box-sizing:border-box;}
#trade_list * {box-sizing:border-box;}
#trade_list .total_coin {position:relative; overflow:hidden; width:100%;  background:#f88b80; border-radius:4px; padding:12px 10px 12px; font-size:14px; 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 .btn_regist {width:110px; border-radius:4px; height:32px; line-height:32px; font-size:12px; font-weight:bold; background:#333; color:#fff; cursor:pointer; font-weight:bold; border:0; float:right; margin-bottom:10px;}
#trade_list .list_trade table {border:1px solid #ddd; width:100%; border-collapse:collapse;}
#trade_list .list_trade table th, #trade_list .list_trade table td {padding:8px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#fff; font-size:12px; 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;}
#trade_list .btn_popup_close {cursor:pointer;}
.area_regist {position:relative; width:100%; padding:20px;}
.area_regist .column {position:relative; border:1px solid #ddd; border-radius:6px; width:100%; margin-bottom:10px; padding:20px 15px;}
.area_regist .column .tit {font-size:14px; 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:12px;}
.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 .btn_clip {border:0; cursor:pointer; vertical-align:middle; 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;}

.area_regist .column .info li:last-child {margin-bottom:0;}
.area_regist .column:last-child {margin-bottom:0;}
.confirm_regist {width:100%; padding:20px; background:#f8f8f8; border-radius:8px;}
.confirm_regist .row {display:block; width:100%; overflow:hidden; font-size:12px;}
.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 .btnSub, #PopupRegistConfirm .btn_area .btnSub, #PopupRegist .btn_area .btnSub, #PopupTradeInfo .btn_area .btnSub, #PopupModal .btn_area .btnSub, #PopupTransfer .btn_area .btnSub {display:block; width:100%; height:34px; border:0; cursor:pointer; margin:auto; margin-bottom:15px; border-radius:4px;}
#PopupModal .txt {text-align:center; padding:30px 0; font-size:14px; 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 {border:0; cursor:pointer; 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;}
.area_regist .btn {border:0; cursor:pointer;}



/* 파일첨부 */
.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; text-align:center; font-weight:bold; margin-left:10px; width:90px; 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; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}



/* 광고 */
.total_viewer {display:inline-block; padding:8px 20px 8px; background:#fa6a5b; color:#fff; border-radius:50px; letter-spacing:-1px; font-size:12px; margin-bottom:15px;}
.total_viewer * {display:inline-block; vertical-align:middle;}
.total_viewer span {margin-right:3px;}
.total_viewer b {font-size:14px; font-weight:900;}
.total_viewer img {width:16px; margin-right:5px;}
.promo_list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; gap:0 10px; }
.promo_list .item {position:relative; width: calc(50% - 5px); margin-bottom:50px;}
.promo_list a {position:relative; text-decoration: none; color: inherit; display: block; }
.promo_list .item .thumb { position: relative; width: 100%; overflow: hidden; margin-bottom:14px;}
.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:14px; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:9px;}
.promo_list .item .point {display:inline-block; font-size:12px; font-weight:bold; background:#fa6a5b; color:#fff; padding:2px 8px 3px; border-radius:2px;}
.promo_list .item .point b {font-size:15px; 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);}
.area_bestitem {position:relative; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:15px solid #f9f9f9;}
#swiper-adbest {padding:0; width:calc(100% - 20px); margin:auto;}
.best_title {position:relative; width:100%; padding:0 15px; box-sizing:border-box; margin-top:20px;}
.best_title * {box-sizing:border-box;}
.best_title .title2depth {font-size:18px; line-height:35px;}
.best_title .swiper-control {position:absolute; top:0; right:15px;}
.best_title .swiper-control .swiper-button-prev, .best_title .swiper-control .swiper-button-next {float:left; position:static; margin-top:0; top:0; width:35px; height:35px; border:1px solid #888888;}
.best_title .swiper-control .swiper-button-prev {background:url("../../images/main/btn_pr_prev.png") center no-repeat #fff; background-size:9px 17px; border-right:0;}
.best_title .swiper-control .swiper-button-next {background:url("../../images/main/btn_pr_next.png") center no-repeat #fff; background-size:9px 17px;}


/* 새벽배송 */
.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:10px; position:relative;}
.early_delivery .delivery .cont .row .check_radio {margin-bottom:7px;}
.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 .cont p {font-size:12px;}
.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:12px; 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:12px; 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;}

.ad_search {position:relative; width:100%; max-width:320px; margin:auto;}
.ad_search * {box-sizing:border-box;}
.ad_search .text_ad_search {width:100%; height:40px; line-height:40px; padding:0 50px 0 25px;  border-radius:50px; border:2px solid #f88b80;}

/* 검색창 팝업 */
.popup_search { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.popup_search form { position: relative; width:calc(100% - 40px); max-width: 360px; background: #fff; border-radius: 50px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }
.popup_search .text_gnb_search { width: 100%; height:55px; line-height:55px; padding:0px 50px 0px 25px; font-size: 16px; font-weight:bold; border: 2px solid #f88b80; border-radius: 100px; outline: none; }
.popup_search .btn_gnb_search {position:absolute; right:5px; top:0; height:55px;}


/* 회사소개 */
.area_introduce {position:relative; width:100%; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.area_introduce .group {width:100%; font-size:12px; line-height:18px; margin-bottom:30px;}
.area_introduce .group dt {font-weight:bold; margin-bottom:10px;}
.area_introduce .group dd {font-size:0; color:#333; line-height:1; margin-bottom:10px;}
.area_introduce .group dd span {position:relative; font-size:12px; margin-right:8px; padding-right:8px;}
.area_introduce .group dd span:after {position:absolute; content:""; width:1px; height:10px; background:#ccc; top:50%; margin-top:-5px; right:0;}
.area_introduce .group dd span:last-child {border-right:0;}
.area_introduce .group dd span:last-child:after {display:none;}
.area_introduce .group dd:last-child {line-height:1.5;} 
.area_introduce .group:last-child {border-right:0;}
.area_introduce .txt {color:#666; line-height:20px; font-size:12px; word-break:keep-all;}