@charset "utf-8";
/* 공통처리 */
body {font-family:'Noto Sans KR', sans-serif;font-size:14px;}
#wrap{position:relative; min-width:1200px;}/* 전체 감싸고 있는 영역에 position:relative, min-width를 주어 scroll배너도 보이게 한다. */
.gnb,.main_goods_cont,.sub_content,.content_info,.foot_list ul,.foot_cont,.foot_certify, .notice_info, .foot_list{position:relative;width:1200px;margin:0 auto;}/* 컨텐츠 사이즈 + 센터정렬 */
.header_top_cont { width:1200px; margin:0 auto;}
.inner_wrap {max-width:1200px;margin:0 auto;position:relative;}
.layout_fix {max-width:1200px;margin:0 auto;position:relative;} /* 나중에 제거해야함 */
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
.hidden {display:none;}
.li + .li {border-left:none;}
textarea,label {font-size:12px;color:#999;}
/*이미지 정사각형*/
.thumbnail-wrappper { width: 100%; }
.thumbnail-wrappper > .thumbnail { position: relative; padding-top: 100%;overflow: hidden; }
.thumbnail-wrappper > .thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
/* ------------- 상단 디자인 ------------- */
/* Header Banner */
.header-banner{overflow:hidden;position:relative;}
.header-banner img{display:block;position:relative;left:50%;z-index:1;width:980px;margin-left:-490px;}
.header-banner .btn-close{position:absolute;top:50%;right:50%;z-index:2;width:22px;height:22px;margin:-11px -490px 0 0;background:url('/resource/shop/basic/web/img/icon/btn_top_close.svg') no-repeat center center;text-indent:-9999em;}
#header{position:relative; min-height:156px;}
#header_warp .fixed{position: fixed !important;top:0;/*z-index:20;*/z-index:7;width: 100%;background:#ffffff;}
#header .header_top{position:relative; width:1200px; height:100px; margin:0 auto;}
#header .header_top:after {display: block; clear: both; content: '';}
#header .header_top .h1_logo {float:left; padding-top:20px; text-align: center;}
#header .header_top .h1_logo a {font-size:24px;font-weight:bold;color:#333;}
#header .header_top .h1_logo a img {max-height:70px;}
#header .header_top .top_event {position:absolute;right:280px;top:26px;}
#header .header_top .header_search {}
#header .header_top .header_search_cont { min-height:90px;}
#header .header_top .header_search_cont:after{display:block; clear:both; content:"";}
#header .header_top .top_search {position:absolute; top:26px; left:330px; z-index:10;}
#header .header_top .top_search legend{display:none;}
#header .header_top .top_search .top_text_cont{background:#fff; position: relative; width:320px;}
#header .header_top .top_search .top_text_cont input{border:none 0; vertical-align:top;}
#header .header_top .top_search .top_text_cont input:-ms-input-placeholder {line-height:10px;}
#header .header_top .top_search .top_text_cont .top_srarch_text{width:320px; height:46px; padding:5px 80px 5px 15px; color:#565656; background:#ffffff; box-sizing:border-box; border:2px solid #E71706; font-size: 15px;}
#header .header_top .top_search .top_text_cont .top_srarch_text:-ms-input-placeholder {color:#777;}
#header .header_top .top_search .top_text_cont .top_srarch_text::placeholder {color:#777;}
#header .header_top .top_search .top_text_cont .top_srarch_text::-ms-input-placeholde {color:#777;}
#header .header_top .top_search .top_text_cont .btn_top_srarch{position:absolute; top:12px; right:15px; padding:0px;}
#header .header_top .top_search .search_cont{display:block; width:320px; margin:0 auto; font-size:0; background:#fff; border:1px solid #dbdbdb; border-top:none; box-sizing:border-box;}
#header .header_top .smart_search a {position:absolute;font-size:14px;top:26px; left:645px; z-index:1;height:46px;line-height:46px;width:120px;text-align:center;color:#fff;background:#E71706;}
#header .header_top_wide {position:relative; width:1200px; height:150px; margin:0 auto;}
#header .header_top_wide:after {display: block; clear: both; content: '';}
#header .header_top_wide .h1_logo {float:left;text-align: center;position:absolute;top:50%;margin-top:-40px;left:20px;}
#header .header_top_wide .h1_logo a {font-size:24px;font-weight:bold;color:#333;display:inline-block;}
#header .header_top_wide .h1_logo a img {}
#header .header_top_wide .top_event {position:absolute;right:280px;top:26px;}
#header .header_top_wide .search_cont {height:100%;display:inline-block;}
#header .header_top_wide .header_search {position:absolute; top:50%; left:460px; z-index:10;display:inline-block;margin-top:-10px;}
#header .header_top_wide .top_search {}
#header .header_top_wide .top_search .top_text_cont .top_srarch_text{width:410px;border-radius:5px; height:46px; padding:5px 80px 5px 15px; color:#565656;background:#ffffff; box-sizing:border-box; border:2px solid #043C93; font-size: 15px;}
#header .header_top_wide .top_search .top_text_cont .top_srarch_text:-ms-input-placeholder {color:#777;}
#header .header_top_wide .top_search .top_text_cont .top_srarch_text::placeholder {color:#777;}
#header .header_top_wide .top_search .top_text_cont .top_srarch_text::-ms-input-placeholde {color:#777;}
#header .header_top_wide .top_search .top_text_cont .btn_top_srarch{position:absolute; top:12px; right:15px; padding:0px;}
#header .header_top_wide .top_search .search_cont{display:block; width:320px; margin:0 auto; font-size:0; background:#fff; border:1px solid #dbdbdb; border-top:none; box-sizing:border-box;}
#header .header_top_wide .smart_search a {position:absolute;font-size:14px;top:50%;left:784px; z-index:11;height:46px;margin-top:-10px;line-height:46px;width:120px;text-align:center;color:#043C93;font-size:20px;}
#header .header_top_wide .top_menu {position:absolute;right:-10px;top:20px;text-align:right;vertical-align:middle;text-align:center;}
#header .header_top_wide .top_menu .menu {font-size:12px;line-height:20px;display:inline-block;position:relative;}
#header .header_top_wide .top_menu .menu:after {content:"｜";margin-left:6px;margin-right:6px;display:inline-block;vertical-align:2px;color:#999;}
#header .header_top_wide .top_menu .menu:last-child:after {content:"";}
#header .header_top_wide .top_menu .menu span {cursor:pointer;position:relative;}
#header .header_top_wide .top_menu .menu span:after {content:"▼";font-size:9px;margin-left:4px;}
#header .header_top_wide .top_menu .menu ul {z-index:11;display:none;position:absolute;top:20px;right:20px;width:150px;padding:10px;padding-left:20px;padding-right:20px;border:solid 1px #ddd;background:#fff;}
#header .header_top_wide .top_menu .menu:hover ul {display:block;}
#header .header_top_wide .top_menu .menu:hover ul li {line-height:24px;text-align:left;}
#header .header_top_wide .middle_menu {position:absolute;right:0px;top:50%;margin-top:-10px;text-align:center;vertical-align:middle;display:block;}
#header .header_top_wide .middle_menu a {display:inline-block;text-align:center;font-size:28px;color:#565656;}
#header .header_top_wide .middle_menu a i {color:#bbb;font-weight:normal;}
#header .header_top_wide .middle_menu a + a {margin-left:15px;}
#header .left_cont {float: right; margin-top:28px;vertical-align:top;}
#header .left_cont a {display:inline-block;}
#header .left_cont a img {}
#header .left_cont a span {display:inline-block;width:100%;}
#header .left_cont a.join {font-size:12px; position: relative; color:#5a5a5a;width:60px;display:inline-block;text-align:center;line-height:14px;vertical-align:1px;}
#header .left_cont a.login {font-size:12px; position: relative; color:#5a5a5a;width:50px;display:inline-block;text-align:center;line-height:14px;}
#header .left_cont a.cart {font-size:12px; position: relative; color:#5a5a5a;width:50px;display:inline-block;text-align:center;line-height:14px;}
#header .left_cont a.fav {font-size:12px; position: relative; color:#5a5a5a;width:50px;display:inline-block;text-align:center;line-height:14px;}
#header .left_cont a .icon {font-size:22px;color:#5a5a5a;}
#header .left_text {position:absolute;right:0px;top:70px;color:#999;font-size:13px;}
#header .left_text strong {color:#333;font-weight:bold;}
/* 위로 바로 가기 */
.btn_gotop { position: absolute; bottom: 0; left:50%;margin-left:616px; width: 90px;text-align:center;border:solid 1px #ddd; height: 40px;line-height:40px; opacity: 0; visibility: hidden; background: #fff url("/resource/shop/basic/web/img/icon/ic_top.png") no-repeat 50% 50%; background-size: 12px auto; z-index: 5;font-size:12px;color:#333; }
.btn_gotop.fixed { position: fixed; top: auto; bottom:10px; right: 10px; opacity: 1; visibility: visible; }
/* 오른쪽 왼쪽 고정 div */
.fix_left {z-index:9;position:absolute;left:50%;top:170px;margin-left:-762px;width:150px;height:188px;}
.fix_left .inner {background:#fff;text-align:center;padding:10px;border:solid 1px #f00;margin-bottom:7px;}
.fix_left .inner .title {margin-top:10px;color:#000;font-weight:bold;font-size:17px;}
.fix_left .inner .txt_num {font-weight:bold;font-size:17.5px;color:#E71706;font-family:Tahoma;letter-spacing:-1.2px;margin-top:19px;}
.fix_left .inner .txt_cs {font-weight:normal;color:#797979;margin-top:19px;text-align:left;font-size:13px;line-height:21px;}
.fix_left .inner .txt_cs span {width:36px;display:inline-block;}
.fix_left .chanel {margin-bottom:7px;font-size:0px;}
.fix_right {z-index:9;position:absolute;left:50%;top:170px;margin-left:616px;width:90px;height:200px;background:#f9f9f9;font-size:0px;}
.fix_right img {width:100%;}
.fix_right a {line-height:40px;border:solid 1px #ddd;display:inline-block;background:#fff;font-size:11px;width:100%;text-align:center;margin-top:-1px;}
.fix_right .inquiry {font-size:0px;height:86px;position:relative;background:#e71706;}
.fix_right .inquiry i {font-size:30px;padding-top:6px;display:inline-block;color:#fff;}
.fix_right .inquiry span {margin-top:4px;display:inline-block;font-size:14px;position:absolute;left:0px;bottom:0px;width:100%;text-align:center;color:#fff;}
/* 상단 로그인 */
.top_member_box .txt_bar{display:inline-block; width:1px; height:10px; margin:0 0 0 10px; background:#dedede; vertical-align:-1px}
.top_member_box > li{float:left; position:relative;}
.top_member_box > li a {display:inline-block; padding:0px 20px 0px 0; color:#666; font-size:14px;}
.top_member_box > li a:hover{text-decoration:underline;}
.top_member_box > li a.login {color:#ff6c2a;}
.top_member_box > li:first-child{padding-left:0;}
.top_member_box > li strong{color:#ff6c2a;}
/* ------------- 상단 GNB 영역 ------------- */
#header .header_gnb {margin:0; border-bottom: 2px solid #212121; border-top: 1px solid #e9e9e9; }
#header .gnb{position:relative; width:100%; /* font-size:0;*/}
#header .gnb .gnb_box {width:1200px; margin:0 auto;border-right:solid 1px #e9e9e9;}
#header .gnb .gnb_box:after {display: block; content: ''; clear: both;}
#header .gnb .gnb_all{display:inline-block;}
#header .gnb .gnb_all a {display:block; font-size:18px; font-weight:600; margin:0 0 0 0; letter-spacing: -1px; transition:all 0.3s;}
#header .gnb .gnb_all a:after {content:""; width:0; height:2px; background-color:#ff6c2a; display: block; margin-top:2px; margin-left:50%; transition:all 0.3s;height:300px;}
#header .gnb .gnb_all a:hover {color:#E71706; transition:all 0.3s;font-weight:bold;}
#header .gnb .gnb_all a:hover:after {width:0%; margin-left:0;}
#header .gnb .gnb_all strong{display:none;}
/* 전체 메뉴 내용 */
.gnb_allmenu_box ul{font-size:0; width:100%; margin:-30px 0 0 0;}
.gnb_allmenu_box ul li{display:inline-block; margin:30px 0 0 0; text-align:center; line-height:1; vertical-align:top;}
.gnb_allmenu_box ul li a{display:block; padding:8px 0 7px 0; font-size:16px; font-weight:500; text-align:left; word-break:break-all;}
.gnb_allmenu_box ul li a > img{max-width:180px;}
.gnb .menu_box {display:flex;}
.gnb .menu_box ul {overflow: hidden;display:grid;grid-template-columns: repeat(7, 1fr);width:100%;}
.gnb .menu_box ul ol {height:56px;display:inline-flex;flex:1;align-items: center;justify-content: center;}
.gnb .menu_box ul ol > a {display:block; font-size:15px; font-weight:400;letter-spacing: -0.7px; transition:all 0.3s; color: #5a5a5a; line-height: 1;font-weight:400;}
.gnb .menu_box ul ol > a:after {content:""; width:0; height:2px; background-color:#ff6c2a; display: block; margin-top:2px; margin-left:50%; transition:all 0.3s;}
.gnb .menu_box ul ol > a:hover {color:#E71706; transition:all 0.3s;font-weight:bold;}
.gnb .menu_box ul ol > a:hover:after {width:0%; margin-left:0;}
.slider-recent {position:relative;}
/* 슬라이드 처리 */
.swiper-button-prev {
margin-top:-15px !important;
background:url(/resource/shop/basic/web/img/main/bn_btn_prev.png) no-repeat center center !important;height:24px !important;
}
.swiper-button-next {
margin-top:-15px !important;
background:url(/resource/shop/basic/web/img/main/bn_btn_next.png) no-repeat center center !important;height:24px !important;
}
.swiper-button-prev2 {
position:absolute;
z-index:99;
top:50%;
margin-top:-15px;
left:10px;
width:30px;
height:30px;
background:url(/resource/shop/basic/web/img/nicon/left.png) no-repeat center center !important;height:24px !important;
}
.swiper-button-next2 {
position:absolute;
z-index:99;
top:50%;
margin-top:-15px;
right:10px;
width:30px;
height:30px;
background:url(/resource/shop/basic/web/img/nicon/right.png) no-repeat center center !important;height:24px !important;
}
.gnb .menu_box .recent_prd .recent_cont {visibility:hidden;position:absolute;z-index:99;width:1200px;top:56px;left:50%;margin-left:-600px;height:385px;background:#fff;border:1px solid #434656;}
.gnb .menu_box .recent_prd .recent_cont .prd_list {width:100%;height:240px;display:relative;}
.gnb .menu_box .recent_prd .recent_cont .prd_list .prd_cont li {float:left;}
.gnb .menu_box .recent_prd .recent_cont .prd_list .title {font-size:20px;font-weight:bold;color:#454545;padding:20px;}
/* 슬라이드 */
.gnb .menu_box .recent_prd .recent_cont .swiper-slide { width:auto !important ;text-align: center; font-size: 18px; background: #fff;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; }
.gnb .menu_box .recent_prd .recent_cont .swiper-slide ul {width:100%;}
.gnb .menu_box .recent_prd .recent_cont .prd_list .arr{
position: absolute;
top:-14px;
left:380px;
}
.gnb .menu_box .recent_prd .recent_cont .prd_list .arr::after {
content: '';
width: 5px;
height: 5px;
border-top: 1px solid #121212;
border-right: 1px solid #121212;
display: inline-block;
transform: rotate(315deg);
}
/* gnb right */
.gnb .top_util {float:right; height:53px; line-height: 53px; border-right:1px solid #e9e9e9; }
/* 카테고리 */
.category_list_cont{position: absolute;border-top:2px solid #ff6c2a;border-bottom:2px solid #ff6c2a;background:#ffffff;width:100%;left:0;top:56px;z-index:1;display:inline-block;}
.category_list_cont .gnb_list_outer{position:absolute;width:1200px;left: 50%;transform:translateX(-50%);}
.category_list_cont .gnb_list_outer .gnb_list_sub{width:100%;padding-top:0px;}
.category_list_cont .gnb_list_outer .gnb_list_sub div{float:left;/*width:16.66666%;*/width:13.666%;height:260px;}
.category_list_cont .category_list {width:1100px;margin:0 auto;padding:0px;}
.category_list_cont .category_list tr td {vertical-align:top;width:13.33333%;color:#565656;font-size:13px;}
.category_list_cont .category_list tr td .cate_list {padding-top:20px;padding-bottom:20px;}
.category_list_cont .category_list tr td .cate_list ul li {line-height:21px;position:relative;}
.category_list_cont .category_list tr td .cate_list ul li .icon {margin-left:2px;}
.category_list_cont .category_list tr td .cate_list ul li .cate3 {display:none;position:absolute;top:-3px;left:100px;width:270px;padding:15px;background:#fff;border:solid 1px #ddd;z-index:999;}
.category_list_cont .category_list tr td .cate_list ul li .cate3 dt {border-bottom:solid 1px #eee;line-height:25px;}
.category_list_cont .category_list tr td .cate_list ul li .cate3 dt a {font-size:12px;display:inline-block;}
.category_list_cont .category_list tr td .cate_list ul li .cate3:before{
content: "";
border-bottom: 0.6875rem solid transparent;
border-right: 0.6875rem solid #ddd;
position: absolute;
top:10px;
left:-12px;
}
.category_list_cont .category_list tr td .cate_list ul li:hover .cate3 {display:inline-block;}
.category_list_cont .category_list tr td .cate_list h3 {font-size:14px;font-weight:bold;line-height:33px;}
.category_list_cont .category_list tr:nth-child(n+1) td {border-top:solid 1px #e9e9e9;}
.category_list_cont .category_list tr:nth-child(n+2) td {border-top:solid 1px #e9e9e9;}
.category_list_cont .category_list tr:nth-child(n+3) td {border-top:solid 1px #e9e9e9;}
/* 브랜드 */
.brand_list_cont{position: absolute;border-top:2px solid #ff6c2a;border-bottom:2px solid #ff6c2a;background:#ffffff;width:100%;left:0;top:56px;z-index:1;display:inline-block;z-index:999;margin:0 auto;padding-top:15px;padding-bottom:15px;}
.brand_list_cont .brand_list {width:1100px;margin:0 auto;padding:0px;}
.brand_list_cont .brand_list li {vertical-align:top;width:12.5%;color:#333;font-size:12px;line-height:34px;float:left;box-sizing:border-box;text-align:left;font-weight:400;}
.brand_list_cont .brand_list li a {color:#555;font-size:13px;font-weight:400;}
.brand_list_cont .brand_list li span {font-weight:normal;font-family:Tahoma;font-size:12px;}
/* GNB영역 기능 변경(2019.09.11) */
#gnb_content {float: left;}
#gnb_content li.gnb_alls{display: inline-block; margin-right:0px;}
#gnb_content li.gnb_alls ul.on {display:block;}
#gnb_content li.gnb_alls .cate_list ul {display:block;}
#gnb_content li{display:block;margin-right:20px;}
#gnb_content li span.line {display:inline-block; width:1px; height:20px; vertical-align: middle; font-size:11px; color:#999; margin:0 7px;}
#gnb_content li ul{display:none;}
#gnb_content li.gnb_alls .gnb_alls_a{display: inline-block;position: relative;z-index: 1; padding: 0; margin: 0; width:200px; height:56px; line-height: 56px; text-align: center; border-left: 1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
#gnb_content li.gnb_alls .gnb_alls_a .icon {font-size:20px;}
#gnb_content li.gnb_alls .gnb_alls_a span {display:inline-block;vertical-align:middle;float:right;margin-right:40px;}
#gnb_content li.gnb_alls.on .gnb_alls_a {color:#ff6c2a;}
#gnb_content li.gnb_alls .gnb_alls_a:hover .icon{color:#f33;}
#gnb_content li.gnb_alls > div{z-index: 999;}
#gnb_content li.gnb_alls > div > a{display: block;font-size: 15px;font-weight: 400;margin: 0 0 0 0;letter-spacing: -1px;transition: all 0.3s; color:#5a5a5a;}
#gnb_content li.gnb_alls > div > a:hover {color:#ff6c2a; transition:all 0.3s;}
/* 풋터 */
#footer_wrap{background: #fff; overflow: hidden;font-size:12px;}
#footer_wrap .bottom_caution {color:#f22;text-align:center;line-height:38px;font-size:14px;font-weight:bold;width:1200px;margin:0 auto;border:solid 1px #f11;margin-bottom:10px;border-radius:5px;margin-top:20px;}
#footer_wrap .foot_list {width:100%;}
#footer_wrap .foot_list .inner{width:100%;display:inline-block;line-height:32px;height:32px;overflow: hidden;text-align:center;}
#footer_wrap .foot_list .inner ul {display:inline-block;text-align:left;}
#footer_wrap .foot_list .inner ul li{padding:0;display:inline-block;}
#footer_wrap .foot_list .inner ul li a{padding:0 15px 0 14px;color: #eee; font-size: 12px;position:relative;}
#footer_wrap .foot_list .inner ul li + li a:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ccc; margin-top:-3px}
#footer_wrap .foot_list .inner ul li:first-child a{padding-left:0; border-left:0 none;}
.content_info_wrap {background:#000;padding:10px;}
.foot_cont {position:relative; overflow:hidden; width:590px; margin:0; color:#eee; font-size:12px; line-height:1.8;}
#footer {position:relative;width:580px; margin:0 auto; overflow:hidden;float:right;padding-top:20px;}
#footer .foot_logo {position:absolute; right:0;}
.foot_cont .foot_info{display:inline-block;float:left;width: 640px;}
.foot_cont .foot_info_list{overflow:hidden; width:580px; margin-top:5px; }
.foot_cont .foot_info_list dl{float:left; line-height:2.0; font-size: 12px;}
.foot_cont .foot_info_list dt{float:left;}
.foot_cont .foot_info_list dd{float:left; padding:0 15px 0 3px;}
.foot_cont .copyright{float:left; width:100%; font-size: 14px;}
.btn_licensee_info{padding:2px 8px; color:#eee; font-size:12px; border:1px solid #eee;}
.btn_email:hover{text-decoration:underline;}
.foot_certify{overflow:hidden; margin-bottom:70px; text-align:left;}
.foot_certify span{display:inline-block; padding:0 10px 0 10px;}
.foot_certify span:first-child{padding:0 10px 0 0}
.content_info{overflow:hidden; padding:10px 0 10px 0;}
.content_info h3{padding: 0 0 0 0;color: #fff;font-size:16px; font-weight:bold;}
.content_info .cs_center{float:left; width:300px;padding-top:20px;}
.content_info .cs_center strong{display:block;padding:0 0 7px 0;color:#fff;font-size:16px;font-weight: 600; line-height:100%;margin-top:5px;}
.content_info .cs_center p{color:#ddd; font-weight:300; font-size:12px; line-height: 24px;}
.content_info .bank_info{float:left; width:31%; padding:0 40px;}
.content_info .bank_info strong{display:block; padding:0 0 7px 0; color:#ff6c2a; font-size:18px;}
.content_info .bank_info em{font-weight:bold;}
.content_info .cs_link{float:left; width:200px; padding: 22px 0 0 0;padding-left:20px;}
.content_info .cs_link a{display:block;width:150px;height:37px;line-height: 34px;border:1px solid #555555;box-sizing: border-box;text-align: center;font-size: 12px;}
.content_info .cs_link a.cs_link_btn01{margin: 0 0 10px 0; ;color:#fff;}
.content_info .cs_link a.cs_link_btn02{color:#fff;}
.content_info .bank_cont {float:left;width:320px;color:#fff;padding-top:20px;padding-left:40px;}
.content_info .bank_cont .title_box {padding-bottom:5px;font-size:16px;}
.content_info .bank_cont .bank {display:table; width:100%; margin-top:-9px}
.content_info .bank_cont .bank ul {display:table-row;}
.content_info .bank_cont .bank li {display:table-cell; list-style:none; vertical-align:top}
.content_info .bank_cont .bank .left_tit {letter-spacing:-0.5px; color:#fff; position:relative; padding-left:11px; padding-top:10px; width:68px; box-sizing:border-box;}
.content_info .bank_cont .bank .left_tit:before {content:""; position:absolute; left:4px; top:18px; width:2px; height:2px; background:#666;}
.content_info .bank_cont .bank .right_num {color:#eee;padding-top:10px;line-height:18px;}
.content_info .bank_cont .bank .number { font-size:13px; color:#aaa;}
.content_info .bank_cont .bank .name {color:#888; letter-spacing:-0.5px; margin-top:1px;}
/* 기획전 화면 */
.plan_detail .banner img {width:100%;}
.plan_detail .category_list {width:100%;margin-top:30px;margin-bottom:25px;z-index:10;}
.plan_detail .category_list ul li {width:16.666%;line-height:40px;text-align:center;float:left;border:solid 1px #384a31;box-sizing:border-box;margin-top:-1px;color:#222;background:#fff;}
.plan_detail .category_list ul li + li {border-left:none;}
.plan_detail .category_list ul li:nth-child(6n + 1) {border-left:solid 1px #384a31;}
.plan_detail .category_list ul li a {font-size:14px;color:#384a31;line-height:40px;font-weight:bold;}
.plan_detail .category_list ul li a img {width:20px;vertical-align:-5px;display:inline;}
.plan_detail .category_list:after {content:'';display:table;clear:both;}
.plan_detail .c_item_list .item_list h4 {font-size:20px;color:#384a31;font-weight:bold;border-bottom:2px solid #384a31;line-height:40px;margin-top:20px;margin-bottom:15px;padding-bottom:5px;}
.plan_detail .c_item_list .item_list h4 img {width:20px;vertical-align:-4px;}
/* 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;
}
.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: inline-block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-prev,.slick-prev1,
.slick-next,.slick-next1{font-size:0; line-height:0; position:absolute; top:45%; display:block; width:27px; height:44px; padding:0; cursor:pointer; z-index:1; background-repeat:no-repeat;
-webkit-transform:translate(0, -45%);
-ms-transform:translate(0, -45%);
transform:translate(0, -45%);
}
/*.slick-prev{left:50%; margin-left:-650px; right:auto;}*/
/*.slick-next{right:50%; margin-right:-650px; left:auto;}*/
.slick-prev{left:0px; margin-left:-5px; top: 50%;margin-top:-20px;background:url(/resource/shop/basic/web/img/nicon/left.png) no-repeat center center;transform:none; z-index:5;width:40px;}
.slick-next{right:0px;margin-right:-5px;top: 50%;margin-top:-20px;background:url(/resource/shop/basic/web/img/nicon/right.png) no-repeat center center;transform:none; z-index:5;width:40px;}
.slick-prev1{width:30px;height:30px;left:50%; margin-left:-30px; margin-top: 120px;}
.slick-next1{width:30px;height:30px;right:50%;margin-right: -40px;margin-top: 120px;}
.slick-dots{display:block; position:absolute; /*bottom:30px;*/bottom:20px; width:100%; margin:0; padding:0; text-align:center;color: #ffffff;}
.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;}
/* ********************************************** *
* 공통 버튼
* ********************************************** */
.c_btnbox {overflow:hidden; text-align:center; margin-top:30px;}
.c_btnbox ul {display:inline-block; margin-left:-10px}
.c_btnbox li {list-style:none; float:left;}
/* 기본 a버튼 */
.c_btn {float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 ; font-weight:400 ; font-size:12px; margin-left:10px}
div.c_btn {cursor:default !important; display:inline-block !important;}
/* 버튼 크기 */
.c_btn.sm{height:22px; line-height:17px; padding:0 10px; letter-spacing:-0.5px; font-size:11px; color:#999;}
.c_btn.md {height:30px; line-height:26px; padding:0 10px;letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.lg {height:40px; line-height:37px; padding:0 10px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.xlg {height:55px; line-height:50px; padding:0 10px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}
button.c_btn.sm{height:22px; line-height:22px; padding:0 10px; letter-spacing:-0.5px; font-size:11px !important; color:#999;}
button.c_btn.md {height:30px; line-height:30px; padding:0 10px;letter-spacing:-0.5px; font-size:12px !important;}
button.c_btn.lg {height:40px; line-height:40px; padding:0 10px; letter-spacing:-0.5px; font-size:12px !important;}
button.c_btn.xlg {height:55px; line-height:55px; padding:0 10px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}
/* 버튼 컬러 */
.c_btn.black {background:#333; color:#fff;}
.c_btn.red {background:#fff; color:#f23;}
.c_btn.dark {background:#666; color:#fff;}
.c_btn.light {background:#999; color:#fff;}
.c_btn.light:disabled {color:#ccc;}
.c_btn.color {background:#cd3726; color:#fff;}
/* 버튼 보더형 */
.c_btn.black.line {color:#333; background:#fff;}
.c_btn.dark.line {color:#666; background:#fff;}
.c_btn.light.line {color:#999; background:#fff;}
.c_btn.color.line {color:#cd3726; background:#fff;}
/* 폰트두께 600 */
.c_btn.bold {font-weight:600;}
/* 인풋버튼 */
span.c_btn {padding:0 !important}
.c_btn input {color:#fff;}
.c_btn.h22 input {padding:1px 10px 3px; letter-spacing:-0.5px; font-size:11px !important;}
.c_btn.h30 input {padding:5px 10px 7px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h40 input {padding:10px 20px 12px; letter-spacing:-0.5px; font-size:12px !important;}
.c_btn.h55 input {padding:13px 50px 17px; letter-spacing:-1px; font-size:17px !important; font-weight:600;}
/* 인풋버튼 보더형 */
.c_btn.black.line input {color:#333; background:#fff;}
.c_btn.dark.line input {color:#666 !important; background:#fff !important;}
.c_btn.light.line input {color:#999 !important; background:#fff !important;}
.c_btn.color.line input {color:#cd3726 !important; background:#fff !important;}
/* ********************************************** *
* 상태 아이콘
* ********************************************** */
.c_tag {display:inline-block; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important; float:left;}
.c_tag {color:#666 !important; font-weight:400 !important; font-size:12px ; cursor:default}
/* 아이콘 크기 */
.c_tag.h21 {height:21px; line-height:17px; padding:0 10px; letter-spacing:0px; font-size:11px !important; color:#999;}
.c_tag.h22 {height:22px; line-height:20px; padding:0 10px; letter-spacing:-0.5px; font-size:11px !important; color:#999;}
.c_tag.h23 {height:23px; line-height:19px; padding:0 10px; letter-spacing:-1px; font-size:11px !important; color:#999;}
.c_tag.h25 {height:25px; line-height:20px; padding:0 10px; letter-spacing:-1px; font-size:12px !important; color:#999;}
/* 아이콘 컬러 */
.c_tag.black {background:#333 !important; border-color:#333 !important; color:#fff;}
.c_tag.black {background:#333 !important; border-color:#333 !important; color:#fff;}
.c_tag.light {background:#333 !important; border-color:#ddd !important; color:#999;}
.c_tag.red {background:#333 !important; border-color:#cd3726 !important; color:#cd3726;}
/* 아이콘 보더형 */
.c_tag.black.line {color:#333 !important; background:#fff;}
.c_tag.light.line {color:#999 !important; background:#fff;}
.c_tag.red.line {color:#cd3726 !important; background:#fff;}
/* ********************************************** *
* 메인 팝업창 : 관리자 설정
* ********************************************** */
.c_popup {position:absolute; left:0; top:0; z-index:9999999; border:1px solid #666;}
.c_popup .img_box {overflow:hidden; background:#fff;}
.c_popup .img_box img {float:left;}
.c_popup .editor_box { overflow-y:auto; background:#fff; padding:25px; box-sizing:border-box;}
.c_popup .close_box {background:#fff; border-top:1px solid #ddd; overflow:hidden;}
.c_popup .close_box label {float:left; font-size:11px; color:#888; padding:7px 8px 8px; line-height:12px; letter-spacing:-1px;}
.c_popup .close_box label:hover {text-decoration:underline;}
.c_popup .close_box input {margin-right:4px; margin-top:1px}
.c_popup .close_box .btn_close {float:right; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:29px; height:29px;}
/* ********************************************** *
* 페이지용 팝업창
* ********************************************** */
.c_pop { position:fixed; width:100%; height:100%; z-index:1000}
.c_pop .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -khtml-opacity: 70; -moz-opacity: 70;}
.c_pop .pop_wrap {border:1px solid #000; position:absolute; left:50%; top:50%; background:#fff; z-index:10; padding-bottom:30px}
.c_pop .conts_box { max-height:400px; overflow-y:auto}
.c_pop .inner_box {padding:20px;}
.c_pop .pop_title {border-bottom:2px solid #333; text-align:center; font-size:23px; color:#333; padding:20px 0 10px; margin:0 20px; position:relative;}
.c_pop .pop_title .btn_close {position:absolute; right:0; bottom:10px; background:transparent url('../images/c_img/popup_close.gif') center center no-repeat; width:30px; height:30px;}
.c_pop .c_btnbox {border-top:1px solid #ddd; padding-top:30px; margin:0px 20px 0}
.c_pop .c_form {margin-top:0}
.c_pop .pop_guide {text-align:center; background:#f5f5f5; padding:15px; margin:0 20px; border-bottom:1px solid #ddd;}
/* ********************************************** *
* 기본 내용없음
* ********************************************** */
.c_none {text-align:center; overflow:hidden; padding:60px 0 60px 0; box-sizing:border-box;background:#f8f8f8;border-top:solid 1px #eee;border-bottom:solid 1px #eee;}
.c_none .gtxt {color:#aaa !important; letter-spacing:-0.5px; padding-top:0px;}
/* ********************************************** *
* 기본 페이지네이트
* ********************************************** */
/* 상품리스트 */
.c_pagi {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:50px;}
.c_pagi a {float:left;}
.c_pagi .nextprev {display:inline-block;border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi .nextprev .btn {float:left; position:relative; overflow:hidden; height:38px; box-sizing:border-box;}
.c_pagi .nextprev .btn .ok {display:none;}
.c_pagi .nextprev .click .ok {display:block;}
.c_pagi .nextprev .click .no {display:none;}
.c_pagi .nextprev .ok {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff; float:left;}
.c_pagi .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi .nextprev .icon {background:transparent url('../img/icon/paginate.gif') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi .nextprev .no {width:40px; height:40px; border-right:1px solid #dbdbdb; background:#fff;display:inline-block;}
.c_pagi .nextprev .ok .ic_first {background-position:0 0}
.c_pagi .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi .number {float:left; border-left:1px solid #ddd; margin:0 15px; box-sizing:border-box;}
.c_pagi .number a {line-height:39px; color:#888; padding:0 15px; font-size:14px; border:1px solid #ddd; border-left:0 !important; background:#fff; height:40px; position:relative; box-sizing:border-box;}
.c_pagi .number a:hover {text-decoration:underline; background:#f5f5f5}
.c_pagi .number .hit {color:#333; font-weight:400; border:1px solid #666;}
.c_pagi .number .hit:before {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:40px; background:#666;}
.c_pagi .btn_area {position:absolute; right:0;}
/* 상품상세 게시판 */
.c_pagi_view {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:20px;}
.c_pagi_view a {float:left;}
.c_pagi_view .nextprev { float:left; overflow:hidden; box-sizing:border-box;}
.c_pagi_view .nextprev .btn {float:left; position:relative; overflow:hidden; height:24px; box-sizing:border-box;}
.c_pagi_view .nextprev .btn .ok {display:none;}
.c_pagi_view .nextprev .click .ok {display:block;}
.c_pagi_view .nextprev .click .no {display:none;}
.c_pagi_view .nextprev .ok {width:40px; height:40px; background:#fff; float:left;}
.c_pagi_view .nextprev .ok:hover {background:#f5f5f5;}
.c_pagi_view .nextprev .icon {background:transparent url('../images/c_img/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.c_pagi_view .nextprev .no {width:40px; height:24px; background:#fff;}
.c_pagi_view .nextprev .ok .ic_first {background-position:0 0}
.c_pagi_view .nextprev .ok .ic_prev {background-position:-20px 0}
.c_pagi_view .nextprev .ok .ic_next {background-position:-40px 0}
.c_pagi_view .nextprev .ok .ic_last {background-position:-60px 0}
.c_pagi_view .nextprev .no .ic_first {background-position:0 -20px; }
.c_pagi_view .nextprev .no .ic_prev {background-position:-20px -20px}
.c_pagi_view .nextprev .no .ic_next {background-position:-40px -20px}
.c_pagi_view .nextprev .no .ic_last {background-position:-60px -20px}
.c_pagi_view .number {float:left; border-left:1px solid #ddd; margin:0 5px; box-sizing:border-box;}
.c_pagi_view .number a {line-height:23px; color:#888; padding:0 15px; font-size:14px; border-right:1px solid #ddd; background:#fff; height:24px; position:relative; box-sizing:border-box;}
.c_pagi_view .number a:hover {text-decoration:underline; background:#f5f5f5}
.c_pagi_view .number .hit {color:#333; font-weight:400; }
.c_pagi_view .btn_area {position:absolute; right:0;}
/* ********************************************** *
* 기본 도움말
* ********************************************** */
.c_user_guide {border:1px solid #ddd; padding-left:148px; box-sizing:border-box; background:#fafafa url('/resource/shop/basic/web/img/icon/ic_guide.png') 43px center no-repeat; margin-top:40px}
.c_user_guide .guide_box {padding:30px 40px; background:#fff;}
.c_user_guide dt {color:#333; font-size:15px; letter-spacing:-1px; font-weight:600; margin-bottom:10px}
.c_user_guide dd {padding-left:8px; position:relative; color:#888; letter-spacing:-0.5px; margin-top:2px}
.c_user_guide dd:before {content:""; position:absolute; left:0; top:8px; width:2px; height:2px; background:#888;}
.c_user_guide dd strong {text-decoration:underline}
.c_user_guide dl+ dl {margin-top:30px}
.c_user_guide .guide_table {padding-left:0}
.c_user_guide .guide_table:before {display:none;}
.c_user_guide .guide_table table {width:100%; table-layout:fixed;}
.c_user_guide .guide_table th {border:1px solid #ddd; padding:5px 5px 7px; font-weight:400; background:#f5f5f5;}
.c_user_guide .guide_table td {border:1px solid #ddd; text-align:center; padding:5px 5px 7px}
/* ********************************************** *
* 공통 레이아웃
* ********************************************** */
.c_section {padding-top:50px; overflow:hidden; padding-bottom:20px;}
/* ********************************************** *
* 공통 타이틀
* ********************************************** */
/* 페이지 타이틀 */
.c_page_tit { margin-bottom:20px; border-bottom:1px solid #dddddd; overflow:hidden; height:55px;}
.c_page_tit .title {color:#333; font-size:29px; letter-spacing:-1px; /* float:left; */ text-align:center;}
.c_page_tit .c_location {position:absolute; right:0; top:0;}
.c_page_tit .c_process {position:absolute; right:0; top:0; overflow:hidden;}
/* 페이지 위치 */
.c_location {float:right; margin-top:27px}
.c_location ul {}
.c_location li {list-style:none; float:left; position:relative; color:#999; font-size:11px; padding-left:16px; background:transparent url('../img/icon/member_location.gif') 6px 6px no-repeat; }
.c_location li:first-child {background:none; padding-left:0}
/* 그룹 타이틀 */
.c_group_tit {color:#333; font-size:17px; letter-spacing:-1px; font-weight:600; overflow:hidden; padding-bottom:5px}
.c_group_tit .tit {color:#333; font-size:17px; letter-spacing:-1px; font-weight:600; float:left; margin-bottom:4px}
.c_group_tit .sub_tt {font-size:13px; letter-spacing:-1px; color:#ff0000; line-height:15px; font-weight:400; margin:5px 0 0 5px; float:left;}
.c_group_tit .sub_txt {font-size:12px; letter-spacing:-1px; color:#aaa; line-height:15px; font-weight:400; margin-top:7px; float:right; padding-left:13px; position:relative;}
.c_group_tit .sub_txt:before {content:""; position:absolute; left:0; top:5px; width:8px; height:6px; background:transparent url('/resource/shop/basic/web/img/icon/join_check.gif') right center no-repeat; }
/* 그룹 타이틀옆 버튼*/
.c_group_tit .btn {float:right; font-size:13px; color:#999; text-decoration:underline; font-weight:400; padding:5px 0}
.c_group_tit .btn:hover {color:#333;}
/* 페이지 단계표시 */
.c_process {float:right; margin-top:14px}
.c_process ul {margin-right:-45px}
.c_process li {list-style:none; float:left; padding-right:45px; position:relative;}
.c_process li:before {content:""; position:absolute; right:18px; top:7px; width:7px; height:12px; background:transparent url('/resource/shop/basic/web/img/icon/process_arrow.gif') left bottom no-repeat;}
.c_process .num {font-size:18px; color:#aaa; font-weight:600; letter-spacing:-0.5px; float:left; margin-right:5px}
.c_process .tit {font-size:15px; letter-spacing:-1px; color:#aaa; line-height:24px; float:left;}
.c_process .hit .num {color:#333;}
.c_process .hit .tit {color:#333;}
.c_process .hit:before {background-position:left top;}
/* ********************************************** *
* 공통 2차 메뉴
* ********************************************** */
.c_tab_box { box-sizing:border-box; position:relative; }
.c_tab_box ul {display:table; box-sizing:border-box; width:100%; table-layout:fixed;}
.c_tab_box li {list-style:none; display:table-cell; border:1px solid #ddd; border-bottom:1px solid #aaa; background:#fafafa; vertical-align:middle; border-bottom-style:double; border-bottom-style:ridge\0;}
.c_tab_box li + li {}
.c_tab_box .btn {display:block; text-align:center; color:#888; padding:13px 6px 15px; box-sizing:border-box; word-wrap:break-word; word-break:keep-all;}
.c_tab_box li.hit { border-color:#aaa; background:#fff; border-left-style:double; border-bottom-style:hidden}
.c_tab_box li.hit .btn {background:#fff !important; text-decoration:none !important; color:#888 !important;}
.c_tab_box .btn:hover {color:#333; text-decoration:underline;}
/* 게시판 분류 */
.c_depth_box {text-align:center; border-bottom:1px solid #ddd;}
.c_depth_box ul {display:inline-block; margin:12px 0 13px}
.c_depth_box li {float:left; list-style:none;}
.c_depth_box .depth {padding:5px 20px; color:#999;}
.c_depth_box .depth:hover {text-decoration:underline}
.c_depth_box .depth.hit {color:#333; font-weight:600; text-decoration:none}
/* ********************************************** *
* 완료 : 가입완료/주문완료
* ********************************************** */
.c_complete {border:1px solid #ddd; border-top:0; padding-bottom:40px; margin-top:-20px}
.c_complete .complete_box {padding:60px; background:#f5f5f5; text-align:center;}
.c_complete .complete_box .sub_txt {color:#666; line-height:19px; font-size:14px; letter-spacing:-0.5px;}
.c_complete .complete_box .tit {color:#333; font-size:30px; letter-spacing:-2px; margin-top:15px}
.c_complete .complete_box .tit strong {font-weight:600; border-bottom:1px solid #333;}
.c_complete .c_btnbox {margin-top:40px}
/* 비밀번호 변경안내 */
.c_complete.my_password {margin-top:0px; border-top:1px solid #ddd; }
.c_complete.my_password .tit {margin:0}
.c_complete.my_password .sub_txt {margin-top:15px}
.c_complete.my_password em {font-size:15px; color:#999;}
.c_complete.my_password .c_btnbox {padding-bottom:0}
.c_complete.my_password .c_form {margin:40px; border-top:1px solid #ddd;}
/* 휴면계정 */
.c_complete.my_sleep {margin-top:0px; border-top:1px solid #ddd; }
.c_complete.my_sleep .tit {margin:0}
.c_complete.my_sleep .sub_txt {margin-top:15px}
.c_complete.my_sleep .sub_txt strong {color:#333; font-weight:600;}
/* ********************************************** *
* 공통 폼 : 가입/주문/게시판
* ********************************************** */
.c_form {border-top:1px solid #666; margin-top:10px}
.c_form strong {color:#ff0000;}
.c_form table {width:100%; table-layout:fixed;}
.c_form table tr {border-bottom:1px solid #ddd;}
.c_form table th {padding:10px 15px; text-align:left; background:#f5f5f5;}
.c_form table td {padding:10px 20px;}
.c_form table .tit {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:15px; position:relative;}
.c_form table .tit:before {content:""; position:absolute; left:2px; top:6px; width:8px; height:6px; background:transparent url('/resource/shop/basic/web/img/icon/join_check.gif') left top no-repeat;}
.c_form table .ess .tit:before {background-position:right top;}
.c_form table .tit2 {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:15px; position:relative;}
.c_form table .txt {color:#666; font-weight:400; letter-spacing:-0.5px;position:relative;}
.c_form_sub {width:100%;border:solid 1px #ddd;}
.c_form_sub tr {border-bottom:1px solid #ddd;}
.c_form_sub th {padding:6px 12px !important; text-align:left; background:#f5f5f5;}
.c_form_sub td {padding:6px 12px !important;}
.c_form_sub .tit {color:#666; font-weight:400; letter-spacing:-0.5px; padding-left:14px; position:relative;}
.c_form_sub .tit:before {content:""; position:absolute; left:2px; top:6px; width:8px; height:6px; background:transparent url('/resource/shop/basic/web/img/icon/join_check.gif') left top no-repeat;}
.c_form_sub .ess .tit:before {background-position:right top;}
/* 등록폼 : 셀렉트박스 */
.c_form .select_box {margin-left:-5px}
.c_form .select_box select {margin-left:5px}
.c_form select {border:1px solid #ddd; padding:1px 22px 4px 8px; padding:1px 22px 3px 6px\0; float:left; font-size:12px !important; height:30px; float:left;}
.c_form select {-webkit-appearance: none; appearance: none; -moz-appearance: none; -webkit-user-select: none; background:#fff url('/resource/shop/basic/web/img/icon/icon_select.gif') right center no-repeat;}
.c_form select:focus {border-color:#aaa;}
.c_form select::-ms-expand {display:none;}
/* 등록폼 : 인풋 */
.c_form .input_design {width:100%; border:1px solid #ddd; background:#fff; height:30px; box-sizing:border-box; padding:4px 10px 6px; color:#666;}
.c_form .input_design.if_date{background:transparent url('../img/icon/icon_date.gif') 5px center no-repeat; padding:5px 10px 6px 30px}
.c_form .input_design:focus {border-color:#999;}
.c_form input[type=checkbox] {margin-top:3px}
/* 인풋이 다른요소들과 함께 쓰일때 묶는 인풋박스 */
.c_form .input_box { margin-left:-5px}
.c_form .input_box .input_design { float:left; margin-left:5px; }
.c_form .input_box+ .input_box {margin-top:5px}
.c_form .input_box .if_beside {float:left; clear:none !important; margin-left:15px !important; margin-top:6px}
.c_form .input_box .if_beside input[type=checkbox] {margin-top:3px}
.c_form .input_box input[type=radio] {margin-top:4px}
.c_form .input_box .dash {float:left; margin:5px 0 5px 5px}
/* 이메일 주소 입력 */
.c_form .input_box.mail select {margin-left:5px; min-width:130px}
.c_form .mail_icon {float:left; line-height:30px; margin-left:5px}
/* 100% 꽉찬 인풋 */
.c_form .input_full {}
.c_form .input_full .input_design {margin-top:5px}
/* 기간선택 인풋 */
.c_form .date .input_design {float:left; border:1px solid #ddd; background:#fff; height:35px; padding:8px 35px 10px 10px; box-sizing:border-box; color:#999; background:#fff url('../images/c_img/ic_order_date.gif') right center no-repeat;}
.c_form .date .input_design:focus {border-color:#aaa; background:#fff url('../images/c_img/ic_order_date_on.gif') right center no-repeat;}
.c_form .date .dash {float:left; padding:0 3px; line-height:33px; color:#999; margin:0 0 0 5px}
/* 등록폼 : 라벨 */
.c_form .label_design {float:left; padding:6px 15px 8px 0}
.c_form .label_design .txt {color:#666; letter-spacing:0px; float:left;}
.c_form .label_design .sub_txt {color:#bbb; padding-top:10px; border-top:1px solid #e5e5e5; margin-top:10px}
.c_form .label_design input {float:left; margin-top:3px}
.c_form .label_design input:focus+ .txt {color:#000;}
.c_form .label_design input:checked+ .txt {color:#000;}
.c_form .label_design:hover .txt {text-decoration:underline;}
/* 등록폼 : 텍스트에어리어 */
.c_form .textarea_box { box-sizing:border-box; clear:both; margin-top:5px}
.c_form .textarea_box .textarea_design {border:1px solid #dfdfdf; clear:both; display:block; width:100%; padding:10px; box-sizing:border-box;}
.c_form .textarea_box .textarea_design:focus {border-color:#999}
/* 등록폼 : 도움말 */
.c_form .tip_txt {padding-left:16px; color:#999; letter-spacing:-1px; position:relative; padding-top:6px; clear:both; margin-top:0 !important;font-size:13px;}
.c_form .tip_txt:before {content:""; position:absolute; left:0; top:9px; width:13px; height:13px; background:transparent url('/resource/shop/basic/web/img/icon/icon_alert.png') no-repeat;background-size: contain;}
.c_form .tip_txt.black {color:#333;}
.c_form .tip_txt.black:before {background-position:left bottom;}
.c_group_tit .tip_txt {padding-left:16px; color:#999; letter-spacing:-1px; position:relative; padding-top:6px; clear:both; margin-top:0 !important;font-size:13px;font-weight:normal;}
.c_group_tit .tip_txt:before {content:""; position:absolute; left:0; top:9px; width:13px; height:13px; background:transparent url('/resource/shop/basic/web/img/icon/icon_alert.png') no-repeat;background-size: contain;}
.c_group_tit .tip_txt.black {color:#333;}
.c_group_tit .tip_txt.black:before {background-position:left bottom;}
/* 파일첨부 */
.c_form .input_file_box {background:#fff; border:1px solid #ddd; position:relative; float:left; height:35px; width:100%;}
.c_form .input_file_box:first-child {margin-top:0}
.c_form .input_file_box .fakeFileTxt { float:left; width:100%; color:#999; margin-top:6px; text-indent:10px; border:0; letter-spacing:0px;}
.c_form .input_file_box .fileDiv { width:100px; height:100%; /* overflow: hidden; */ }
.c_form .input_file_box .buttonImg {background:#aaa; width:90px; height:30px; position: absolute; top:-1px; right:-1px; color:#fff; border:0; padding:5px 0 8px;}
.c_form .input_file_box:hover .buttonImg {background:#999}
.c_form .input_file_box:hover {border:1px solid #ddd;}
.c_form .input_file_box .realFile {position:absolute; right:0px; top:0px; width:100%; font-size:200px; height:100%; cursor:pointer !important; opacity:0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;}
/* 사진첨부 */
.c_form .form_file {overflow:hidden;}
.c_form .form_file .input_file_box {height:30px; border:1px solid #ddd; box-sizing:border-box;}
/* 첨부파일-추가삭제 */
.c_form .duplicate.if_add { margin-top:-8px}
.c_form .duplicate.if_add .form_file {padding-right:65px; position:relative; margin-top:8px}
.c_form .duplicate.if_add .input_file_box {float:left; box-sizing:border-box;}
.c_form .duplicate.if_add .add_btn_box {position:absolute; right:0; top:0;}
.c_form .duplicate.if_add .add_btn_box .c_btn {width:60px; margin-left:0}
/* 등록된 파일 */
.c_form .duplicate_file {overflow:hidden; position:relative; padding-bottom:8px; }
.c_form .duplicate_file .table {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.c_form .duplicate_file .title {display:table-cell; vertical-align:middle; background:#f5f5f5; width:110px; text-align:center; color:#666;}
.c_form .duplicate_file ul {display:table-cell;}
.c_form .duplicate_file li {list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; padding-left:10px; height:30px; box-sizing:border-box;}
.c_form .duplicate_file li:first-child {border-top:0;}
.c_form .duplicate_file .txt {float:left; line-height:29px; line-height:28px\0; color:#999;}
.c_form .duplicate_file .del_btn {float:right; line-height:29px; line-height:28px\0; padding:0 10px}
.c_form .duplicate_file .del_btn input {margin:9px 3px 0 0; float:left;}
.c_form .duplicate_file .txt:hover {text-decoration:underline;}
/* ********************************************** *
* 약관동의 : 이용약관/개인정보처리방침
* ********************************************** */
.c_agree {margin-top:-20px}
.c_agree .agree_form {padding-top:15px; border-bottom:1px solid #ddd;}
.c_agree .form {margin-top:5px}
.c_agree .form .tit {background:#f0f0f0; padding:10px 15px; color:#333; font-size:13px;}
.c_agree .form .text_box {border:1px solid #dfdfdf; box-sizing:border-box;}
.c_agree .form .text_area {border:1px solid #dfdfdf; box-sizing:border-box;padding:20px;background:#f8f8f8;height:200px;overflow-y:scroll;color:#333;font-size:12px;}
.c_agree .form .textarea_design {width:100%; padding:20px; box-sizing:border-box; height:150px;border:none;}
.c_agree .form .textarea_design:focus {color:#999 !important;}
/* 약관동의 라벨 버튼 */
.c_agree .agree_check {border:none;margin-top:5px;margin-bottom:10px;line-height:24px;}
.c_agree .agree_check label {letter-spacing:-1px; color:#999; line-height:24px;padding-left:3px;}
.c_agree .agree_check label input[type=checkbox] {margin-top:7px;}
.c_agree .agree_check label:hover {text-decoration:underline;}
.c_agree .agree_check input {float:left; margin-top:2px}
.c_agree .agree_check strong {font-weight:600;}
/* 약관 전체 동의 */
.c_agree .if_total {padding-top:0}
.c_agree .if_total .agree_check label {color:#333; font-weight:600;}
/* 개인정보 수집항목 */
.c_agree .agree_add_info {overflow:hidden; background:#fff; margin-top:10px}
.c_agree .agree_add_info table {width:100%;}
.c_agree .agree_add_info th {background:#f5f5f5; border:1px solid #ddd; color:#333; padding:9px 15px 12px; font-weight:400; letter-spacing:-0.5px;}
.c_agree .agree_add_info td {border:1px solid #ddd; text-align:center; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; padding:9px 20px 11px}
.c_agree .agree_add_info .fc_hit {color:#ff6600}
/* ********************************************** *
* 이용안내/이용약관/개인정보처리방침
* ********************************************** */
.c_user .c_page_tit {text-align:center; margin-bottom:0; border-bottom:0}
.c_user .c_page_tit .title {float:none}
.c_user_box {margin-top:20px;padding-top:20px;border-top:solid 1px #444;padding:20px;}
.c_user_box .c_group_tit {border-bottom:1px solid #ddd;}
.c_user .c_complete {margin-top:30px; border-top:1px solid #ddd; }
.c_user .c_complete .tit {margin-top:0}
.c_user .c_complete .sub_txt {margin-top:15px}
/* ********************************************** *
* 상품목록 제어
* ********************************************** */
.item_list_ctrl {border-bottom:1px solid #ddd; margin-bottom:20px; display:inline-block; width:100%; padding-bottom:15px;}
.item_list_ctrl li {list-style:none;}
.item_list_ctrl .total {float:left; color:#666; font-size:15px; letter-spacing:-0.5px; margin-top:9px}
.item_list_ctrl .total strong {color:#f33; letter-spacing:0px;}
.item_list_ctrl .ctrl_right {float:right;}
.item_list_ctrl .range {float:left;}
.item_list_ctrl .range li {float:left; position:relative; padding-left:1px}
.item_list_ctrl .range li+ li:before { content:""; position:absolute; left:0; top:10px; width:1px; height:11px; background:#ddd;}
.item_list_ctrl .range .btn {padding:0px 10px; color:#999; letter-spacing:-1px; height:31px; line-height:28px;}
.item_list_ctrl .range .hit .btn {color:#333;}
.item_list_ctrl .range .btn:hover {text-decoration:underline;}
.item_list_ctrl .select {float:left; margin-left:10px}
.item_list_ctrl .this_ctg {position:relative;}
.item_list_ctrl .this_ctg .btn {border:1px solid #ddd; padding:0 30px 0 11px; height:31px; line-height:26px; box-sizing:border-box; color:#999; letter-spacing:-0.5px; position:relative; min-width:110px; cursor:pointer}
.item_list_ctrl .this_ctg .btn:before {content:""; position:absolute; right:10px; top:0; background:transparent url('../images/skin/sub_select.gif') left center no-repeat; width:8px; height:30px;}
.item_list_ctrl .open_ctg {display:none; position:absolute; left:0; top:30px; width:100%; z-index:10; border:1px solid #aaa; box-sizing:border-box;}
.item_list_ctrl .open_ctg .option {display:block; background:#fff; height:30px; line-height:28px; box-sizing:border-box; padding:0 10px; letter-spacing:-0.5px; color:#666;}
.item_list_ctrl .open_ctg .option+ .option {border-top:1px solid #ddd;}
.item_list_ctrl .this_ctg.if_open .btn {border:1px solid #aaa;}
.item_list_ctrl .this_ctg.if_open .open_ctg {display:block}
.item_list_ctrl .open_ctg .option:hover {background:#f5f5f5;}
.item_list_ctrl .type {float:left; margin-left:10px}
.item_list_ctrl .type .btn {padding:8px; float:left; border:1px solid #ddd; position:relative;}
.item_list_ctrl .type .btn+ .btn {margin-left:-1px}
.item_list_ctrl .type .btn .on {display:none}
.item_list_ctrl .type .btn .off {display:block}
.item_list_ctrl .type .btn.hit .on {display:block}
.item_list_ctrl .type .btn.hit .off {display:none}
.item_list_ctrl .type .btn:hover {background:#f5f5f5;}
/* ********************************************** *
* 카테고리
* ********************************************** */
.sub_location {text-align:right; position:relative; margin-top:20px; z-index:99}
.sub_location li {list-style:none;}
.sub_location .layout_fix {padding-bottom:10px; border-bottom:1px solid #eee; height:23px;}
.sub_location .ctg_box {position:absolute; right:0; top:0; text-align:left; z-index:10;}
.sub_location .ctg_box ul {float:right; margin-right:-10px}
.sub_location .ctg_box li { float:left; position:relative; overflow:hidden; height:23px;}
.sub_location .ctg_box .btn {color:#888; letter-spacing:0px; position:relative; height:23px; line-height:20px; padding:0 10px; margin-left:5px}
.sub_location .ctg_box .btn:hover {text-decoration:underline;}
.sub_location .ctg_box li+ li {background:transparent url('../images/skin/location_arrow.gif') left 6px no-repeat;}
.sub_location .have_ctg {padding:0 10px 0 15px;}
.sub_location .have_ctg .btn {padding-right:25px; border:1px solid #ddd; margin-left:0; box-sizing:border-box; line-height:18px; text-decoration:none !important; display:block;}
.sub_location .have_ctg .btn:before {content:""; background:transparent url('../images/skin/sub_select.gif') center top no-repeat; width:20px; height:4px; position:absolute; right:0; top:50%; margin-top:-2px}
.sub_location .open_ctg {background:#fff; border:1px solid #aaa; z-index:30; box-sizing:border-box; text-align:left; border-top:0; visibility:hidden}
.sub_location .ctg {white-space:nowrap; display:block; height:23px; line-height:20px; color:#888; letter-spacing:0; padding:0 15px 0 10px; background:#fafafa; font-size:11px;}
.sub_location .ctg+ .ctg {border-top:1px solid #ddd;}
.sub_location .ctg:hover {background:#fff; color:#666;}
.sub_location .have_ctg:hover {overflow:visible; height:auto;}
.sub_location .have_ctg:hover .open_ctg {visibility:visible}
.sub_location .have_ctg:hover .btn {border-color:#aaa;}
.sub_location.if_view .layout_fix {border-bottom:0;}
.sub_location.if_view .ctg_box {left:0; right:auto}
.sub_location.if_view ul {margin-left:-15px}
.sub_visual {overflow:hidden; text-align:center;}
.sub_visual img {max-width:100%;}
.sub_best {margin-top:40px; text-align:center;}
.sub_best li {list-style:none;}
.sub_best .best_title {text-align:center; font-size:23px; color:#000; letter-spacing:-0.5px; padding-bottom:15px; border-bottom:1px solid #999; }
.sub_best .best_title strong {color:#000; line-height:1;}
.sub_best .item_list {overflow:hidden;}
.sub_best .item_list ul {margin:0 !important; display:table; width:100%; box-sizing:border-box; table-layout:fixed; overflow:visible}
.sub_best .item_list li {position:relative; border:1px solid #ddd; border-top:0; box-sizing:border-box; display:table-cell; float:none; overflow:visible}
.sub_best .rolling_box {overflow:hidden;}
.sub_best .rolling_icon {text-align:center; position:relative; margin-top:20px;}
.sub_best .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.sub_best .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/visual_nate.png') left top no-repeat;}
.sub_best .rolling_icon .active {background-position:right top !important;}
.sub_best .rolling_icon .icon:hover {background-position:right bottom;}
.sub_best .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.sub_best .prevnext.prev {left:-35px; }
.sub_best .prevnext.next {right:-35px;}
.sub_best .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.sub_best .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/md_arrow.gif') left top no-repeat !important;}
.sub_best .prevnext.next .icon {background-position:right top !important;}
.sub_best .prevnext.prev:hover .icon {background-position:left bottom !important;}
.sub_best .prevnext.next:hover .icon {background-position:right bottom !important;}
.sub_best .item_box {margin:20px 20px 0 20px}
.sub_best .item_box .item_name {font-weight:400; color:#666;}
.sub_best .item_box .info {border:0; padding-right:15px;}
.sub_best .item_list.if_col3 .item_box {margin:25px 25px 0 25px;}
.sub_best .item_list.if_col3 .info { height:80px; padding-left:0px !important;}
.sub_best .item_list.if_col5 .item_box {margin:15px 15px 0 15px;}
.sub_best .item_list.if_col5 .item_box .price {padding-left:0; padding-right:0;}
.sub_hash {margin-top:40px}
.sub_hash li {list-style:none;}
.sub_hash .hash_tit {position:absolute; left:0; top:50%; width:16.66666%; text-align:center; font-size:13px; letter-spacing:-1px; color:#333; margin-top:-17px}
.sub_hash .hash_box {border:3px solid #eee; position:relative; padding:20px 0px 20px 16.66666%}
.sub_hash .hash_box ul {overflow:hidden;}
.sub_hash .hash_box li { float:left; width:20%; position:relative;}
.sub_hash .hash_box li:before {content:""; position:absolute; left:0; top:0; width:1px; height:500%; background:#eee;}
.sub_hash .hash_box .btn {display:block; padding:3px 20px 5px 15px; color:#888; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.sub_hash .hash_box .btn:hover {text-decoration:underline;}
.sub_ctg_tit {text-align:center; margin-top:40px;}
.sub_ctg_tit .tit {color:#000; font-size:23px; letter-spacing:-0.5px; line-height:1.15;}
.sub_ctg {overflow:hidden; padding-top:20px; }
.sub_ctg .cctg_nav {}
.sub_ctg .cctg_nav ul{zoom:1}
.sub_ctg .cctg_nav ul:after{display:block; clear:both; content:''}
.sub_ctg .cctg_nav li {list-style:none; float:left; position:relative; width:16.66666%;}
.sub_ctg .cctg_nav li.selected {background:#333;color:#fff;}
.sub_ctg .cctg_nav li.selected em {color:#fff;}
.sub_ctg .cctg_nav li.active,
.sub_ctg .cctg_nav li.selected {z-index:20;}
.sub_ctg .cctg_nav .ctg_wrap {position:relative; z-index:10; height:42px; border:1px solid #e1e1e1;box-sizing:border-box;margin-left:-1px;margin-top:-1px;}
.sub_ctg .cctg_nav .n1 .ctg_wrap {border-left:1px solid #e1e1e1}
.sub_ctg .cctg_nav .ctg_wrap > span {position:absolute; top:-1px; left:-1px; width:100%; height:30px; padding:6px 0; line-height:30px; border:1px solid transparent;}
.sub_ctg .cctg_nav .ctg2 {display:table; overflow:hidden; position:relative; z-index:10; width:100%; max-height:30px; line-height:15px; }
.sub_ctg .cctg_nav .ctg2 em {display:table-cell; vertical-align:middle; height:30px; word-break:break-all; color:#666; padding:0 12px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sub_ctg .cctg_nav .ctg2:hover em {text-decoration:underline; color:#000;}
.sub_ctg .cctg_nav .btn_ctrl {display:none; position:absolute; z-index:20; top:0; right:0; width:100%; height:42px; width:30px; background:url('../images/skin/sub_ctg_ar.gif') right center no-repeat; }
.sub_ctg .cctg_nav li.n1 .next_box {left:0}
.sub_ctg .cctg_nav li.n2 .next_box {left:-210px}
.sub_ctg .cctg_nav li.n3 ul{left:-420px}
.sub_ctg .cctg_nav li.n4 ul{left:-630px}
.sub_ctg .cctg_nav li.n5 ul{left:-840px}
.sub_ctg .cctg_nav .next_box {display:none; overflow:hidden; position:relative; z-index:1; width:1050px; margin-bottom:-1px;padding:17px 0 15px; box-sizing:border-box;}
.sub_ctg .cctg_nav .next_box {border:1px solid #222; background:#fafafa;}
.sub_ctg .cctg_nav .next_box:before{position:absolute;top:0;left:0;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box:after{position:absolute;bottom:0;left:0;z-index:-1;width:100%;height:21px;background:#fafafa;content:''}
.sub_ctg .cctg_nav .next_box li {width:20%; box-sizing:border-box; float:left;}
.sub_ctg .cctg_nav .next_box li:nth-of-type(5)+ li {clear:both}
.sub_ctg .cctg_nav .next_box .ctg3 {display:block;overflow:hidden; margin:0 12px; line-height:26px; color:#666; position:relative;}
.sub_ctg .cctg_nav .next_box .hit .ctg3 {font-weight:600; color:#333; text-decoration:underline}
.sub_ctg .cctg_nav .next_box .ctg3:hover {color:#333; text-decoration:underline}
.sub_ctg .cctg_nav li.active .next_box {display:block}
.sub_ctg .cctg_nav li.active .btn_ctrl {background:url('../images/skin/sub_ctg_ar_on.gif') right center no-repeat;}
.sub_ctg .cctg_nav li.active .ctg2 em {font-weight:600; color:#222; }
.sub_ctg .cctg_nav li.if_have_next .btn_ctrl {display:inline-block;}
.sub_ctg .cctg_nav li.if_have_next .ctg2 em {padding-right:5px;}
.sub_item {margin-top:40px; overflow:hidden; padding-bottom:20px;}
.sub_item li {list-style:none;}
/* ********************************************** *
* 기본 내용없음
* ********************************************** */
.list_none {text-align:center; overflow:hidden; margin:40px 0 40px 0; box-sizing:border-box;}
.list_none > .txt {background:transparent url('/resource/shop/basic/web/img/icon/icon_none.png') center top no-repeat; color:#aaa !important; letter-spacing:-0.5px; padding-top:80px;}
/* 페이징 */
.box-pagenation {text-align:center;padding:10px 0;margin:0;display:inline-block;margin:0 auto;width:100%;background:none !important;border:none !important;margin-top:20px;}
.box-pagenation ul {text-align:center;padding:0 !important;margin:0 !important;list-style: none;text-align:center;background:none;border:none;padding:0;background:none !important;;border:none !important;}
.box-pagenation ul li {display:inline;line-height:30px;box-sizing:border-box;}
.box-pagenation ul li img {width:20px;vertical-align:middle;margin-bottom:4px;}
.box-pagenation ul li a {box-sizing:border-box;display:inline-block;border: 1px solid #ddd;width:46px;height:46px;text-align:center;line-height:44px;color:#999; text-align: center; cursor: pointer;font-size:12px;margin-left:-1px;}
.box-pagenation ul li a:hover {color: #999;background: #f7f7f7;}
.box-pagenation ul li.first a {}
.box-pagenation ul li.prev a {margin-right:10px;}
.box-pagenation ul li.next a {margin-left:10px;}
.box-pagenation ul li.last a {}
.box-pagenation ul li.disable a {}
.box-pagenation ul li a.current {border:solid 1px #000;color:#111;z-index:2;}
.box-pagenation ul li + li {margin-left:5px;}
/* 상품 리스트 : */
/* 기본 4개 */
.item_list {overflow:hidden;width:100%;}
.item_list ul {margin-top:-10px; overflow:hidden;}
.item_list li {list-style:none; float:left; width:25%; box-sizing:border-box;}
/* 5개 */
.item_list.col5 ul {}
.item_list.col5 li {width:20%;}
.item_list.col5 .item_box {margin-left:20px}
.item_list.col5 .info {padding:15px 10px; }
.item_list.col5 .price {}
.item_list.col5 .name_box {height:20px;}
.item_list.col5 .item_name {font-weight:400; color:#666;}
.item_list.col5 .sub_name {display:none}
.item_list.col5 li:nth-of-type(4)+ li {clear:none}
.item_list.col5 li:nth-of-type(5)+ li {clear:none}
/* 3개 */
.item_list.col3 li {width:33.3333%;}
.item_list.col3 .info {padding:15px 100px 0 15px !important; text-align:left; height:70px;}
.item_list.col3 .item_name {font-size:14px; color:#333; font-weight:400;}
.item_list.col3 .price {left:auto; right:10px; top:15px; width:auto; margin-top:0 !important; text-align:right; padding:0}
.item_list.col3 .price .before {margin-bottom:7px; margin-right:0; float:right;}
.item_list.col3 .price .after { margin-right:3px; clear:both; float:right;}
.item_list.col3 li:nth-of-type(4)+ li {clear:none}
.item_list.col3 li:nth-of-type(3)+ li {clear:none}
/* 2개 */
.item_list.col2 li {width:50%; padding-left:20px;}
.item_list.col2 .item_box {margin-left:0px; overflow:hidden; border-right:1px solid #eee;}
.item_list.col2 .item_box:before {content:""; width:100%; height:1px; position:absolute; left:45%; bottom:0; background:#eee; z-index:1}
.item_list.col2 .thumb {width:45%; float:left; box-sizing:border-box;}
.item_list.col2 .info {width:55%; text-align:left; height:auto; padding:30px !important; border:0; float:right; border-top:1px solid #eee;}
.item_list.col2 .sub_name {max-height:85px; margin-top:10px;}
.item_list.col2 .price {top:auto; position:static; margin-top:25px;}
.item_list.col2 .upper_icon {width:45%;}
.item_list.col2 li:nth-of-type(4)+ li {clear:none}
.item_list.col2 li:nth-of-type(2)+ li {clear:none}
/* 1개 */
.item_list.if_col1 ul {margin-left:0; margin-top:-15px}
.item_list.if_col1 li {float:none; width:100%; border-bottom:1px solid #ddd; overflow:hidden; padding:15px 0px;}
/* 상품 타입1 */
.goods_box_1 {margin-left:9px;margin-right:9px;position:relative; margin-top:20px;cursor:pointer;}
.goods_box_1 .best_num {position:absolute;left:1px;top:1px;width:40px;height:40px;line-height:40px;font-size:16px;font-weight:bold;text-align:center;color:#fff;background:rgba(0,0,0,0.4);}
.goods_box_1:hover .thumb {border:1px solid #aaa;}
.goods_box_1:hover .item_quick {display:block !important;}
.goods_box_1:hover .item_name {text-decoration:underline;}
.goods_box_1 .thumb {background:#fafafa url('/resource/shop/basic/web/img/icon/none_img.png') center center no-repeat; position:relative; border:1px solid #e6e6e6; box-sizing:border-box; overflow:hidden;}
.goods_box_1 .thumb .real_img {overflow:hidden; width:100%; height:100%; }
.goods_box_1 .thumb .real_img img {width:100%; float:left;}
.goods_box_1 .upper_icon {position:absolute; left:1px; top:1px; z-index:1}
.goods_box_1 .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}
.goods_box_1 .soldout {position:absolute; left:0; top:0;width:100%; height:100%; z-index:20;background:rgba(0,0,0,0.0);}
.goods_box_1 .soldout .icon {font-size:14px;color:#fff;line-height:52px;width:52px;text-align:center;background:rgba(0,0,0,0.6);border-radius:34px;position:absolute; left:50%; top:50%; margin-top:-30px;margin-left:-30px; text-align:center;}
.goods_box_1 .info { padding:15px; text-align:center; border:1px solid #eee; box-sizing:border-box; border-top:0; position:relative;}
.goods_box_1 .info .name_box {height:34px;overflow:hidden;text-align:left;}
.goods_box_1 .info .item_name {color:#555; font-size:13px; letter-spacing:-0.5px; margin-top:-4px; }
.goods_box_1 .info .item_name {display:block;}}
.goods_box_1 .info .sub_name {color:#999; letter-spacing:-0.5px; margin-top:5px; line-height:17px; max-height:17px}
.goods_box_1 .info .sub_name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.goods_box_1 .price {margin-top:10px; width:100%; box-sizing:border-box;text-align:left;}
.goods_box_1 .price .before {font-size:12px; color:#999; padding:0 3px; position:relative; margin-right:3px; line-height:13px; line-height:12px\0; display:inline-block; margin-bottom:2px}
.goods_box_1 .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999;}
.goods_box_1 .price .before .won {font-size:14px; color:#999; float:left;padding-right:1px;}
.goods_box_1 .price .after {display:inline-block; font-size:12px; letter-spacing:-0.5px; font-weight:600; line-height:13px;color:#777;text-align:left;}
.goods_box_1 .price .after .won { color:#E71706; font-size:16px; letter-spacing:-0.5px;padding-right:2px;text-align:left;font-family:Tahoma;}
.goods_box_1 .thumb .item_quick {position:absolute; left:50%; bottom:15px; text-align:center; z-index:15; margin-left:-58px; background:#fff; display:none;}
.goods_box_1 .thumb .item_quick {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.goods_box_1 .thumb .item_quick .btn {width:40px; height:35px; float:left; border:1px solid #ccc; position:relative; box-sizing:border-box; text-align:center; font-size:0px; padding-top:9px; box-sizing:border-box;}
.goods_box_1 .thumb .item_quick .btn img {float:none; display:inline-block;}
.goods_box_1 .thumb .item_quick .btn+ .btn {margin-left:-1px;}
.goods_box_1 .thumb .item_quick .shape {width:40px; height:36px;}
.goods_box_1 .thumb .item_quick .btn.wish .on{display:none;}
.goods_box_1 .thumb .item_quick .btn.wish.hit .on {display:inline-block;}
.goods_box_1 .thumb .item_quick .btn.wish.hit .off {display:none;}
.goods_box_1 .thumb .item_quick .btn:hover {background-color:#f5f5f5;}
.goods_box_1 .thumb .item_quick_view {position:fixed; left:0; top:0; z-index:10000000000; background:transparent url('../images/skin/white_60.png') left top repeat; width:100%; height:100%; box-sizing:border-box; padding-top:100px; min-height:700px}
.goods_box_1 .thumb .item_quick_view .view_top {width:1050px; border:1px solid #333; background:#fff; overflow-y:auto; height:650px; box-sizing:border-box; overflow-x:hidden; position:absolute; left:50%; top:50%; margin:-325px 0 0 -525px;}
.goods_box_1 .thumb .item_quick_view .layout_fix {padding:50px; box-sizing:border-box;}
.goods_box_1 .thumb .item_quick_view .btn_close {width:30px; height:30px; position:absolute; left:50%; top:50%; background:transparent url('../images/skin/quick_view_close.gif') center center no-repeat; z-index:1000; margin:-365px 0 0 495px;}
.goods_box_1 .thumb .item_quick_view .view_btn li {width:100%;}
.goods_box_1 > .coupon {position:absolute;top:0px;right:0px;background:#f33;color:#eee;padding:4px 10px;font-size:12px;}
.goods_box_1 .coupon-cont {position:absolute;top:0px;right:0px;display:flex;}
.goods_box_1 .coupon-cont .coupon {background:#f33;color:#eee;padding:4px 10px;font-size:12px;}
.goods_box_1 .coupon-cont .coupon + .coupon {margin-left:2px;}
.goods_box_main {margin-left:24px;margin-right:24px;position:relative; margin-top:20px;margin-bottom:20px;cursor:pointer;width:180px;}
.goods_box_main .best_num {position:absolute;left:1px;top:1px;width:40px;height:40px;line-height:40px;font-size:16px;font-weight:bold;text-align:center;color:#fff;background:rgba(0,0,0,0.4);}
.goods_box_main:hover .thumb {}
.goods_box_main:hover .item_quick {display:block !important;}
.goods_box_main:hover .item_name {text-decoration:underline;}
.goods_box_main .thumb {background:#fff url('/resource/shop/basic/web/img/icon/none_img.png') center center no-repeat; position:relative; box-sizing:border-box; overflow:hidden;}
.goods_box_main .thumb .real_img {overflow:hidden; width:100%; height:100%; }
.goods_box_main .thumb .real_img img {width:100%; float:left;}
.goods_box_main .upper_icon {position:absolute; left:1px; top:1px; z-index:1}
.goods_box_main .upper_icon img {width:auto; float:left; margin-right:1px; margin-bottom:1px}
.goods_box_main .soldout {position:absolute; left:0; top:0;width:100%; height:100%; z-index:20;background:rgba(0,0,0,0.0);}
.goods_box_main .soldout .icon {font-size:14px;color:#fff;line-height:60px;width:60px;text-align:center;background:rgba(0,0,0,0.6);border-radius:34px;position:absolute; left:50%; top:50%; margin-top:-30px;margin-left:-30px; text-align:center;}
.goods_box_main .info { padding:8px 0px;text-align:left; box-sizing:border-box; border-top:0; position:relative;}
.goods_box_main .info .name_box {height:34px;overflow:hidden;text-align:left;}
.goods_box_main .info .item_name {color:#222; font-size:14px; letter-spacing:-0.5px; margin-top:-4px; }
.goods_box_main .info .item_name {display:block;}
.goods_box_main .price {margin-top:2px; width:100%; box-sizing:border-box;color:#f35e5e;text-align:left;}
.goods_box_main .price .before {font-size:12px; color:#f35e5e; padding:0 3px; position:relative; margin-right:3px; line-height:13px; line-height:12px\0; display:inline-block; margin-bottom:2px}
.goods_box_main .price .before:before {content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#999;}
.goods_box_main .price .before .won {font-size:14px; color:#f35e5e; float:left;padding-right:1px;}
.goods_box_main .price .after {display:inline-block; font-size:12px; letter-spacing:-0.5px; font-weight:600; line-height:13px;color:#777;text-align:left;}
.goods_box_main .price .after .won { color:#E71706; font-size:16px; letter-spacing:-0.5px;padding-right:2px;text-align:left;font-family:Tahoma;}
/*.goods_box_main .price .after {display:inline-block; color:#f35e5e; font-size:14px; letter-spacing:-0.5px; font-weight:500; line-height:13px;}
.goods_box_main .price .after .won { color:#f35e5e; font-size:16px; float:left;padding-right:2px;font-weight:bold;font-family:Tahoma;}*/
.goods_box_main .thumb .item_quick {position:absolute; left:50%; bottom:15px; text-align:center; z-index:15; margin-left:-58px; background:#fff; display:none;}
.goods_box_main .thumb .item_quick {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.goods_box_main .thumb .item_quick .btn {width:40px; height:35px; float:left; border:1px solid #ccc; position:relative; box-sizing:border-box; text-align:center; font-size:0px; padding-top:9px; box-sizing:border-box;}
.goods_box_main .thumb .item_quick .btn img {float:none; display:inline-block;}
.goods_box_main .thumb .item_quick .btn+ .btn {margin-left:-1px;}
.goods_box_main .thumb .item_quick .shape {width:40px; height:36px;}
.goods_box_main .thumb .item_quick .btn.wish .on{display:none;}
.goods_box_main .thumb .item_quick .btn.wish.hit .on {display:inline-block;}
.goods_box_main .thumb .item_quick .btn.wish.hit .off {display:none;}
.goods_box_main .thumb .item_quick .btn:hover {background-color:#f5f5f5;}
.goods_box_main .thumb .item_quick_view {position:fixed; left:0; top:0; z-index:10000000000; background:transparent url('../images/skin/white_60.png') left top repeat; width:100%; height:100%; box-sizing:border-box; padding-top:100px; min-height:700px}
.goods_box_main .thumb .item_quick_view .view_top {width:1050px; border:1px solid #333; background:#fff; overflow-y:auto; height:650px; box-sizing:border-box; overflow-x:hidden; position:absolute; left:50%; top:50%; margin:-325px 0 0 -525px;}
.goods_box_main .thumb .item_quick_view .layout_fix {padding:50px; box-sizing:border-box;}
.goods_box_main .thumb .item_quick_view .btn_close {width:30px; height:30px; position:absolute; left:50%; top:50%; background:transparent url('../images/skin/quick_view_close.gif') center center no-repeat; z-index:1000; margin:-365px 0 0 495px;}
.goods_box_main .thumb .item_quick_view .view_btn li {width:100%;}
.goods_box_main .coupon {position:absolute;top:0px;right:0px;background:#f33;color:#eee;padding:4px 10px;font-size:12px;font-weight:normal;}
.goods_box_main .coupon .won {font-size:12px;font-weight:normal;}
/* 기본 테이블 */
.table-basic{width:100%;border:1px solid #d9dee3;}
.table-basic th{padding:10px 4px;background:#f4f5f7;border:1px solid #d9dee3;vertical-align:middle;font-size:12px;text-align:;font-weight:bold;padding-left:0px;}
.table-basic td{padding:10px;border:1px solid #d9dee3;text-align:left;vertical-align:middle;font-size:12px;}
/* 검색 기본 폼 */
.search-func {width:100%;}
.search-func h4 {font-size:24px;font-weight:600;;width:100%;text-align:center;margin-top:40px;margin-bottom:40px;}
.search-func .search-table {width:100%;}
.search-func .search-table tr th {width:160px;border:1px solid #ebedef;text-align:left;padding-left:15px;font-size:14px;font-weight:bold;color:#555;}
.search-func .search-table tr td {border:1px solid #ebedef;padding:10px;}
.search-func .search-table tr td div {position:relative;}
.search-func .search-table tr td div + div {border-top:solid 1px #d9dee3;}
.search-func .search-table tr td .div1 {padding-top:5px;padding-bottom:12px;}
.search-func .search-table tr td .div2 {padding-top:14px;padding-bottom:5px;}
.search-func .search-table tr td div {width:100%;padding:5px;word-break:keep-all;}
.search-func .search-table tr td div label {color:#454545;width:115px;overflow:hidden;height:13px;line-height:13px;vertical-align:middle;display:inline-block;margin-bottom:6px;margin-top:6px;box-sizing:border-box;word-break:normal;}
.search-func .search-table tr td div label input {vertical-align:middle;}
.search-func .search-table tr td div li {font-size:13px;list-style:none;display:inline;margin-right:20px;}
.search-func .search-table tr td div li.on a {color:#f33;}
.search-func .search-table tr td div a {font-size:13px;color:#565656;margin-right:20px;padding-bottom:3px;padding-top:3px;display:inline-block;}
.search-func .search-table tr td div a.on {color:#f33;}
.search-func .search-table tr td .div1 a {margin-right:0px;}
.search-func .search-table tr td .div1 .arr_right {vertical-align:middle;color:#999;margin-left:10px;margin-right:10px;}
.search-func .search-table tr td div select {margin-left:20px;border:solid 1px #999;font-size:12px !important;width:140px;height:29px;}
.search-func .search-table tr td div select option {font-size:12px;}
.search-func .search-table tr td div .cate_link {position:relative;display:inline-block;width:auto;font-size:12px;}
.search-func .search-table tr td div .cate_link:hover {text-decoration:underline;}
.search-func .search-table tr td div .cate_link .icon {color:#999;font-size:14px;margin:0px;width:20px;height:20px;line-height:18px;margin-left:6px;display:inline-block;text-align:center;vertical-align:middle;border:solid 1px #bbb;}
.search-func .search-table tr td div .cate_link .inner_cont {display:none;position:absolute;top:30px;left:0px;width:340px;background:#fff;border:solid 1px #bbb;z-index:11;box-sizing:border-box;}
.search-func .search-table tr td div .cate_link .inner_cont a {width:160px;box-sizing:border-box;padding-left:15px;line-height:28px;height:28px;overflow:hidden;}
.search-func .search-table tr td div .cate_link .inner_cont a.on {color:#f33;}
.search-func .search-table tr td div .cate_link:hover .inner_cont {display:inline-block;}
.search-func .search-table tr td div a:last-child {margin-right:0px;}
.search-func .search-table tr .top-line {border-top:solid 1px #333;}
.search-func .search-table tr td .chk_cont {height:58px;overflow:hidden;}
.search-func .search-table tr td .chk_cont.active {overflow:none;height:auto;}
.search-func .search-table tr td .add-more {cursor:pointer;display:inline-block;width:64px;position:absolute;top:0px;right:0px;line-height:16px;vertical-align:middle;font-size:12px;text-align:center;border:solid 1px #676767;color:#555;}
.search-func .search-table tr td .add-more i {vertical-align: middle;color:#000;font-size:16px;}
/* 에디터 */
.editor b{font-weight:600;}
/* ********************************************** *
* padding,margin,width
* ********************************************** */
.pa-0{padding:0 !important;}
.pa-5{padding:5px !important;}
.pa-10{padding:10px !important;}
.pa-15{padding:15px !important;}
.pa-20{padding:20px !important;}
.pa-25{padding:25px !important;}
.pa-30{padding:30px !important;}
.pt-0{padding-top:0 !important;}
.pt-5{padding-top:5px !important;}
.pt-10{padding-top:10px !important;}
.pt-15{padding-top:15px !important;}
.pt-20{padding-top:20px !important;}
.pt-25{padding-top:25px !important;}
.pt-30{padding-top:30px !important;}
.pt-35{padding-top:35px !important;}
.pt-40{padding-top:40px !important;}
.pt-45{padding-top:45px !important;}
.pt-50{padding-top:50px !important;}
.pb-0{padding-bottom:0 !important;}
.pb-5{padding-bottom:5px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-35{padding-bottom:35px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-45{padding-bottom:45px !important;}
.pb-50{padding-bottom:50px !important;}
.pl-0{padding-left:0 !important;}
.pl-5{padding-left:5px !important;}
.pl-10{padding-left:10px !important;}
.pl-15{padding-left:15px !important;}
.pl-20{padding-left:20px !important;}
.pl-25{padding-left:25px !important;}
.pl-30{padding-left:30px !important;}
.pl-35{padding-left:35px !important;}
.pl-40{padding-left:40px !important;}
.pl-45{padding-left:45px !important;}
.pl-50{padding-left:50px !important;}
.pr-0{padding-right:0 !important;}
.pr-5{padding-right:5px !important;}
.pr-10{padding-right:10px !important;}
.pr-15{padding-right:15px !important;}
.pr-20{padding-right:20px !important;}
.pr-25{padding-right:25px !important;}
.pr-30{padding-right:30px !important;}
.pr-35{padding-right:35px !important;}
.pr-40{padding-right:40px !important;}
.pr-45{padding-right:45px !important;}
.pr-50{padding-right:50px !important;}
.ma-0{margin:0 !important;}
.ma-5{margin:5px !important;}
.ma-10{margin:10px !important;}
.ma-15{margin:15px !important;}
.ma-20{margin:20px !important;}
.ma-25{margin:25px !important;}
.ma-30{margin:30px !important;}
.mx-auto{margin-left:auto !important;margin-right:auto !important;}
.mt-0{margin-top:0 !important;}
.mt-1{margin-top:1px !important;}
.mt-2{margin-top:2px !important;}
.mt-3{margin-top:3px !important;}
.mt-4{margin-top:4px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-45{margin-top:45px !important;}
.mt-50{margin-top:50px !important;}
.mt-55{margin-top:55px !important;}
.mt-60{margin-top:60px !important;}
.mt-65{margin-top:65px !important;}
.mt-70{margin-top:70px !important;}
.mt-75{margin-top:75px !important;}
.mt-80{margin-top:80px !important;}
.mt-85{margin-top:85px !important;}
.mt-90{margin-top:90px !important;}
.mt-95{margin-top:95px !important;}
.mb-0{margin-bottom:0 !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-35{margin-bottom:35px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-45{margin-bottom:45px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-55{margin-bottom:55px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-65{margin-bottom:65px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-75{margin-bottom:75px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-85{margin-bottom:85px !important;}
.mb-90{margin-bottom:90px !important;}
.mb-95{margin-bottom:95px !important;}
.ml-auto{margin-left:auto !important;}
.ml-0{margin-left:0 !important;}
.ml-5{margin-left:5px !important;}
.ml-10{margin-left:10px !important;}
.ml-15{margin-left:15px !important;}
.ml-20{margin-left:20px !important;}
.ml-25{margin-left:25px !important;}
.ml-30{margin-left:30px !important;}
.ml-35{margin-left:35px !important;}
.ml-40{margin-left:40px !important;}
.ml-45{margin-left:45px !important;}
.ml-50{margin-left:50px !important;}
.mr-auto{margin-right:auto !important;}
.mr-0{margin-right:0 !important;}
.mr-5{margin-right:5px !important;}
.mr-10{margin-right:10px !important;}
.mr-15{margin-right:15px !important;}
.mr-20{margin-right:20px !important;}
.mr-25{margin-right:25px !important;}
.mr-30{margin-right:30px !important;}
.mr-35{margin-right:35px !important;}
.mr-40{margin-right:40px !important;}
.mr-45{margin-right:45px !important;}
.mr-50{margin-right:50px !important;}
/* Datepicker */
.ui-datepicker{margin-top:5px;}
/* Font size */
.fw-bold {font-weight:bold;}
.fw-normal {font-weight:normal;}
.fs10{font-size:10px !important;}
.fs13{font-size:12px !important;}
.fs12{font-size:12px !important;}
.fs15{font-size:12px !important;}
.fs14{font-size:14px !important;}
.fs16{font-size:16px !important;}
.fs18{font-size:18px !important;}
.fs20{font-size:20px !important;}
.fs30{font-size:30px !important;}
.fs40{font-size:40px !important;}
/* Font color */
.fc1{color:#fe6b37 !important;}
.fc2{color:#000 !important;}
.fc3{color:#999 !important;}
.fc4{color:#006eff !important;}
.fc5{color:#fb0bfb !important;}
.fc6{color:#13a932 !important;}
.fc7{color:#f00 !important;}
.fc10 {color:#2a3954 !important;}
.txtline{text-decoration:underline !important;}
.hc:hover{color:#fe6b37 !important;}
/* Width */
.w30{width:30px !important;}
.w50{width:50px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w110{width:110px !important;}
.w120{width:120px !important;}
.w130{width:130px !important;}
.w140{width:140px !important;}
.w150{width:150px !important;}
.w160{width:160px !important;}
.w170{width:170px !important;}
.w180{width:180px !important;}
.w190{width:190px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w350{width:350px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w500{width:500px !important;}
.w600{width:600px !important;}
.w700{width:700px !important;}
.w800{width:800px !important;}
.w900{width:900px !important;}
.w1000{width:1000px !important;}
.w100p{width:100% !important;}
.w90p{width:90% !important;}
.w80p{width:80% !important;}
.w70p{width:70% !important;}
.w60p{width:60% !important;}
.w50p{width:50% !important;}
.w40p{width:40% !important;}
.w33p{width:33.3% !important;}
.w30p{width:30% !important;}
.w25p{width:25% !important;}
.w20p{width:20% !important;}
.w10p{width:10% !important;}
.mw100p{min-width:100% !important;}
.mw0{min-width:0 !important;}
.status-red {color:#cd3726;border:solid 1px #cd3726;font-size:12px;padding:4px 12px;}
.status-white {color:#777;border:solid 1px #777;font-size:12px;padding:4px 12px;}
.btn-delivery {display:inline-block;padding:5px 12px;background:#fff;font-size:13px;font-weight:normal;margin-left:15px;border:solid 1px #ddd;background:#f8f8f8;}
/* 멤버십 */
.member-ship {color:#333;background:#f9f9f9;padding:20px 14px;}
.member-ship.click {cursor:pointer;}
.member-ship .title {font-weight:bold;font-size:14px;}
.member-ship .title i {vertical-align:-2px;}
.member-ship .date {color:#999;font-size:13px;}
.member-ship .date i {vertical-align:-2px;}
.table-membership {border:solid 1px #ddd;width:100%;margin-top:20px;}
.table-membership tr th {border:solid 1px #ddd;background:#eee;padding:10px;}
.table-membership tr td {border:solid 1px #ddd;padding:10px;color:#333;text-align:left;}
.table-membership tr td input {border:solid 1px #ddd;height:26px;padding-left:5px;width:100%;}
.cms-history {display:inline-block;width:100%;box-sizing:border-box;background:#eee;color:#333;font-weight:bold;padding:8px 20px;border-radius:3px;text-align:center;margin-top:5px;font-size:13px;}
.mypage_list_cms table {width:100%;}
.mypage_list_cms table tr td,th {padding:10px;border:solid 1px #ddd;}
.mypage_list_cms table tr th {font-weight:bold;background:#f9f9f9;}
/* 회원가입 유형 */
.type-button-group {display:flex;gap:5px;}
.type-button-group label {margin-bottom:0px;}
.type-button-group .btn-status {border:solid 1px #0ab39c;background:#fff;color:#0ab39c;width:90px;height:36px;border-radius:2px;display:inline-flex;align-items: center;justify-content: center;}
.type-button-group .btn-check+.btn.btn-status:hover {border:solid 1px #07b398;color:#0ab39c;}
.type-button-group .btn-check:checked+.btn.btn-status {background:#0ab39c;color:#fff;}
.type-button-group input[type='radio'] {display:none;}