#area_main{display:block; overflow:hidden; position:relative; width:100%; height:820px; /* background:url(../img/app/main_bg.jpg)no-repeat center; background-size:cover;*/}
#area_main:before{content:''; z-index:90; position:absolute; left:0; right:0; bottom:0; width:100%; height:78px; background:url(../img/app/bg_wave.png)no-repeat center; background-size:cover;}
#area_main .main_bg{position:absolute; top:0; left:0; right:0; bottom:0; animation: imagescale 6s ease-in-out infinite alternate; -webkit-animation: imagescale 10s ease-in-out infinite alternate; -moz-animation: imagescale 10s ease-in-out infinite alternate; -o-webkit-animation: imagescale 10s ease-in-out infinite alternate; }
#area_main .inr{height:100%;}
#area_main .area_txt{position:relative; height:100%; z-index:1;}
#area_main .area_txt span{display:inline-block; font-size:22px; font-weight:400; color:#fff;}
#area_main .area_txt .tabs{margin:200px 0 25px; display:inline-block; background:rgba(255,255,255,0.2); border-radius:50px;}
#area_main .area_txt .tabs > li{display:inline-block; font-size:0; padding:13px 20px; cursor:pointer; line-height:1.8em; }
#area_main .area_txt .tabs > li:nth-child(1){padding:13px 13px 13px 27px;}
#area_main .area_txt .tabs > li:nth-child(2){padding:13px 27px 13px 13px;}
#area_main .area_txt .tabs > li.active{background:#fff; box-sizing:border-box; border-radius:50px;}
#area_main .area_txt .tabs > li span{position:relative; font-size:17px; font-weight:600; line-height:1.5em; color:#333; transition:all 0.3s ease;}
#area_main .area_txt .tabs > li span:before{content:''; position:absolute; left:0; display:none; width:17px; height:19px;}
#area_main .area_txt .tabs > li:nth-child(1) span:before{top:5px; background:url(../img/app/icon_tab01.svg)no-repeat center; background-size:100% 100%;}
#area_main .area_txt .tabs > li:nth-child(2) span:before{top:5px; background:url(../img/app/icon_tab02.svg)no-repeat center; background-size:100% 100%;}
#area_main .area_txt .tabs > li:nth-child(1).active,
#area_main .area_txt .tabs > li:nth-child(2).active{padding:13px 20px;}
#area_main .area_txt .tabs > li.active span{padding:0 0 0 22px;}
#area_main .area_txt .tabs > li.active span:before{display:block;}
#area_main .area_txt .tab_container{}
#area_main .area_txt .tab_container span{display:inline-block; margin:0 0 15px; font-size:22px; font-weight:400; color:#fff;}
#area_main .area_txt .tab_container #tab2 span{margin:15px 0 0;}
#area_main .area_txt .tab_container h3{display:block; font-size:44px; font-weight:500; color:#fff; line-height:1.3em; word-break:keep-all;}
#area_main .area_txt .tab_container h3.m{display:none;}
#area_main .area_img{position:absolute; bottom:-1px; z-index:-5; display:block; width:60%; margin-left:40%; height:100%;}
#area_main .area_img .swiper{position:absolute; width:684px; right:-9%; bottom:65px; width:100%; height:660px;}
#area_main .area_img .swiper-slide{opacity:1;}
#area_main .area_img .swiper-slide-active{opacity:1;}
.main_sch{position:relative; width:380px; height:59px; display:block; margin:20px 0 20px; border:3px solid #fff; box-sizing:border-box; box-shadow: 4.096px 2.868px 16px 4px rgba(0, 0, 0, 0.05);}
.main_sch input[type=text]{display:block; width:calc(100% - 26px); height:100%; border:none; padding:14px 15px; box-sizing:border-box; background:none; font-size:19px; color:#fff;}
.main_sch input[type=text]::placeholder{color:#fff;}
.main_sch input:-webkit-autofill,
.main_sch input:-webkit-autofill:hover,
.main_sch input:-webkit-autofill:focus,
.main_sch input:-webkit-autofill:active  {transition: background-color 5000s; -webkit-text-fill-color: #fff !important; }
.main_sch button{position:absolute; top:50%; right:15px; width:26px; height:26px; border:none; background:url(../img/app/icon_msch.svg)no-repeat center; background-size:contain; transform:translateY(-50%);}
.btn_main{display:inline-block; position:relative; padding:0 10px; font-size:17px; font-weight:400; color:#fff !important;}
.btn_main:before{content:''; position:absolute; left:0; right:0; bottom:-13px; width:100%; height:14px; background:url(../img/app/icon_wave.svg)no-repeat center; background-size:100% 100%; opacity:0.2; transition:all 0.3s ease;}
.btn_main:hover:before{opacity:1;}
#content{margin:80px 0 0; min-height:700px;}
#area_main .swiper-button-prev,
#area_main .swiper-button-next{width:55px; height:55px; background:rgba(255,255,255,0.2); border-radius:50px;}
#area_main .swiper-button-prev{left:-5%;}
#area_main .swiper-button-next{right:-5%;}
#area_main .swiper-button-prev:after{content:''; background:url(../img/app/icon_marrow.svg)no-repeat center; width:8px; height:12px; background-size:contain;}
#area_main .swiper-button-next:after{content:''; background:url(../img/app/icon_marrow.svg)no-repeat center; width:8px; height:12px; background-size:contain; transform:rotate(-180deg);}


/*이번주 인기 Q&A*/
#helpme{display:block; position:relative; margin:0 0 58px; }
#helpme > h3{display:block; font-size:24px; font-weight:bold; color:#111;}
#helpme .swiper_wrap{margin:30px 0 0;}
#helpme .list_help{position:relative; overflow:hidden; background:#fff; border-radius:10px; border:1px solid #eee; box-sizing:border-box; padding:20px;  box-shadow: 0px 5px 12.75px 2.25px rgba(22, 98, 191, 0.03);}
#helpme .list_help a{display:block; width:100%; height:100%;}
#helpme .list_help i.number{position:absolute; top:0; left:0; padding:7px 10px 6px; width:40px; text-align:center; border-radius:0 0 8px 0; background-image: -moz-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -ms-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); color:#fff; font-weight:600; font-size:18px; line-height:1.2em;}
#helpme .list_help a > h3{display:block; margin:30px 0 10px; font-size: 17px; font-weight: 500; color: #222; word-break: keep-all; line-height: 1.4em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#helpme .list_help a > span{display:block; font-size: 15px; font-weight:400; color: #555; word-break: keep-all; min-height:42px; line-height: 1.4em; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#helpme.new .list_help a > span{min-height:63px;}
#helpme .list_help a .info{position:relative; margin:20px 0 0;}
#helpme .list_info{line-height:1em;}
#helpme .list_info span{position:relative; display:inline-block; font-size:13px; font-weight:400; color:#999; margin:0 10px;}
#helpme .list_info span:first-child{margin:0 10px 0 0;}
#helpme .list_info span:before{content:''; position:absolute; top:5px; right:-12px; width:3px; height:3px; border-radius:50%; background:#999;}
#helpme .list_info span:last-child:before{display:none;}
#helpme .list_info span.reply em{color:#275dd7;}
#helpme .thums{position:absolute; bottom:-6px; right:0;}
#helpme .thums > li{display:inline-block; margin:0 0 0 13px;}
#helpme .thums > li span{display:inline-block; padding:0 0 0 5px; font-size:13px; font-weight:400; color:#999;}
#helpme .thums > li i{margin:0; cursor:pointer; position:relative; top:2px; transition:all 0.3s ease;}
#helpme .thums > li.good i{display:inline-block; width:15px; height:15px; background:url(../img/app/icon_thumsup.svg)no-repeat center; background-size:contain; opacity:0.4;}
#helpme .swiper-button-prev,
#helpme .swiper-button-next{margin-top:0; width:45px; height:45px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:50px; opacity:1; }
#helpme .swiper-button-prev{left:-6%;}
#helpme .swiper-button-next{right:-6%;}
#helpme .swiper-button-prev:after{content:''; background:url(../img/app/icon_marrow_bk.svg)no-repeat center; width:8px; height:12px; background-size:contain;}
#helpme .swiper-button-next:after{content:''; background:url(../img/app/icon_marrow_bk.svg)no-repeat center; width:8px; height:12px; background-size:contain; transform:rotate(-180deg);}
#helpme .list{margin:30px 0 0;}
#helpme .list:after{ display:block; content:""; clear:both;}

#helpme .list.company .list_help{padding:0;}
#helpme .list_help .title{padding:12px 20px; border-bottom: 1px solid #eee;}
#helpme .list_help .title em{display:block; margin:0 0 3px; min-height:22px; font-size:11px; font-weight:600; color:#3568da; word-break:keep-all; line-height:1em;}
#helpme .list_help .title h3{padding:0; margin:0; font-size:17px; color:#222; line-height:1.2em; line-height: 1.2em; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#helpme .list_help .title h3:before{display:none;}

#helpme .list_help .cont{position:relative; display:block; padding:12px 20px;}
#helpme .list_help .cont .list_wrap{width:80%;}
#helpme .list_help .cont .area_detail{position:absolute; top:50%; right:20px; width:74px; transform:translateY(-50%); text-align:center;}
#helpme .list_help .cont .area_detail a{display:block; padding:15px 10px 13px; background:#275dd7; line-height:1.3em; color:#fff; font-size:15px; font-weight:400; border-radius:5px;}
#helpme .list_help .cont .list_text li{line-height:1.5em;}
#helpme .list_help .cont .list_text li:after{ display:block; content:""; clear:both;}
#helpme .list_help .cont .list_text em{float:left; width:45px; display:inline-block; margin:0 7px 0 0; text-transform:uppercase; font-size:13px; font-weight:600; color:#333; word-break:keep-all;}
#helpme .list_help .cont .list_text span{display:inline-block; font-size:13px; font-weight:500; color:#555; word-break:keep-all; line-height:1.2em;}
#helpme .list_help .cont .list_text .text span{float:left; width:calc(100% - 53px); line-height:1.5em; word-break: keep-all; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#helpme .list_help .cont .list_text li.period span{line-height:1.1em; font-size:11px; font-weight:600; border-radius:50px; margin:8px 0 5px; padding:3px 8px; box-sizing:border-box; background:#eaf5ff; border:1px solid #5d89eb; color:#5d89eb;}
#helpme .list.company .list_info{margin:7px 0 0;}


/*최신 Q&A*/
#helpme.new .list .list_help{float:left; margin:0 30px 0 0; width:calc((100% / 4) - 23px);}
#helpme.new .list.company .list_help{margin:0 30px 30px 0 ;}
#helpme.new .list .list_help:nth-child(4n){margin:0;}
#helpme.new .list .list_help:nth-child(n+5){margin-bottom:0;}

#helpme.new .list_help a > h3{margin:0 0 10px;}
#helpme.new .list_help a > span{-webkit-line-clamp: 3;}

/*배너*/
#area_bn{position:relative; display:block; margin:65px 60px 140px; border-radius:20px; box-sizing:border-box; background:url(../img/app/bg_bn.jpg)no-repeat center; background-size:cover;}
#area_bn .inr{height:100%;}
#area_bn .txt{padding:71px 0;}
#area_bn .txt > h2{display:block; font-size:47px; font-weight:500; color:#fff; line-height:1.4em; word-break:keep-all;}
#area_bn .txt > span{margin:10px 0 0; display:block; font-size:18px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all; opacity:0.95;}
#area_bn .txt .area_btn{font-size:15px; color:#fff;}
#area_bn .txt .area_btn em{display:inline-block; margin:0 5px;}
#area_bn .txt .area_btn a{margin:30px 0 0; display:inline-block; background:#fff; border-radius:50px; padding:13px 24px; box-sizing:border-box; font-size:17px; font-weight:500; color:#333; line-height:1.3em; transition:all 0.3s ease;}
#area_bn .txt .area_btn a:hover{background-image: -moz-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -webkit-linear-gradient(45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); background-image: -ms-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); color:#fff;}
#area_bn .obj{position:absolute; top:50%; right:20px; transform:translateY(-45%);}

/* 기업리스트 */
#helpme.company{text-align:center;}
#helpme.company > h3{text-align:left;}
#helpme.company .list_help{text-align:center;}
#helpme.company div.nodata{text-align:center; width:100%; padding:50px 0;}
#helpme.company .area_logo{position:relative; width:100%; height:110px; margin:0 0 20px; overflow:hidden;}
#helpme.company .area_logo img{position:absolute; top:50%; left:50%; max-width:90%; max-height:90%; width:auto; height:auto; transform:translate(-50%, -50%);}
#helpme.company .area_name{border-top:1px solid #eee;}
#helpme.company .area_name h4{display:block; padding:18px 0 0; font-size:17px; color:#222;}

#helpme .btn_more{position:absolute; top:-3px; right:0; padding:2px 10px; box-sizing:border-box; border:1px solid #eee; border-radius:5px; font-size:14px; color:#333; background:#fff; box-shadow:0px 5px 12.75px 2.25px rgb(22 98 191 / 3%);}
#helpme .btn_more:hover{font-weight:bold; letter-spacing:0.1px;}
#helpme .btn_more02{display:none; font-size:15px; padding: 7px 15px;border-radius: 5px; text-align: center;border: 3px solid #3568da;margin:15px 0; background: #3568da;font-weight: 500; color:#fff;}

/* 공지사항 */
#area_notice{margin:20px 0 0; padding:32px 20px; display:inline-block; width:100%; background:#fff; border:1px solid #eee; border-radius:10px; box-sizing:border-box; box-shadow: 0px 5px 12.75px 2.25px rgba(22, 98, 191, 0.03);}
#area_notice:after{ display:block; content:""; clear:both;}
#area_notice h3{float:left; width:160px; text-align:center; font-size:18px; color:#222; font-weight:600;}
#area_notice .list{position:relative; float:left; width:calc(100% - 160px);}
#area_notice .list > a{display:block;}
#area_notice .list > a span{display:block; width:calc(100% - 150px); font-size:16px; font-weight:400; color:#333; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#area_notice .list > a em{position:absolute; top:50%; right:40px; display:inline-block; font-size:15px; font-weight:300; color:#555; transform:translateY(-50%);}

@keyframes imagescale {
  0% {
    transform: scale(1)  rotate(.001deg);;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
  }

  100% {
    transform: scale(1.3)  rotate(.001deg);;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}

@media screen and (max-width:1500px) {
	#helpme .swiper-button-prev{left:-5%;}
	#helpme .swiper-button-next{right:-5%;}
}
@media screen and (max-width:1400px) {
	#area_main .swiper-button-prev,
	#area_main .swiper-button-next{display:none;}
	#area_main .area_txt{left:3%;}
	#helpme .swiper-button-prev,
	#helpme .swiper-button-next{display:none;}

	#helpme.new .list .list_help{margin:0 20px 0 0; width:calc((100% / 4) - 15px);}
	#helpme.new .list.company .list_help{margin:0 20px 20px 0 ;}
	#helpme.new .list.company .list_help:nth-child(4n){margin:0;}
	#area_bn{margin:65px 1.5% 140px;}
	#area_bn .obj{right:0;}
}
@media screen and (max-width:1300px) {
	#helpme .list_help .title em{min-height:18px;}
	#helpme.new .list.company .list_help{min-height:194px;}
}
@media screen and (max-width:1200px) {
	#area_main{min-height:auto; height:730px;}
	#area_main .area_img{bottom:-23px;}
	#area_main .area_img .swiper{height:auto; bottom:28px;}
	#area_main .area_img .swiper-slide img{width:100%;}
	#area_main:before{height:55px; bottom:0;}
	#helpme .list_help i.number{padding:5px 10px 4px;}
	#helpme .list_help a > h3{margin:22px 0 10px;}

	#area_bn .txt > h2{font-size:42px; line-height:1.3em;}
	#area_bn .obj{width:500px}
	#area_bn .obj img{width:100%; height:auto;}
	#area_bn .txt .area_btn a{padding:12px 20px;}
}
@media screen and (max-width:1100px){
	#area_main{height:700px;}
	#area_main .area_txt .tabs{margin:147px 0 25px;}
	#area_main .area_img{bottom:-18px;}
	#area_bn .txt{width:50%;}
	#area_bn .txt > h2{font-size:37px;}
	#area_bn .txt > span{font-size:17px;}
	#area_bn .obj{width:50%;}
}
@media screen and (max-width:1024px){
	#area_main{height:600px;}
	#area_main .area_txt .tabs{margin:105px 0 25px;}
	#area_main .area_txt .tabs > li span{font-size:16px;}
	#area_main .area_txt .tab_container h3{font-size:42px;}
	#area_main .area_txt .tab_container span{font-size:20px;}
	.main_sch{width:300px;}
	#content{margin:80px 0 130px;}
	#helpme > h3{font-size:22px;}
	#area_bn{margin:40px 1.5% 100px;}
}
@media screen and (max-width:950px){
	#helpme.new .list .list_help{width:calc((100% / 3) - 15px);}
	#helpme.new .list .list_help:nth-child(4){display:none;}
	#helpme.new .list.company .list_help:nth-child(4n){margin:0 20px 20px 0;}
	#helpme.new .list.company .list_help:nth-child(4){display:block;}
	#helpme.new .list.company .list_help:nth-child(n+4){margin-bottom:0;}
	#helpme.new .list .list_help:nth-child(3n){margin:0;}
	#helpme.new .list .list_help:nth-child(7),
	#helpme.new .list .list_help:nth-child(8){display:none;}

}
@media screen and (max-width:900px){
	#area_main{height:550px;}
	#area_main .area_txt .tabs > li span{font-size:16px;}
	#area_main .area_txt .tab_container h3{font-size:36px;}
	#area_main .area_txt .tab_container span{font-size:20px;}
	#area_bn .txt{padding:50px 0;}
	#area_bn .txt > h2{font-size:34px;}
	#area_bn .txt .area_btn a{margin:15px 0 0; font-size:15px;  padding:10px 15px;}
	#area_bn .obj{right:-2%;}
}
@media screen and (max-width:850px){
	#area_bn .txt > h2{font-size:30px;}
	#area_notice{padding:30px 20px;}
	#area_notice h3{width:100px;}
	#area_notice .list{width:calc(100% - 100px);}
	#area_notice .list > a span{width:calc(100% - 100px);}
	#area_notice .list > a em{right:0;}
}
@media screen and (max-width:768px){
	#area_main{height:460px;}
	#area_main .area_txt{top:46%; left:0; width:100%; height:auto; text-align:center; transform:translateY(-50%);}
	#area_main .area_img{display:none;}
	#area_main:before{height:37px;}
	#area_main .area_txt .tabs{margin:0 0 20px;}
	#area_main .area_txt .tabs > li span{font-size:15px;}
	#area_main .area_txt .tabs > li.active span{padding:0 0 0 20px;}
	#area_main .area_txt .tabs > li span:before{width:15px; height:17px;}
	#area_main .area_txt .tabs > li:nth-child(1) span:before,
	#area_main .area_txt .tabs > li:nth-child(2) span:before{top:4px;}
	#area_main .area_txt .tabs > li:nth-child(1).active,
	#area_main .area_txt .tabs > li:nth-child(2).active{padding:11px 15px;}
	#area_main .area_txt .tabs > li:nth-child(1){padding:11px 11px 11px 18px;}
	#area_main .area_txt .tabs > li:nth-child(2){padding:11px 18px 11px 11px;}
	#area_main .area_txt .tab_container .txt{width:340px; margin:0 auto;}
	#area_main .area_txt .tab_container span{margin:0 0 10px;}
	#area_main .area_txt .tab_container #tab2 span{margin:10px 0 0;}
	#area_main .area_txt .tab_container h3{font-size:34px;}
	#area_main .area_txt .tab_container h3.w{display:none;}
	#area_main .area_txt .tab_container h3.m{display:block;}
	#area_main .area_txt .tab_container .txt .btn_box{text-align:center;}
	#area_main .area_txt .tab_container .txt .btn_box .btn_main{margin:0 0 0 6px;}
	.main_sch{height:55px; width:340px; margin:20px auto;}
	.btn_main:before{opacity:0.8;}

	#content{margin:45px 0 130px;}
	#helpme{margin:0 0 40px;}
	#helpme > h3{font-size:20px;}
	#helpme .list_help i.number{font-size:17px;}
	#helpme .list_help a > h3{margin:20px 0 7px;}
	#helpme .list_help a .info{margin:15px 0 0;}
	#helpme .swiper_wrap,
	#helpme .list{margin:20px 0 0;}

	#helpme.new .list .list_help{margin:0 15px 15px 0; width:calc((100% / 2) - 7.5px);}
	#helpme.new .list .list_help:nth-child(4n){margin:0 15px 15px 0;}
	#helpme.new .list .list_help:nth-child(3n){margin:0 15px 15px 0;}
	#helpme.new .list .list_help:nth-child(2n){margin:0;}
	#helpme.new .list .list_help:nth-child(4){display:block;}

	#helpme.new .list.company .list_help{margin:0 15px 15px 0;}
	#helpme.new .list.company .list_help:nth-child(4n){margin:0 15px 15px 0;}
	#helpme.new .list.company .list_help:nth-child(2n){margin:0;}


	#helpme .list_help .title{padding:12px 15px;}
	#helpme .list_help .cont{padding:12px 15px;}

	#area_bn{margin:20px 0% 60px; border-radius:0;}
	#area_bn .txt{padding:30px 0; width:65%;}
	#area_bn .txt > h2{font-size:27px;}
	#area_bn .txt > span{font-size:16px;}
	#area_bn .txt > span br{display:none;}
	#area_bn .txt .area_btn a{margin:10px 0 0; font-size:14px; padding:8px 12px;}
	#area_bn .txt .area_btn em{font-size:13px; margin:0 3px; }
	#area_bn .obj{width:35%;}
	#area_notice{margin:0;}
}
@media screen and (max-width:550px){
	#area_main{height:400px;}
	#area_main .area_txt{top:47%;}
	#area_main .area_txt .tab_container span{font-size:17px; margin:0 0 5px;}
	#area_main .area_txt .tab_container h3{font-size:32px;}
	#area_main .area_txt .tabs > li:nth-child(1).active,
	#area_main .area_txt .tabs > li:nth-child(2).active{padding:9px 14px;}
	#area_main .area_txt .tabs > li:nth-child(1){padding:9px 9px 9px 17px;}
	#area_main .area_txt .tabs > li:nth-child(2){padding:9px 17px 9px 9px;}
	#area_main .area_txt .tab_container .txt{width:300px;}
	.main_sch{margin:15px auto; height:50px; width:300px;}
	.main_sch input[type=text]{padding:10px; font-size:17px;}
	.main_sch button{width:20px; right:10px;}
	#area_main:before{height:26px;}
	#area_main .area_txt .tab_container .txt .btn_box .btn_main{margin:0 0 0 2px;}
	#area_main .area_txt .tab_container #tab2 span{margin:5px 0 0;}
	.btn_main{padding:0 5px; font-size:15px;}
	.btn_main:before{bottom:-9px;}

	#content{margin:35px 0 110px;}
	#helpme{margin:0 0 30px;}
	#helpme > h3{font-size:18px;}
	#helpme .swiper_wrap,
	#helpme .list{margin:10px 0 0;}
	#helpme .list_help i.number{font-size:14px; width:35px; padding:4px 0 3px;}
	#helpme .list_help{padding:15px;}
	#helpme .list_help a > h3{margin:15px 0 5px; font-size:16px;}
	#helpme .list_help a > span{font-size:14px; min-height:38px;}
	#helpme.new .list_help a > span{min-height:57px;}
	#helpme .list_help a .info{margin:12px 0 0;}
	#helpme .list_help .title h3{font-size:15px;}

	#helpme.new .list .list_help{margin:0 10px 10px 0; width:calc((100% / 2) - 5px);}
	#helpme.new .list .list_help:nth-child(4n){margin:0 10px 10px 0;}
	#helpme.new .list .list_help:nth-child(3n){margin:0 10px 10px 0;}
	#helpme.new .list .list_help:nth-child(2n){margin:0;}
	#helpme.new .list_help a > h3{margin:0 0 5px;}

	#helpme.new .list.company .list_help{margin:0 10px 10px 0;}
	#helpme.new .list.company .list_help:nth-child(4n){margin:0 10px 10px 0;}
	#helpme.new .list.company .list_help:nth-child(2n){margin:0;}

	#helpme .list_help .cont .list_text li.period span{font-size:11px; margin:5px 0; padding:2px 6px; }

	#area_bn{margin:10px 0 40px;}
	#area_bn .txt{width:100%; text-align:center;}
	#area_bn .obj{display:none;}
	#area_bn .txt > h2{font-size:22px;}
	#area_bn .txt > span{margin:5px 0 0; font-size:15px; line-height:1.3em;}
	#area_bn .txt > span br{display:block;}
	#area_bn .txt .area_btn a{padding:10px 15px;}


	#helpme.company{margin:0 0 20px;}
	#helpme.company .area_logo{height:90px;}
	#helpme.company .area_name h4{padding:13px 0 0; font-size:16px;}
	#helpme.company .area_logo{margin:0 0 15px; }

	#area_notice{padding:20px;}
	#area_notice h3{font-size:16px; width:70px; text-align:left;}
	#area_notice .list{width:calc(100% - 70px);}
	#area_notice .list > a span{width:100%; font-size:15px;}
	#area_notice .list > a em{display:none;}
}

@media screen and (max-width:500px){
	#helpme .btn_more{display:none;}
	#helpme .btn_more02{display:block; margin:10px 0;}
}
@media screen and (max-width:450px){
	#area_main .area_txt .tab_container span{font-size:16px;}
	#area_main .area_txt .tab_container h3{font-size:30px;}
	.main_sch{margin:12px auto;}
	#area_main:before{height:22px;}
	#helpme .list_help a > h3{font-size:15px;}

	#helpme.new .list .list_help{margin:0 0 10px; width:100%;}
	#helpme.new .list .list_help:nth-child(2n){margin:0 0 10px;}
	#helpme.new .list .list_help:nth-child(n+5){margin-bottom:10px;}
	#helpme.new .list .list_help:nth-child(6){margin:0;}

	#helpme.new .list.company .list_help{min-height:auto;}
	#helpme.new .list.company .list_help,
	#helpme.new .list.company .list_help:nth-child(2n){margin:0 0 10px;}
	#helpme.new .list.company .list_help:nth-child(n+4){margin:0 0 10px;}
	#helpme.new .list.company .list_help:nth-child(6){margin:0;}

	#area_bn .txt > h2{font-size:20px;}
	#area_bn .txt > span{font-size:14px}
	#area_bn .txt .area_btn a{padding:8px 10px; font-size:13px;}

	#helpme.company .area_name h4{font-size:15px;}

	#area_notice{padding:18px 15px;}
	#area_notice h3{font-size:15px; width:65px;}
	#area_notice .list{width:calc(100% - 65px);}
	#area_notice .list > a span{font-size:14px;}

	#helpme.new .list_help a > span{min-height:auto;}
	#helpme .list_help .title em{min-height:auto;}

}
@media screen and (max-width:400px){
	#area_main{height:360px;}
	#area_main .area_txt .tabs > li span{font-size:14px;}
	#area_main .area_txt .tab_container span{font-size:17px;}
	#area_main .area_txt .tab_container h3{font-size:26px;}
	#area_main .area_txt .tab_container .txt{width:250px;}
	.main_sch{width:250px; height:46px;}

	#area_bn .txt > h2{font-size:18px;}
	#area_bn .txt > span{font-size:14px}
	#area_bn .txt .area_btn a{line-height:1.1em;}
	#helpme.company .area_name h4{font-size:14px;}
}
/* 협력업체 */
.area_partner ul{}
.area_partner ul:after{ display:block; content:""; clear:both;}
.area_partner ul > li{position:relative; float:left; padding:20px 10px; width:calc(100% / 4); width:-webkit-calc(100% / 4); border:1px solid #eee; border-right:none; box-sizing:border-box; border-right:none; transition:all 0.3s ease; text-align:center; overflow:hidden;}
.area_partner ul > li:hover{box-shadow: 0px 5px 12.75px 2.25px rgba(0, 159, 255, 0.07);}
.area_partner ul > li:nth-child(4n){border-right:1px solid #eee;}
.area_partner ul > li:nth-child(n+5){border-top:none;}
.area_partner ul > li:before,
.area_partner ul > li:after{content:''; display:block; width:100%; height:64px; box-sizing:border-box; position:absolute; transition:all 0.3s ease 0s;}
body.ie .area_partner ul > li:after{height:65px;}
/*.area_partner ul > li:before{top:0px; left:0px; border:1px solid #eee;}*/
.area_partner ul > li:after{top:0px; left:0px;  border:2px solid #0f74da;  transform:scale(1.1,1.1); transition:all 0.2s ease 0s;}
.area_partner ul > li:hover:after{transform:scale(1,1);}
.area_partner ul > li > a{font-size:16px; font-weight:300; color:#111;}


#area_category{position:relative; width:100%;}
#area_category > ul{}
#area_category > ul:after{content:""; display:block; clear:both;}
#area_category > ul > li{position:relative; float:left; width:calc((100% / 7) - 1px); width:-webkit-calc(100% / 7); height:50px; border-bottom:1px solid #eee; border-left:1px solid #eee; box-sizing:border-box; text-align:center; overflow:hidden; transition:all 0.3s ease;}
#area_category > ul > li:nth-child(-n+7){border-top:1px solid #eee; height:51px;}
#area_category > ul > li:nth-child(7n),
#area_category > ul > li:last-child{border-right:1px solid #eee;}
#area_category > ul > li > a{display:block; width:100%; height:100%; padding:12px 5px; font-size:15px; color:#333; line-height:1.7em;}
body.ie .area_category > ul > li > a{letter-spacing:-1px;}
#area_category > ul > li:before,
#area_category > ul > li:after{content:''; display:block; width:100%; height:49px; box-sizing:border-box; position:absolute; transition:all 0.3s ease 0s;}
#area_category > ul > li:after{top:0px; left:0px;  border:2px solid #0f74da;  transform:scale(1.1,1.1); transition:all 0.2s ease 0s;}
#area_category > ul > li:hover:after{transform:scale(1,1);}
#area_category > ul > li:hover{box-shadow: 0px 5px 12.75px 2.25px rgb(0 159 255 / 7%);}

@media screen and (max-width:1300px) {
	#area_category > ul > li{width:calc(100% / 6); width:-webkit-calc(100% / 6);}
	#area_category > ul > li:nth-child(7n){border-right:none;}
	#area_category > ul > li:nth-child(6n),
	#area_category > ul > li:last-child{border-right:1px solid #eee;}
	#area_category > ul > li:nth-child(-n+6){border-top:1px solid #eee; height:51px;}
	#area_category > ul > li:nth-child(7){border-top:none; height:50px;}
}
@media screen and (max-width:1024px) {
	#area_category > ul > li{width:calc(100% / 4); width:-webkit-calc(100% / 4);}
	#area_category > ul > li:nth-child(6n),
	#area_category > ul > li:nth-child(7n){border-right:none;}
	#area_category > ul > li:nth-child(4n),
	#area_category > ul > li:last-child{border-right:1px solid #eee;}
	#area_category > ul > li:nth-child(-n+4){border-top:1px solid #eee; height:51px;}
	#area_category > ul > li:nth-child(5),
	#area_category > ul > li:nth-child(6){border-top:none; height:50px;}
}
@media screen and (max-width:768px){
	.area_partner ul > li{width:calc(100% / 2); width:-webkit-calc(100% / 2);}
	.area_partner ul > li:nth-child(2n){border-right:1px solid #eee;}
	.area_partner ul > li:nth-child(n+3){border-top:none;}
}
@media screen and (max-width:650px) {
	#area_category > ul > li{width:calc(100% / 3); width:-webkit-calc(100% / 3); height:35px !important;}
	#area_category > ul > li:nth-child(4n),
	#area_category > ul > li:nth-child(6n),
	#area_category > ul > li:nth-child(7n){border-right:none;}
	#area_category > ul > li:nth-child(3n),
	#area_category > ul > li:last-child{border-right:1px solid #eee;}
	#area_category > ul > li:nth-child(-n+3){border-top:1px solid #eee; height:51px;}
	#area_category > ul > li:nth-child(4){border-top:none; height:50px;}
	#area_category ul > li > a{font-size:13px; letter-spacing:-1px; line-height:1.9em;}
	#area_category > ul > li:before,
	#area_category > ul > li:after{display:none;}
	#area_category ul > li > a{padding:5px;}
	#area_category > ul > li:hover > a{color:#0f74da; font-weight:bold;}
}
@media screen and (max-width:550px){
	.area_partner ul > li{padding:12px 10px;}
	.area_partner ul > li > a{font-size:15px;}
	.area_partner ul > li:before,
	.area_partner ul > li:after{height:49px;}
}

@media screen and (max-width:400px) {

	#area_category > ul > li{width:calc(100% / 2); width:-webkit-calc(100% / 2);}
	#area_category > ul > li:nth-child(3n){border-right:none;}
	#area_category > ul > li:nth-child(2n),
	#area_category > ul > li:last-child{border-right:1px solid #eee;}
	#area_category > ul > li:nth-child(-n+2){border-top:1px solid #eee; height:51px;}
	#area_category > ul > li:nth-child(3){border-top:none; height:50px;}
}

/* 광고 */
.area_ad{position:relative; width:100%; margin:30px 0;}
.area_adbn{width:100%; margin:30px 0;}
.area_adbn .swiper-slide{height:218px;}
.area_adbn img{width:100%; height:100%;}
.area_bn{width:100%;}
.area_bn img{width:100%; border-radius:10px;}
#mbanner{ width:90%; margin:50px auto; border-radius:8px !important; overflow:hidden !important; box-shadow:0px 2px 4px rgba(0,0,0,0.2);}
#mbanner img{ width:100%;}
#mbanner .swiper-container { width: 100%; height: 100%;}
#mbanner .swiper-slide {/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
#mbanner .swiper-container-horizontal>.swiper-pagination-bullets, #mbanner .swiper-pagination-custom, #mbanner .swiper-pagination-fraction{ width:auto; left:auto; right:10px; bottom:auto; top:10px;}
#mbanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px;}
#mbanner .swiper-pagination-bullet{ background:#fff;}
#mbanner .swiper-pagination-bullet-active{ background:#fff; opacity:1;}
@media screen and (min-width:1024px) {
#mbanner{ width:100%; margin:0px auto; border-radius:0px !important;box-shadow:none; background:#2482d9;}
.mbanner_box{ width:1200px; margin:0 auto}
}

/* 상품 */
.area_product{}
.area_product > ul:after{ display:block; content:""; clear:both;}
.area_product > ul > li{float:left; margin:0 25px 30px 0; width:calc((100% / 4) - 20px); width:-webkit-calc((100% / 4) - 20px);}
.area_product > ul > li:nth-child(4n){margin:0;}
.area_product > ul > li > a{display:block; width:100%; height:auto;}
.area_product > ul > li > a .area_img{position:relative; width:100%; height:240px; border-radius:20px; overflow:hidden;}
.area_product > ul > li > a .area_img > img{position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:20px; transform:translate(-50%, -50%); transition:all 0.3s ease;}
.area_product > ul > li:hover > a .area_img > img{transform:translate(-50%, -50%) scale(1.1 , 1.1);}
.area_product > ul > li > a .area_txt{margin:10px 0 0;}
.area_product > ul > li > a .area_txt h3{display:block; font-size:15px; color:#111; line-height:1.5em; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.area_product > ul > li > a .area_txt span{display:block; font-size:15px; font-weight:200; color:#444; line-height:1.5em; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.area_product > ul > li > a .area_txt em{display:block; margin:5px 0 0; font-size:17px; font-weight:bold; color:#ff0012; line-height:1.5em;}
.area_product > ul.col5 > li{width:calc((100% / 5) - 20px); width:-webkit-calc((100% / 5) - 20px);}
.area_product > ul.col5 > li:nth-child(4n){margin:0 25px 30px 0;}
.area_product > ul.col5 > li:nth-child(5n){margin:0;}
.area_product > ul.col5 > li > a .area_img{height:200px;}
.area_product > ul.col5 > li.nodata{width:100%; text-align:center;}
.area_product > ul.col5 > li p{font-size:16px; padding:20px; box-sizing:border-box; color:#555;}


@media screen and (max-width:1250px) {
	.area_product > ul > li > a .area_img,
	.area_product > ul.col5 > li > a .area_img{height:0; padding-bottom:95%;}
}
@media screen and (max-width:1024px) {
	.area_product > ul.col5 > li{width:calc((100% / 4) - 19px); width:-webkit-calc((100% / 4) - 19px);}
	.area_product > ul.col5 > li:nth-child(4n){margin:0;}
	.area_product > ul.col5 > li:nth-child(5n){margin:0 25px 30px 0;}
}
@media screen and (max-width:768px){

	.area_product > ul > li{width:100%; margin:0; border-bottom:1px solid #eee;}
	.area_product > ul > li:first-child{border-top:1px solid #eee;}
	.area_product > ul.col5 > li:first-child{border-top:none;}

	.area_product > ul > li > a{padding:20px 0;}
	.area_product > ul > li > a:after{ display:block; content:""; clear:both;}
	.area_product > ul > li > a .area_img{display:inline-block; width:120px; height:120px; padding-bottom:0; vertical-align:middle;}
	.area_product > ul > li > a .area_txt{display:inline-block; margin:0 0 0 10px; width:calc(100% - 154px); vertical-align:middle;}
	.area_product > ul.col5 > li{margin:0 25px 30px 0; border-bottom:none; width:calc((100% / 2) - 13px); width:-webkit-calc((100% / 2) - 13px);}
	.area_product > ul.col5 > li:nth-child(2n){margin:0;}
	.area_product > ul.col5 > li:nth-child(5n){}
	.area_product > ul.col5 > li > a{padding:0;}
	.area_product > ul.col5 > li > a .area_img{display:block; margin:0; width:100%; height:0; padding-bottom:95%;}
	.area_product > ul.col5 > li > a .area_txt{display:block; width:100%; margin:10px 0 0;}
	.area_adbn{margin:10px 0;}
}
@media screen and (max-width:550px){
	.area_product > ul.col5 > li{margin:0 12px 20px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.area_product > ul.col5 > li:nth-child(2n){margin:0;}
	.area_product > ul.col5 > li:nth-child(5n){margin:0 12px 20px 0;}

}
.area_notice{margin:70px 0;}
.area_notice .lt{border:1px solid #ddd; box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.03); border-radius:10px; box-sizing:border-box; padding:26px 0;}
.area_notice .lt:after{ display:block; content:""; clear:both;}
.area_notice .lt .lt_title{float:left; display:block; width:120px;}
.area_notice .lt > a > h3{text-align:center; font-size:16px; font-weight:bold; line-height:1.5em; color:#111;}
body.ie .area_notice .lt > a > h3{line-height:1.9em;}
.area_notice .lt > ul{margin:0; float:left; width:calc(100% - 120px); width:-webkit-calc(100% - 120px);}
.area_notice .lt > ul > li{position:relative;}
.area_notice .lt > ul > li a{display:block; width:85%; padding:0; font-family: 'GmarketSansLight'; font-weight:normal; font-size:15px; color:#555; line-height:1.7em;     text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;}
.area_notice .lt > ul > li a strong{position:relative; top:3px;}
.area_notice .lt > ul > li span{position:absolute; top:50%; right:20px; transform:translateY(-50%); font-weight:bold; font-size:14px;}
body.ie .area_notice .lt > ul > li span{top:53%;}

@media screen and (max-width:768px){
	.area_notice{margin:40px 0; display:none;}
	.area_notice .lt{padding:20px 0;}
}
@media screen and (max-width:550px){
	.area_notice .lt .lt_title{width:85px;}
	.area_notice .lt > a > h3{font-size:15px;}
	.area_notice .lt > ul > li a{font-size:14px;}
	.area_notice .lt > ul > li span{display:none;}
	.area_notice .lt > ul > li a strong{top:4px;}
	.area_notice .lt > ul{width:calc(100% - 85px); width:-webkit-calc(100% - 85px);}

	#main.area_adbn .swiper-slide{height:89px;}
}


#area_appstore{margin:100px 0 0; padding:45px 0 0; background:#fff; text-align:center;}
#area_appstore .inr{width:100%; height:100%;}
#area_appstore .inr > div{display:inline-block;}
#area_appstore .area_txt{margin:0 0 0 50px; text-align:left;}
#area_appstore .area_txt > h3{display:block; font-size:35px; font-weight:600; color:#222; line-height:1.5em; word-break:keep-all;}
#area_appstore .area_txt .list_link{margin:20px 0 0;}
#area_appstore .area_txt .list_link > li{display:inline-block; margin:0 7px 0 0; background:#000; border-radius:5px;}
#area_appstore .area_txt .list_link > li > a{display:block; padding:5px;}


@media screen and (max-width:1024px){
	 #area_appstore{display:none;}
}





/**포도씨몰 - 220823 ZEN**/
/**공통**/
#area_shop.idx h3{display:block; font-size:24px; font-weight:bold; color:#111; margin-bottom: 30px;}
#area_shop.idx .shop_list .review{background: #fff;}

#area_shop .tag{display:inline-block; width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
#area_shop .tag li{display:inline-block; font-size:12px; font-weight:400; color:#5d89eb; margin:0 4px 0 0; padding:3px 7px; border:1px solid #5d89eb; word-break:break-word; box-sizing:border-box; border-radius:50px; line-height:1em; cursor:pointer;}
#area_shop .tag li.sch_word{background:#dceeff; border:1px solid #dceeff;}
#area_shop .fa-star{ color: #FFD400;}

/*리스트*/
#area_shop .area_top{background:#f2f5f8; padding:50px 0; box-sizing:border-box;}
#area_shop .area_top .bn_list{position:relative; padding:40px; width:calc(100%); width:-webkit-calc(100%); height:250px; margin:0 35px 0 0; border-radius:20px; box-sizing:border-box; text-align:center; color:#fff; overflow:hidden;
	background:#2159d4 url(../img/bn_shop.jpg)no-repeat center top; background-size:cover; box-shadow: 0px 5px 16px 4px rgba(156, 187, 255, 0.34);}
#area_shop .area_top .bn_list .txt{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); z-index:2;}
#area_shop .area_top .bn_list h3{font-size:30px; font-weight:400; word-break:break-word; line-height:1.5em;}
#area_shop .area_top .bn_list h4{font-size:27px; font-weight:400; word-break:break-word; line-height:1.5em;}
#area_shop .area_top .bn_list h3 .bold,
#area_shop .area_top .bn_list h4 .bold{font-weight:bold;}
#area_shop .area_top .bn_list .txt > span{display:block; margin:12px 0 0; font-size:17px; font-weight:300; line-height:1.6em; color:#fff; word-break:break-word; opacity:0.7;}
#area_shop .area_top .bn_list .btn_inquiry{display:inline-block; margin:18px 0 0; padding:10px 30px; width:auto; font-size:15px; font-weight:600; color:#6f31ed; background:#fff; border-radius:50px;}
#area_shop .area_top .bn_list:first-child .btn_inquiry{color:#2159d4;}
#area_shop .area_top .bn_list .obj{position:absolute; bottom: -66%; left: -10%; width: 35%;}
#area_shop .area_top .bn_list .obj img{ width: 100%;}

#area_shop .area_top .bn_list .obj2{position:absolute; bottom: 20%; right:0%; width: 20%; opacity: 0.3;}
#area_shop .area_top .bn_list .obj2 img{ width: 100%;}

#area_shop .search{ margin-top: 30px; border-radius: 20px; border: 3px solid #2159d4; padding: 10px 40px; background-color: #fff; font-size: 1.2em;
	display: flex; align-items: center; justify-content: space-between;}
#area_shop .search strong{display: block; line-height: 33px; height: 30px; border-right: 1px dotted #eee; padding-right: 10px; margin-right: 10px }
#area_shop .search input{ border: 0; width: calc(100% - 100px); height: 30px;}
#area_shop .search input::placeholder{opacity: 0.6;}
#area_shop .search button{border: 0; height: 30px; background-color: transparent;}
#area_shop h3{margin-bottom: 10px; font-size: 1.2em;}

#area_shop .area_cate{padding:0; margin-bottom: 30px;}
#area_shop .area_cate ul{display: flex; justify-content:space-between; align-items: center;}
#area_shop .area_cate ul > li{width:calc((100% / 7) - 10px); margin-right: 10px;}
#area_shop .area_cate ul > li:last-child{margin-right: 0;}
#area_shop .area_cate ul a{ border-radius: 10px; cursor: pointer; z-index: 0; border: 1px solid #80BBF4; background: #fff; display: block; text-align: center;	padding: 20px 10px; opacity: 0.5;  filter:grayscale(100%);}
#area_shop .area_cate ul a.bold{ z-index: 1; border: 1px solid #80BBF4; opacity:1;  filter:grayscale(0%); font-weight: 600;}
#area_shop .area_cate ul a.bold i{ font-weight: 500;}
#area_shop .area_cate ul i{color: #0077e8; font-weight: 100; opacity: 0.8; font-size: 2.5em; margin: 5px 0 10px 0;}
#area_shop .area_cate ul p{color: #0077e8; line-height: 1.4em; display:inline-block; width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}


#area_shop .area_bottom{padding:40px 0 0;}
#area_shop .area_bottom h3{font-size:25px; font-weight:600; color:#333;}
#area_shop .area_bottom .top_filter{margin:10px 0 0; height:46px;}
#area_shop .area_bottom .top_filter .sort_list{display:inline-block; position:relative; right:unset;}
#area_shop .area_bottom .top_filter .box_sch{position:absolute; top:0; right:0; width:230px; background:#f8f8f8; border:1px solid #eee; border-radius:10px;}
#area_shop .area_bottom .top_filter .box_sch input[type=text]{width:100%; border:none; padding:10px; font-size:15px; font-weight:500; color:#275dd7;}
#area_shop .area_bottom .top_filter .box_sch button{position:absolute; top:50%; right:10px; width:19px; height:19px; background:url(../img/icon_search.svg)no-repeat center; border:none; background-size:cover; transform:translateY(-50%);}
#area_shop .area_bottom .top_filter .box_filter{margin:15px 0; padding:15px 0; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd;}
#area_shop .area_bottom .top_filter .select_box{margin:10px 0 0;}
#area_shop .area_bottom .top_filter .select_box .box .select{font-size:14px; color:#777;}
#area_shop .area_bottom .top_filter .box_left{display:inline-block; margin:10px 0 0;}

#area_shop .shop_list ul.list{}
#area_shop .shop_list ul.list > li{float:left; margin:0 40px 40px 0; width:calc((100% / 4) - 30px); width:-webkit-calc((100% / 4) - 30px); height: 368px;}
#area_shop .shop_list ul.list > li:nth-child(4n){margin:0 0 10px;}
#area_shop .shop_list .img{position: relative; border-radius:10px; overflow: hidden; margin-bottom: 10px; border: 1px solid #eee;}
#area_shop .shop_list .img_wrap{ overflow: hidden; width: 100%; height: 158px;}
#area_shop .shop_list .img_wrap img{width: 100%; height: 100%;  object-fit:cover;}
#area_shop .shop_list .img i{font-size: 1.3em; line-height: 20px;}
#area_shop .shop_list .wish{ position: absolute; right: 15px; top: 10px;}
#area_shop .shop_list .wish i{line-height: 1em; font-weight: 400; filter:invert(100%)}
#area_shop .shop_list .wish.on i{ font-weight: 600; color:#E74F66; filter:invert(0%)}
#area_shop .shop_list .coin{position: absolute; left: 10px; top: 0px; border-radius: 0 0 10px 10px; padding: 2px 6px;
	background-image: -webkit-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); color: #fff; font-weight: 600; font-size: 11px;}
#area_shop .shop_list .coin i{color: #fff; font-weight: 600}
#area_shop .shop_list .text{}
#area_shop .shop_list .text p{line-height: 1.3em;}

#area_shop .shop_list .text .title{font-weight: 500; font-size: 1.1em; margin: 5px 0; height: 39px;
	overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%;}
#area_shop .shop_list .text .gray{font-size: 0.9em; opacity: 0.5;}
#area_shop .shop_list .text .price{font-size: 1.2em; font-weight: 600; margin-top: 10px; height: 23px;}
#area_shop .shop_list .text .price strong{ color: #0077e8; font-size: 1.1em;}
#area_shop .shop_list .review{width: 100%; border: 1px solid #eee; background-color: #f2f5f8; border-radius:10px; padding:6px 20px; margin-top: 10px;
	display:inline-block; width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}

/*포도씨몰 상세페이지*/
#area_shop .dropdown{position:absolute; top:30px; right:40px;}
#area_shop .btn_more{all:unset;position:relative; width:18px; z-index:120; height:18px; background:url(../../../img/icon_more.svg)no-repeat center; background-size:contain; transform:translateY(-50%);}
#area_shop .dropdown-menu{left: auto;right: 0;}
#area_shop .edit_list{z-index:90; width:100px; min-width: 100px; border:1px solid #555; background:#fff; border-radius:5px; text-align:center; box-shadow:0px 5px 6.51px 0.49px rgb(227 227 227 / 20%);}
#area_shop .edit_list > li{display:block; border-bottom:1px dashed #eee; font-size:15px; color:#333; font-weight:400; box-sizing:border-box;}
#area_shop .edit_list > li > a{display:block; width:100%; height:auto; padding:5px; box-sizing:border-box;}
#area_shop .edit_list > li:last-child{border-bottom:none;}
#area_shop .edit_list > li a:hover{color:#3568da;}

#area_shop .area_view .inr{background:#fff; border-radius:10px; border:1px solid #eee; padding:0px; margin-bottom: 40px;}
#area_shop .area_products{ display: flex;}
#area_shop .area_products .img{ width: 50%; padding: 20px 0 20px 40px;}
#area_shop .area_products .fotorama,
#area_shop .area_products .fotorama__stage,
#area_shop .area_products .fotorama__wrap{ width: 100%!important;}
#area_shop .area_products .img .fotorama__img,
#area_shop .area_products .img img{width: 100%!important; height: 100%!important;  object-fit:cover; left: 0px!important;}


#area_shop .area_products .text{ width: 50%; padding: 30px 40px; font-size: 1.1em;}
#area_shop .area_products .text .cate{opacity: 0.8; margin-bottom: 10px;}
#area_shop .area_products .text .title{ margin-bottom: 20px; font-size: 2em; line-height: 1.2em; font-weight: 600; word-break: break-all;}
#area_shop .area_products .text .price{ font-size: 1.6em; margin-bottom: 50px; font-weight: 600;}
#area_shop .area_products .text .price strong{color: #5d89eb;}
#area_shop .area_products .text dl{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#area_shop .area_products .text dt{ width: 20%; line-height: 1.8em;}
#area_shop .area_products .text dd{ width: 80%; line-height: 1.8em;}
#area_shop .area_products .btn_wrap{display: flex; align-items: center; margin-top: 30px;}
#area_shop .area_products .btn_wrap > a,
#area_shop .area_products .btn_wrap > button{ height: 50px; margin-right: 5px; border: 0; border-radius:10px; padding: 0 15px; font-size: 1.2em;}
#area_shop .area_products .btn_wrap > button:last-child{margin-right: 0;}
#area_shop .area_products .btn_wrap .btn_down{position:relative; width:100%; background:#3568da;
	color: #fff; box-shadow: 0px 5px 10px 4px rgb(156 187 255 / 34%); text-align:center; line-height: 48px;}
#area_shop .area_products .btn_wrap .btn_ico{border: 1px solid #ddd; background-color: #fff; box-shadow: 0px 5px 10px 4px RGB(238 238 238 / 34%);}
#area_shop .area_products .btn_wrap .btn_ico.on .fa-heart{font-weight: 600; color:#E74F66 }

#area_shop .area_view .nav-tabs{ border: 0;}
#area_shop .area_view .nav-tabs:after{content: ""; display: block; clear: both;}
#area_shop .area_view .nav-tabs>li{ width: 25%;}
#area_shop .area_view .nav-tabs>li>a{ display: block ; text-align: center; font-size: 15px; line-height: 1.2em; padding: 20px; opacity: 0.6; border: 0; border-bottom: 1px solid #ddd; margin: 0;}
#area_shop .area_view .nav-tabs>li.active>a,
#area_shop .area_view .nav-tabs>li.active>a:focus,
#area_shop .area_view .nav-tabs>li.active>a:hover{ opacity: 1; color: #111; border: 0; border-bottom: 1px solid #3568da; font-weight: 600; background:none;}
#area_shop .area_view .nav-tabs>li a:hover{opacity: 1;}
#area_shop .area_view .tab-content{ padding: 30px; min-height: 300px;}
#area_shop .area_view .tab-content>div{display: block;}

#area_shop .area_view .tab-content h4{font-size: 1.3em; font-weight: 700; margin: 10px 0 20px 0;}

/*#area_shop .area_view .scroll{ height:400px; overflow-y: auto;}*/

#area_shop .area_view .review{}
#area_shop .area_view .review .total{ border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
#area_shop .area_view .review .total p{font-size: 1.2em}
#area_shop .area_view .review .total p span{opacity: 0.9em;}
#area_shop .area_view .review .total p span:before{content: ""; display: inline-block; width: 1px; height: 12px;
	vertical-align: middle; background-color: #463f4a; margin: 0px 8px 0 8px;}
#area_shop .area_view .review .total .gray{font-size: 0.9em; opacity: 0.87;}

#area_shop .area_view .review .list li{border-bottom: 1px solid #eee; padding: 20px 0;}
#area_shop .area_view .review .list li .name{color: #9A9BA7; font-weight: 600;}
#area_shop .area_view .review .list li .star{ font-size: 1.1em;}
#area_shop .area_view .review .list li .star span{ font-size: 0.9em; opacity: 0.8;}
#area_shop .area_view .review .list li .star span:before{content: ""; display: inline-block; width: 1px; height: 10px;
	vertical-align: middle; background-color: #9A9BA7; margin: 0px 5px 0 5px;}

#area_shop .area_view #area_my{width: auto; margin: 0 auto;}
#area_shop .area_view #area_my .top_box .box_wrap{position: relative; top: 0; left: 0; transform: unset;}
#area_shop .area_view #area_my .top_box{ width: calc(100% / 2)}

#area_shop .area_view #area_my .top_box .area_box dl{display:flex; justify-content: flex-start; margin-bottom: 5px;}
#area_shop .area_view #area_my .top_box .area_box dt{margin-right: 5px;}

#area_shop .area_view #area_my .area_write{ margin-top: 40px;}
#area_shop .area_view #area_my .area_write a{ color: #fff; font-weight: 600; font-size: 1.1em;}
#area_shop .area_view #area_my .btn_company{ display: block; width:100%; background:#fff; border: 1px solid #B798F6; color: #6f31ed; font-weight: 600;
	border-radius:10px; box-shadow: 0px 5px 6.51px 0.49px rgba(67, 47, 224, 0.1); text-align:center; padding: 14px 10px; margin-top: 10px;}
}


/*판매등록*/
#area_shop.write .cdata{margin:0 0 0 15px;}
#area_shop.write .cdata label{position:relative; top:unset; right:unset; transform:none; margin-bottom: 0;}
#area_shop.write .cdata span{display:inline-block; margin-right:2px; margin-bottom:-4px;}
#area_shop.write .cdata em{display:inline-block;}

#area_shop.write h2.title{text-align:center; display:block; font-size:34px; margin:10px 0; font-weight:bold; color:#333; line-height:2em; word-break:break-word;}

#area_shop.write h3{margin: 0; font-size: 1.1em}
#area_shop.write .shop_write{position:relative; margin:0 0 20px; background:#fff; border:1px solid #eee; box-sizing:border-box; border-radius:10px;}
#area_shop.write .select_box{padding:0 0 0 14px; display:inline-block; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); vertical-align:middle;}
#area_shop.write .area_tag{padding:0 0 0 14px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); display: inline-block;}
#area_shop.write .area_tag .input_tag{position:relative; top:-1px; margin:0 0 3px; display:inline-block; width:100%; border:none; width: calc( 100% - 20px);}
#area_shop.write .area_tag .tag_word{background:#eaf1f8; border-radius:50px; padding:3px 7px; box-sizing:border-box; font-size:13px; color:#1c50c2;}
#area_shop.write .area_tag .tag_word .btn_close{ position:relative; top:-1px; margin:0 0 0 3px; color: #fff; background-size:5px 5px; width:15px; height:15px; border-radius:50px; border:none;}

#area_shop.write .area_price{width:calc(100% - 110px);}
#area_shop.write .area_price{display: inline-block;}
#area_shop.write .area_price .input_price::placeholder{font-weight: normal; opacity: 0.8; font-size: 13px;}
#area_shop.write .area_price .input_price{position:relative; top:-1px; margin:0 0 3px; display:inline-block; border:none;
	width: calc(100% - 100px); text-align: right; font-weight: 600; opacity: 1; font-size: 1.3em; margin-right: 5px; color: #275dd7; }


#area_shop.write h3{position:relative; vertical-align:middle; padding:0 20px 0 0; display:inline-block; font-size:15px; font-family:'Open Sans', 'Noto Sans KR', Dotum, sans-serif; font-weight:600; color:#111;}
#area_shop.write h3{width:85px; vertical-align: top;}
#area_shop.write .cate h3{vertical-align: middle;}
#area_shop.write h3:before{content:''; position:absolute; top:6px; right:0; width:1px; height:12px; background:#ddd;}
#area_shop.write.hash h3{width:85px; vertical-align:top;}
#area_shop.write input[type="checkbox"]{display:none;}
#area_shop.write .agree p{color:#275dd7; font-weight:500; line-height:1.3em; word-break:keep-all;}
#area_shop.write p.bold{color:#555; margin:7px 0 0;}


#area_shop.write #shop_write .box_list{border-top:4px solid #1c2d52;}
#area_shop.write #shop_write.v2 .box_list{border:none;}

#area_shop.write .agree .cdata{ margin: 10px 0 0 0;}

#shop_write .area_box input[type=text],
#shop_write input[type=number],
#shop_write select{display:block; width:250px; border:1px solid #ddd; border-radius:5px; box-sizing:border-box; padding:14px 10px; font-size:15px; color:#333; }
#shop_write select{background: #fff url(../img/icon_arrow.svg) no-repeat center right 10px !important; background-size: 14px 9px !important;}


#shop_write{display:block; margin:30px 0 15px; width:100%; background:#fff; border-radius:10px 10px; border:1px solid #eee; box-shadow: 0px 5px 16px 4px rgba(0, 0, 0, 0.03);}
#shop_write.v2{margin:15px 0; border-radius:10px;}
#shop_write .box_list > li{display:block; padding:35px 100px; box-sizing:border-box; border-bottom:1px dashed #eee;}
#shop_write.v2 .box_list > li{padding:50px 100px;}
#shop_write .box_list > li em{display:block; font-size:15px; font-weight:bold; color:#111; margin-bottom: 5px;}
#shop_write .box_list > li:last-child{border-bottom:none;}
#shop_write .input_subject{width:100% !important;}

#shop_write .thumb{ display: block; align-items: center; justify-content: flex-start; white-space: nowrap;overflow-x: auto; padding: 10px 0;}
#shop_write .thumb li{ position: relative; margin-right: 10px; display: inline-block;}
#shop_write .thumb li p{width: 100px; height: 75px;	overflow: hidden;}
#shop_write .thumb li p img{ object-fit:cover; width: 100%; height: 100%}
/*#shop_write .thumb li:last-child button{width: 100px; height: 75px; text-indent: -9999px; background-size: 25% auto !important;}*/

#shop_write .thumb .btn_close{ position: absolute; top:-3px; right: -3px; margin:0 0 0 3px; background:#15306d url(../../../img/icon_close.svg)no-repeat 50% 50%; background-size:5px 5px; width:15px; height:15px; border-radius:50px; border:none;}

/*마이페이지 자료실*/
#area_mypage.shop .mypage_cont .box h3{font-size:20px !important;}
.mypage #area_my.shop{float:left; width:300px; margin:0 0 20px;}
#area_my.shop .myinfo{padding:25px; margin:0 0 10px;}
#area_mypage.shop .tabs{text-align:center;}
#area_mypage.shop .tabs > li{float:unset; display:inline-block;}
#area_mypage.shop .tabs > li span{vertical-align:bottom; font-size:18px;}
#area_mypage.shop .tabs li em{display:inline-block; padding: 0 10px; box-sizing: border-box; background: #ddd; border-radius: 50px; font-size: 14px; font-weight: bold; color: #aaa;}
#area_mypage.shop .tabs li span:hover:before,
#area_mypage.shop .tabs li.active span:before{display:none;}
#area_mypage.shop .tabs li.active em{background:#3568da; color:#fff;}
#area_mypage.shop .tabs li.active:before,
#area_mypage.shop .tabs li:hover:before{opacity:1;}
#area_mypage.shop .tab_container{margin:20px 0 0;}
#area_mypage.shop .table_wrap{margin:0 0 30px;}
#area_mypage.shop .tab_container input[type=checkbox]{display:block; margin:0 0 10px;}
#area_mypage.shop .tab_container #all_chk{display:inline-block; vertical-align:-webkit-baseline-middle;}
#area_mypage.shop .tab_container label.chk{margin:0 0 0 5px; font-size:13px; font-weight:500; color:#333;}


#area_mypage.shop .sales_price{ font-size: 1.2em; padding:30px !important; border:1px solid #eee !important; background: #f9f9f9;
	/*box-shadow:0px 5px 10px 4px rgb(0 0 0 / 3%); */overflow:hidden; border-radius: 10px; text-align:center ; margin-top: 20px;}

#area_mypage.shop .sales_price p{font-size: 600; font-size: 1.3em; margin-bottom: 10px;}
#area_mypage.shop .sales_price p strong{font-weight: 700; font-size: 1.1em; color: #3568da;}
#area_mypage.shop .sales_price .btn_wrap{}
#area_mypage.shop .sales_price .btn_wrap a{display: inline-block; cursor: pointer;
	width:auto !important; padding:7px 25px; border-radius:50px; box-sizing:border-box;
	background:#275dd7; font-size:15px; color:#fff; font-weight:400; /*box-shadow:0px 5px 10px 4px rgb(156 187 255 / 34%)*/}
#area_mypage.shop .sales_price .btn_wrap a:last-child{border: 1px solid #275dd7; color: #275dd7; background: #fff;}

/*마이페이지 자료실 리스트*/
#area_mypage.shop .list{border-top:1px solid #eee; margin-top: 20px; padding: 10px 0; }
#area_mypage.shop .list > li{ display: flex; padding:20px 0 }
#area_mypage.shop .list .img_wrap{width: 180px; height: 135px; border-radius: 10px; overflow: hidden; border: 1px solid #eee; position: relative;}
#area_mypage.shop .list .img_wrap img{ width: 100%; height: 100%; object-fit:cover;}
#area_mypage.shop .list .img_wrap i{font-size: 1.3em; line-height: 20px;}
#area_mypage.shop .list .wish{ position: absolute; right: 10px; top: 5px;}
#area_mypage.shop .list .wish i{line-height: 1em; font-weight: 400; filter:invert(100%)}
#area_mypage.shop .list .wish.on i{ font-weight: 600; color:#E74F66; filter:invert(0%)}
#area_mypage.shop .list  .coin{position: absolute; left: 5px; top: 0px; border-radius: 0 0 10px 10px; padding: 2px 6px;
	background-image: -webkit-linear-gradient( 45deg, rgb(47,194,231) 1%, rgb(89,83,251) 100%); color: #fff; font-weight: 600; font-size: 11px;}
#area_mypage.shop .list .coin i{color: #fff; font-weight: 600}


#area_mypage.shop .list .text{text-align: left; padding: 0 25px; width: calc(100% - 365px)}
#area_mypage.shop .list .text .cate{font-size: 0.9em; opacity: 0.7;}
#area_mypage.shop .list .text .title{font-size: 1.4em; font-weight: 600; margin-bottom: 5px;display:inline-block; width:100%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; vertical-align:middle;}
#area_mypage.shop .list .text .exp{ line-height: 1.4em; margin-bottom: 10px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:100%;}
#area_mypage.shop .list .text .price{ font-size: 1.3em; font-weight: 600;}
#area_mypage.shop .list .text .price strong{ color:#3568da ; font-size: 1.1em;}
#area_mypage.shop .list .btn_wrap{width:180px;  margin-top: -5px;}
#area_mypage.shop .list .btn_wrap .date{font-size: 0.9em; opacity: 0.7;}
#area_mypage.shop .list .btn_wrap button{position:relative; margin:5px 0 0; width:100%; border-radius:10px; padding: 5px 10px;
	border:1px solid #B798F6; background: #fff; color: #6f31ed; text-align:center; box-sizing: border-box; font-weight: 600; line-height: 1.6em;}
#area_mypage.shop .list .btn_wrap button.btn_down{ background: #3568da; border: 0; color: #fff; }
#area_mypage.shop .list .btn_wrap button span{display: inline-block; margin-left: 5px;}
#area_mypage.shop .list .btn_wrap button:last-child{background: #343434; color: #fff; border: 0;}

#area_mypage.shop .list .btn_wrap .total{position:relative; margin:10px 0 0; width:100%; border-radius:10px; padding: 15px 10px;
	border:1px solid #ddd; background: #fff; text-align:center; box-sizing: border-box; font-weight: 600;}
#area_mypage.shop .list .btn_wrap .total dt{}
#area_mypage.shop .list .btn_wrap .total dd{font-size: 1.5em;}
#area_mypage.shop .list .btn_wrap .total dd strong{ color:#3568da ; font-size: 1.1em;}

.br{display: none;}

/*sns공유하기 모달*/
#snsModal .modal-body{text-align: center;}
#snsModal .modal-body a{ display: inline-block; width: 50px; height: 50px; line-height: 50px;
	background: #eee; border-radius: 10px;overflow: hidden;font-size: 2em; margin: 0 2px;}
#snsModal .modal-body a img{object-fit: cover; width: 100%; height: 100%;}

/*결제하기 모달*/
#payModal .modal-header{ background:transparent; padding: 0;}
#payModal .modal-header .close{ z-index: 999;}

#payModal .area{ border-bottom: 1px solid #eee; margin-bottom: 20px;}
#payModal .area:last-child{border-bottom:0;}
#payModal h5{font-size: 1.5em; margin-bottom: 15px;}
#payModal .cdata{ display: inline-block;}
#payModal .cdata input[type="checkbox"]{display:none!important; width:15px; height:15px; outline:none; margin:0!important;}
#payModal .cdata input[type="checkbox"] + label span{display:inline-block; margin-right:3px; width:15px; height:15px; background:url(../../../img/icon_check02.svg) no-repeat center; cursor: pointer;}
#payModal .cdata input[type="checkbox"]:checked + label span{background:url(../../../img/icon_check02_on.svg) no-repeat center;}

#payModal .cdata{margin:0px; line-height: 40px;}
#payModal .cdata label{position:relative; top:unset; right:unset; transform:none; margin-bottom: 0;}
#payModal .cdata span{display:inline-block; margin-right:2px; margin-bottom:-4px;}
#payModal .cdata em{display:inline-block;}

#payModal dl{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 10px;}
#payModal dl dt{ margin-right: 20px; font-size: 1.2em; font-weight: 500;}
#payModal dl dd{ width: calc(100% - 50px);}
#payModal dl dd .btn_del{ display: inline-block; width: 20px; height: 20px; line-height: 21px;
	text-align: center; background: #343434; color: #fff;
	border-radius: 40px; margin-left: 10px}
#payModal dl dd .btn_all{ display:inline-block; border: 1px solid #ddd; padding: 0 10px;
	height: 28px; line-height: 25px; color: #343434; margin-right: 10px; font-size: 0.9em;}
#payModal .frm_input{text-align: right; line-height: 40px; vertical-align: middle; padding: 0 10px;
	display: flex; justify-content: flex-end; align-items: center;}
#payModal .frm_input input{all:unset; width: calc(100% - 30px)}
#payModal .area dl:last-child .frm_input input{width: calc(100% - 60px);}
#payModal .pt5{padding-top:5px }

#payModal .total{font-size: 1.2em; font-weight: 600;}
#payModal .total dd{ color: #3568da; font-size: 1.2em;}
#payModal .btn_submit{ display:block; width: 100%; background: #ddd; line-height: 38px; background: #3568da}

@media screen and (max-width:550px) {
	#payModal #box_charge {
		padding-bottom: 60px;
	}
	#payModal #box_charge .area_btn.fixed{border-radius: 0 0 6px 6px; overflow: hidden;}
}
@media screen and (max-width:768px){
	.br{display: block;}
	#area_shop .area_top .bn_list .txt{ padding: 40px 20px;}
	#area_shop .area_top .bn_list h3{font-size: 25px;}
	#area_shop .area_top .bn_list p{font-size: 20px; line-height: 1.4em;}
	#area_shop .area_top .bn_list .obj{bottom: -5%;width: 45%;}
	#area_shop .area_top .bn_list .obj2{bottom: 20%; width: 40%;}


	#area_shop .area_cate .inr{width: 100%;}
	#area_shop .area_cate ul{ flex-wrap: wrap; justify-content: flex-start;}
	#area_shop .area_cate ul > li{ width: calc((100% / 4) - 10px); margin-bottom: 10px;}
	#area_shop .area_cate ul a{display: flex; justify-content: center; align-items: center;}

	#area_shop .area_cate ul > li:nth-child(4n){margin-right: 0;}

	#area_shop .shop_list ul.list > li{width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px); margin: 0 20px 20px 0; height: 315px;}
	#area_shop .shop_list ul.list > li:nth-child(4n){margin: unset;}
	#area_shop .shop_list ul.list > li:nth-child(2n){margin:0 0 10px;}
	#area_shop .shop_list .img_wrap{height: 130px;}


	#area_shop .area_view .inr{overflow: hidden;}
	#area_shop .area_products{display: block;}
	#area_shop .area_products .img{width: 100%; padding: 0}
	#area_shop .area_products .text{ width: 100%; padding:20px;}
	#area_shop .area_products .text .title{font-size: 1.5em;}

	#area_shop .area_products .text .price{margin-bottom: 30px;}


	#area_shop .area_view .inr{margin-bottom: 20px;}
	#area_shop .area_view .nav-tabs>li>a{padding:15px 5px ; font-size: 13px;}
	#area_shop .area_view .nav-tabs>li>a span{display: none;}


	#shop_write .box_list > li{ padding:15px 20px;}

	#area_mypage.shop .list > li{flex-wrap: wrap;}
	#area_mypage.shop .list .text{width: calc(100% - 230px);}
	#area_mypage.shop .list .btn_wrap{ width: 100%;}
	#area_mypage.shop .list .btn_wrap .date{text-align: right; padding: 0 10px;}
	#area_mypage.shop .list .btn_wrap button{ width: 49%; margin-top: 5px;}
	#area_mypage.shop .list .btn_wrap button i{ font-size: 1.3em;}

	#area_mypage.shop .list .btn_wrap .total{display: flex; align-items: center; justify-content: center; padding: 10px;}
	#area_mypage.shop .list .btn_wrap .total dd{margin-left: 10px;}

	#area_shop .area_view #area_my .top_box{ display: block; width: 100%;}

}
@media screen and (max-width:500px){
	#area_shop .area_top{ padding: 25px 0;}
	#area_shop .area_top .bn_list h3{font-size: 20px;}
	#area_shop .area_top .bn_list p{font-size: 15px;}

	#area_shop .area_cate ul > li{margin-right: 5px; width: calc((100% / 2) - 5px);}
	#area_shop .area_cate ul > li:nth-child(2n){margin-right: 0;}
	#area_shop .area_cate ul > li:nth-child(4n){margin-right: 5px;}

	#area_shop .area_cate ul a{padding: 10px 20px; display: flex; align-items: center;}
	#area_shop .area_cate ul i{ width: 20px; font-size: 1.5em; margin: 0 10px;}
	#area_shop .area_cate ul p{font-size: 1em; width: auto;}


}

@media screen and (max-width:450px){
}

/*.general_noshow { display: none !important; } !*일반회원 버전에서 숨김 style.css에도 있음*!*/