@charset "utf-8";
/* CSS Document */

body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:"Nanum Gothic",'NanumGothic','나눔고딕', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none; outline:none; transition: all 0.1s ease-in-out;}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
dl,ul,ol,li {list-style:none}

/* 쇼핑몰 회원가입 */
.shop_mall_join{display:block; padding:20px 0 20px 0; font-size:15px; text-align:center; border:1px solid #cccccc; background:#ffffff; color:#3e3d3c;}
.shop_mall_join:hover{border:1px solid #bbbbbb; color:#333333;}
		
/* 주위,경고 텍스트 */
/* .chk_none{display:block; min-height:17px; margin:10px 0 0 0; padding:5px 0 5px 19px; color:#383838; font-weight:normal; background:url('https://vechedor.com/img/icon/etc/icon_warning.png') no-repeat left 8px;} */

audio{position:absolute;left:0;bottom:0}
.skip{overflow:hidden;position:absolute;top:-999em;left:-999em;width:1px;height:1px;background:url("/skin/member/basic/img/bg_skip.gif") repeat}

input[type="text"],
input[type="password"]{height:31px; padding:0 5px; color:#333333; border:1px solid #d6d6d6; line-height:31px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type="text"]::-ms-clear{display:none;}

input:-ms-input-placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder{color:#cccccc;}

textarea{padding:5px; color:#a9a9a9; border:1px solid #d6d6d6;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.hidden{overflow:hidden; position:absolute; top:-9999px; left:-9999px; visibility:hidden; width:0; height:0; margin:0; font-size:0; text-indent:-9999px; line-height:0; z-index:-9999;}
.text_notover{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dn{display:none !important;}
.db{display:block !important;}
.oh{overflow:hidden !important;}

.btn_left_box{text-align:left;}
.btn_center_box{text-align:center;}
.btn_right_box{text-align:right;}

/* 폰트 컬러 */
.fc_red{color:#fa2828 !important;}

input[type="radio"]{width:13px; height:13px; vertical-align:top;}
input[type="text"],
input[type="password"]{padding:0 10px;outline:none;font-size:12px;}
input[type="checkbox"]{width:13px;height:13px;vertical-align:top;}
input[type="image"]{vertical-align:top;border:none;cursor:pointer;}
input[type="button"]{cursor:pointer;}
input[type="submit"]{cursor:pointer;vertical-align:top;font-size:100%;}

/* 파일첨부 버튼 꾸미기 */
.file_upload_sec{overflow:hidden; width:100%; margin:5px 0 10px 0;}
.file_upload_sec .file_text{float:left; width:230px;}
.file_upload_sec .btn_upload_box{overflow:hidden; position:relative; float:left; width:150px; padding:0 0 0 6px;}
.file_upload_sec .btn_upload_box .btn_upload{width:70px; height:31px; color:#fff; border:1px solid #979797; background:#979797; text-align:center;}
.file_upload_sec .btn_upload_box .file{position:absolute; top:0; right:76px; height:31px; cursor:pointer; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; -khtml-opacity:0; -moz-opacity:0;}
/* 추가,삭제 버튼 */
.file_upload_sec .btn_upload_box .btn_gray_big{width:62px;}
.file_upload_sec .form_element{display:block; width:100%; padding:0 10px 3px 0;}
.file_upload_sec .link_file_down{padding:0 10px 0 0;}
.file_upload_sec .link_file_down:hover{text-decoration:underline;}

/* 셀렉트박스 */
select{height:31px; color:#717171; vertical-align:top; outline:none;}
#wrap .chosen-container{vertical-align:top; text-align:left;}
#wrap .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #cccccc;}
#wrap .chosen-single > span{line-height:30px;}
#wrap .chosen-container .chosen-results li{float:none;}
#wrap .chosen-container .chosen-drop{border:1px solid #cccccc; border-top:none 0;}
#wrap .chosen-container .chosen-results li.active-result{text-align:left;}
#wrap .chosen-container .chosen-results li.disabled-result{text-align:left;}

/*#quick_search .chosen-container{vertical-align:top; text-align:left;}
#quick_search .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #cccccc;}
#quick_search .chosen-single > span{line-height:30px;}
#quick_search .chosen-container .chosen-results li{float:none;}
#quick_search .chosen-container .chosen-drop{border:1px solid #cccccc; border-top:none 0;}
#quick_search .chosen-container .chosen-results li.active-result{text-align:left;}*/

/* 레이어팝업 셀렉트 박스 */
.layer_wrap .chosen-container{vertical-align:top;}
.layer_wrap .chosen-container .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #cccccc;}
.layer_wrap .chosen-container .chosen-single > span{line-height:30px;}
.layer_wrap .chosen-container .chosen-results li{float:none;}


/* 체크박스 라디오버튼 스타일 */
.form_element{display:inline-block; overflow:hidden; position:relative;}
span.form_element{display:inline-block;}
.form_element label{position:relative;top:0;left:0;display:inline-block;min-width:20px;min-height:20px;padding:0 0 0 27px;background:url('/skin/member/basic/img/check_off.png') no-repeat 1px top;}
.form_element label:hover{background:url('/skin/member/basic/img/check_over.png') no-repeat 1px top;}
.form_element label.on{background:url('/skin/member/basic/img/check_on.png') no-repeat 1px top;}
.form_element label.choice{background:url('/skin/member/basic/img/radio_off.png') no-repeat 1px 50%;}
.form_element label.choice:hover{background:url('/skin/member/basic/img/radio_over.png') no-repeat 1px 50%;}
.form_element label.choice.on{background:url('/skin/member/basic/img/radio_on.png') no-repeat 1px 50%;}
.form_element label.check_s{min-width:13px;padding:0 0 0 22px;background:url('/skin/member/basic/img/check_off_small.png') no-repeat 1px 2px;}
.form_element label.check_s:hover{background:url('/skin/member/basic/img/check_over_small.png') no-repeat 1px 2px;}
.form_element label.check_s.on{background:url('/skin/member/basic/img/check_on_small.png') no-repeat 1px 2px;}
.form_element label.choice_s{min-width:13px;padding:0 0 0 22px;background:url('/skin/member/basic/img/radio_off_small.png') no-repeat 1px 50%;}
.form_element label.choice_s:hover{background:url('/skin/member/basic/img/radio_over_small.png') no-repeat 1px 50%;}
.form_element label.choice_s.on{background:url('/skin/member/basic/img/radio_on_small.png') no-repeat 1px 50%;}
.form_element label.single{width:21px;height:21px;padding:1px 0 0;background-color:transparent;text-indent:-9999px;}
.form_element label.single:hover{background-color:transparent;}
.form_element label span{color:#979797;}
.form_element label img{vertical-align:middle;}
.form_element input{position:absolute;top:3px;left:1px;width:0;z-index:-1;}

/* 경고 텍스트 */
#wrap .login_input .member_warning{display:block;}
#wrap .member_warning{display:inline; position:relative;}
#wrap .member_warning + .text_warning,
#wrap .member_warning .text_warning{display:none; letter-spacing:-1px;}
#wrap .member_warning .text_warning a{text-decoration:underline;}
#wrap .member_warning input.text + label{position:absolute; top:6px; left:10px;}
#wrap .member_warning.prior_wrong .text_warning,
#wrap .member_warning.prior_half_pass .text_warning{display:block;}
#wrap .member_warning.prior_wrong + .text_warning,
#wrap .member_warning.prior_half_pass + .text_warning{display:block;}
#wrap .text_warning{color:#383838; text-align:left;}
#wrap .text_pass{color:#329cff; text-align:left;}

/* 글자수 작을 때, 사용불가 */ 
#wrap .member_warning.prior_wrong input,
#wrap .member_warning.prior_wrong textarea,
#wrap .member_warning.prior_wrong .prior_input,
#wrap .member_warning.prior_wrong .chosen-single{margin-bottom:5px; border:1px solid #383838;}
#wrap .member_warning.prior_wrong .chosen-drop{margin-top:-6px;}
#wrap .member_warning.prior_wrong .text_warning{color:#383838;}
#wrap .member_warning.prior_wrong .form_element{margin-bottom:5px; padding:5px 0 5px 0; border:1px solid #383838;}
#wrap .member_warning.prior_wrong .text_warning + .form_element{border:none 0;}

/* 안전도 낮음 */ 
#wrap .member_warning.prior_half_pass input,
#wrap .member_warning.prior_half_pass textarea,
#wrap .member_warning.prior_half_pass .prior_input,
#wrap .member_warning.prior_half_pass .chosen-single{margin-bottom:5px;}
#wrap .member_warning.prior_half_pass .text_warning{color:#383838;}
#wrap .member_warning.prior_half_pass .text_pass{color:#329cff;}
#wrap .member_warning.prior_half_pass .form_element{padding:5px 0 5px 0;}


/* Slider */
.slider_wrap{overflow:hidden; position:relative; display:block; margin:0 auto; box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
}
.slick-slider{overflow:hidden; position:relative; display:block; margin:0 auto; box-sizing:border-box; text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent;
	outline:none;
}
.slick-slider .slick-list{display:block; overflow:hidden; position:relative; margin:0; padding:0; }
.slick-slider .slick-track, .slider_wrap .slick-list{
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}
.slick-track{display:block; position:relative; top:0; left:0;}
.slick-track:before,
.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
/*.slick-slide img{display:block; position:static !important; top:0px !important;}*/
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none; }
.slick-slide{display:block; outline:none;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; border:none; outline:none;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,
.slick-next{font-size:0; line-height:0; position:absolute; top:45%; display:block; width:27px; height:44px; padding:0; cursor:pointer; z-index:10; background-repeat:no-repeat;
    -webkit-transform:translate(0, -45%);
    -ms-transform:translate(0, -45%);
    transform:translate(0, -45%);
}
.slick-prev{left:25px; right:auto;}
.slick-next{left:auto; right:25px;}
.slick-dots{display:block; position:absolute; bottom:30px; width:100%; margin:0; padding:0; text-align:center;}
.slick-dots li{display:inline-block; position:relative; margin:0 5px; padding:0; cursor:pointer;}
.slick-dots li button{display:block; padding:5px; font-size:0; line-height:0; cursor:pointer; border:0; outline:none; opacity:0.75;}
.slick-dots li.slick-active button{opacity:1;}


/* 레이어 팝업 */
.layer_pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:300;}
.layer_pop .layer_layout_box{position:relative; width:100%; height:100%; overflow-y:scroll;
    background:rgba(0,0,0,0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}
.layer_pop .layer_layout_box .bg{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.1;}
.layer_pop .layer_layout_box .layer_container_box{position:absolute; top:0; left:50%;}
.layer_pop .layer_layout_box .layer_container_box .layer_content_box{padding:50px 0;}
.layer_pop .layer_layout_box .layer_container_box .layer_content_box .layer_content{position:relative;}

/* 준비중 */
.site_ready{max-width:578px; margin:15% auto 0; padding:210px 0 90px; background:url('https://vechedor.com/data/skin/front/mplshop/img/etc/site_ready.png') no-repeat center 69px; border:1px solid #e0e0e0; text-align:center;}
.site_ready strong{color:#222222; font-size:28px;}
.site_ready p{padding:20px 0 0; color:#222222; font-size:16px; line-height:1.5;}
 
/* 회원전용 로그인 인트로 */
.intro_member_wrap .member_login_cont{max-width:580px; margin:0 auto; padding:10% 0 0 0;}
.intro_member_wrap .member_login_cont .member_tit_box{text-align:center;}
.intro_member_wrap .member_login_cont .member_tit_box p{padding:0 0 10px 0; font-size:28px; font-weight:bold;}
.intro_member_wrap .member_login_cont .member_tit_box span{font-size:16px;}
.intro_member_wrap .member_login_box{margin:40px 0 0 0; padding:45px; border:1px solid #dcdcdc;}
.intro_member_wrap .member_login_box h3{font-weight:normal; font-size:20px; color:#222;}
.intro_member_wrap .member_login_box .member_login{margin:0 0 20px 0;}
.intro_member_wrap .member_login_box .login_input_sec{overflow:hidden;}
.intro_member_wrap .member_login_box .login_input_sec > div{float:left;}
.intro_member_wrap .member_login_box .login_input_sec input{display:block; width:314px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #d0d0d0; color:#444444;}
.intro_member_wrap .member_login_box .login_input_sec button{float:right; width:158px; height:91px; margin:15px 0 0 0; border:1px solid #383838; background:#383838; color:#ffffff; font-size:15px; font-weight:bold; cursor:pointer;}
.intro_member_wrap .member_login_box .login_input_sec button:hover{background:#9b344a; border:1px solid #9b344a;}
.intro_member_wrap .member_login_box .btn_login_box{overflow:hidden; padding:20px 0 0 0; border-top:1px solid #dcdcdc; text-align:center;}
.intro_member_wrap .member_login_box .btn_login_box li{float:left; margin:0 0 0 10px;}
.intro_member_wrap .member_login_box .btn_login_box li:first-child{margin:0;}
.intro_member_wrap .member_login_box .btn_login_box li button{width:150px; height:45px; margin:0; color:#3e3d3c; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer; font-weight:bold;}
.intro_member_wrap .member_login_box .btn_login_box li button:hover{color:#333333; border:1px solid #bbbbbb; background:#f7f7f7;}
.intro_member_wrap .member_login_box .btn_login_box .btn_join{border:1px solid #666666; background:#666666; color:#ffffff;}
.intro_member_wrap .member_login_box .btn_login_box .btn_join:hover{border:1px solid #626262; color: #fff; background:#626262;}
.intro_member_wrap .member_login .id_chk span{display:inline-block;}
.intro_member_wrap .member_login .id_chk .check-s {display:inline-block;}
.intro_member_wrap .member_login .id_chk input{display:none;}
.intro_member_wrap .member_login .id_chk label{font-size:12px; padding-left:23px; cursor:pointer; background:url('https://vechedor.com/data/skin/front/mplshop/img/icon/goods_icon/icon_check_off.png') no-repeat left center;}
.intro_member_wrap .member_login .id_chk label:hover{background:url('https://vechedor.com/data/skin/front/mplshop/img/icon/goods_icon/icon_check_hover.png') no-repeat left center;}
.intro_member_wrap .member_login .id_chk label.active{background:url('https://vechedor.com/data/skin/front/mplshop/img/icon/goods_icon/icon_check_active.png') no-repeat left center;}

@media screen and (max-width:860px){
	.intro_member_wrap .member_login_cont{width:80%; margin:20px auto 20px auto; min-width:auto;}
	.intro_member_wrap .member_login_box{padding:40px 25px;}	
	.intro_member_wrap .member_login{padding:0 0 15px 0;}
	.intro_member_wrap .member_login h3 {font-size:14px;}
	.intro_member_wrap .member_login .login_input_sec > div{clear:both; width:100%;}
	.intro_member_wrap .member_login .login_input_sec input{ width:100% !important; margin:10px 0 8px 0;}
	.intro_member_wrap .member_login .login_input_sec button{clear:both; width:100%; display:block; height:36px; margin:5px 0 8px 0; font-size: 14px;}
	.intro_member_wrap .btn_login_box {margin:10px auto 0;}
}
@media screen and (max-width:700px){
	.intro_member_wrap .member_login_cont .member_tit_box p{font-size:20px;}
	.intro_member_wrap .member_login_cont .member_tit_box span{font-size:14px;}
	.intro_member_wrap .member_login_box .btn_login_box li {float:none; display:inline-block; margin:0 2px; text-align:center;}
	.intro_member_wrap .member_login_box .btn_login_box li button{ width:80px; height:40px; font-size:12px;}
}
@media screen and (max-width:400px){
	.intro_member_wrap .member_login_cont{width:90%;}
	.intro_member_wrap .member_login_cont .member_tit_box p{font-size:16px;}
	.intro_member_wrap .member_login_cont .member_tit_box span{font-size:13px;}
	.intro_member_wrap .member_login_box{padding:30px 20px;}
	.intro_member_wrap .btn_login_box {margin:0 auto;}
}

/* 쇼핑몰 회원가입 */
.shop_mall_join{display:block; padding:20px 0 20px 0; font-size:15px; text-align:center; border:1px solid #cccccc; background:#ffffff; color:#3e3d3c;}
.shop_mall_join:hover{border:1px solid #bbbbbb; color:#333333;}
/* sns 로그인 */
.btn_payco_login{display:block; height:43px; line-height:43px; font-size:12px; background:#f7f7f7;}
.btn_payco_login .imgL {width:60px; float:left; background:#D2281E; text-align:center; }
.btn_facebook_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px; background:#f7f7f7;}
.btn_facebook_login .imgL {width:60px; float:left; background:#365BAC; text-align:center; }
.btn_naver_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px; background:#f7f7f7;}
.btn_naver_login .imgL {width:60px; float:left; background:#44BA2F; text-align:center; }
.btn_kakao_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px; background:#f7f7f7;}
.btn_kakao_login .imgL {width:60px; float:left; background:#F5D020; text-align:center; }
.btn_wonder_login{display:block; margin:5px 0 0 0; height:43px; line-height:43px; font-size:12px; background:#f7f7f7;}
.btn_wonder_login .imgL {width:60px; float:left; background:#1A1A1C; text-align:center; }

.btn_payco_login .imgL img,.btn_facebook_login .imgL img,.btn_naver_login .imgL img,.btn_kakao_login .imgL img,.btn_wonder_login .imgL img{vertical-align:middle; margin-bottom:3px;}
.btn_payco_login .txtR,.btn_facebook_login .txtR,.btn_naver_login .txtR,.btn_kakao_login .txtR,.btn_wonder_login .txtR {float:left; padding-left:20px; }

/* 주위,경고 텍스트 */
.chk_none{display:block; min-height:17px; margin:10px 0 0 0; padding:5px 0 5px 19px; color:#383838; font-weight:normal; 
	background:url('https://vechedor.com/data/skin/front/mplshop/img/icon/etc/icon_warning.png') no-repeat left 8px;}

/* 페이징 공통 */
.pagination{margin:20px 0 0 0; text-align:center;}
.pagination ul{padding:0;}
.pagination li{display:inline-block; min-width:26px; margin: 0 2px; border:1px solid #ffffff;}
.pagination li a,
.pagination li span{display:block; height:21px; padding:4px 5px 1px 5px; text-align:center;}
.pagination li:hover{border:1px solid #dbdbdb; text-decoration:none;}
.pagination li.active:hover,
.pagination li.on:hover{border:1px solid #383838;}
.pagination .active,
.pagination .on{ color:#fff; font-weight:bold; border:1px solid #383838; background-color:#383838; border-radius:2px; }
.pagination .btn_page{width:26px; border:1px solid #e0e0e0; background:#ffffff; text-indent:-9999px;}
.pagination .btn_page a:hover{border:none 0;}
.pagination .btn_page_first{margin:0 1px 0 1px; background: url("https://vechedor.com/data/skin/front/mplshop/img/common/btn/btn_paging_first.png") no-repeat center center;}
.pagination .btn_page_prev{margin:0 10px 0 1px; background: url("https://vechedor.com/data/skin/front/mplshop/img/common/btn/btn_paging_prev.png") no-repeat center center;}
.pagination .btn_page_next{margin:0 1px 0 10px; background: url("https://vechedor.com/data/skin/front/mplshop/img/common/btn/btn_paging_next.png") no-repeat center center;}
.pagination .btn_page_last{margin:0 1px 0 1px; background: url("https://vechedor.com/data/skin/front/mplshop/img/common/btn/btn_paging_last.png") no-repeat center center;}
.goods_list + .pagination{padding:10px 0 0 0; /*border-top:1px solid #dbdbdb;*/}
@media screen and (max-width:560px){
.pagination li{min-width:18px; margin: 0 1px;}
.pagination li a,
.pagination li span{height:18px; padding:2px 2px 2px 2px;}
.pagination .btn_page{width:18px;}
.pagination .btn_page_prev{margin:0 5px 0 1px;}
.pagination .btn_page_next{margin:0 1px 0 5px;}
}
/*  추천순, 판매인기순, 낮은가격순, 높은가격순, 상품평순, 등록일순 */
.goods_pick_list{/*min-height:300px;*/ margin-top:10px;}
.goods_pick_list .pick_list_num{display:block; padding:0 0 10px 0; font-size:12px; color:#999;}
.goods_pick_list .pick_list_num strong{color:#000001;}
.goods_pick_list .pick_list_box{height:28px; margin:00; padding:7px 0 8px 0; border-top:1px solid #999999; border-bottom:1px solid #dbdbdb; clear:both;}
.goods_pick_list .pick_list_box .pick_list{display:inline-block; float:left; padding:0 0 0 10px;}
.goods_pick_list .pick_list_box .pick_list li{float:left; margin:0 20px 0 0; padding:5px 0 0; background:#ffffff; position:relative;}
.goods_pick_list .pick_list_box .pick_list input{position:absolute; top:3px; left:1px; width:0; z-index:-1;}
.goods_pick_list .pick_list_box .pick_list label{padding:0 10px 0 0; background:#ffffff; cursor:pointer; color:#999;}
.goods_pick_list .pick_list_box .pick_list label.on{color:#000001; font-weight:bold; }
/* 보여지는 갯수(셀릭트 박스) */
.choice_num_view{float:right; padding:0 10px 0 0;}
.choice_num_view select{width:120px;}

.choice_sort { opacity: 0; visibility:hidden; float: right; margin-right: 10px;}
@media screen and (max-width:760px){
	.goods_pick_list {text-align:center;}
}
@media screen and (max-width:700px){
	.choice_sort { opacity: 1; visibility:visible; }
	.goods_pick_list .pick_list_box .pick_list { display: none;}
}
::-webkit-scrollbar { width: 5px; } 
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-track-piece { background: #eee; }
::-webkit-scrollbar-thumb { background: #ddd; opacity:0.5;} 
 
/* 상단 고정 레이어 팝업 */
.pc_top_banner_ctrl .pc_top_banner_close{position:absolute; top:30px; right:20px;}
.pc_top_banner_ctrl .pc_top_banner_today{position:absolute; right:20px; bottom:20px;}
.pc_top_banner_ctrl .pc_top_banner_today input{vertical-align:middle;}

.edit98 {
    width: 98% !important;
}

.mTop10 { margin-top: 10px !important;}
.mTop20 { margin-top: 20px !important;}
.mTop30 { margin-top: 30px !important;}
.mTop40 { margin-top: 40px !important;}
.mTop50 { margin-top: 50px !important;}
.mTop50_ { margin-top: 50px !important;}
.mBot20 { margin-bottom:20px !important;}
.mBot30 { margin-bottom:30px !important;}
.mPBot20 { padding-bottom:20px !important;}
.mPBot30 { padding-bottom:30px !important;}
.displaynone {display:none !important;}
.wDAddContent {display:none; line-height:20px;}

@media screen and (max-width:900px){
	.date_check_box {margin:0 10px 35px 10px !important; padding:10px 10px 10px 15px !important;}
	.date_check_list {display:none !important;}
	.date_check_calendar input {width:120px !important;}
}
@media screen and (max-width:800px){
	.layer_wrap.add_goods_layer {width:90% !important;}
	.ly_date_check_list h5,
	.ly_date_select_list h5,
	.ly_date_search_list h5 {display:none !important;}
	.ly_date_list_box {padding:10px 5px !important;}
	.ly_date_search_list {clear:both !important; display:block !important;}
	.ly_date_search_list input[type="text"],.ly_date_search_list input[type="password"] {width:45% !important;}
	.add_goods_layer .scroll_box {height:145px !important;}
	.ly_date_select_list .select_box {margin-bottom:5px !important;}
}
@media screen and (max-width:760px){
	/* 게시판 필드 숨기기*/
	.widthDisplayNone { display:none !important;}
	.widthDisplayNo {width:15% !important;}
	.widthDisplaySubject {width:20% !important;}

	.mTop10 { margin-top: 5px !important;}
	.mTop20 { margin-top: 10px !important;}
	.mTop30 { margin-top: 20px !important;}
	.mTop40 { margin-top: 30px !important;}
	.mTop50 { margin-top: 35px !important;}
	.mTop50_ { margin-top: 10px !important;}
	.mBot20 { margin-bottom:0 !important;}
	.mBot30 { margin-bottom:0 !important;}
	.mPBot20 { padding-bottom:0 !important;}
	.mPBot30 { padding-bottom:0 !important;}

	.wDAddContent {display:block; margin-top:5px;}
	/* board.css 외에 레이어 글쓰기 같이 적용위해 common.css로 */
	.board_write_table th,.board_write_table td {display:block !important; font-size:12px !important;}
	.board_write_table input[type="text"],input[type="password"] {width:90% !important;}
	.board_write_box .write_editor { min-height:400px !important; }
	.board_write_box input[type="text"].file_text {width:40% !important;}
	.board_write_box .capcha_img {width:50% !important;}

	.service_cont{ margin:0 10px;}
}
@media screen and (max-width:560px){
	.date_check_box {margin: 0 0 15px 0 !important;}
	.date_check_calendar {float:none !important; clear:both !important; margin:0 0 5px 0 !important; text-align:center !important;}
	.date_check_box h3 {display:none !important;}
	.date_check_box .btn_date_check {float:none !important; clear:both !important; display:block !important; margin:0 auto !important; width:255px !important;}
}


/* 기본박스 */
.mbskin {position:relative;margin:100px auto 0 text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:#fff}
.mbskin .frm_input {width:100%}
.mbskin h1 {margin:60px 0 30px;font-size:2em}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {text-align:left}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold}
#mb_confirm .confirm_id {font-size:1.2em;color:#666; margin:10px;}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}