@charset "utf-8";
.checkbox.w1{display: inline-block; margin-top: 0; margin-bottom: 0;}
.tbl input[type=checkbox]{margin: 0; padding: 0; width: 18px; height: 18px; position: relative;}

.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-top: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(7n),
.area_category > ul > li:last-child{border-right:1px solid #eee;}
.area_category > ul > li:nth-child(n+26){border-bottom: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(26){border-bottom:none;}
	.area_category > ul > li:nth-child(n+27){border-bottom:1px solid #eee;}
}

@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(26),
	.area_category > ul > li:nth-child(27),
	.area_category > ul > li:nth-child(28){border-bottom:none;}
	.area_category > ul > li:nth-child(n+29){border-bottom:1px solid #eee;}
}
@media screen and (max-width:768px) {
	.area_category > ul > li > a{font-size:14px;}
	.area_category > ul > li:after,
	.area_category > ul > li:before{display:none;}
	.area_category > ul > li:hover{background:#2e76e5;}
	.area_category > ul > li:hover > a{color:#fff;}
}
@media screen and (max-width:650px) {
	.area_category > ul > li{width:calc(100% / 3); width:-webkit-calc(100% / 3); height:auto;}
	.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(26),
	.area_category > ul > li:nth-child(27),
	.area_category > ul > li:nth-child(28),
	.area_category > ul > li:nth-child(29){border-bottom:none;}
	.area_category > ul > li:nth-child(n+30){border-bottom:1px solid #eee;}
	.area_category > ul > li > a{padding:7px 5px;}
}
@media screen and (max-width:500px) {
	.area_category > ul > li{width:calc(100% / 2); width:-webkit-calc(100% / 2);}
	.area_category > ul > li:nth-child(3n),
	.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(2n),
	.area_category > ul > li:last-child{border-right:1px solid #eee;}
	.area_category > ul > li:nth-child(26),
	.area_category > ul > li:nth-child(27),
	.area_category > ul > li:nth-child(28),
	.area_category > ul > li:nth-child(29),
	.area_category > ul > li:nth-child(30){border-bottom:none;}
	.area_category > ul > li:nth-child(n+31){border-bottom:1px solid #eee;}
}
@media screen and (max-width:340px) {
	.area_category > ul > li > a{font-size:13px;}
}

.area_product_all{margin:30px 0 90px;}
.area_product_all.buy{margin:60px 0 90px;}
.area_product_all em.count{font-size:16px;}
.tbl_hd{position:relative; width:100%; display:block; background:#f9f9f9; border-top:2px solid #222; border-bottom:1px solid #eee; box-sizing:border-box;}
.tbl_hd:after{content:""; display:block; clear:both;}
.tbl_hd > li{float:left; font-size:16px; color:#111; padding:15px 10px; box-sizing:border-box; text-align:center;}
.tbl_cont_wrap{display:block;}
.tbl_cont_wrap .tbl_cont{display:block; width:100%; border-bottom:1px solid #eee;}
.tbl_cont_wrap .tbl_cont > .tbl_list{display:block; width:100%; height:170px;}
.tbl_cont_wrap .tbl_cont > .tbl_list:after{content:""; display:block; clear:both;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li{display:table; float:left; height:100%; text-align:center; padding:20px 10px; font-size:15px; color:#444; word-break:break-word;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .wrap{display:table-cell; vertical-align:middle; height:100%;}
body.ie .tbl_cont_wrap .tbl_cont > .tbl_list > li .wrap{word-break:break-all;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li.product{display:block; text-align:left;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li > a{display:block; width:100%; height:100%; padding:0 10px; box-sizing:border-box;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_img{position:relative; margin:0 20px 0 0;  float:left; width:145px; height:130px; border-radius:10px; overflow: hidden;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_img > .area_img{position:absolute;
	background-color:rgba(0,0,0,0.5);
	text-align:center;
	color:#fff;
	width:100%; height:100%; z-index:1; display: flex; align-items: center; justify-content: center;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_img img{position:absolute; top: 50%; left: 50%; width: 100%; height: 100%; border-radius:10px; transform: translate(-50%, -50%); transition: all 0.3s ease;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt{float:left; position:relative; top:50%; transform:translateY(-50%); width:calc(100% - 165px);}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt > h3{font-size:18px; color:#111; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt > span{	margin:7px 0 2px; display:block; font-family: 'GmarketSansLight', sans-serif; font-weight:bold; font-size:15px; color:#444; line-height:1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt > em{display:block; font-size:17px; font-weight:bold; color:#ff0012;}
.tbl_cont_wrap .tbl_cont p{text-align:center; font-size:16px; padding:30px 20px; box-sizing:border-box; color:#555;}
.w5{width:50%;}
.w4{width:37.5%;}
.w1{width:12.5%;}
.btn_regi{position:absolute; top:0px; right:0; padding:5px 30px; background:#0077e8; border-radius:50px; box-sizing:border-box; font-size:15px; font-weight:normal; color:#fff !important;}
body.ie .btn_regi{padding:4px 15px 0;}
.buy .tbl_cont_wrap .tbl_cont > a{position:relative; display:block; width:100%;}
.buy .tbl_cont_wrap .tbl_cont > a:after{content:""; display:block; clear:both;}
.buy .tbl_cont_wrap .tbl_cont .tbl_list{height:auto;}
.buy .tbl_cont_wrap .tbl_cont .tbl_list:after{content:""; display:block; clear:both;}
.buy .tbl_cont_wrap .tbl_cont .tbl_list > li{display:block; float:left; text-align:center; padding:20px 10px; font-size:15px; color:#444; word-break:break-word;}
.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.name{text-align:left; display:block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.buy .tbl_cont_wrap .tbl_cont .tbl_list > li span{display:none;}
.buy .num{width:5%;}
.buy .type,
.buy .state{width:10%;}
.buy .name{width:30%;}
.buy .company,
.buy .price,
.buy .data{width:15%;}
@media screen and (max-width:950px) {
	.tbl_hd > li.year,
	.tbl_cont_wrap .tbl_cont > .tbl_list > li.year{display:none;}
	.w1{width:15%;}
}
@media screen and (max-width:767px) {
	.tbl_hd{display:none;}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li.product{		width: 100%;display:block;}
	.w5{width:100%;}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li{display:none; padding:20px 0;}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li > a{padding:0;}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_img{margin:0 10px 0 0; width:120px; height:120px;}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt{width:calc(100% - 130px);}
	.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt > h3,
	.tbl_cont_wrap .tbl_cont > .tbl_list > li .area_txt > span{margin:0; font-size:15px;}

	.tbl_cont_wrap .tbl_cont:first-child{border-top:1px solid #eee;}
	.buy .tbl_cont_wrap .tbl_cont a > .tbl_list{padding:20px;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li{width:100%; text-align:left; padding:0;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.num{display:none;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.type{position:absolute; top:0; right:0; width:auto; background:#555; color:#fff; font-size:13px; padding:1px 5px; line-height:1.5em;} 
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.state{width:auto; padding:0 5px; box-sizing:border-box; color:#0077e8; border:1px solid #0077e8; font-size:13px; line-height:1.5em;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.name{margin:5px 0 0; font-size:16px; color:#222;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.company{font-size:14px; color:#555; line-height:1.4em;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.price{margin:3px 0 0; font-size:17px; font-weight:bold; color:#ff0012;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li.data{display:none;}
	.buy .tbl_cont_wrap .tbl_cont .tbl_list > li span{display:inline-block;}
}
@media screen and (max-width:550px) {
	.tbl_cont_wrap .tbl_cont > .tbl_list{display:block;}
	.buy .tbl_cont_wrap .tbl_cont a > .tbl_list{padding:15px;}
	.btn_regi{position: unset;		display: inline;		margin-right: 0!important;		font-size: 0.8em;		padding: 5px 10px;}
}

/* 상세 */
.product_view{overflow:hidden; padding:20px 0;}
.product_view_top{overflow:hidden; margin:0 auto;}
.product_view_top:after{content:''; display:block; clear:both;}
.product_view_top .product_img{position:relative; float:left; width:48%; margin-right:6%; overflow-x:hidden;}
.product_view_top .product_img .img{overflow: hidden; display:block; box-sizing:border-box; padding:12px; border-radius:3px; vertical-align: middle; height:430px; line-height:430px; border:1px solid #eee; text-align:center;}
.product_view_top .product_img .img img{position:relative; top:50%; max-width:100%; max-height:100%; transform:translateY(-51%);}
.product_view_top .product_img video{position:relative; width:100%; height:100%; z-index:-1;}
.product_view_top .product_img .swiper-slide-active video{z-index:1;}
.product_view_top .product_img .video{position:relative;}
.product_view_top .product_img .video img{width:24px; height:25px; z-index:990;}

.product_view_top .product_img .list{margin-top:10px;}
.product_view_top .product_img .list:after{content:''; display:block; clear:both;}
.product_view_top .product_img .list > li{float:left; width:25%;}
.product_view_top .product_img .list > li > a{display:block; overflow:hidden; padding:10px; height:120px; margin-left:10px; box-sizing:border-box; border:1px solid #eee; border-radius:3px; text-align:center;}
.product_view_top .product_img .list > li > a img{max-width:100%; height:100%; margin-left:-100%; margin-right:-100%;}
.product_view_top .product_img .list > li:first-child > a{margin-left:0px;}
.gallery_top{height:547px;}
.gallery_top img{width:100%; height:100%; border-radius:20px;}
.gallery_thumbs{margin:15px auto 0; width:100%; height:150px;}
.gallery_thumbs .swiper-slide{position:relative; margin:0 5px 0 0; width:calc((100% / 8) - 4px); height: calc((100% - 30px) / 2);border-radius:5px; overflow:hidden;}


.gallery_thumbs .swiper-slide:before{z-index:9; opacity:0; content:''; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; border:2px solid #0077e8; width:100%; height:100; border-radius:8px;}
.gallery_thumbs .swiper-slide:last-child{margin:0;}
.gallery_thumbs img{position:absolute; top:50%; left:50%; width:100%; height:100%; border-radius:8px; transform:translate(-50%, -50%);}
.gallery_thumbs .swiper-slide-thumb-active:before{opacity:1;}
.area_arrow > div{top:unset; bottom:34px !important; outline:none; width:14px; height:25px; background:url(../img/app/icon_prodcut_arrow.svg)no-repeat center;}
.area_arrow > div.swiper-button-prev{left:0; transform:rotate(-180deg);}
.area_arrow > div.swiper-button-next{right:0;}
.area_arrow > div:after{display:none;}
.product_view_top .text{float:left; width:46%; padding:15px 0 0;}
.product_view_top .text span{position:relative; font-size:16px; font-weight:400; color:#555;}
.product_view_top .text span.company a{margin:0 0 0 7px; display:inline-block; width:13px; height:13px; background:url(../img/app/icon_link.svg)no-repeat center; background-size:contain;}
.product_view_top .tit_product{margin:5px 0 0; display:block; font-size:27px; font-weight:500; color:#111; line-height:1.3em;}
.product_view_top .text span.price{display:block; margin:15px 0; font-size:22px; font-weight:500; color:#ff2732; line-height:1.5em;}
.product_view_top .list_select{margin:15px 0 0; display:inline-block; width:100%; border-top:1px solid #eee; overflow:hidden; }
.product_view_top .list_select ul li span{float:left; width:100px; font-weight:500; font-size:17px; color:#111;}
.product_view_top .list_select ul{padding:20px 0;}
.product_view_top .list_select ul li{margin:0 0 20px;}
.product_view_top .list_select ul li:after{content:''; display:block; clear:both;}
.product_view_top .list_select ul li em{float:left; font-weight:400; font-size:16px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); color:#555; word-break:keep-all;}
.product_view_top .list_btn {width:100%;}
.product_view_top .list_btn:after{content:''; display:block; clear:both;}
.product_view_top .list_btn a{width:100%; box-sizing: border-box; height:70px; border-radius:10px; border:none; vertical-align:top; color:#fff; text-align:center;}
.product_view_top .list_btn .btn01{display:block; padding:23px 10px; background:#ff2935; font-size:24px; color:#fff;}
.product_view_top .list_btn .btn01 span{position:relative; display:inline-block; padding:0 10px 0 27px; font-size:24px; color:#fff;}
.product_view_top .list_btn .btn01 span:before{content:''; position:absolute; top:2px; left:0; width:20px; height:20px; box-sizing:border-box; background-size:contain; background:url(../img/app/icon_call.svg)no-repeat center;}
.area_seller{display:block; width:100%; margin:65px 0 0;}
.area_seller:after{content:''; display:block; clear:both;}
.area_seller .seller_info{display:block; padding:40px 20px; box-sizing:border-box; float:left; width:250px; border-radius:10px; border:1px solid #eee; box-sizing:border-box; text-align:center; margin:0 25px 0 0;}
.area_seller .seller_info .seller_img{margin:0 auto; width:85px; height:85px; border-radius:50%; box-sizing:border-box; border:1px solid #eee; background:url(../img/app/img_seller.jpg)no-repeat center; background-size:contain;}
.area_seller .seller_info h2{display:block; margin:14px 0 18px; font-size:22px; color:#111;}
.area_seller .seller_in.area_seller .seller_info .btn_store > span{position:relative; padding:0 10px 0 0; font-size:14px; color:#555;}
.area_seller .seller_info .btn_store{display:inline-block; border:1px solid #eee; padding:2px 20px; border-radius:50px;}
.area_seller .seller_info .btn_store > span{position:relative; font-size:14px; color:#555; padding:0 10px 0 0;}
.area_seller .seller_info .btn_store > span:before{content:''; position:absolute; top:5px; right:0; width:4px; height:7px; background:url(../img/app/icon_prodcut_arrow.svg)no-repeat center; background-size:contain;}
.area_seller .area_product{margin:10px 0; position:relative; float:left; width:calc(100% - 275px); width:-webkit-calc(100% - 275px);}
.area_seller .area_product h3{font-size:18px; color:#111;}
.area_seller .area_product .btn_more{position:absolute; top:0; right:0;}
.area_seller .area_product > ul{margin:20px 0 0;}
.area_seller .area_product > ul > li > a .area_img{height:0; padding-bottom:98%;}
.product_view_detail{clear:both; overflow:hidden; margin-top:50px; border-bottom:1px solid #eee;}
.product_view_detail h5{padding:12px 0; border-top:2px solid #111; border-bottom:1px solid #eee; font-size:18px; font-weight:400; color:#333; background:#f9f9f9; text-align:center;}
.product_view_detail .detail_inr{margin:0; padding:20px; min-height:300px;}
.product_view_detail .detail_inr img{width:100%; height:auto;}
.btn{margin-top:35px; text-align:center;}
.btn > a{display:inline-block; padding:15px 45px; min-width:100px; box-sizing:border-box; background:#f9f9f9; border:1px solid #eee; font-size:15px; font-weight:400; color:#333;}
.area_seller{width:100%; display:block;}
.area_btn{margin:50px 0; display:block; text-align:center;}
.area_btn a.btn_list{display:inline-block; min-width:180px; padding:18px 10px; box-sizing:border-box; background:#555; border-radius:50px; font-size:18px; font-weight:500; color:#fff;}
.area_buy .product_view_detail .detail_inr{min-height:auto;}
.btn_modify{display:inline-block;}
.btn_modify a.btn_list{}
.btn_modify a.btn_list.modify{margin:0 5px; background:#0070db;}
.btn_modify a.btn_list.delete{background:#111;}

@media screen and (max-width:1200px) {
	.area_seller .area_product{margin:0;}
	.area_seller .area_product > ul.col5 > li{width:calc((100% / 4) - 19px); width:-webkit-calc((100% / 4) - 19px);}	
	.area_seller.area_product > ul.col5 > li:nth-child(4){margin:0;}
	.area_seller .area_product > ul.col5 > li:nth-child(5){display:none;}	
}
@media screen and (max-width:1100px) {
	.gallery_thumbs{}
	.gallery_top{height:480px;}
}
@media screen and (max-width:950px) {
	 .gallery_top{height:420px;}
}
@media screen and (max-width:850px) {
	.product_view_top .product_img{width:100%; margin:0 0 30px;}
	.product_view_top .text{width:100%;}
	.area_arrow > div{bottom:6% !important;}
	.area_seller{margin:40px 0 0;}
	.area_seller .seller_info{width:100%; margin:0 0 40px;}
	.area_seller .area_product{width:100%;}
	.product_view_detail{margin-top:10px;}
	.gallery_thumbs{}
	.gallery_top{height:778px;}
}
@media screen and (max-width:768px) {
	.area_product > ul.col5 > li{width:calc((100% / 2) - 13px); width:-webkit-calc((100% / 2) - 13px);}
	.area_product > ul.col5 > li:nth-child(2n){margin:0;}
	.area_product.seller > ul.col5 > li:nth-child(2){margin:0 25px 30px 0;}
	.product_view_top .list_btn{position:fixed; left:0; right:0; bottom:0; z-index:99;}
	.product_view_top .list_btn .btn01{border-radius:0;}
	.product_view_top .text{padding:0;}
	.area_btn{margin:30px 0;}
	.area_btn a.btn_list{min-width:70px; padding:5px 7px; font-size:15px;}
	.btn_modify a.btn_list.modify{margin:0 3px;}
	.gallery_top{height:600px;}
	.gallery_thumbs video::-webkit-media-controls-timeline {display:none;}
}
@media screen and (max-width:650px) {
	.gallery_thumbs{}
}
@media screen and (max-width:550px) {
	.area_arrow > div{bottom:5% !important;}
	.product_view_top .tit_product{font-size:22px;}
	.product_view_top .text span.price{font-size:19px; margin:10px 0;}
	.product_view_top .list_select{margin:10px 0 0;}
	.product_view_top .list_select ul li{margin:0 0 10px;}
	.area_seller .seller_info{padding:25px 20px;}
	.area_product > ul.col5 > li,
	.area_product.seller > ul.col5 > li{width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.area_product.seller > ul.col5 > li:nth-child(2n){margin:0;}
	.product_view_top .list_select ul li span{width:85px;}
	.product_view_top .list_select ul li em{width:calc(100% - 85px); width:-webkit-calc(100% - 85px);}
	.product_view_top .list_btn .btn01,
	.product_view_top .list_btn .btn01 span{font-size:22px;}
	.area_seller{margin:25px 0 0;}
	.area_seller .seller_info{margin:0 0 25px;}
	.gallery_thumbs{}
	.gallery_top{height:500px;}
	.gallery_thumbs .swiper-slide:before{border-radius:4px;}
	.product_view_top .product_img .video img{z-index:9999; width:16px; height:16px;}
}
@media screen and (max-width:500px) {
	.gallery_thumbs{}
	.gallery_top{height:450px;}
}
@media screen and (max-width:450px) {
	.product_view_top .product_img{margin:0 0 20px;}
	.product_view_top .tit_product{font-size:20px;}
	.product_view_top .text span.price{font-size:17px;}
	.product_view_top .list_select ul{padding:20px 0 0;}
	.gallery_thumbs{}
	.gallery_top{height:400px;}
}
@media screen and (max-width:400px) {
	.gallery_top{height:350px;}
	.gallery_thumbs{}
}
@media screen and (max-width:350px) {
	.gallery_thumbs{}
	.gallery_top{height:300px;}
}
/* 판매등록 */
#area_sell{width:100%;}
#area_sell .box{margin:0 0 50px; position:relative;}
#area_sell .box > h3{display:block; padding:0 0 10px; font-size:18px; font-weight:500; color:#222; border-bottom:2px solid #111;}
#area_sell .box > h3 em{display:inline-block; margin:0 0 0 8px; font-size:14px; font-weight:normal; color:#888; word-break:keep-all;}
#area_sell .box span{position:absolute; top:0; right:0;}
#area_sell .box .sell_list{;}
#area_sell .box dl{position:relative; padding:15px 10px; margin-bottom:0 !important; border-bottom:1px dashed #eee;}
#area_sell .box dl:after{content:""; display:block; clear:both;}
#area_sell .box dl dt{position:absolute; top:50%; float:left; width:100px; font-size:15px; font-weight:500; color:#222; transform:translateY(-50%);}
#area_sell i.require{color:#fb2323; margin:0 3px 0 0;}
#area_sell .box dl dd{position:relative; margin-left:100px; float:left; width:calc(100% - 100px); font-size:15px; font-weight:200; color:#555;}
#area_sell .area_year{margin:0 10px 0 0; display:inline-block;}
#area_sell .area_year select{width:150px;}
#area_sell .box dl dd input[type=text]{width:300px; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
#area_sell .box dl dd .area_price{position:relative; width:300px;}
#area_sell .box dl dd .area_price label{position:absolute; top:50%; right:10px; transform:translateY(-50%);}
#area_sell select{padding:13px 10px; width:250px; border:1px solid #ddd; box-sizing:Border-box; background:#fff url(../img/app/icon_arrow.svg) no-repeat center right 15px !important; background-size: 14px 9px !important; color:#555; font-size:15px;}
#area_sell .box dl dd ul > li{position:relative; display:inline-block; margin:5px 10px 0 0;}
#area_sell .box dl dd ul > li:last-child{margin:0;}
#area_sell .box dl dd ul > li select{width:150px; margin:0 0 0 5px;}
#area_sell .box dl dd ul > li label{margin:0;}
#area_sell .box dl dd ul > li label em{position:relative; top:-3px; font-size:16px; font-weight:normal; font-style:normal; color:#555;}
#area_sell input[type="radio"]{display:none; width:18px; height:18px; outline:none; margin:0;}
#area_sell input[type="radio"] + label span{position:relative; display:inline-block; margin-right:2px; width:18px; height:18px; background:url(../img/app/icon_check01.svg) no-repeat center; cursor: pointer;}
#area_sell input[type="radio"]:checked + label span{background:url(../img/app/icon_check01_on.svg) no-repeat center;}
.photo_list{margin:40px 0 0;}
.photo_list:after{content:""; display:block; clear:both;}
.photo_list > li{position:relative; float:left; display:block; margin:0 40px 20px 0; width:calc((100% / 4) - 30px); width:-webkit-calc((100% / 4) - 30px); box-sizing:border-box; cursor:pointer; text-align:center;}
.photo_list > li .area_img{position:relative; display:block; width:100%; height:150px; background:#adc0d3 url(../img/app/icon_add.png)no-repeat center;}
.photo_list > li .area_img img{position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%, -50%);}
.photo_list > li:nth-child(4n){margin:0;}
.photo_list > li > em{display:block; margin:2px 0 0; font-size:15px; color:#555;}
.photo_list > li .area_img .area_delete{opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(7,39,71,0.7) url(../img/app/icon_delete.svg)no-repeat center; background-size:20% auto; transition:all 0.3s ease;}
.photo_list > li:hover .area_img .area_delete{opacity:1;}
#area_sell .btn_confrim{display:block; text-align:center;}

@media screen and (max-width:1100px) {
	.photo_list{margin:30px 0 0;}
	.photo_list > li{margin:0 30px 20px 0; width:calc((100% / 4) - 23px); width:-webkit-calc((100% / 4) - 23px);}

}
@media screen and (max-width:767px) {
	.photo_list > li{margin:0 20px 20px 0; width:calc((100% / 2) - 10px); width:-webkit-calc((100% / 2) - 10px);}
	.photo_list > li:nth-child(2n){margin:0;}
	.photo_list > li .area_img{height:180px;}
}
@media screen and (max-width:550px) {
	#area_sell .box{margin:0 0 30px;}
	#area_sell select{padding:10px; width:100%;}
	#area_sell .box dl dd{margin-left:85px; width:calc(100% - 85px);}
	#area_sell .area_year select,
	#area_sell .box dl dd ul > li select{width:100px;}
	#area_sell .box dl dd .area_price{width:100%;}
	#area_sell .box dl dd input[type=text]{width:100%;}
	.photo_list{margin:20px 0 0;}
	.photo_list > li{margin:0 12px 12px 0; width:calc((100% / 2) - 6px); width:-webkit-calc((100% / 2) - 6px);}
	.photo_list > li .area_img{height:140px;}
}
@media screen and (max-width:450px) {
	#area_sell .area_year{width:100%; margin:0 0 10px;}
	#area_sell .area_year.v2{margin:0;}
	#area_sell .area_year select{width:calc(100% - 22px);}
	.photo_list > li .area_img{height:120px;}
	#area_sell .box dl dd ul > li{display:block; margin:0 0 5px;}
	#area_sell .box dl dd ul > li:last-child{margin:0;}
}

.box_partner{text-align:center;}
.box_partner > a{display:inline-block; border:1px solid #eee; padding:10px 20px; box-sizing:border-box; font-size:15px; color:#111; transition:all 0.3s ease;}
body.ie .box_partner > a{padding:10px 20px 6px;}
.box_partner > a.on,
.box_partner > a:hover{color:#0f74da; border:1px solid #0f74da; box-shadow:0px 5px 12.75px 2.25px rgb(0 159 255 / 7%);}
.partner_list .search_box{}
.partner_list .search_box select{border:1px solid #ddd; width:90px; padding:5px 10px; background:url(../theme/basic_app/img/app/icon_bt_arrow.svg) no-repeat center right 10px; background-size:10px 5px;}
body.ie .partner_list .search_box select{width:105px; height:36px;}
.partner_list .search_box input[type=text]{border:1px solid #ddd; padding:5px 10px; font-size:15px;}
body.ie .partner_list .search_box input[type=text]{height:36px;}
.partner_list .search_box input[type=submit]{background:#333; padding:7px 10px; box-sizing:border-box; border:none; font-size:14px; line-height:1.5em; vertical-align:top; border-radius:3px; color:#fff;}
body.ie .partner_list .search_box input[type=submit]{padding:10px 10px 8px; line-height:1.3em;}
.partner_list{margin:40px 0 0; position:relative; }
.partner_list .btn_regi{border:none;}
.partner_list .btn_regi.bottom{display:none;}
.partner_list .tbl{margin:20px 0 0;}
.partner_list .tbl_cont_wrap{text-align:center;}
.partner_list .tbl_cont_wrap.nodata{height:200px}
.partner_list .tbl_cont_wrap.nodata > li{position:relative; top:50%; transform:translateY(-50%); font-size:15px; color:#777;}
.partner_list .tbl_cont_wrap .tbl_cont{}
.partner_list .tbl_cont_wrap .tbl_cont > a{display:block;}
.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list{display:block; width:100%; text-align:center;}
.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list:after{content:""; display:block; clear:both;}
.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li{display:block; float:left; padding:20px 10px; font-size:15px; word-break:break-all; line-height:1.2em;}
.partner_list .w1{width:10%;}
.partner_list .w15{width:15%;}
.partner_list .w2{width:20%;}
.partner_list .w25{width:25%;}
.partner_list .w3{width:30%;}

@media screen and (max-width:1300px){
	.box_partner{width:80%; margin:0 10%;}
	.box_partner > a{margin:0 2px 6px;}
}
@media screen and (max-width:767px){
	.box_partner{width:100%; margin:0 auto;}
	.box_partner > a{margin:0 2px 6px;}
	.partner_list .tbl_hd{display:block !important;}
	.partner_list .search_box select{padding:5px;}
	.partner_list .search_box select{width:80px; background:url(../theme/basic_app/img/app/icon_bt_arrow.svg) no-repeat center right 5px; background-size:10px 5px;}
	.partner_list .search_box input[type=text]{width:140px; padding:5px; font-size:14px;}
	.partner_list .tbl_hd > li{font-size:15px;}
	.partner_list .tbl_hd > li.view,
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.view{display:none;}
	.partner_list .w15{width:20%;}
}
@media screen and (max-width:550px){
	.box_partner{width:100%; margin:0 auto;}
	.box_partner> a{padding:5px 10px; margin:0 1px 4px; font-size:14px;}
	.partner_list .tbl{margin:10px 0 0;}
	.partner_list .tbl_hd > li{line-height:1.2em;}
	.partner_list .tbl_hd > li,
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li{padding:12px 2px; font-size:14px;}
}
@media screen and (max-width:500px){
	.partner_list .btn_regi{position:absolute; bottom:0; top:unset; padding:2px 10px; font-size:13px;}
	.partner_list{padding:0 0 40px;}
	.partner_list .search_box select{font-size:13px;}
	.partner_list .search_box input[type=text]{width:110px;}
	.partner_list{margin:20px 0 0;}
	.box_partner> a{font-size:13px;}
	.partner_list .tbl_hd > li,
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li{font-size:13px;}
	.partner_list .tbl_hd > li.location, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.location{width:15%;}
	.partner_list .tbl_hd > li.data, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.data{width:25%;}
	.partner_list .btn_regi.top{display:none;}
	.partner_list .btn_regi.bottom{margin:10px 0 0;display:block; position:relative; top:unset; right:unset;}
}
@media screen and (max-width:400px){
	.box_partner> a{font-size:13px;}
	.partner_list .tbl_hd > li.data, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.data{display:none;}
	.partner_list .tbl_hd > li.type, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.type{width:40%;}
	.partner_list .tbl_hd > li.name, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.name{width:30%;}
	.partner_list .tbl_hd > li.location, 
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.location{width:20%;}
	.partner_list .tbl_hd > li.num,
	.partner_list .tbl_cont_wrap .tbl_cont > a .tbl_list > li.num{width:10% !important;}
}


/* 스토어 */
#area_store{}
#area_store:after{ display:block; content:""; clear:both;}
#area_store > div{}
#area_store .area_left{width:100%; border:1px solid #eee; padding:30px; box-sizing:border-box;}
#area_store > div .myinfo{}
#area_store > div .myinfo:after{ display:block; content:""; clear:both;}
#area_store .area_left .area_img{position:relative; float:left; width:240px; height:240px;}
#area_store .area_left .area_img img{display:block; position:absolute; width:100%; height:100%; top:50%; left:50%; transform:translate(-50% , -50%);}
#area_store .area_left .area_info{display:table; float:left; width:calc(100% - 270px); width:-webkit-calc(100% - 270px); height:240px; margin:0 0 0 30px; }
#area_store .area_left .area_info .wrap{display:table-cell; vertical-align:middle; height:100%;}
#area_store .area_left .area_info h2{font-size:20px; font-weight:bold; color:#222;}
#area_store .area_left .area_info ul{margin:10px 0 0;}
#area_store .area_left .area_info ul > li{display:block; margin:0 0 4px; font-size:15px; color:#777;}
#area_store .area_left .area_info ul > li:after{ display:block; content:""; clear:both;}
#area_store .area_left .area_info ul > li em{float:left; display:inline-block; width:80px; color:#333; line-height:1.3em;}
#area_store .area_left .area_info ul > li span{float:left; display:inline-block; width:-webkit-calc(100% - 80px); width:calc(100% - 80px); font-family:'GmarketSansLight', sans-serif; font-weight:bold;}
#area_store .area_right{position:relative; margin:40px 0 0; width:100%; box-sizing:border-box;}
#area_store .area_right .btn_regi{top:-12px;}
#area_store .area_right .area_product_all.buy{margin:0 0 90px;}

#area_store .tabs{width:100%; text-align:center; padding:15px; box-sizing:border-box; border-top:1px solid #222; border-bottom:1px solid #eee;}
#area_store .tabs:after{content:''; display:block; clear:both;}
#area_store .tabs li{position:relative; display:inline-block; padding:0 40px; box-sizing:border-box; transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
#area_store .tabs li:before{opacity:0; content:''; position:absolute; left:0; bottom:-15px; width:0; height:2px; background:#0077e8; transition:all 0.3s ease;}
#area_store .tabs li span{font-size:17px; font-weight:300; line-height:1.3em; color:#222;}
#area_store .tabs li span em{padding:2px 10px; box-sizing:border-box; background:#555; border-radius:50px; font-size:14px; font-weight:bold; color:#fff;}
#area_store .tabs li.active span em{background:#f53d52;}
#area_store .tabs li.active:before,
#area_store .tabs li:hover:before{opacity:1; width:100%;}
#area_store .tabs li.active span,
#area_store .tabs li:hover span{color:#0077e8;}
#area_store .tab_container{margin:30px 0 0; width:100%;}
.tab_content{position:relative;}
.table_wrap{box-sizing:border-box;}
.tbl{margin:15px 0 0;}
.tbl:after{ display:block; content:""; clear:both;}

@media screen and (max-width:767px){
	#area_store > div .myinfo{text-align:center;}
	#area_store .area_left .area_img{float:unset; margin:0 auto;}
	#area_store .area_left .area_info{text-align:left; width:100%; margin:30px 0 0;}

}
@media screen and (max-width:550px){
	.area_product_all em.count {margin-right: 10px}
	#area_store .area_right .btn_regi{position: unset;		display: inline;		margin-right: 0!important;		font-size: 0.8em;		padding: 5px 10px;}
	#area_store .tabs{padding:12px;}
	#area_store .tabs li{padding:0 25px;}
	#area_store .tabs li span{font-size:16px;}
	#area_store .area_left{padding:20px;}
	#area_store .area_left .area_info h2{text-align:Center;}
	#area_store .area_left .area_info{margin:15px 0 0;}
	#area_store .area_left .area_info ul > li{margin:0 0 5px;}
	#area_store .area_left .area_info ul > li em{display:block; font-size:14px; line-height:1.5em; font-weight:bold;}
	#area_store .area_left .area_info ul > li span{display:block; width:100%; line-height:1.4em; margin:2px 0 0;}
}

.area_buy{}
.area_buy > .list{width:100%; border-top:2px solid #333;} 
.area_buy > .list:after{content:''; display:block; clear:both;}
.area_buy > .list > li{float:left; width:50%;box-sizing:border-box; border-bottom:1px solid #eee;} 
.area_buy > .list > li:last-child{width:100%;}
.area_buy > .list > li:after{content:''; display:block; clear:both;}
.area_buy > .list > li em{float:left;  display:inline-block; padding:15px 10px; width:140px; font-size:16px; color:#222; text-align:center; background:#f9f9f9;}
.area_buy > .list > li span{float:left;  display:inline-block; padding:15px 10px; width:calc(100% - 140px); width:-webkit-calc(100% - 140px); font-size:16px; color:#555;}

@media screen and (max-width:850px){
	.area_buy > .list{margin:0 0 40px;}
}
@media screen and (max-width:767px){
	.area_buy > .list{margin:0 0 30px;}
	.area_buy > .list > li{width:100%;}
}
@media screen and (max-width:550px){
	.area_buy > .list{margin:0 0 20px;}
	.area_buy > .list > li em{padding:10px; width:100px; font-size:15px;}
	.area_buy > .list > li span{padding:10px; width:calc(100% - 100px); width:-webkit-calc(100% - 100px); font-size:15px;}
}


/* 광고문의 */

/* tab  */
#area_ad .tabs{margin:0 0 20px; width:100%; text-align:center;}
#area_ad .tabs:after{content:''; display:block; clear:both;}
#area_ad .tabs li{display:inline-block; margin:0 10px 0 0; padding:14px 10px; width:210px; background:#fff; border:2px solid #ddd; box-sizing:border-box;transition:all 0.3s ease 0s; cursor:pointer; text-align:center;}
#area_ad .tabs li span{font-size:16px; font-weight:500; line-height:1.3em;}
#area_ad .tabs li.active{border:2px solid #0077e8; color:#0077e8; box-shadow: 0px 6px 8px -0.5px rgb(209, 233, 255, 0.5);}
#area_ad .tabs li:hover{border:2px solid #0077e8; color:#0077e8; }
#area_ad .tab_container{width:100%; background:#fff;}
#area_ad .tab_content{position:relative;}
#area_ad .tab_content:after{content:''; display:block; clear:both;}

#area_ad .tab_container h2{position:relative; font-size:22px; font-weight:500; color:#111; padding:0 0 0 15px;}
#area_ad .tab_container h2:before{content:''; position:absolute; top:8px; left:0; width:5px; height:5px; background:#0077e8;}
#area_ad .tab_container h2:after{content:''; position:absolute; top:12px; left:4px; width:5px; height:5px; background:#555; }
#area_ad .tab_container ul.list{margin:20px 0 0; padding:0 0 40px; border-bottom:1px dashed #eee; }
#area_ad .tab_container ul.list li{display:inline-block; margin:0 5px 0 0; border:2px solid #eee; padding:10px 20px; border-radius:5px; box-sizing:border-box; font-size:18px; color:#333; font-weight:bold;}
#area_ad .tab_container ul.list li:last-child{margin:0;}
#area_ad .tab_container ul.list li span{color:#ff7e15;}
#area_ad .tab_container .area_img{margin:40px auto 0; padding:20px; box-sizing:border-box; background:#f9f9f9; text-align:center;}
#area_ad .tab_container .area_img img{max-width:100%;}
#area_ad .tab_container .area_img img.m{display:none;}
#area_ad .tab_container .area_box{margin:0 0 50px;}
#area_ad .tab_container .area_box:last-child{margin:0;}
.ad_apply{position:relative; padding:50px; background:#f9f9f9; border:1px dashed #eee; box-sizing:border-box; width:100%; text-align:center;}
.ad_apply h3{font-size:28px; font-weight:bold; color:#111;}
#area_ad #area_sell {padding:50px 0;}
#area_ad #area_sell .box {margin:0;}
#area_ad #area_sell .box > h3{font-size:30px; padding:0 0 30px; font-weight:bold; text-align:center;}
#area_ad #area_sell .box .sell_list{background:#fff;}
#area_ad #area_sell .box dl{padding:22px 20px;}
#area_ad #area_sell .box dl dt{width:130px; font-size:17px;}
#area_ad #area_sell .box dl dd{margin-left:130px; width:calc(100% - 130px);}
#area_ad #area_sell .btn_confrim{margin:30px 0 0;}
.box_account{margin:40px 0 0; background:#f9f9f9; border:1px solid #eee; padding:20px; box-sizing:border-box;}
.box_account h3{font-size:18px; font-weight:bold; color:#111; margin:0 0 5px;}
.box_account p{font-size:16px; color::#555#;}
.box_account p em{margin:0 0 0 5px; color:#0077e8;; font-size:15px;}


@media screen and (max-width:1060px){
	#area_ad .tab_container ul.list li{margin:0 5px 10px 0; width:200px; text-align:center;}
	#area_ad .tab_container #tab2 ul.list li{margin:0 5px 0 0;}
}
@media screen and (max-width:767px){
	#area_ad .tab_container ul.list li{margin:0 5px 10px 0; width:calc((100% / 2) - 5px);}
	#area_ad .tab_container ul.list li:nth-child(2n){margin:0;}
	#area_ad .tab_container ul.list li:nth-child(n+5){margin-bottom:0;}
	#area_ad .tab_container #tab2 ul.list li:last-child{margin:0;}
	#area_ad .tab_container .area_img img.w{display:none;}
	#area_ad .tab_container .area_img img.m{display:block;}
}
@media screen and (max-width:550px){
	#area_ad .tabs li{width:auto; margin:0 0 0 5px; padding:10px 15px;}
	#area_ad .tabs li span{font-size:14px;}
	#area_ad .tab_container ul.list li{font-size:17px;}
	#area_ad .tab_container h2{font-size:20px;}
	#area_ad .tab_container ul.list{padding:0 0 20px;}
	#area_ad .tab_container .area_img{margin:20px auto 0; padding:10px;}

	#area_ad #area_sell{padding:30px 0;}
	#area_ad #area_sell .box > h3{font-size:24px;}
	#area_ad #area_sell .box dl{padding:15px;}
	#area_ad #area_sell .box dl dt{width:110px; font-size:16px;}
	#area_ad #area_sell .box dl dd{margin-left:110px; width:calc(100% - 110px);}
	.box_account{margin:20px 0 0; padding:15px;}
}
@media screen and (max-width:450px){
	#area_ad .tab_container h2{font-size:18px;}
	#area_ad #area_sell .box dl{padding:15px 10px;}
	#area_ad #area_sell .box dl dt{position:relative; top:unset; transform:none; width:100%; margin:0 0 5px; font-size:14px;}
	#area_ad #area_sell .box dl dd{margin-left:0; width:100%;}
	.box_account{margin:15px 0 0; padding:10px;}
	.box_account p {font-size:15px;}
	.box_account p em{display:block; margin:0;}
	.box_account h3{font-size:17px;}
}
@media screen and (max-width:400px){
	#area_ad .tab_container ul.list li{padding:10px; font-size:16px;}
}
@media screen and (max-width:350px){
	#area_ad .tabs li{padding:8px 7px; margin:0 0 5px;}
	#area_ad .tabs li span{font-size:13px;}
	#area_ad .tab_container ul.list li{padding:10px 5px;}
}
@media screen and (max-width:290px){
	#area_ad .tabs li{display:block; width:170px; margin:0 auto 5px;}
}

/* 마이페이지 */
#area_store.mypage .area_left{border:1px solid #eee; border-radius:20px; box-shadow:0px 7px 9px 1px rgb(151 151 151 / 8%);}
#area_store.mypage .area_left .area_grade{display:inline-block; width:80px; vertical-align:top;}
#area_store.mypage .area_left .area_grade img{width:100%;}
#area_store.mypage .area_left .member_info{position:relative; display:inline-block; padding:15px 0 0 0; margin:0 0 0 15px; width:calc(100% - 100px); height:80px;}
#area_store.mypage .area_left .member_info h3{font-size:20px; font-weight:bold; color:#111;}
#area_store.mypage .area_left .member_info p{display:block; margin:5px 0 0; font-size:14px; font-weight:300; color:#555; line-height:1.2em; word-break:keep-all;}
#area_store.mypage .area_left .member_info ul{position:absolute; top:50%; right:0; transform:translateY(-50%);}
#area_store.mypage .area_left .member_info ul > li{display:inline-block; margin:0 0 0 3px;  background:#555; border-radius:50px;}
#area_store.mypage .area_left .member_info ul > li:first-child{background:#0077e8;}
#area_store.mypage .area_left .member_info ul > li:first-child > a{color:#fff;}
#area_store.mypage .area_left .member_info ul > li > a{display:inline-block;padding:7px 22px; font-size:16px; color:#fff;}
#area_store.mypage .member_info h3 i{position:relative; top:-3px; display:inline-block; margin:0 0 0 3px; border-radius:2px; font-size:12px; padding:6px 7px; color:#fff; font-weight:normal; line-height:0.8em;}
#area_store.mypage .area_right h2{display:block; margin:0 0 15px; position:relative; font-size:22px; font-weight:500; color:#111; padding:0 0 0 15px;}
#area_store.mypage .area_right h2:before{content:''; position:absolute; top:8px; left:0; width:5px; height:5px; background:#0077e8;}
#area_store.mypage .area_right h2:after{content:''; position:absolute; top:12px; left:4px; width:5px; height:5px; background:#555; }
#area_store.mypage .w4{width:40%;}
#area_store.mypage .w2{width:20%;}
#area_store.mypage .w3{width:30%;}
#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list{height:auto;}
#area_store.mypage #tab3 .tbl_hd > li,
#area_store.mypage #tab3 .tbl_cont_wrap .tbl_cont > .tbl_list > li{width:25%;}
#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li span{display:none;}
#area_store.mypage button{margin:0 0 0 5px; padding:4px 8px; border:1px solid #ddd; background:#f9f9f9; font-size:12px; line-height:1.2em; border-radius:50px;}
#area_store.mypage button.btn_cancle{width:100%; border-radius:0; padding:15px; box-sizing:border-box; background:#999; color:#fff; font-size:14px; border:none; border-radius:0px; margin:10px 0 0;}
#area_store.mypage .tbl_cont dl{margin:0;}
#area_store.mypage .tbl_cont dl:after{content:''; display:block; clear:both;}
#area_store.mypage .tbl_cont dl dt{float:left; width:30%; border-top:1px dashed #eee; padding:12px 10px; box-sizing:border-box; font-size:15px; font-weight:bold; color:#111;}
#area_store.mypage .tbl_cont dl dd{float:left; width:70%; border-top:1px dashed #eee; padding:12px 10px; box-sizing:border-box; font-size:15px; color:#555;}

@media screen and (max-width:768px){
	#area_store.mypage .area_left .area_grade{margin:0 auto; display:block;}
	#area_store.mypage .area_left .member_info ul{position:relative; top:0; right:unset; margin:15px 0; transform:none;}	
	#area_store.mypage .area_left .member_info ul > li:first-child{margin:0;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li{display:block;}
	#area_store.mypage .tbl_cont dl dt{width:50%;}
	#area_store.mypage .tbl_cont dl dd{width:50%;}
	#area_store.mypage .tbl_hd{display:block;}
}
@media screen and (max-width:600px){
	#area_store.mypage .tbl_cont_wrap .tbl_cont{position:relative; padding:20px; margin:0 0 10px; border:1px solid #eee;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li{width:100%; padding:0; text-align:left;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li.title{font-size:16px; font-weight:bold; color:#111;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li.data{font-size:14px; font-weight:400; color:#555;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li.state{position:absolute; width:auto; height:auto; top:0; right:0; background:#0077e8; color:#fff; font-size:12px; padding:1px 7px; box-sizing:border-box;}
	#area_store.mypage #tab3 .tbl_hd > li, 
	#area_store.mypage #tab3 .tbl_cont_wrap .tbl_cont > .tbl_list > li{width:100%;}
	#area_store.mypage #tab3 .tbl_cont_wrap .tbl_cont > .tbl_list > li.state{width:auto;}
	#area_store.mypage #tab3 .tbl_cont_wrap .tbl_cont > .tbl_list > li.state.v2{background:#eee; color:#333;}
	
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li span{display:inline-block;}
	#area_store.mypage #tab2 .tbl_cont_wrap .tbl_cont > .tbl_list > li.state{background:#555;}
	#area_store.mypage .tabs li{padding:0 25px;}
	#area_store.mypage .tabs li span{font-size:15px;}
	#area_store.mypage .area_left .area_grade{width:60px;}
	#area_store.mypage .area_right{margin:30px 0 0;}
	#area_store.mypage .area_right h2{font-size:19px;}
	#area_store.mypage .tbl_hd{display:none;}
}
@media screen and (max-width:550px){
	#area_store.mypage .tbl_cont dl dt{width:130px;}
	#area_store.mypage .tbl_cont dl dd{width:calc(100% - 130px);}
}
@media screen and (max-width:450px){
	#area_store.mypage .tabs li{padding:0 10px;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont{padding:12px;}
	#area_store.mypage .tbl_cont_wrap .tbl_cont > .tbl_list > li.state{font-size:11px; padding:0 5px;}
}
@media screen and (max-width:400px){
	#area_store .area_left{padding:20px 0;}
	#area_store.mypage .tabs{padding:14px 0;}
	#area_store.mypage .tabs li span{font-size:14px;}
	#area_store.mypage .tbl_cont dl dt,
	#area_store.mypage .tbl_cont dl dd{font-size:14px;}
}