@charset "utf-8";

/* ======= } 레이아웃 */
/*#wrap{padding-bottom:150px;}*/
/* ======= { 레이아웃 */

/* 공통사용 */
.l_hidden{display: block; width: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute;}
.hidden-txt {position: absolute; top:-9999px; left:-9999px; font-size:1px; line-height: 1px; width:1px;height:1px; overflow: hidden;}

/* 그리드 공통 */
.grid_table{font-size: 12px;}
.grid_table2{font-size:12px}
.grid_table2 th,.grid_table2 td{text-align: center;}

/* 스위치 공통 스타일 */
.switch_wrap .k-switch-on .k-switch-container{background-color: #00ABD4;}

/* ===== 회원가입 */
.sub_container.join_wrap{padding: 0px}
.join_item{border:1px solid #ddd; padding:10px; font-size: 16px;}
.join_item.all{display: flex; align-items: center; margin-bottom: 15px; padding:12px 10px; font-weight: bold;}
.join_item + .join_item{margin-top:5px;}
.join_item + .join_cont{margin-top: 30px}
.join_item [type="checkbox"]{width:16px; height: 16px; margin-right: 10px;vertical-align: unset}
.join_item label{display: inline-flex; align-items: center; font-size:14px;}
.join_top_box{padding: 20px 20px 0; margin-bottom: 15px;display: flex;justify-content: space-between}
.join_top_box .join_tit{padding-top: 0px}
.join_top_box .text_gray{font-size: 12px;color: #999999;}
.join_tit{display: block; margin-bottom:10px; padding-top: 20px; font-size:16px; font-weight: bold;}
.join_tit i{padding-right: 5px; color:#17ad89;}
.join_tit_sub{font-size: 14px; color:#005aff; font-weight: bold}
.agree_cont{display: flex; justify-content: right; flex-wrap: wrap; font-size: 14px}
.join_cont{padding: 0 20px 20px;}
.join_cont + .join_cont{}
.join_cont + .btn_grp_type{padding: 0 20px 20px;}
.agree_textarea {width:100%; padding:10px; font-size: 13px; border:1px solid #ddd; height:140px; overflow-y:scroll; color:#999999; resize: none}
.agree_check{display: flex; justify-content: space-between; align-items: center;font-size:14px}
.agree_link{display: inline-block; padding:4px 6px; font-size: 12px; border:1px solid #ddd; border-radius: 4px; }
.confirm_list li p, .confirm_list li strong{font-size:14px;}
.confirm_list li .icon{display: block; font-size:70px; color:#262626}
.confirm_box{text-align: center; font-size: 14px}
.confirm_box .icon{font-size: 60px}
.confirm_btn{padding:0 5px; border-radius: 5px; height: 30px; border:0; background: #262626; color:#fff;}
.confirm_form{margin:10px 0}
.confirm_form .textbox{height: 30px;}
.check_sms_desc{margin:30px 0;color:dodgerblue; font-size: 13px}
.reg_num{margin-top:0; align-items: center}
.reg_num .textbox{height:30px}
.reg_num input:nth-of-type(1){width:30%}
.reg_num input:nth-of-type(2){width:20%}
.reg_num input:nth-of-type(3){width:50%}
.join_form_area + .join_form_area{margin-top:20px}
.join_form_area{font-size: 14px}
.join_form_area > label{display: block; margin-bottom: 4px}
.join_form_area .textbox{width: 100%; height:50px; border: 1px solid #DBDBDB}
.join_form_area button{height: 50px;width: 126px}
.join_form_area #custPwChk ~ p{margin-top: 5px}
.join_form_area .cust_id,
.join_form_area .file_name{width:calc(100% - 130px)}
.join_form_area .post_num{width: calc(100% - 130px)}
.join_form_area .selectbox{width:100%; height:50px; border:1px solid #ddd; color:#262626; padding:0 15px; -webkit-border-radius: 0; background: #fff}
.join_form_area .select_email{width:calc(100% - 130px)}
.join_form_area .email_check{margin-left: 5px; width:120px;}
.join_form_area .tel_wrap{width: 100%; border: 1px solid #DBDBDB; display: flex;justify-content: space-between}
.join_form_area .tel_wrap select{border: 0px; min-width: 70px;flex-basis:70px;outline: none}
.join_form_area .tel_wrap .phoneNumber{border: 0px;background: #fff}
.join_form_area .tel_wrap .textbox{border: 0px}
.join_form_area .verification{width: 100%;margin-top: 5px}
.join_form_area input[type=date]{padding:0 15px;width: 100%; appearance: none !important}
.join_agree label{display: inline-block}
.join_agree label:not(:last-child){margin-right: 20px}
.join_agree p{margin-bottom: 10px}
.essentia_agree p{padding: 10px 15px;background: #F6F8FA;border: 1px solid #DBDBDB;border-radius: 5px}
.essentia_agree p:last-child{margin-bottom: 0px}

.mail_form{display: flex; flex-wrap: nowrap; margin-bottom: 5px;}
.addr1, .addr2{margin-top:5px}
.guide_txt{margin-top:5px; color:#999}
.btn_join_prev {background-color: #5a5a5a; border: 2px solid #5a5a5a;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;}
.btn_join_next {background-color: #0059A9; border: 2px solid #0059A9;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;height: 50px}
/* 사업자등록증 미리보기 */
.img_view_sc{text-align: center;max-height: 350px; overflow-y: auto}
.img_view_sc iframe{border:0}
.img_view_sc img{max-width: 100%;}
/* 회원가입 완료 */
.join_end{text-align: center}
.join_end .join_tit{font-size: 18px;font-weight: bold; color: #0057AA;padding-top: 30px}
.join_end .join_sub{color: #707070;font-size: 14px;}
.join_end button{width:100%;height: 50px;margin-top: 50px}
.join_end button:last-child{margin-top: 5px}
#addr_layer{position:fixed;display:none; top:50%; left: 50%;transform: translate(-50%, -50%); width:90% !important; }
.addr_close{cursor:pointer;position:absolute;right:0;top:0;z-index:1}
/* ===== 회원가입 */

/* ========== { 상단 header */
.header_wrap{position:relative;}
.header{position:sticky;width: 100%; padding:15px 0;border-bottom: 1px solid #DBDBDB; background: #fff;top: 0;left: 0}
.header.fix{width: 100%;position: fixed;top: 0;left: 0; z-index: 5;}
.header_wrap.header_fixed{position:fixed; top:0; left: 0; right:0;z-index: 99;}
.top_cate {position:absolute; left:20px; top:50%; transform: translateY(-50%); display:inline-block; width:28px; height:28px;text-align:center;color:#5F5F5F;}
.top_cate img{width: 100%}
.mall_link{position: absolute; left:40px; top:50%;transform: translateY(-50%);background: #f2f2f2;color: #f7635b;border-radius: 5px;padding: 2px 4px;font-size: 12px;letter-spacing: 0px;}
.logo{display: block; text-align: center}
.logo a{display:inline-block; width: 40%; max-width: 156px; margin-right: 20px}
.logo a img{width: 100%; height: auto; display: block}
.fixed_menu{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
.fixed_menu a{width: 28px;height: 28px;display: inline-block}
.fixed_menu a img{width: 100%;}
.fixed_menu .notify{position: relative}
.fixed_menu .notify span{background:#0087DE;color: #fff;font-size: 9px;border-radius: 50px;padding: 0 5px;width: auto;min-width: 15px;height: 16px;line-height: 16px;display: block;text-align: center;position: absolute;top: -2px;right: 0;}
#gnb{background-color: #fff; overflow-y: scroll}
.gnb_cate{display:flex; font-family: 'Pretendard', '굴림', sans-serif; font-size:14px;padding-left: 20px}
/* .gnb_cate:after{content:'';display:block; clear: both;} */
.gnb_cate li{padding: 25px 5px}
.gnb_cate li + li{margin-left: 15px}
.gnb_cate li a{display: block; text-align: center;color:#5F5F5F; white-space: nowrap; font-weight: 600;font-size: 16px;position: relative;}
.gnb_cate li a:hover{color: #0087DE;}
.gnb_cate li a:hover::after{content: '';display: block; position: absolute; left: 0;bottom: -5px; background: #0087DE; width: 100%; height: 2px;}
/* 상단 검색 */
.top_search_area{display:none; position:fixed; top:0; left:0; right:0;z-index: 10; width: 100%;height: 100%;background: #fff}
.top_search_area.on{display: block;}
.search_head{border-bottom: 1px solid #DBDBDB;padding: 15px 20px;display: flex;justify-content: space-between;align-items: center}
.search_head .btn_search{background: #fff;border: 0px;width: 28px;height: 28px;flex-basis: 28px}
.search_head .btn_search img{width: 100%}
.search_head input{width: calc(100% - 56px);border: 0px;font-size: 14px}
.search_head .close_btn{background: url("/resources/img/m/ico_close.png") no-repeat 50%/cover;width: 28px;height: 28px;border: 0px}
.recent_search{padding: 20px;overflow: scroll;height: 100%;padding-bottom: 150px;}
.recent_search .top{display: flex;justify-content: space-between;margin-bottom: 15px}
.recent_search .top p{font-size: 18px;font-weight: bold;}
.recent_search .top button{background: #fff;border: 0px;font-size: 12px;color: #999999}
.recent_search ul{}
.recent_search ul li{border-bottom: 1px solid #DBDBDB;padding: 10px;}
.recent_search ul li:last-child{border-bottom: 0px}
.recent_search ul li a{font-size: 16px;color: #666666}


/* 바코드 */
.barcode_view{display: none; position: fixed; width: 100%; left:0; right:0; z-index: 102; top:0; background-color: #fff;}
.barcode_view .barcode_close{position: fixed;left: 50%;transform: translateX(-50%);bottom:20%;z-index:999; width: 45px;height: 45px;line-height: 45px;color:#000;background-color: #fff;border-radius: 50%;text-align: center;}
.barcode_view.active{display: block;}
.barcode_view video{width:100%;top:0; position: fixed; left: 0; right:0;z-index: 104;}
.drawingBuffer{top:0; position: fixed; left: 0; right:0; z-index: 105;}
/* ==== 왼쪽 사이드 메뉴 */
#side_menu{position: fixed;display:none; left:0; right:0; top:0; bottom:0;background-color: #fff; z-index:12}
#side_menu .side_box{position:relative; left:0; width:100%; overflow-x:hidden; overflow-y: auto; height:100%; background: #ECEFF3}
/* ==== 왼쪽 사이드 메뉴 회원정보 */
#side_menu .side_mb{padding: 20px;background: #EDF1F5}
#side_menu .mb_wrap{display: flex; justify-content: space-between;align-items: center;margin-bottom: 15px}
#side_menu .mb_img{margin-right: 15px;width: 70px; min-width: 70px; height: 70px;border-radius: 5px;overflow: hidden;}
#side_menu .mb_img img{width: 100%}
#side_menu .mb_info{flex: 2;text-align: left;color: #999999;font-size: 12px}
#side_menu .mb_info .deco{color: #DBDBDB}
#side_menu .mb_name{font-size: 18px; font-weight: 700; color: #191919; display: block;margin-bottom: 10px}
#side_menu .logout_btn{width: 100px; height: 30px; line-height: 30px;box-sizing: border-box;border: 1px solid #DBDBDB;background-color: #fff; border-radius: 5px;font-size: 12px;color: #191919;font-weight: 500}
#side_menu .side_mb_menu{padding: 10px 0;background: #fff;display: flex;justify-content: space-between;border-radius: 5px}
#side_menu .side_mb_menu li{width: calc(100%/3);border-right: 1px solid #DBDBDB}
#side_menu .side_mb_menu li:last-child{border-right: 0px}
#side_menu .side_mb_menu li a{padding: 5px 0;display: block}
#side_menu .side_mb_menu li img{width: 38px;height: auto;display: block; margin: 0 auto; margin-bottom: 8px}
#side_menu .side_mb_menu li span{display: block;font-size: 14px;color: #666666;text-align: center}

/* .side_box.open{left:0} */
.sideOn{overflow: hidden; height:100%}
/*.side_close{position: absolute; left:10px; top:16px; font-size:20px; color:#fff}*/
.side_inner{display:none; padding:10px}
.side_inner.view{display:block;}
.menu_list{display:flex; justify-content: space-around; background-color: #00ABD4; padding:15px 25px; height:61px; line-height:30px; font-size:16px;}
.menu_list li a{color:#fff;}
.menu_list li i{font-size:22px; vertical-align: middle;}

.side_tab_list{display:flex;justify-content: space-around;}
.side_tab_list .item{padding:10px 0; width:33.3%; font-size:16px; border-bottom:3px solid #e2e2e2; text-align: center;}
.side_tab_list .item.on{border-color:#00ABD4}
.side_tab_list .item.on a{color: #00ABD4; }
.menu_box{padding:10px;background-color: #e8e8e8;}
.menu_box .title{position:relative; font-weight: bold; font-size:16px}
.menu_box .title:after {content: '';position: absolute;right: -5px;top: 0; display: inline-block;width: 5px;height: 5px;background: #17ad89;border-radius: 50%;}
.recommend_menu{}
.recommend_menu:after{content:''; display:block; clear: both;}
.recommend_menu .item{float:left; padding:5px 10px; margin-top:5px; margin-bottom:5px; border:1px solid #ccc; background-color: #fff; border-radius: 20px;}
.recommend_menu .item + .item{margin-left:5px;}
.cate_list_wrap{font-size:14px}
.drop_item{position:relative; display:block;padding:10px 0; border-bottom:1px solid #d6d6d6}
.drop_item .more_deco{position:absolute; right:5px; top:50%; transform:translateY(-50%)}
.depth_wrap{display:none}
.depth_box{display: flex;}
.cate_list ul[class^="depth_"] li{position:relative; display:flex; align-items: center; padding: 0 5px; min-height:63px; overflow:hidden; letter-spacing: -1px;}
/* .depth_box a {position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); padding:0 10px;} */
.cate_list ul li + li {border-top: 1px solid #ddd;}
.cate_list ul li:last-child { border-bottom: 1px solid #ddd;}
.depth_1, .depth_2, .depth_3{width:100%;}
.depth_2{/* display:none; */ background-color: #f3f3f3;box-shadow: inset 2px 0 10px #e3e3e3; /* padding:0 5px */}
.depth_3{/* display:none; */ background-color: #e8e8e8;box-shadow: inset 2px 0 10px #ddd; /* padding:0 5px */}
/* .depth_box .active a:before{content: '';width: 15px;height: 15px;transform: rotate(45deg) translateY(-50%);position: absolute;right: -3px;top: 50%;}
.depth_1 .active a:before{background: #f3f3f3;box-shadow: inset 2px 0 5px #ebebeb;}
.depth_2 .active a:before{background: #e8e8e8;box-shadow: inset 2px 0 10px #ddd;} */
.depth_1 li a{color:#676767}
.depth_1 .active a{color:#00ABD4}
.depth_2 li a{color:#676767}
.depth_2 li.active{background-color: #00ABD4;}
.depth_2 li.active a{color:#fff}
.depth_3 li a{color:#000000}
.depth_3 li.active{background-color: #00ABD4;}
.depth_3 li.active a{color:#fff}
.more_deco:after{content:"\e942"}
.on .more_deco:after{content:"\e945"}
/* 브랜드 리스트 */
.brand_sort_list:after{content:''; display:block; clear: both;}
.brand_sort_list .item{float:left; width:49%; line-height:35px; font-size:16px; border:2px solid #f2f2f2; text-align: center; background-color: #f2f2f2; color:#333333; border-radius:5px}
.brand_sort_list .item + .item{margin-left:2%;}
.brand_sort_list .item.on{background-color: #fff; color:#00ABD4; border-color: #00ABD4;}
.word_list{display:none; margin:10px auto;}
.word_list.view{display: block;}
.word_list:after{content:''; display:block; clear: both;}
.word_item{float:left; width:15%; padding:10px; margin:1% 0; font-size:14px; border:1px solid #cccccc; color:#666666; border-radius:5px; text-align: center;}
.word_item.on{color:#fff; background-color: #00ABD4; border-color:#00ABD4}
.word_item + .word_item{margin-left:2%}
.word_item:nth-child(6n){margin-left:0}
.word_item.word_2{width:32%;}
.word_cate_list{font-size:14px;}
.brand_list{padding:10px 0; border-bottom:1px solid #ddd}
.brand_list:after{content:''; display:block; clear:both;}
.brand_list .brnd_item{float: left;width:50%;padding:3px; text-align: center;}
/* 푸시/즐겨찾기 */
.side_cont{margin:10px auto}
.side_cont .btn_grp{text-align: right; font-size:14px;}
.side_title{display: inline-block; margin:10px auto; font-size:16px;font-weight: bold;}
.push_menu_list{padding:10px; border:2px solid #ededed;}
.push_menu_list li{position:relative; margin:3px 0; padding:6px 0; font-size:14px}
.push_menu_list li .switch_wrap{position:absolute; right:10px; top:50%; transform:translateY(-50%)}
.bookmark_list{padding:10px;background-color: #f2f2f2; font-size:14px}
.push_menu_list li{margin:5px 0;}
.side_list_wrap{background: #ECEFF3; padding-bottom: 15px}
.side_list_wrap:last-child{padding-bottom: 100px}
.side_list_wrap li{background: #fff; padding: 15px 20px}
.side_list_wrap .ico_wrap{width: 29px; height: 29px; margin-right: 10px}
.side_list_wrap .ico_wrap img{width: 100%; height: auto; display: block}
.side_list_wrap li a{display: flex; justify-content: space-between; align-items: center;}
.side_list_wrap li span{width: 80%; font-size: 16px; color: #191919; font-weight: 500}
.arrow_right_btn{background: url("/resources/img/m/ico_right_arrow.png") no-repeat 50%/cover; width: 28px;height: 28px;border: 0px;display: inline-block}
.arrow_left_btn{background: url("/resources/img/m/ico_left_arrow.png") no-repeat 50%/cover; width: 28px;height: 28px;border: 0px;display: inline-block}
.arrow_top_btn{background: url("/resources/img/m/ico_top_arrow.png") no-repeat 50%/cover; width: 28px;height: 28px;border: 0px;display: inline-block}
.arrow_bottom_btn{background: url("/resources/img/m/ico_bottom_arrow.png") no-repeat 50%/cover; width: 28px;height: 28px;border: 0px;display: inline-block}
/* ==== } 왼쪽 사이드 메뉴 */
/* ==== 오른쪽 사이드 메뉴 { */
#side_mypage{/* display:none;  */position:fixed; width:100%; left:100%; top:0; bottom:0; z-index:100; background-color: #f7f7f7; transition:all .3s}
#side_mypage.active{left:0;}
#side_mypage .side_mypage_inner{height:100%; padding-bottom:50px; overflow-x:hidden; overflow-y: auto; background-color: #f7f7f7; font-size:14px;}
#side_mypage .side_mypage_inner .tit{padding:10px 10px 5px;}
.side_mypage_inner li i{font-size: 20px; vertical-align: middle;}
.mypage_close{position:absolute; top:50%; right:10px; transform: translateY(-50%); color:#fff; font-size:20px}
.mypage_list{padding:5px 0}
.mypage_list .item_list{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8; background-color: #fff;}
.mypage_list .item_list + .item_list{margin-top:-1px}
.mypage_list .item_list .item_count{position:absolute; top:50%; transform: translateY(-50%); right:20px; color:#5c95f0}
.mypage_list .item_list a{display: block;padding:10px; }
.mypage_list .item_list.push_item a{display: inline-block;}
.mypage_list .item_list .switch_wrap{position:absolute; top:50%; transform: translateY(-50%); right:20px;}
.deco_list li:after{position:absolute; right:20px; top:50%; transform:translateY(-50%); color:#d8d8d8; content:"\e93e"; font-family:xeicon!important;display:inline-block;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mypage_list_box{padding:10px;}
.mypage_list_box .list_type_2:after{content:''; display:block;clear: both}
.mypage_list_box .list_type_2 li{float:left; width:49%; margin:5px 0; border:1px solid #d8d8d8; box-sizing: border-box;background-color: #fff;}
.mypage_list_box .list_type_2 li:nth-child(2n){margin-left:2%;}
.mypage_list_box .list_type_2 li a{display: block;padding:10px; }
.mypage_list_box .list_type_3{display: flex;}
.mypage_list_box .list_type_3 li{width:100%; border:1px solid #d8d8d8; box-sizing: border-box;background-color: #fff;}
.mypage_list_box .list_type_3 li + li{margin-left:1%;}
.mypage_list_box .list_type_3 li a{display: block;padding:10px; text-align: center;}
/* ==== } 오른쪽 사이드 메뉴 */

/* 사이드 헤더 공통 */
.side_head{padding: 20px;background: #fff; position: sticky; position: -webkit-sticky; left: 0;top: 0; border-bottom: 1px solid #DBDBDB;z-index: 5}
.side_head.fix{position: fixed;top: 0;left: 0; width: 100%;z-index: 10}
.side_head .page_tit{font-size: 21px; font-weight: 600; width: 60%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0 auto;text-align: center}
.side_head .back_btn,
.side_head .sub_hd_right_menu{position: absolute; top: 50%; transform: translateY(-50%)}
.side_head .back_btn{left: 20px;}
.side_head .sub_hd_right_menu{right: 20px;}
.side_head .notify span{background:#0087DE;color: #fff;font-size: 9px;border-radius: 50px;padding: 0 5px;width: auto;min-width: 15px;height: 16px;line-height: 16px;display: block;text-align: center;position: absolute;top: -2px;right: 0;}
.side_head .sub_hd_right_menu a{width: 28px;height: 28px;display: inline-block}
.side_head .sub_hd_right_menu a img{width: 100%}
.side_head .back_btn{background: url("/resources/img/m/ico_back.png") no-repeat 50%/cover; width: 28px;height: 28px;border: 0px}
.side_head .cogwheel_btn{background: url("/resources/img/m/ico_cogwheel.png") no-repeat 50%/cover;}
.side_head .close_btn{background: url("/resources/img/m/ico_close.png") no-repeat 50%/cover;}
.close_btn.type_1{background: url("/resources/img/m/ico_close.png") no-repeat 50%/cover;border: 0px;width: 28px;height: 28px}
/* ========== } 상단 header */

/*#container{height: calc(100vh - 146px); overflow-y: auto}*/

/* ========== { 메인 */
#container.main{padding-bottom: 0px !important;}
.main_slider{padding: 0 20px; margin-bottom: 25px !important;}
.main_slider .main_visual_wrap{box-sizing: border-box; width: 100%; overflow: hidden; border-radius: 5px}
.main_slider .swiper-slide a{display: block;}
.main_slider .swiper-slide img{width:100%;}
.swiper_btns{position:absolute; left:50%; bottom:10px; border-radius: 20px; transform: translateX(-50%); z-index:99; color:#fff;background-color:rgba(0,0,0,0.6);}
.swiper_btns .swiper-pagination{position: unset; display: inline-block; width:auto;vertical-align: middle;line-height:27px; font-size:14px; font-weight: 300; color:#fff}
.swiper_btns .btn-prev,
.swiper_btns .btn-next{display: inline-block; font-size:18px;vertical-align: middle}
.swiper_btns .swiper-pagination-total{color: #fff8}
.swiper_btns .swiper-pagination-current{color:#fff}

/* 메인 회원 정보 */
.member_info{background: url("/resources/img/m/mamber_bg.png") repeat 50%/cover; width: 100%;padding: 20px;display: flex; align-items: center;height: auto}
.member_info .img_wrap{margin-right: 15px; width: 70px; min-width: 70px; height: 70px;border-radius: 5px; overflow: hidden}
.member_info .img_wrap img{width: 100%;height: auto}
.member_info .info_con{}
.member_info .mb_name{font-size: 18px; font-weight: bold; color: #191919; margin-right: 15px}
.member_info .mb_num,
.member_info .mb_position{font-size: 12px; color: #999999;}
.member_info .mb_position::after{display: inline-block; content: '|'; margin: 0 5px; color: #dbdbdb;font-size: 2px; vertical-align: text-top;}
.member_info .mb_cost{font-size: 14px; font-weight: bold;color: #191919;}
.member_info .mb_cost span{font-size: 24px;color: #0059A9;}
.member_info p{font-size: 18px;color: #191919;text-align: center;width: 100%;font-weight: bold;padding: 25px 0}

/* 메인 상단 메뉴 아이콘 영역 */
.menu_icon_area{height: auto; padding: 0 20px 35px; display: flex; align-items: flex-start; flex-wrap: wrap;}
.menu_icon_area a{margin-bottom: 15px; width: calc(25% - 15px); text-align: center; margin-right: 20px;}
.menu_icon_area a:nth-child(4n){margin: 0px}
.menu_icon_area .icon_box{padding:0; display: inline-block; width: 100%; padding-top: 100%; border-radius: 10px; border:1px solid #E0E0E0; background:#fff; overflow: hidden; text-align: center;position: relative;}
.menu_icon_area .icon_box img{max-width: 100%; position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%)}
.menu_name{color:#666666; font-size: 13px;  font-family: 'Pretendard', sans-serif;}

/* 메인 띠배너 영역 */
.ban_box{margin:10px auto}
.ban_box a{display: block;}
.ban_box img{width:100%;}

/* 메인 상품 */
/* 상품 공통 - 이미지 없을 경우 */
.no_img{background-image: url('/resources/img/preparing.jpg');background-size: cover;}
.no_img img{opacity: 0;}
.main_prd_sd{background-color: #fff}
#main_prd_sd_1 .swiper-slide .thumb_box{width:150px; height: 150px}
#main_prd_sd_2 .swiper-slide .thumb_box,
#main_prd_sd_3 .swiper-slide .thumb_box,
#main_prd_sd_4 .swiper-slide .thumb_box{width:120px; height: 120px}
#main_prd_sd_5 .swiper-slide .thumb_box,
#main_prd_sd_6 .swiper-slide .thumb_box{width:100px; height: 100px}
.main_prd_sd .swiper-slide img{width: 100%; height: 100%}
.main_prd_sd .swiper-wrapper{padding-top: 20px;}
.prd_cont{margin:0px auto; padding:0 20px 20px; /*border-bottom: 10px solid #F8F9FB;*/}
.thumb_box{position:relative;overflow:hidden; border-radius: 5px; padding-top:99%; margin-bottom: 10px; border: 1px solid #DBDBDB}
.thumb_box img{width: 100%;position: absolute;left: 0;top: 0}
.prd_list{display: flex; justify-content: space-between; flex-wrap: wrap; /* gap: 1%; */}
.prd_list li{width:48%;}
.prd_list li img{width:100%;/* position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); */}
.prd_list li a{display: block;}
.prd_info{margin-top:5px; letter-spacing: -1px;line-height:1.7em; margin-bottom: 20px}
.prd_nm{display:block;color:#666666;font-size:16px;word-break: break-all; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden;}
.prd_code{display:block;color:#ff4747;font-size: 14px; font-weight: 500;}
.brd_nm{display:block; color:#B9B9B9;font-size: 14px;}
.prd_std{display:block; color:#676767;font-size: 14px;font-weight: 300;}
.prd_price_info{margin-top:3px}
.prd_cont .normal_price,
.prd_list .normal_price{margin:3px 0; display: block; text-decoration: line-through; color:#676767;font-size: 14px;}
.prd_cont .price,
.prd_list .price{margin:0px 0; display:inline-block; color:#333333; font-weight: 700; font-size: 18px;vertical-align: sub}
.rr_price{color:#BCC1CF; text-decoration: line-through; font-size: 13px}
.prd_cont .price{margin-right: 5px}
.prd_cont.prd_sec1 .prd_icon{border: 1px solid #0087DE;color: #0087DE;font-size: 12px;padding: 2px 5px;margin-right: 4px;display: inline-block;margin-bottom: 5px}
/*.price b{font-size:12px;vertical-align: middle;}*/
/* 메인 진열 상품 - 뒷배경 */
.prd_bg_cont{border-bottom: 10px solid #F8F9FB}
.prd_bg_cont .bg_area{padding-top:110px; background-repeat: no-repeat; background-size: 100%}
.bg_area .main_prd_sd{padding:10px; min-height: 160px; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.more_link{margin:10px; padding:15px 0; display: block;border:1px solid #E0E0E0; background: #fff; text-align: center; color:#666666;font-family: 'Pretendard', sans-serif; font-size: 16px; border-radius: 5px;}

/* 메인 자주 찾는 상품 */
.prd_sec1 ul{display: flex; flex-wrap: wrap;}
.prd_sec1 ul li{width: 47.5%}
.prd_sec1 ul li:nth-child(odd){margin-right: 5%}

/* 메인 퀵메뉴 */
.main_quick_menu{}
.main_quick_menu>a{display: flex; justify-content: space-between; padding: 10px 20px; align-items: center; margin-bottom: 10px}
.main_quick_menu>a:nth-child(1){background-color: #E7F0F9}
.main_quick_menu>a:nth-child(2){background-color: #FBF6E0}
.main_quick_menu>a:nth-child(3){background-color: #BCC1CF}
.main_quick_menu>a .quick_nm{color: #191919; font-weight: 600; font-size: 16px;}
.main_quick_menu>a img{width: 80px}

/* 기타 서비스 */
.ect_service{padding-top: 40px}
.ect_service ul{display: flex; flex-wrap: wrap; padding: 0 50px;}
.ect_service ul li{width: 42%; margin-bottom: 50px}
.ect_service ul li:nth-child(odd){margin-right: 16%}
.ect_service .service_img{overflow: hidden; border-radius: 50%; border: 1px solid #EDF1F5; background: #fff; padding:20px; box-sizing: border-box}
.ect_service .service_img img{width: 100%; height: auto; display: block;}
.ect_service .service_nm{font-size: 16px; font-weight: bold; display: block;text-align: center;margin-top: 10px}

/* 상인소개 */
.shop_list_info_cont{padding:20px 10px; border-bottom: 10px solid #F8F9FB}
.shop_view_link{display: block; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color:#666666; border-radius: 5px; border:1px solid #E0E0E0; font-family: 'Pretendard', sans-serif}
.shop_thumb_slider.swiper-container{margin:20px 0}
.shop_thumb_slider.swiper-container .swiper-slide img{border-radius: 50%; overflow: hidden}
.shop_thumb_slider .supplier_text{margin-top: 5px; font-size: 14px; text-align: center}
.shop_thumb_slider .swiper-slide img{width: 100%}

/* 하단 메뉴 */
.bot_menu_list{margin-bottom: -60px; padding:15px 0; font-size:14px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6}
.bot_menu_list:after{content:''; display:block; clear:both;}
.bot_menu_list .item{float:left;width:25%; text-align: center;}
.bot_menu_list .item + .item{border-left:1px solid #ddd}
.bot_menu_list .item a{display: block;color:#000;}
.bot_menu_list .item [class^=xi-]{font-size:30px;}
.bot_menu_list .menu_label{display: block;}

/* 최근소식 */
.recent_updates{background-color: #0059A9; padding: 50px 20px}
.recent_updates h2{color: #fff;margin-bottom: 10px}
.recent_updates h2 + p{color: #BCC1CF;font-size: 12px; text-align: center;margin-bottom: 20px}
.recent_updates .recent_tab{padding: 0 30px;display: flex; justify-content: space-between; margin-bottom: 40px}
.recent_updates .recent_tab span{width: 50%; display: block; text-align: center; border: 1px solid #DBDBDB; font-size: 14px; font-weight: 500;color: #FFFFFF;padding: 15px 0;border-radius: 5px}
.recent_updates .recent_tab span:first-child{margin-right: 5px}
.recent_updates .recent_tab span.active{background-color: #0087DE; border-color: #0087DE}
.recent_updates ul{display: none;}
.recent_updates .notice{display: block}
.recent_updates ul li{background: #fff; padding: 30px; border-radius: 5px; box-shadow: 0 2px 10px #6C777B}
.recent_updates ul li:not(:last-child){margin-bottom: 15px}
.recent_updates .recent_cate_nm{color: #0087DE;font-size: 14px; font-weight: 500;margin-bottom: 10px;display: block}
.recent_updates .recent_sbj{font-weight: 600; font-size: 18px;color: #191919; margin-bottom: 20px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;-webkit-line-clamp: 2; width: 100%}
.recent_updates .recent_date{font-size: 13px;color: #BCC1CF}

/* ========== } 메인 끝 */

/* 메인 타이틀 모음 */
.visual_title{position:relative; margin-bottom: 20px; text-align: center; font-weight: normal; font-size:20px;font-family: 'Pretendard', sans-serif; word-break: keep-all;font-weight: bold}
.visual_sub_title{text-align: center; color:#B2B2B2; font-size: 14px; font-family: 'Pretendard', sans-serif}


/* ========= { footer */
#footer{margin-top: 50px}
#footer.main,
#footer.cart,
#footer.ddList,
#footer.prd_list{margin-top: 0px}
.footer_inner{padding:30px 15px 50px; background-color: #EDF1F5; font-family: 'Pretendard', sans-serif;width: 100%}
.footer_inner p{color: #999;text-align: center;}
.fot_menu_list{padding:15px 0; background-color:#00ABD4; text-align: center;}
.fot_menu_list li{display: inline-block; font-size: 12px}
.fot_menu_list li + li{margin-left: 15px;}
.fot_menu_list li a{color:#fff; display: block; font-weight: 300; font-family: 'Pretendard', sans-serif}
.footer_info, .footer_info a{text-align: center; color:#999; line-height: 16px; word-break: keep-all}
.footer_info .copyright{display: block;}
.footer_logo{margin-bottom: 15px;text-align: center}
.footer_logo img{display: inline-block; vertical-align: baseline; max-width: 156px; width: 60%; height: auto; filter: grayscale(1); -ms-filter: gray(1);}
.footer_logo img + img{padding-left: 10px;}
.sns_box{margin-top:15px;text-align: center}
.sns_box a{display: inline-block; margin-left: 5px;}

/* 이용약관 및 개인정보 처리방침 */
#container.terms{padding-bottom: 0px !important}
.terms_title{margin-top:25px; margin-bottom:10px; font-size:16px; color:#05141f}
.k-window h4.terms_title{font-weight: 500;}

.terms_area{margin-bottom: 20px; color: #666}
.terms_area .tit{font-size: 14px; font-weight: 600}

.terms_wrap{color:#666;}
.terms_list{ word-break:keep-all}
.terms_list li{margin:0 0 0 15px; text-indent: -15px;}
.terms_list li p{text-indent: 0;}
/* 약관 새창용 레이아웃 */
.term_wrap{padding:10px; font-size: 13px; line-height: 21px}
/* 개인정보처리방침 */
.policy_tit{display: block; margin:25px 0 10px;}
.policy_tb{width: 100%; margin:10px 0}
.policy_tb th{padding:10px; background-color: #f9f9f9; border: 1px solid #ddd; text-align: center}
.policy_tb td{padding:10px; text-align: center; border:1px solid #ddd;}
/* ========= } footer */

/* ============= { 하단 고정 메뉴 */
.bottom-navigation{position:fixed; left:0; right:0; bottom:0; z-index:11; background-color: #fff; border-top: 1px solid #DBDBDB}
.bottom-navigation.hide, .hide{bottom:0px; display: none}
/*.menu_label{display: block;}*/
.bot_nav_list{padding:18px; font-size:14px}
.bot_nav_list:after{content:''; display:block; clear:both;}
.bot_nav_list .item{float:left;width:20%; text-align: center;}
.bot_nav_list .item a{display: block;color:#676767;}
.bot_nav_list .item img{max-width: 28px; margin-bottom: 5px}
.bot_nav_list .item a span{display: block; color: #666666; font-weight: 500; font-size: 12px}
.bot_nav_list .item.active_link a{color:#0087DE}
.bot_nav_list .item [class^=xi-]{font-size:30px;}
/* ============= } 하단 고정 메뉴 */

/* ======================== 인트로 { */
#intro{width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
#intro .logo{width: 50%;margin: 0 auto;margin-bottom: 60px}
#intro .logo img{width: 100%}
#intro p{text-align: center; font-size: 15px;color: #191919;line-height: 20px}
#intro p span{font-weight: 700;}

/* ======================== 로그인 { */
.log_container{padding:10px}
.logo_box{margin:30px auto; text-align: center;width: 121px;height: auto;}
.logo_box img{width: 100%;}
.login_wrap input[type="text"],
.login_wrap input[type="password"]{width:100%; padding:0 15px; height:50px; line-height: 50px; border:1px solid #DBDBDB; color:#252525; -webkit-appearance: none;appearance: none;}
.login_wrap input[type="text"]::placeholder,
.login_wrap input[type="password"]::placeholder{color: #DBDBDB;font-size: 14px}
.login_btn_bar{margin:5px auto 30px;}
.login_btn_bar:after{content:''; display:block; clear:both}
.login_btn_bar .login_option{float:left;}
.login_btn_bar .login_option label + label{margin-left:10px}
.login_btn_bar .login_option label{color:#999999;font-size: 14px}
.login_btn_bar .view_keyboard{float:right}
.login_btn_bar .view_keyboard i{font-size:16px; vertical-align: bottom;}
.login_wrap .btn_grp_type1{margin:0 auto 5px; text-align: center}
.login_wrap .btn_grp_type1 [class^="btn_"]{padding:15px}
.login_wrap .milipass_img{width: 50px;margin: 0 auto;}
.login_wrap .milipass_img img{width: 100%;height: auto}
.input_form{margin-bottom:10px;}
.login_msg{color:#ff0000; font-size:13px;}
.page_list{margin:40px 0;}
.page_list li a{color:#191919;font-size: 14px;display: block}
.page_list li span{line-height: 28px;vertical-align: top;font-weight: 500}
.page_list li i{display: inline-block}
.join_link{display: inline-block; margin-top:20px; font-size: 13px; color:#262626;}
#back{
	position: fixed;
	z-index: 100;
	background-color: #000000;
	display: none;
	top: 0;
	left: 0;
}
#loadingBar{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* display: none; */
	z-index: 200;
	/* width:48px;
	height:48px; */
}
.sns_login_box{margin-top: 30px; text-align: center; font-size: 15px; color:#262626}
.sns_login_box .sns_tit{position: relative;}
.sns_login_box .sns_tit:before,
.sns_login_box .sns_tit:after{content:''; display: inline-block; width: calc((100% - 175px) / 2); height: 1px; position: absolute; top:50%; background:#ddd}
.sns_login_box .sns_tit:before{left: 0}
.sns_login_box .sns_tit:after{right:0}
.sns_btn_grp{margin-top: 15px}
.sns_btn_grp a{display: inline-block}
.sns_btn_grp a + a{margin-top: 10px}
.sns_kakao{color:#391F1F; background: #FFE500;font-size: 35px;}
.sns_naver{color:#fff; background:#00C300;font-size: 30px;}
.sns_kakao,
.sns_naver{margin:0 5px; display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px;border-radius: 50%; vertical-align: middle}
/* ===== 로그인 */
/* ======================== } 로그인 */

/* ======================== 인증체계 { */
#certificationSystem{}
#certificationSystem h2{color: #333333;font-size: 18px;font-weight: 500;text-align: center;margin: 60px 0}
#certificationSystem>div{display: flex;justify-content: center; padding: 0 20px;box-sizing: border-box}
#certificationSystem a{border: 1px solid #DBDBDB;border-radius: 5px;display: block;padding: 20px;box-sizing: border-box}
#certificationSystem a:first-child{margin-right: 10px}
#certificationSystem a img{max-width: 60%;display: block;margin: 0 auto 10px;}
#certificationSystem a span{display: block;text-align: center;font-size: 14px;color: #191919}
#certificationSystem .noti{color: #FF0000;font-size: 12px}

/* 실명인증 팝업 */
.layerPop.nameCertified span{margin-bottom: 5px;font-size: 14px;color: #999999;display: block}
.layerPop.nameCertified input[type=text],
.layerPop.nameCertified input[type=password]{width: 100%;height: 50px;}
.layerPop.nameCertified .vfctin>div{margin-bottom: 15px}
.layerPop.nameCertified a{width: 50%;text-align: center}

/* 실명인증완료 */
.armyCert{padding: 30px 20px;text-align: center}
.armyCert .text_point{font-size: 18px;font-weight: bold; text-align: center;margin-bottom: 20px}
.armyCert p{color: #707070; font-size: 14px; margin-bottom: 5px}
.armyCert button{width: 100%;height: 50px;margin-top: 48px}


/* ======================== 아이디 및 비밀번호 찾기 { */
/* 아이디 찾기 */
.tab_list{display: flex;}
.tab_list .tab_item{ flex-grow: 1; width:100%;text-align: center; line-height:45px; height:45px; border-top-left-radius:5px; border-top-right-radius:5px; border-color:#000; border-style: solid; border-width:0 0 1px 0; box-sizing: border-box; font-size:14px; cursor:pointer}
.tab_list .tab_item.on{border-width:1px 1px 0 1px; }
.tab_content{display:none;}
.tab_content:first-child{display:block;}
.form_area{display:flex; font-size:14px;}
.form_area .srch_val{width:100%; height:50px; padding:15px; border:1px solid #DBDBDB;font-size: 14px}
.form_area .srch_val[type='text']:hover, .form_area .srch_val[type='text']:focus{border-color:#DBDBDB}
.form_area .srch_val[type='text']{appearance: none;-webkit-appearance: none;}
.form_area .srch_val[type='text']::placeholder{color: #DBDBDB}
.form_area .hyphen{padding:0 5px; line-height:40px}
.call_num .select_tel{padding:3px 20px;}
.call_num .num_tel_form{margin-left:10px;}
.btn_search_id{width:100%; font-size:14px; color:#fff; height:50px; background-color: #0059A9; border:0; appearance: none;-webkit-appearance: none;border-radius: 5px}
.srch_btns{margin:30px 0;}
.srch_pw_link{color:#8e8c8a; margin-top:30px;display: inline-block;font-size:14px}
.chck_val{text-align: left;}
.chck_cont{}
.chck_info{display: block; padding-bottom:20px;color:#605d5b;font-size:14px;}
.searchjPwWrap{}
.searchjPwWrap .info_area{margin-bottom: 20px}
.searchjPwWrap .info_area h2{font-size: 15px;color: #191919;font-weight: bold;margin-bottom: 10px}
.searchjPwWrap .info_area p{font-size: 14px;color: #666666;font-weight: 500;line-height: 18px}
.searchjPwWrap .form_area{display: block}
.searchjPwWrap input[type=password]{border-color: #DBDBDB;font-size: 14px;display: block;}
.searchjPwWrap input[type=password]:first-child{margin-bottom: 10px}
.searchjPwWrap input[type=password]::placeholder{color: #DBDBDB}
.searchjPwWrap .btn_grp_type1 button{height: 50px;margin: 30px 0}

/* ======================== } 아이디 및 비밀번호 찾기 끝 */

/* ================ 서브페이지 관련 { */
/* === 서브 페이지 상단 header { */
.sub_header{height:61px; line-height:30px; background: #00ABD4}
.page_title{color:#fff; font-size:18px; font-weight: normal; text-align:center}
.prev{position: absolute; left:10px; top:16px; font-size:20px; color:#fff}
/* === } 서브 페이지 상단 header */
/* === 서브 페이지 레이아웃 { */
.sub_container{padding:20px; position:relative}

.check_form{margin:10px 0; color:#676767;font-size:14px;}
.check_form:after{content:''; display:block; clear:both;}
.check_form .al_lt{float:left;}
.check_form .al_rt{float:right;}
.check_form .al_lt label{display: inline-block;height:34px; line-height:34px;}
.check_form .ct_chck{width:20px;height:20px;margin-right:3px; margin-bottom:2px}
.check_form button[class^='btn_']{padding:5px}
.check_form label{display: inline-block;height:20px; line-height:20px;}
/* === } 서브 페이지 레이아웃 */
/* === 서브 페이지 검색 { */
.search_container{padding:10px; background-color: #f7f7f7;font-size:14px}
.search_container input[type="search"],
.search_container .srch_input{padding:12px; height:30px; line-height: 28px; border:1px solid #dddddd; color:#252525; -webkit-appearance: none;appearance: none;}
.search_container .btn_grp_type1{margin-top:10px;}
.search_container .btn_grp_type1 [class^="btn_"]{padding:10px 5px}
.search_container .btn_grp_type4 button[class^="btn_"]{padding:4px 5px}
.selectbox .k-dropdown-wrap .k-input{background-color: #fff;}
.input_form input[type="search"],
.input_form input[type="text"]{width:100%;}/* 1개용 */
.input_form .selectbox{width:100%}
.input_form_4{display: flex; flex-wrap: nowrap; margin:10px 0; justify-content: space-between;}
.input_form_4 .srch_input,
.input_form_4 .selectbox{width:100%;}
.input_form_4 .srch_input + .srch_input,
.input_form_4 .selectbox + .selectbox{margin-left:10px;}
.srch_form{display: flex; flex-wrap: nowrap; margin:10px 0; justify-content: space-between;}/* 여러개 공통 */
.srch_form .srch_input,
.srch_form .selectbox{width:100%;}
.srch_form .srch_input + .srch_input,
.srch_form .selectbox + .selectbox{margin-left:10px;}
.srch_form .selectbox + .srch_input{margin-left:10px;padding:0; text-indent: 10px;}
.search_form{display: flex; flex-wrap: nowrap; margin:10px 0; justify-content: space-between;}
.search_form .srch_input,
.search_form .selectbox{width:100%;}
.search_form .srch_input + .srch_input,
.search_form .selectbox + .selectbox{margin-left:10px;}
.date_form{display: flex;justify-content: space-between;margin:10px 0}
.date_form .datepicker{width:100%; text-align:center;/* height:40px; line-height: 38px; */}
.date_form .datepicker + .datepicker{margin-left:10px}
.page_info_txt{margin-top:15px; margin-bottom:5px; text-align: center;font-size:14px}
/* === } 서브 페이지 검색 */
/* === detail 상품상세 { */
/* 상품 상세 임시 이미지 박스*/
.detail-test-box{text-align: center}
.detail-test-box {max-width: 100%;}

.no-data{text-align: center; color:#262626; font-weight: normal; padding:20px 0; margin:0 auto;font-size: 13px;}
.detail_container{}
.detail_sd {max-width:600px}
.detail_sd .swiper-slide{position: relative; padding-top: 100%}
.detail_sd .swiper-slide img{width:100%; max-width:100%;height: auto !important;position: absolute;left: 0;top: 0}
.detail_sd .dt-button-prev{position:absolute; top:50%; transform:translateY(-50%); left:0; z-index: 9; font-size:25px;background-color: #2626266c;color:#fff}
.detail_sd .dt-button-next{position:absolute; top:50%; transform:translateY(-50%); right:0; z-index: 9; font-size:25px;background-color: #2626266c; color:#fff}
.detail_sd .swiper-slide{text-align: center;}
.detail_info_wrap{padding:20px;}
.detail_info_wrap .table_df .btn_point_r{padding:0 5px}
.prd_name_bar{padding-bottom: 25px}
.prd_name_box{font-size:19px;color: #191919;font-weight: 500;margin-bottom: 5px}
.prd_name_bar .price{font-size: 19px;font-weight: 500}
.prd_name_bar .price span{font-size: 26px;color: #191919;font-weight: bold}
.normal_price{display:block; text-decoration: line-through; color:#676767; font-size: 14px}
.price{font-size: 18px; font-weight: bold}
.detail_info_wrap .list_item_info{padding:0; font-size:14px;border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
.detail_info_wrap .cnt_set_grp{display:flex; justify-content: space-between; align-items:center;padding:10px 0}
.detail_info_wrap .cnt_set_grp .txt{font-size:14px; padding-right:5px;}
.detail_info_wrap .cnt_set_grp .btn_fill_point{padding:0 10px; height:34px}
.detail_info_wrap .cnt_set_grp .amount .amount_input,
.detail_info_wrap .cnt_set_grp .amount .btn_plus,
.detail_info_wrap .cnt_set_grp .amount .btn_minus{height:34px;}
.detail_info_wrap .table_df td{padding:4px 0}
.detail_info_wrap .table_df .btn_gray{padding:2px 5px}
/* 제품상세 - 맞춤피복 */
.detail_info_wrap .custom_otp_area{padding-top: 15px;border-top: 1px solid #DBDBDB}
.detail_info_wrap .custom_otp_area .tit{margin-bottom: 5px}
/* 상품정보 */
.prdDetail .page_tit{width: 50%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 0 auto}
.dt_title{position:relative; margin-bottom:2px; background-color: #f3f3f3; padding:10px; font-size:14px; font-weight: 500;}
.dt_title .xi-deco{position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#7b7b7b}
.dt_title .xi-deco:after{content:"\e941"}
.dt_title.on .xi-deco:after{content:"\e944"}
.dt_info_title{font-size: 16px;font-weight: 600;color: #191919; padding: 0 20px 20px}
.detail_cont{/* padding:10px; */ display:block}
.detail_cont:last-child{padding-bottom:40px}
.detail_cont img{max-width:100%}
.detail_cont .table_df{margin-bottom:10px}
.detail_cont .table_df td{padding: 5px}
.option_list{font-size:13px;}
.option_list li{/*display:flex; flex-wrap: nowrap;*/ margin:5px 0; align-items: center;}
.option_list li .btn_option{margin:1%; width:31%}
.option_list li .op_box{margin-bottom: 10px;display:flex; flex-wrap: wrap;align-items: flex-start; width:100%}
.op_title{display:block; margin:10px auto; text-align: center; color:#676767; font-size: 14px}
/* 옵션선택 */
.detail_option_wrap{padding: 0 20px;box-sizing: unset}
.wrap_tit{color: #999999;font-size: 14px;margin-bottom: 10px}
.detail_option_wrap ul{display: flex;flex-wrap: wrap;padding-bottom: 15px;border-bottom: 1px solid #DBDBDB}
.detail_option_wrap ul li{width: 19.2%; margin-bottom: 1%; text-align: center;border: 1px solid #DBDBDB;color: #191919;padding: 10px; border-radius: 5px;margin-right: 1%;font-size: 14px;font-weight: 500}
.detail_option_wrap ul li.otp_on{color: #0087DE;border-color: #0087DE}
.detail_option_wrap ul li:nth-child(5n){margin-right: 0px}
/* 옵션 아이템 리스트 */
.option_item_list{padding: 20px}
.option_item_list>ul>li{border: 1px solid #DBDBDB;border-radius: 5px;background: #fff;padding: 15px;position: relative}
.option_item_list .check_box{position: absolute;top: 15px;right: 15px}
.option_item_list .del_btn{position: absolute; right: 15px;top: 10px;}
.option_item_list .otp_name{font-size: 16px;color: #191919;font-weight: 600;margin-bottom: 15px;width: 80%}
.option_item_list .otp_info{padding-bottom: 5px;border-bottom: 1px solid #DBDBDB;margin-bottom: 10px}
.option_item_list .otp_info li{margin: 5px 0}
.option_item_list .otp_info div{display: inline-block;font-size: 14px;}
.option_item_list .otp_info .tit{width: 100px; min-width: 60px;color: #999999}
.option_item_list .otp_info .txt{width: calc(100% - 100px);text-align: right;color: #191919}
.option_item_list .amount{text-align: right;margin-bottom: 10px}
.option_item_list .otp_price{font-size: 14px;text-align: right}
.option_item_list .otp_price span{font-size: 18px;font-weight: 600}
/* 총금액 */
.detail_container .total_row{padding: 0px 20px 20px;font-size: 14px; color: #191919;}
.detail_container .total_row .total_price{font-size: 25px;}
.detail_container .total_row .won:after{color:#666666;font-weight: 500;font-size: 12px;}
/* 버튼 */
.detail_container .total_row + .btn_grp_type2{padding: 20px;}
/* 맞춤제복 팝업창 */
.prdDetail_win{text-align: center}
.prdDetail_win p{font-size: 18px;font-weight: 700; margin-bottom: 10px}
.prdDetail_win p + p{font-size: 14px; font-weight: 400; color: #999}
.prdDetail_win button{height: 40px; width: 100px}

/* 상세페이지 */
.detail_cont_wrap{padding-top: 20px}

/* 옵션 그리드 */
#optGrid{border:0}
#optGrid td{padding:5px;}
#optGrid td table td{padding:4px; text-align: center;}
#optGrid td table th{text-align: center;}
#optGrid .k-grid-header{display: none;}
#optGrid td .k-grid-header{display: table-header-group;}
#optGrid .k-grid .k-grid th {width: 25%;}
#optGrid div[id^="optGrid_"] {width: 100%;}
#optGrid div[id^="optGrid_"] table th {width: 25%; padding:0;background-color: #e9e9e9;}
#optGrid div[id^="optGrid_"] table {width: 100%;}
#optGrid div[id^="optGrid_"] table td .optCancelBtn{padding:0 5px; border:2px solid #2f488c; color:#2f488c; background-color: #fff; border-radius: 4px;}
#optGrid.k-grid tr.k-state-selected>td{background-color: #f9ffee}
#optGrid div[id^="optGrid_"] tr.k-state-selected>td{background-color: #fff;}
#optGrid.k-grid tr.k-alt{background-color: #fff;}
/* 동영상 */
.video-container { position: relative; padding-bottom: 56.25%; margin-bottom:10px; height: 0; overflow: hidden; max-width: 100%; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 최종금액 */
.total_row{position: relative; padding:10px 0;text-align: right;}
.total_row .tit{text-align: left;}
.total_row .ct_chck{position: absolute;left:0; top:50%; transform: translateY(-50%); width:30px; height:30px}
.total_row .tot_txt{padding-right:3px; font-size:14px; vertical-align: bottom;}
.detail_container .total_row .tot_txt{display: inline-block;margin-bottom: 5px}
.total_row .total_price{font-size:18px; vertical-align: bottom; color:#ff0000}
.total_row .sub_tt{color:#676767}
/* 하단 고정 바 */
.prd_fx_count{position:fixed;left:0; right:0; bottom:70px;z-index:8; padding:50px 10px 10px;box-shadow: -2px 0 7px #cecece; background-color: #fff;}
.prd_fx_inner{}
.dt_order_wrap{transition:all .3s; /* max-height:10px */}
.prd_fx_count.open .dt_order_wrap{max-height:100%;}
.dt_order_wrap button{width:31%; line-height:30px}
.dt_order_wrap button + button{margin-left:2%}
/*.slt_list_wrap{margin-bottom:16px;}*/
/* 옵션 선택 */
.slt_list_wrap .selected_option_list{padding:8px;max-height:165px; overflow-y: auto;background-color: #f7f6f5;}
.selected_option_list{position:relative; margin-top:10px; }
.selected_option_list .opt_item{position:relative; padding:12px; background-color: #fff; box-shadow: 0 0 6px #e4e1dc;border-radius:6px;font-size:14px}
.selected_option_list .opt_item + .opt_item{margin-top:8px}
.select_tool_box{display: flex;align-items: center; justify-content: space-between;margin-top:10px}
.slt_set_info{text-align: right;}
.slt_set_info .unit_m{font-weight: bold;}
.opt_item .opt_name{padding-right:20px}
.opt_item .item_dlt{position:absolute; right:10px; top:10px}
.dt_tot_bar{padding:10px 0; display: flex; align-items:flex-end; justify-content: space-between;}
.dt_tot_bar .dt_tot_text{font-size: 14px}
.dt_tot_bar .won{font-size: 16px; color:#f7635b}
.dt_tot_bar .won:after{color:#262626}

/* === } detail */
/* === 베스트 상품 { */
.ban_wrap img{width:100%;}
.prd_wrap.best_prd .prd_list li:nth-child(1),
.prd_wrap.best_prd .prd_list li:nth-child(2){width:100%;}
.prd_wrap.best_prd .prd_list li:nth-child(1){margin-top:0}
.prd_wrap.best_prd .prd_info{text-align: center;}
.best_prd .normal_price{display: block;}
.best_prd .price{color:#666666; font-weight: normal;font-size:1.4em; display: block;}
.prd_wrap.best_prd .prd_list li{position: relative;}
.prd_wrap.best_prd .prd_list li .rank_icon{position: absolute; top:0; left:10px; background-color: #5c95f0; color:#fff; width:35px; height:45px; line-height:45px; text-align: center; font-size:14px;}
/* === } 베스트 상품 */

/* === 장바구니 { */
.cart.sub_container{padding: 0px}
.cart{background-color: #EDF1F5;}
.cart .check_area{display: flex;justify-content: space-between;padding: 15px 20px;font-size: 14px;color: #191919}
.cart .check_area input[type=checkbox]{margin-right: 5px}
.cart .order_delv_info{padding-left: 0;padding-right: 0;}
.cart .list_view_item{background-color: #fff;margin: 0px;border:0px;padding: 20px 20px 0;box-sizing: border-box}
.cart .list_view_item>div{display: flex;justify-content: space-between;border-bottom: 1px solid #DBDBDB}
.cart .list_view_item input[type=checkbox]{margin-right: 10px}
.cart .list_view_item .thumb{width: 85px;height: 85px;overflow: hidden;border-radius: 5px;margin-right: 10px}
.cart .list_view_item .close_btn{position: absolute;top: 15px;right: 20px;}
.cart .list_view_item .thumb img{width: 100%}
.cart .list_view_item .right{width: calc(100% - 122px)}
.cart .list_view_item .right .prd_nm{font-size: 16px;color: #191919;font-weight: 600;width: 80%;margin-bottom: 20px}
.cart .list_view_item .prd_info{margin: 0px;line-height: 1.5em}
.cart .list_view_item .prd_info>div{display: flex;justify-content: space-between}
.cart .list_view_item .prd_info div>span{width: 50%; color: #999; font-size: 14px;font-weight: 500}
.cart .list_view_item .prd_info div>span+span{color: #191919;text-align: right}
.cart .list_view_item .prd_info div:last-child{display: block}
.cart .list_view_item .total_price + div{margin: 15px 0 20px}
.cart .list_view_item .total_price + div .btn_blank{line-height: normal; padding: 2px 10px}
.cart table tr:last-child li>div{border-bottom: 0;}
.cart .amount{text-align: right}
.cart .amount .btn_plus,
.cart .amount .btn_minus{background-color: #fff; color: #999999;border-radius: 0px; border-color: #DBDBDB}
.cart .amount .btn_plus{border-left: 0px}
.cart .amount .btn_minus{border-right: 0px}
.cart.sub_container .k-grid-header{display: none; border: 0px}
.cart.sub_container td{padding: 0px}
.cart.sub_container .k-grid{border: 0px}


/* 장바구니 인도지시서 */
.custom_list_tit{padding: 10px 20px; background: #fff; border-bottom: 1px solid #DBDBDB; color: #0059A9; font-weight: 700;font-size: 14px}
.basket_custom_list_wrap #grid2{border: 0px}
.basket_custom_list_wrap .k-grid-header{display: none}
.basket_custom_list_wrap td{padding: 0px}
.custom_list_btn{padding: 20px; background: #fff; margin-bottom: 20px}
.custom_list_btn button{height: 50px}

/* 장바구니 총 금액 */
.total_price_area{padding: 20px;background: #fff;margin-top: 15px}
.total_price_area>p{font-size: 15px;font-weight: bold;color: #333333;margin-bottom: 15px}
.total_price_area>div{font-size: 14px; display: flex; justify-content: space-between;margin-bottom: 15px}
.total_price_area>div span + span{color: #191919;}
.total_price_area .payment_amount{padding: 20px 0; border-top: 1px solid #DBDBDB;margin: 20px 0 0;}
.total_price_area .payment_amount span{color: #191919}
.total_price_area .payment_amount b{font-size: 20px}
.total_price_area button{width: 100%;height: 50px}


/* 켄도 그리드 커스텀 */
.prd_list_custom #grid .k-grid-content{background: transparent;overflow: unset;}
.prd_list_custom #grid{border-width: 0;}
.prd_list_custom #grid .k-grid-header{display: none;}
.prd_list_custom #grid.k-grid td{padding:0; border-width: 0;background:#f9f9f9}
.prd_list_custom #grid td .k-grid-header{display: table-header-group;}
.prd_list_custom #grid div[id^="grid_"] th{padding:0; text-align: center;}
.prd_list_custom #grid div[id^="grid_"] td{text-align: center; padding:4px}
.prd_list_custom #grid div[id^="grid_"] td button[class^="btn_"]{padding:0 5px; border:2px solid #2f488c; color:#2f488c; background-color: #fff; border-radius: 4px;}
.prd_list_custom #grid.k-grid tr.k-state-selected>td{background-color: #f9ffee}
.prd_list_custom #grid div[id^="grid_"] tr.k-state-selected>td{background-color: #fff;}
.prd_list_custom .k-grid .k-grouping-row p{flex-wrap: wrap}
/* === } 장바구니 */

/* === 주문완료 */
.sub_container.order_end{padding:10px 0;}
.order_end_cont{text-align: center; padding:15px;}
.order_end_cont .top_txt{margin-bottom:5px; font-size:15px;font-weight: bold;}
.order_end_cont,
.order_end_info{border-bottom:10px solid #ddd; font-size:13px;}
.order_end .title{border-bottom:1px solid #ddd; font-weight: bold; padding:15px; font-size:14px;}
.end_info_list{display: flex; justify-content: space-between; padding:15px;}
.end_info_list + .end_info_list{padding-top:0}
.end_info_list.total,
.end_info_list.total .won:after{color:#ff0000}
.order_end_cont .btn_1,
.order_end_cont .btn_2{width:100px; height:35px; margin-top:15px; font-size:14px; text-align: center; border-radius:5px}
.order_end_cont .btn_1{border:1px solid #ddd;background-color: #fff; }
.order_end_cont .btn_2{border:1px solid #f7635b;background-color: #f7635b; color:#fff}
/* === 주문완료 */

/* === 검색 { */
/* 필터 */
.search_filter_wrap{margin:10px 0; display: flex;justify-content: space-between;align-items: center;background-color: #fff;}
.search_filter_wrap .filter{padding:4px 5px; border-radius:3px; background-color: #fff; font-size: 14px;border:1px solid #dfe2e6}
.total_cnt{font-size:14px; display: inline-block; vertical-align: middle;}
.sort_slt{width:140px}
.on .dimmed_search_layer{display:block; opacity: .4;transition: visibility ease,opacity .2s linear;}
.dimmed_search_layer{display:none;position: fixed; top:0; left:0; right:0; width: 100%;height:100%; z-index: 100; background-color: #000;opacity: 0;}
.search_filter_detail{position: fixed; top:100%; width:100%; left:0; bottom:0; z-index: 111; /* height:100%; */ border-top-left-radius:15px; border-top-right-radius: 15px; transition: right .2s ease; background-color: #fff;}
.on .search_filter_detail{top:30px}
.filter_list{position: fixed; left:80%;width:80%}
.filter_header{position:relative; padding:15px 10px; border-bottom:1px solid #ddd}
.filter_header .filter_tit{font-size:18px;}
.filter_header .total_cnt{vertical-align: baseline;color:#959da6;font-weight: 300;font-size: 14px;}
.filter_header .filter_close{position:absolute; right:20px; top:50%; transform:translateY(-50%); border:0; background-color: transparent;}
.filter_header .filter_close i{font-size: 18px;}
.filter_body{height:100%; padding-bottom:50px; overflow-x: hidden;font-size:14px;}
.filter_item_list .filter_btn{border:0; background-color: transparent; width:100%; text-align: left; color:#6c7580}
.filter_item_list li label{display: block;}
.filter_body .cnt{padding-left:5px}
.filter_body .filter_sort{position:relative;display: block;width: 100%; margin-top:2px;padding:15px 10px;border: 0;text-align: left;background-color: #fff;}
.filter_body .filter_item_wrap.view{display:block; border-top:1px solid #ddd}
.filter_body .filter_sort.view i{transform: rotate(180deg);}
.filter_item_wrap .filter_item_list{display:none;color:#6c7580; border-left:1px solid #ddd; height:100%; overflow-y: auto;}
.filter_item_wrap .filter_item_list.view{display:block;}
.filter_item_wrap .filter_item_list li{padding:10px;}
.filter_item_wrap .filter_item_list li + li{border-top:1px solid #ddd}
.filter_item_wrap .filter_item_list li.on .filter_btn{color:#5786be}
.filter_item_wrap li .ct_chck{margin-right:10px; height:18px; width:18px}
.filter_body_inner{display: flex; height:100% /* height:calc(100vh - 88px); */}
.search_filter_wrap.on .btn_grp_type2{position:fixed;padding:10px; left:0; right:0; bottom:0;background-color: #fff;}
.sort_wrap{width:120px;/* height:calc(100vh - 180px); */}
.filter_item_wrap{width:calc(100% - 120px);overflow-y: auto; height:100%; padding-bottom:60px}
.prd_list_type .list_item_info li .price{font-weight: normal;}
/* 상품 리스트형 */
/* .prd_list_type{display:none}
.prd_list_type.on{display:block} */
.prd_list_type .btn_grp_type2{margin:5px}
.prd_list_type .wire.btn_grp_type2{position: relative; justify-content:space-between; align-items: center;}
.prd_list_type .wire.btn_grp_type2 button[class^="btn_"]{padding:3px 5px}
.prd_list_type .wire.btn_grp_type2 .amount{/* margin-left:10px; */max-width: 120px;}
.prd_list_type .wire.btn_grp_type2 .btn_plus,
.prd_list_type .wire.btn_grp_type2 .btn_minus{max-width:25px;/* width:100%; */text-align: center; padding:0}
.prd_list_type .wire.btn_grp_type2 .amount_input{width:40px}
.prd_list_type .wire.btn_grp_type2 .wire_set{margin-left:0}
.prd_list_type .wire.btn_grp_type2 .btn_df{max-width:80px}
.prd_icon span:first-child{margin-left:0;}
.item_btn_grp .btn_df,
.item_btn_grp .amount{ width:100%; max-width:unset}
.item_btn_grp .btn_df{width:100%;}
.prd_list_type .list_thumb_item2 .item_box .won:after{color:#676767; font-size:12px;}
/* 썸네일형 */
/* 하단 고정 메뉴 */
.order_bot_menu{position:fixed;left:0; right:0; bottom:83px;z-index:8; padding:15px 20px;background-color: #FCFCFC;transition: all .3s;border-top: 1px solid #DBDBDB}
.order_bot_menu.hide, .hide{bottom:0px; display: none}
.order_bot_menu button{height: 50px}
.scroll_top{position:absolute; right:10px; bottom:100px; width:40px; height:40px; line-height:40px;border-radius: 50%; font-size: 20px; background-color: #0059A9; text-align: center; color:#fff;box-shadow: 0 0px 10px #fff5; cursor: pointer}
.scroll_top.move{bottom:125px}
.hide-menu .order_bot_menu{bottom:0;}
.order_bot_menu .selectbox{width:100%; margin-bottom:5px}
.order_bot_menu.active{bottom:-25px;}
.hide-menu .order_bot_menu.active{bottom:-105px;}
.btn_fold {position:absolute; top:5px; left:50%; transform:translateX(-50%); width:80%; text-align: center; font-size:20px; color:#676767}
.order_bot_menu.active .btn_fold i{transform: rotate(180deg);}
/* 옵션 선택 window */
.option_win .prd_tit{margin-bottom:10px;padding-bottom: 10px;color: #000;font-weight: normal;font-size: 15px;border-bottom: 1px solid #ddd;}
.option_win .opt_item{border:1px solid #ddd; box-shadow: none}
.opt_prd_box{font-size: 0}
.opt_list .opt_sub_item{display: flex; font-size: 12px}
.opt_list .opt_sub_item + .opt_sub_item{margin-top: 5px}
.opt_sub_item .opt_tit{display: inline-block; width: 80px; vertical-align: middle; font-size: 14px}
.opt_sub_item .opt_select{margin-left: 10px; width: calc(100% - 90px)}
.opt_tot_bar{margin:20px 0; text-align: right}
.opt_tot_bar .opt_tot_text{padding-right: 2px; display:inline-block; vertical-align: baseline; font-size: 14px;}
.opt_tot_bar .unit_won{display:inline-block; vertical-align: baseline; font-size: 14px; color:#f7635b}
.opt_tot_bar .unit_won:after{font-size: 14px}
/* === } 검색 */
/* === 상인소개 리스트 페이지 */
.top_title_area{position: relative; height: 100px; overflow: hidden}
.top_title_area .bg{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.top_title_area .top_title_box{width: 100%; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);color:#fff; text-align: center}
.top_title_area .top_title{margin-bottom: 10px; font-size: 20px;font-family: 'Pretendard', sans-serif}
.top_title_area .top_sub_text{font-size: 14px;font-family: 'Pretendard', sans-serif}
.shop_list_wrap{background: #F8F9FB;}
.shop_list_btn_grp{padding:20px 0; text-align: center}
.shop_list_btn_grp .item{display: inline-block;}
.shop_list_btn_grp .item a{display: block; min-width: 80px; height: 30px; line-height: 28px; font-size: 14px; background:#fff; color:#00ABD4; border:1px solid #00ABD4; border-radius: 20px; }
.shop_list_btn_grp .item + .item{margin-left: 5px;}
.shop_list_btn_grp .item .on{color:#fff; background-color: #00ABD4;}
.shop_list_card{display: flex; align-items: center; padding:20px; background:#fff; border:1px solid #E0E0E0; font-family: 'Pretendard', sans-serif}
.shop_list_card + .shop_list_card{margin-top: 10px}
.shop_list_card .shop_thumb{width: 120px; height: 120px; overflow: hidden; border-radius: 50%}
.shop_list_card .shop_thumb img{width: 100%}
.shop_list_card .shop_list_info{margin-left: 20px; width: calc(100% - 140px)}
.shop_list_card .shop_title{margin:5px 0; font-family: inherit; font-size: 18px; font-weight: normal}
.shop_list_card .shop_info_text{margin:5px 0;color:#666666; font-size: 14px}
.shop_list_card .shop_info{margin:5px 0;color: #B9B9B9; font-size: 14px}
.shop_detail_link{display: block; padding:6px 0; width: 130px; text-align: center; border:1px solid #E0E0E0; border-radius: 20px; font-size: 14px; color:#666666}
/* === 상인소개 리스트 페이지 */
/* === 상인소개 상세 페이지 */
/* 프로필 영역 */
.shop_profile_area{padding-top: 120px; padding-bottom: 20px; position:relative; font-family: 'Pretendard', sans-serif; text-align: center; border-bottom: 10px solid #F8F9FB;}
.shop_profile_area .top_shop_bg{position: absolute; top:0; left: 50%; transform:translateX(-50%); width: 100%; overflow: hidden; text-align: center; border-radius: 5px}
.top_shop_bg img{max-height: 120px;}
.shop_profile_thumb{position: relative; margin-top:-60px; margin-left: auto; margin-right: auto; width: 140px; height: 140px; overflow: hidden; border-radius: 50%; border:4px solid #fff}
.shop_profile_thumb img{width: 100%;}
.shop_profile_area .shop_title{margin:15px 0 10px 0; font-size: 25px; font-family: inherit; color: #262626}
.shop_profile_area .shop_desc{margin-bottom: 8px; color:#5F5F5F; font-size: 14px}
.shop_profile_area .shop_info{color:#B9B9B9; font-size: 14px}
/* 상점 소개 및 정보 영역 */
.shop_info_area{padding:30px 20px; border-bottom: 10px solid #F8F9FB;font-family: 'Pretendard', sans-serif;}
.shop_desc_2{margin-bottom:25px;padding-bottom: 20px; border-bottom: 1px solid #B5B5B5; font-size: 14px; color:#737573; line-height: 20px;}
.shop_info_title{margin-bottom: 20px; font-size: 18px; color:#333333; font-family: inherit; text-align: center;font-weight: normal}
.shop_info_list{font-size: 14px;color:#737573;}
.shop_info_list li + li{margin-top:6px;}
.shop_info_list span{padding-right: 5px; display: inline-block;}
/* 상인 상품 */
.shop_prd_area{padding:30px 20px}
.shop_prd_area .shop_info_title{font-family: 'Pretendard', sans-serif;}
/* === //상인소개 상세 페이지 */
/* === 정보수정 */
.edit_info{margin-bottom:20px; border:1px solid #d8d8d8}
.change_password_box{margin-bottom:15px}
.change_password_box .change_password{width:100%; border:1px solid #ddd; height:30px; padding:0 5px;-webkit-appearance: none;font-size:14px}
.change_password_box .change_password + .change_password{margin-top:5px;}
.change_password_box .error_msg,
.change_password_box .primary_txt{margin-top:5px}
/* === 정보수정 */
/* === 원장조회 { */
.ledger_info{margin-top:10px;}
.ledger_info::after{content:''; display: block;clear: both;}
.ledger_info .deadline_txt{float: left; line-height: 34px;}
.ledger_info .btn_s_df{float: right;padding:5px 10px}
.ledger_tb{width: 100%;}
.ledger_tb + .ledger_tb{margin-top:20px;}
.ledger_tb col{width:50%;}
.ledger_tb tr:nth-child(even){background-color: #e9e9e9;}
.ledger_tb tr:nth-child(odd){background-color: #ffffff;}
.ledger_tb th{font-weight: normal;text-align: left; border:1px solid #e4e4e4;padding:5px 10px}
.ledger_tb td{text-align: right;border:1px solid #e4e4e4;padding:5px 10px}
.ledger_txt{margin:10px auto; color:#696969; text-align: center;}
.wnd_account_info{margin-bottom:10px; padding:20px 10px; border:1px solid #d8d8d8; text-align: center;}
.wnd_account_info p{margin-bottom:5px; color:#676767}
.account_num{color:#17ad88}
/* === } 원장조회 */
/* === 미결제내역 { */
.payment_info::after{content:''; display: block;clear: both;}
.payment_info .deadline_txt{float: left; line-height: 34px;}
.payment_info .btn_s_df{float: right;padding:5px 10px}
.pay_tb.pay_total{font-size:14px;}
.pay_tb.pay_total tr:first-child{background-color: #e9e9e9;}
.pay_tb{width: 100%;}
.pay_tb + .pay_tb{margin-top:20px;}
.pay_tb col{width:50%;}
.pay_tb tr:nth-child(even){background-color: #e9e9e9;}
.pay_tb tr:nth-child(odd){background-color: #ffffff;}
.pay_tb th{font-weight: normal;text-align: left; border:1px solid #e4e4e4;padding:5px 10px}
.pay_tb td{text-align: right;border:1px solid #e4e4e4;padding:5px 10px}
.list_item_info_dt{padding:10px 10px 5px; color:#000;font-size:15px}
.list_item_info_dt li{display: flex;justify-content: space-between;}
.list_item_info_dt .tit.pay_state{color:#ff7800;font-weight: 500;}
.list_item_info_dt .tit .sub_txt{color:#676767; font-weight: normal; font-size: 14px;}
.list_item_info_dt .txt {/* width: calc(100% - 155px); */text-align: right;}
.list_item_info_dt .info_date,
.list_item_info_dt .info_price{color:#ff0000; font-weight: normal;}
.pay_total_bar{margin:10px 0; display:flex;align-items: flex-end;justify-content: flex-end;}
.pay_total_bar .pay_text{font-size: 14px;margin-right: 2px;}
.pay_total_bar .total{color:#ff0000; font-size:17px;}
.pay_total_bar + .btn_grp_type1 .btn_fill_point{padding:10px}
.wnd_pay_info{margin:20px 0; text-align: center;}
.wnd_pay_info .tit{display: inline-block; margin-bottom:5px; color:#000}
.wnd_pay_info .info_txt{color:#666666;}
.cart_pay_btn.pay_btn{flex-wrap: nowrap; margin-top: 10px;}
.cart_pay_btn.pay_btn .btn_df{margin-bottom:0}
.cart_pay_btn.pay_btn .btn_df:nth-child(2),
.cart_pay_btn.pay_btn .btn_df:nth-child(3){margin-left:5px;}
.pay_price_bar{margin:10px 0}
.pay_price{width:calc(100% - 25px);height:30px;text-align: right;}
.pay_won{display: inline-block; margin-left:3px; font-size: 15px; font-weight: bold;}
/* === } 미결제내역 */
/* === 보관함 리스트  {*/
.chest_add_tb{width: 100%; table-layout: fixed;}
.chest_add_tb th{width:60px}
.chest_add_name{width: 100%; border: 1px solid #f5f6f5; background-color: #f5f6f5; height:30px; padding:2px 5px; -webkit-appearance: none;}
.chest_add_tarea{border:1px solid #f5f6f5;background-color: #f5f6f5; width: 100%; padding: 5px; -webkit-appearance: none;resize: none}
/* === } 보관함 리스트 */
/* === 보관함 상세보기 { */
.chest_container{padding:10px; background-color: #f7f7f7;min-height:100vh}
.chest_item{margin:10px auto; border:1px solid #d8d8d8; background-color: #fff; border-radius:10px}
.chest_item .item_inner{position:relative; padding:40px 5px 10px; display: flex;}
.chest_item .chest_thumb img{max-width:100%}
.chest_item .chest_thumb,
.chest_item .item_info{position:relative; width:50%; padding:0 5px;}
.chest_item .item_info{padding-bottom: 45px;}
.chest_item .item_info .prd_name{font-size:16px;font-weight: 500;}
/* .chest_item .item_info .prd_name a{display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} */
.chest_item .item_info .info_list{font-size:14px;}
.chest_item .item_info .tit{color:#676767; padding-right:5px}
.chest_item .item_info .txt{color:#000}
.chest_item .item_info .cart_btn{position:absolute; bottom:0; left:5px; right:5px }
.chest_item .item_info .cart_btn .btn_point{width:100%;height:40px; border:2px solid #17ad88; color:#17ad88; font-weight: 500;}
.chest_item .prd_standard{font-size:14px; margin-bottom:5px}
.chest_item .prd_code{display: inline-block; padding-left:5px}
.chest_item .chest_check{position:absolute; top:10px; left:10px;}
.chest_item .chest_check .ct_chck{width:20px; height:20px;}
.chest_item .btn_dlt{position:absolute; right:10px; top:10px;display: inline-block; color:#fff;text-align: center; background-color: #676767; border-radius:50%; width:20px; height:20px; line-height:20px;font-size:15px}
.more_wrap .btn_df{width:100%; padding:10px 5px;}
/* === } 보관함 상세보기 */
/* === a/s신청 { */
.as_note{display: block;padding:10px;width:100%;border:1px solid #d8d8d8;appearance: none; -webkit-appearance: none;}
.as_list_area{display:none;}
.as_list_area.on{display: block;}
.search_prd_area{display:none;}
.search_prd_area.on{display:block}
/* === } a/s신청 */
/* === a/s조회 */
.as_list_wrap .btn_point_r{padding:5px 10px}
.more_list li{display: none;}
.more_list li:nth-child(1),
.more_list li:nth-child(2),
.more_list li:nth-child(3),
.more_list li.more_btn_row{display: block;text-align: center;}
.more_list.on li{display:block}
/*.more_btn{color:#262626; display: block; width:100%;border:0;background-color: #f7f7f7;padding:0 10px; font-size:14px}*/
.more_list.on .more_btn i{transform:rotate(180deg)}
.list_view_item{position:relative}
/* .more_btn{position:absolute; top:41px; left:50%; transform:translateX(-50%)} */
/* === a/s진행현황 { */
.as_hz_tb col{width:50%;}
.file_list{margin:20px 0}
.file_list li{margin:5px 0; font-size:14px;}
.file_list li:after{content:''; display: block; clear:both;}
.file_list li b{float: left; line-height: 28px;}
.file_list li div{float: right;width:50%; text-align: right;line-height: 28px;}
.file_list li .btn_fill_point{padding:2px;width: 100%;}
/* === } a/s진행현황 */
/* === 주문조회 { */
.order_list_wrap#grid th,
.order_list_wrap#grid td{padding: 0}
.order_list_wrap.k-grid{border-color: rgba(0,0,0,0);}
.order_list_wrap.k-grid tr.k-state-selected>td{background: rgb(255, 255, 255)}
.order_list_wrap .list_item_info_dt .tit .sub_txt{padding-left:2px}
.order_list_wrap .list_item_info li .tit{min-width: 60px;}
.order_list_wrap .list_item_info li .txt{width:calc(100% - 125px)}
.order_list_wrap .list_item_info_dt li .txt .deco_red{font-weight: normal;}
.order_list_wrap .state_txt{width:calc(100% - 140px);}
.order_list_wrap .list_view_item{margin:0 auto 10px; text-align: left; background:#fff}
.order_list_wrap .custom_grid.k-grid tr.k-state-selected>td{background-color: #fff;}
.ord_dt_btn{padding:5px 10px; display: flex; justify-content: space-between}
.ord_dt_btn button{height: 30px; padding:0 5px; font-size: 12px}
.more_form{display: none;}
/* 하위 주문서의 마스터 주문서 */
.child_list.list_view_item{margin-left:25px}
/* 하위 주문서 */
.list_view_item.child_list{position: relative; margin-left:25px; border:1px solid #ddd}
.list_view_item.child_list:before {content: '└';position: absolute;left: -25px;top: 5px;font-size: 14px;}
/* === } 주문조회 */
/* === 주문조회상세 { */
.order_state_1{color:#ff7800}
.order_delv_info{background-color: #f7f7f7; padding:10px}
.order_dt_btn_bar{margin-bottom: 5px; padding:10px 5px;border:1px solid #eee;border-radius: 5px; text-align: right}
.order_dt_btn_bar button{font-size: 14px; padding:2px 4px}
.order_dt .ct_chck{right: 0; left:10px}
/* === } 주문조회상세 */
/* === 교환신청 { */
/* .exc_list_area .prd_info_area{border-bottom:1px solid #d8d8d8} */
.exc_list_area{display:none;}
.exc_list_area.on{display: block;}
.exc_meno{width:60%; height:30px}
.exc_list_wrap .filebox label{width:60%; text-align: center;}
.exc_list_wrap .txt .selectbox{width:60%}
/* === } 교환신청 */
/* === 교환조회 { */
.exc_list_wrap [class^="btn_"]{padding:5px 10px}
.img_view{text-align: center;}
.img_view img{max-width:100%}
/* === } 교환조회 */
/* === 교환상세조회 { */
.exc_detail_wrap .list_item_info_dt .txt{width:120px}
.exc_note_box{margin:10px 0}
/* 교환상세조회2 */
.exc_detail_wrap .list_item_info [class^="btn_"]{padding:5px 10px; width:60%}
/* .exc_detail_wrap .prd_info_area{border-bottom:1px solid #d8d8d8} */
/* === } 교환상세조회 */
/* === 교환상품조회 { */
.exc_prd_list_wrap [class^="btn_"]{padding:5px 10px; width:60%}
/* .exc_prd_list_wrap .prd_info_area{border-bottom:1px solid #d8d8d8} */
.exc_state_list .list_row{display:flex; flex-wrap: nowrap; justify-content: space-between;}
.exc_state_list .list_box + .list_box{border-top:1px solid #d8d8d8;padding-top:5px; margin-top:5px}
/* === } 교환상품조회 */
/* === 반품신청 { */
.rtn_list_wrap .rtn_cate{width:60%;}
.rtn_list_wrap .filebox label{width:60%;text-align: center;}
.rtn_list_wrap .rtn_meno{width:60%; height:30px}
.rtn_list_area{display:none;}
.rtn_list_area.on{display: block;}
.rtn_state_list .list_row{display:flex; flex-wrap: nowrap; justify-content: space-between;}
.rtn_state_list .list_box + .list_box{border-top:1px solid #d8d8d8;padding-top:5px; margin-top:5px}
/* .rtn_reg_list_wrap .prd_info_area{border-bottom:1px solid #d8d8d8;} */
/* === } 반품신청 */
/* === 반품조회 { */
.rtn_list_wrap [class^="btn_"]{padding:5px 10px}
.rtn_list_wrap li .rtn_state_1{color:#00a8ff}
.rtn_list_wrap li .rtn_state_2{color:#ff3c00}
.rtn_list_wrap li .rtn_state_3{color:#01ac49}
/* === } 반품조회 */
/* === 반품조회상세 */
.rtn_detail_wrap .list_item_info_dt .tit{width:calc(100% - 110px)}
.rtn_detail_wrap [class^="btn_"]{padding:5px 10px; width:60%}
.rtn_detail_wrap + .table_df_hz th{height: 43px;}
.table_df_hz td .selectbox,
.table_df_hz td .datepickers{width:100%;}
.table_df_hz td .textbox{width:100%; height:30px; box-sizing: border-box;}
.table_df_hz td .textbox + .textbox{margin-top:5px}
/* === 반품조회상세 */
/* === 반품상품조회 { */
.rtn_prd_list_wrap [class^="btn_"]{padding:5px 10px; width:60%}
.rtn_prd_list_wrap .rtn_cate{display: inline-block; padding:7px; width:60%; font-size:14px; font-weight: 500;border-radius:5px; background-color: #7b7b7b;color:#fff; text-align: center;}
/* === } 반품상품조회 */
/* === 견적조회 { */
.esti_info{margin-bottom:10px; text-align: center; color:#666666;font-size:14px}
/* === } 견적조회 */
/* === 견적상세조회 { */
.esti_list{margin-bottom:20px;}
.esti_list.list_item_info{border:1px solid #d8d8d8}
/* === } 견적상세조회 */
/* === 주문번호조회 { */
.pay_info{margin-top:8px; padding:0 10px}
.pay_info li:after{content:''; display:block; clear: both;}
.pay_info li{margin:5px 0}
.pay_info li .tit{float:left; max-width:150px}
.pay_info li .txt{float: right;width: calc(100% - 160px);text-align: right;}
.pay_info .sub_txt{font-size: 12px; color:#686868; vertical-align: bottom;}
.pay_info .pay_state{color:#fe7800}
.pay_total{margin:10px 0;text-align: right;}
.pay_total .sub_pay_txt{vertical-align: bottom; font-size:14px}
.order_spec_check{margin:20px 0; text-align: center; font-size:14px;}
.order_spec_check label{margin:0 5px; color:#676767}
.edit_delv{padding:10px;}
.edit_delv .btn_fill_point{padding:10px;}
/* === } 주문번호조회 */

/* 쿠폰함 */
.grid_cont{margin:10px 0;} /* 그리드 */
.coupon_item{padding:10px; text-align: left; border:1px solid #d0d5d9; border-right:5px solid #35d10e; background: #fff}
.coupon_item .coupon_name{margin-bottom: 4px; font-size: 15px; font-weight: bold}
.coupon_item .use_n,
.coupon_item .use_y{margin-top: 4px; font-size: 12px;}
.coupon_item .use_y{color: #888}
.coupon_item .use_n{color: #0ba5ff}
.coupon_item .date{color: #999}
/* 그리드 커스텀 */
.kendo_table th,
.kendo_table td{text-align: center}

/* === 공지사항 */
.notice_list{padding: 0px}
.notice_list .board_search_area{background: #EDF1F5;padding: 20px;border-radius: 0 0 5px 5px}
.board_search_area .selectbox{color: #191919;margin-bottom: 5px}
.board_search_area input[type=text]{width: 100%;height: 50px;color: #191919;margin-bottom: 10px}
.board_search_area .btn_full{width: 100%;height: 50px;font-size: 14px}

/* 공지사항 상세 */
.notice_detail{padding: 0px}
.bo_detail_wrap .bo_detail_head{border-bottom: 1px solid #DBDBDB;padding: 20px 20px;text-align: center}
.bo_detail_wrap .bo_detail_head h2{font-size: 18px;font-weight: 600;margin-bottom: 10px}
.bo_detail_wrap .bo_detail_head p{display: inline-block; color: #191919;font-size: 12px}
.bo_detail_wrap .bo_detail_head p:first-child{margin-right: 20px}
.bo_detail_wrap .bo_detail_head p span{color: #999999}
.bo_detail_wrap .bo_detail_body{padding: 20px}
.bo_detail_wrap .bo_detail_body button{width: 100%;height: 50px}
.bo_detail_wrap .bo_file{background: #EDF1F5;border-radius: 5px;padding: 15px 15%;box-sizing: border-box;margin-bottom: 40px;}
.bo_detail_wrap .bo_file p{font-size: 14px;display: flex;justify-content: start}
.bo_detail_wrap .bo_file span{width: calc(100% - 38px)}
.bo_detail_wrap .board_ico{flex-basis: 28px; background-color: transparent !important; vertical-align: middle; margin-right: 10px}
.bo_detail_wrap .bo_con{font-size: 14px; color: #191919;line-height: 20px;font-weight: 500}
.bo_detail_wrap .bo_sibling{margin: 30px 0 20px;border-top: 1px solid #DBDBDB;border-bottom: 1px solid #DBDBDB}
.bo_detail_wrap .bo_sibling p{display: flex;justify-content: space-between}
.bo_detail_wrap .bo_sibling p:first-child{border-bottom: 1px solid #DBDBDB;display: flex;justify-content: space-between}
.bo_detail_wrap .bo_sibling span{width: 90px; background: #EDF1F5;padding: 15px 15px 15px 10px;line-height: 28px}
.bo_detail_wrap .bo_sibling i{vertical-align: bottom;}
.bo_detail_wrap .bo_sibling a{
	line-height: 28px;
	width: calc(100% - 90px);
	font-size: 14px;
	color: #191919;
	padding: 15px 15px;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notice_detail button{width: 100%;height: 50px;font-size: 14px}

/* 게시판 테이블 공통 */
.board_list{padding: 20px;box-sizing: border-box}
.board_total{font-size: 12px;color: #666666;font-weight: 600;margin: 10px 0}
.board_total span{color: #0087DE}
.board_table{width: 100%;font-size: 14px;text-align: center}
.board_table thead{border-top: 1px solid #666666;border-bottom: 1px solid #DBDBDB;color: #212123;font-weight: 600}
.board_table thead th{padding: 15px 0;}
.board_table tbody{}
.board_table tbody td{border-bottom: 1px solid #DBDBDB;padding: 15px 0;}
.board_table .board_num{padding: 0 10px;}
.board_table .board_sbj.noti{font-weight: 600}
.board_table .board_sbj{
	display: -webkit-inline-box;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.board_table .board_date{font-size: 12px;color: #999999;padding: 0 10px;}

/* 게시판 아이콘 공통 */
.board_ico{width: 28px;height: 28px;display: inline-block;}
.board_ico.file_ico{background: url("/resources/img/m/board_flie.png") #fff no-repeat 50%/cover}
.board_ico.link_ico{background: url("/resources/img/m/board_link.png") #fff no-repeat 50%/cover}
.board_ico.lock_ico{background: url("/resources/img/m/board_lock.png") #fff no-repeat 50%/cover}
.board_ico.new_ico{background: url("/resources/img/m/board_new.png") #fff no-repeat 50%/cover}
.board_ico.img_ico{background: url("/resources/img/m/board_picture.png") #fff no-repeat 50%/cover}
.board_ico.clip_ico{backgr\ound: url("/resources/img/m/board_clip.png") #fff no-repeat 50%/cover}

/* 페이징 */
.paging{padding:0 20% ;display: flex;justify-content: center;align-items: center; margin: 10px auto 0;}
.paging a{display: block;text-align: center; font-size: 14px;color: #191919;line-height: 28px;width: 28px;height: 28px;background-color: #fff;font-weight: 500}
.paging .link_here{background: #0087DE; width: 28px;height: 28px;color: #fff;border-radius: 50%;display: inline-block;text-align: center}
.paging .page_next{margin-left: 5px}
.paging .page_prev{margin-right: 5px}

/* === 1:1 문의 리스트 */
.sub_container.qna_list{padding: 0px}
.qna_list .board_write_area{padding: 20px;text-align: center}
.qna_list .board_write_area p{font-size: 14px;margin-bottom: 15px;line-height: 20px}
.qna_list .board_write_area button{width: 100%;height: 50px}
.qna_list .board_list{padding: 0px;}
.qna_list .board_list li{border-bottom: 1px solid #DBDBDB;padding: 15px 20px;}
.qna_list .board_list li a{display: flex; justify-content: space-between; align-items: center}
.qna_list .bo_info{width: calc(100% - 52px)}
.qna_list .board_sort{font-size: 13px;color: #0087DE;font-weight: 600;margin-bottom: 5px}
.qna_list .board_sbj{font-size: 14px;font-weight: 600;color: #191919;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.qna_list .board_date{font-size: 13px;color: #999999;}
.qna_list .answer_status{padding: 8px 12px; border-radius: 5px}
.qna_list .answer_status.answer_ok{background: #EAF2FA}
.qna_list .answer_status.answer_ok .status_icon{background: url("/resources/img/m/icon_ok.png") no-repeat 50%/cover; display: block; width: 16px;height: 16px; margin: 0 auto; margin-bottom: 4px}
.qna_list .answer_status.answer_ok .txt{color: #0087DE;}
.qna_list .answer_status.answer_no{background: #EEEEEE}
.qna_list .answer_status.answer_no .status_icon{background: url("/resources/img/m/icon_no.png") no-repeat 50%/cover; display: block; width: 16px;height: 16px; margin: 0 auto; margin-bottom: 4px}
.qna_list .answer_status.answer_no .txt{color: #666666;}

/* 1:1 문의하기 */
.qna_write .form_area{display: block;margin-bottom: 20px}
.qna_write .form_area label{display: block;margin-bottom: 5px;color: #666666; font-weight: 400;}
.qna_write input{height: 50px;width: 100%}
.qna_write textarea{resize: none}
.qna_write .file_area{margin-bottom: 30px}
.qna_write .file_area div{position: relative;margin-bottom: 5px}
.qna_write input[type=file]{color: #DBDBDB;padding: 15px}
.qna_write input[type=file]::file-selector-button{display: none}
.qna_write .file_area i{position: absolute; right: 15px; top: 50%;transform: translateY(-50%)}
.qna_write .file_area p{color: #999999}
.qna_write .btn_area button{width: 100%;height: 50px;display: block;}

/* 1:1 문의 디테일 */
.qna_detail{padding: 0px}
.qna_detail .sort_name{color: #0087DE !important; margin-right: 0px !important; margin-bottom: 5px;font-weight: 600 !important;}
.qna_detail .answer_icon{color: #0087DE; margin-top: 40px}
.qna_detail .answer_icon img{width: 16px; height: 16px; margin-right: 4px}
.qna_detail .answer_area{background: #F6F8FA !important; margin-top: 5px !important;}

/* === faq */
.faq_list{border-top:1px solid #ddd}
.faq_item{position: relative; font-size:14px;}
.faq_item.none{display:none}
.faq_title{position:relative;padding:20px 65px;border-bottom:1px solid #ddd;cursor:pointer}
.faq_title:before{position:absolute; left:10px; top:50%; transform:translateY(-50%); content:'Q'; width:38px; height:38px; line-height:38px; text-align: center; background-color: #868e9a; color:#fff; font-weight: bold; font-size:18px; border-radius:100%}
.faq_cont{display:none; position:relative; padding:20px 25px 20px 65px; border-bottom:1px solid #ddd}
.faq_cont:before{position:absolute; left:10px; top:50%; transform:translateY(-50%); content:'A'; width:38px; height:38px; line-height:38px; text-align: center; background-color: #868e9a; color:#fff; font-weight: bold; font-size:18px; border-radius:100%}
.faq_cont p{word-break: keep-all;}
.on .faq_cont{display: block;}
.on .faq_title::before,
.on .faq_cont::before{background-color: #00ABD4;}
.faq_title .tit{display: block;}
.faq_cate{font-size:13px; color:#018392}
.arrow{position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:20px}
.arrow::before{content:"\e941"}
.on .arrow::before{content:"\e944"}
.faq_cate_list{text-align: center; font-size:0; margin-top:20px; margin-bottom:10px;}
.faq_cate_list a{padding:5px 10px; margin:4px; display: inline-block; border-radius:15px; font-size:14px; color:#262626; border:1px solid #ddd;box-shadow: 1px 1px 3px #ededed;}
.faq_cate_list a.on{color:#00ABD4; border-color:#00ABD4}
/* === faq */
/* === 배송 관련 공통 - 교환, 반품, a/s { */
input[readonly]{background: #F6F8FA;}
.delivery_info_list{font-size:14px; position:relative}
.delivery_info_list .delv_tit{margin:10px 0 5px}
.delivery_info_list .form_wrap{display: flex; justify-content: space-between; margin:5px 0}
.delivery_info_list button[class^="btn_"]{width:100%}
.delivery_info_list input[class^="delv_"]{height:30px; border:1px solid #d8d8d8;-webkit-appearance: none;appearance: none;}
.delivery_info_list .selectbox{width:100%;}
.delivery_info_list .datetimepickers{width:70%;}
.delivery_info_list .datetimepickers + .selectbox{width:30%}
.delivery_info_list .delv_input{width: 100%; padding:0 5px; }
.delivery_info_list .form_wrap .datepicker{width:100%}
.delivery_info_list .delv_time .datetimepickers + .selectbox,
.delivery_info_list .form_wrap button + .selectbox,
.delivery_info_list .form_wrap .selectbox + .selectbox,
.delivery_info_list .form_wrap .delv_input + .selectbox,
.delivery_info_list .form_wrap .delv_input + .delv_input{margin-left:10px}
.delivery_info_list .form_addr{margin:5px 0;}
.delivery_info_list .delv_time{display:flex}
.delivery_info_list .form_addr .delv_addr_code{width:calc(50% - 5px);padding:0 5px}
.delivery_info_list .note_box{margin:10px 0}
.delivery_info_list .delv_note{width:100%; padding:10px; border:1px solid #d8d8d8;appearance: none; -webkit-appearance: none;}
.delivery_info_list .exc_note{width:100%; padding:10px; border:1px solid #d8d8d8;appearance: none; -webkit-appearance: none;}
.delivery_info_list .delv_info{text-align: center; margin:20px 0; color:#666666}
.delivery_info_list .delv_check{position:absolute; top:-5px; right:0; text-align: right;}
.delivery_info_list .delv_check .ct_chck{margin-bottom:2px}
.delivery_info_list + .btn_grp_type1 .btn_fill_point{padding:10px}
/* === } 배송 관련 공통 */
/* === 서브페이지 공통 리스트 페이지 관련 { */
.view_title{margin-bottom:10px; font-size:14px}
.top_btn_bar::after{content:''; display:block; clear: both;}
.top_btn_bar .al_rt{float:right}
/* 리스트 형 */
.list_view_item{margin:10px auto; border:1px solid #d8d8d8; font-size:14px; background: #fff}
.list_view_item .memo_box{margin:10px; background-color: #f7f7f7; color:#666666; padding:10px;text-align: center;}
.list_view_item .btn_grp_type2{padding:10px; border-top:1px solid #d8d8d8}
.list_view_item .btn_grp_type2 button[class^="btn_"]{padding:3px 5px;word-break:keep-all}
/* .list_view_item .btn_grp_type3{padding:10px; border-top:1px solid #d8d8d8} */
.list_view_item .list_tit{padding:10px 10px 0; font-size:16px}
.list_view_item .info_code{padding-left:5px; display: inline-block; font-size:12px; vertical-align: bottom; color:#ff4747}
.list_view_item .amount button[class^="btn_"]{width: 30px}
.state_bar{position:relative; padding:10px; min-height:40px;border-bottom:1px solid #d8d8d8;}
.state_bar .num_txt{position:absolute; left:10px; top:50%; transform:translateY(-50%); padding:2px 5px; display: inline-block; background-color: #5c95f0; color:#fff; border-radius:5px;min-width:30px; min-height:24px; text-align: center;}
.state_bar .chest_name,
.state_bar .num_txt + .state_txt{padding-left:40px;padding-right:40px;/* width:calc(100% - 150px); */display: inline-block;}
.state_bar .ct_chck{position:absolute; right:10px; top:50%; transform:translateY(-50%); width:20px; height:20px}
.state_bar .rt_info{position:absolute; right:10px; top:50%; transform:translateY(-50%); }
.state_bar .btn_dlt{position:absolute; right:10px; top:50%; transform:translateY(-50%); padding:0}
.state_bar .rt_info [class^="btn_"]{padding:4px 2px; font-size: 12px;}
.state_bar .state{position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#1eb0e0}
.state_bar .list_code{position:absolute; right:10px; top:50%; transform:translateY(-50%);}
/* 상품 썸네일 형 */
.prd_info_area{display:flex; align-items: center; border-bottom:1px solid #d8d8d8}
.prd_info_area .info_txt{padding:10px; width:calc(100% - 120px)}
.prd_info_area{padding:10px}
.prd_info_area .thumb{width:100px}
.prd_info_area .thumb img{width: 100%;}
.prd_info_area .prd_name{font-size:15px}
.prd_info_area .info_code{padding-left:0; display: block; font-size:12px;/* vertical-align: bottom; */ color:#ff4747}
.list_item_info{padding:10px; font-size: 14px}
.list_item_info + .list_item_info{border-top:1px solid #d8d8d8}
.list_item_info li {margin:15px 0; color:#676767}
.list_item_info li:after{content:''; display:block; clear: both;}
.list_item_info li .tit{float:left; max-width:100px;font-size: 14px;color: #999999}
.list_item_info li .txt{float: right;width: calc(100% - 100px);text-align: left;word-break: break-word;color: #191919;}
.list_item_info li .txt .nm_txt{color:#5c95f0; font-weight: normal;}
.list_item_info li .price{color:#a90000; font-weight: 600;}
.list_item_info li .datepicker{width:170px; height:30px}
.list_item_info li .amount{text-align: right;}
.list_item_info li .cus_name{padding:5px; height:30px; width:170px;border:1px solid #d8d8d8; border-radius:0;-webkit-appearance: none;}
.list_item_info li .cus_input{padding:5px; height:30px; width:170px;border:1px solid #d8d8d8; border-radius:0;-webkit-appearance: none;}
.list_item_info li .ph_num{color:#5c95f0}
.list_no_data{text-align:center; padding:100px 0; background-color: #fff; border:1px solid #d8d8d8; font-size: 14px}
/* 썸네일 형 리스트 - 교환 페이지 */
.list_prd_info{display:flex; padding:10px;border-bottom:1px solid #d8d8d8; align-items: center;}
.list_prd_info .prd_info_thumb{width:100px;}
.list_prd_info .prd_info_thumb img{max-width:100%;}
.list_prd_info .prd_info_txt{width: calc(100% - 100px); padding-left:5px}
.list_prd_info .prd_info_txt li{display: inline-block;}
.list_prd_info .prd_info_txt .code{color:#ff4747;}
/* 썸네일 형 - 장바구니 (이전 */
.list_thumb_item{margin: 20px 0;}
.list_thumb_item .item_box{display:flex; border:1px solid #d8d8d8; background-color: #fff; padding: 5px;}
.list_thumb_item .item_box .thumb{width: 50%; display:inline-flex; align-items: center;}
.list_thumb_item .item_box .thumb img{max-width: 100%;}
.list_thumb_item .item_box .item_info{width:70%}
.list_thumb_item .item_box .list_item_info{padding:2px 10px;}
.list_thumb_item .item_box .list_item_info .txt{text-align: left;width:calc(100% - 80px)}
.list_thumb_item .item_box .list_item_info li .tit{max-width:80px}
.list_thumb_item .item_box span[class^="st_icon"]{display: inline-block;}
.list_thumb_item .item_box .prd_name{padding:2px 10px; font-size: 16px;}
.list_thumb_item .item_box .prd_icon{padding:2px 10px}
.list_thumb_item .item_box .prd_code{padding:2px 10px}
.list_thumb_item .item_btn_grp{display: flex; margin:5px 0; justify-content: center;}
.list_thumb_item .amount{margin:0 4px}
.item_btn_grp .count_input{margin-right:4px; width: 65px; height:30px; text-align: center;border-radius: 5px; border: 1px solid #ddd; -webkit-appearance: none;}
.item_btn_grp .btn_df,
.item_btn_grp .btn_point{padding:3px 10px;}
/* 검색, 리스트형 상품 진열 */
/*.info_bar{position:relative;!* padding-left:25px; *!background-color: #fff; padding: 5px 35px 5px 10px;border-bottom:1px solid #d8d8d8}*/
/*.info_bar .ct_chck{position:absolute; right:10px;top:7px;width:20px; height:20px; border: 1px solid #c9c9c9}*/
/*.list_thumb_item2{margin: 10px 0;border:1px solid #d8d8d8; background-color: #fff;border-radius:5px; overflow:hidden;}*/
/*.list_thumb_item2 .info_bar .prd_code{display: inline-block; padding-left: 5px;}*/
/*.list_thumb_item2 .item_box{display:flex; padding: 5px 10px 5px 10px;border-bottom:1px solid #d8d8d8}*/
/*.list_thumb_item2 .item_box .thumb{width: 45%; display:inline-flex; align-items: center;}*/
/*.list_thumb_item2 .item_box .thumb img{max-width: 100%;}*/
/*.list_thumb_item2 .item_box .item_info{width:55%}*/
/*.list_thumb_item2 .item_box .list_item_info{padding:2px 10px;}*/
/*.list_thumb_item2 .item_box .list_item_info .txt{text-align: left;width:calc(100% - 80px)}*/
/*.list_thumb_item2 .item_box .list_item_info li .tit{max-width:80px}*/
/*.list_thumb_item2 .item_box span[class^="st_icon"]{display: inline-block;}*/
/*.list_thumb_item2 .prd_name{!* padding:2px 0; *! font-size: 1.3em;}*/
/*.list_thumb_item2 .prd_standard{ font-size: 1em;}*/
/*.list_thumb_item2 .prd_icon{padding:2px 0}*/
/*.list_thumb_item2 .wire_tb{border-top:1px solid #d8d8d8}*/
/*.list_thumb_item2 .amount button[class^="btn_"]{width:30px}*/
/* .list_thumb_item2 .prd_code{padding:2px 0} */
/*.item_btn_grp{display: flex; margin:5px; justify-content: space-around;}*/
/*.wire_dc{margin:5px auto; text-align: center;}*/
/*.sold_out{font-size:14px; margin:10px 0; text-align: center; color:#ff0000; display: block; }*/
/* .list_thumb_item2 .amount{margin:0 4px} */

/* === } 서브페이지 공통 리스트 페이지 관련 */
/* === 서브페이지 하단 고정 메뉴 { */
.bottom-btn{position: fixed;left:0; right:0; bottom:70px; z-index:9; display:flex; font-size:14px; transition: all .3s;}
.hide-menu .bottom-btn{bottom:0}
.bottom-btn .btn_unchecked{width:100%; padding:10px 5px;border:1px solid #d7d7d7; color:#000; background-color: #d7d7d7;}
.bottom-btn .btn_check{width:100%; padding:10px 5px;border:1px solid #00ABD4; color:#fff; background-color: #00ABD4;}
/* === } 서브페이지 하단 고정 메뉴 */
/* ================ 서브페이지 관련 { */

.sub_container .k-grid tr.k-alt{background-color: #fff;}

/* 그리드 column template custom */
.custom_grid.k-grid .k-grid-content{background: transparent;}
.custom_grid.k-grid{border-width: 0;}
.custom_grid.k-grid .k-grid-header{display: none;}
.custom_grid.k-grid td{padding:0; border-width: 0;background:transparent}
.custom_grid.k-grid td .k-grid-header{display: table-header-group;}
.custom_grid.k-grid div[id^="grid_"]{border:0}
.custom_grid.k-grid div[id^="grid_"] .k-grid-header{border: 0;}
.custom_grid.k-grid div[id^="grid_"] th{padding:0; text-align: center;border:0}
.custom_grid.k-grid div[id^="grid_"] td{text-align: center; padding:4px; border-width:0}
.custom_grid.k-grid div[id^="grid_"] td button[class^="btn_"]{padding:0 5px; border:2px solid #2f488c; color:#2f488c; background-color: #fff; border-radius: 4px;}
.custom_grid.k-grid tr.k-state-selected>td{background-color: #f9ffee}
.custom_grid.k-grid div[id^="grid_"] tr.k-state-selected>td{background-color: #fff;}

/* 검색 radio 초기화 */
.radio_list {display: flex;}
.radio_list li {width: 100%; margin-right: 10px;}
.radio_list li:last-child {margin-right: 0;}
.radio_list .k-button{background-color: #fff; background-image: none;}
.radio_list.k-button-group .k-button.k-state-active,
.radio_list.k-button-group .k-button.k-state-selected,
.radio_list.k-button-group .k-button:active,
.radio_list.k-button-group>input[type=radio]:checked+.k-button,
.radio_list.k-button-group>input[type=checkbox]:checked+.k-button{background-color: #7b7b7b; border-color:#7b7b7b;color:#fff; background-image: none}

/* 수량 입력 공통 */
.amount{font-size:0}
.amount .amount_input{text-align: center;height:23px; width:45px; border:1px solid #DBDBDB; font-size:14px;-webkit-appearance: none;appearance: none; border-radius: 0; padding: 0 5px}
.amount .btn_plus,
.amount .btn_minus{padding:0; width:23px;height:23px; background-color: #fff;border:1px solid #DBDBDB; color:#999999; font-size:14px;}
.amount .btn_minus{border-right: 0px}
.amount .btn_plus{border-left: 0px}

/* 테이블 공통 기본 */
.table_df{width:100%;font-size:14px}
.table_df th{background-color: #e9e9e9; font-weight: normal; padding:5px}
.table_df th, .table_df td{border:1px solid #cccccc;text-align: center;}

/* 테이블 공통 가로 기본 */
.table_df_hz{width:100%;font-size: 14px;}
.table_df_hz th{background-color: #e9e9e9;font-weight: normal;}
.table_df_hz th{text-align: left;}
.table_df_hz td{text-align: right;}
.table_df_hz th, .table_df_hz td{border:1px solid #ccc; padding:5px 10px}

/* window */
.window_wrap{display: none;}
.k-window{top: 50% !important;transform: translateY(-50%) !important; position: fixed}
.window_wrap .k-window-title{justify-content: center;}
/*.k-window-titlebar{display: none}*/
.k-window-titlebar.k-dialog-titlebar, .k-window-titlebar{background-color: #0059A9;border-width: 0;padding: 20px}
.k-window-titlebar.k-dialog-titlebar .k-window-title,
.k-window-titlebar .k-window-title{color:#fff}
.k-window-titlebar .k-button{background-image: none;background-color: transparent;}
.k-window-titlebar .k-button .k-icon::before{color:#666666; font-size: 20px;}
.wnd_tit{margin-bottom:10px; font-size:14px; color:#000}
.window_search_bar{display: flex; justify-content: space-between;padding:10px; font-size:12px; background-color: #f7f7f7;}
.window_search_bar .textbox{width:30%;}
.window_search_bar .btn_black{border-radius: 0;padding:2px 0; width:30px; font-size:12px}
.window_search_bar .selectbox + .selectbox,
.window_search_bar .selectbox + .btn_black{margin-left:10px;}
.wnd_tb_bar{margin-top:10px; padding:5px}

/* window img 공통 박스 */
.wnd_img_box img{max-width:100%;}

/* window 버튼 바 */
.wnd_btn_bar{margin:10px 0; text-align: right;}
.wnd_btn_bar button[class^="btn_"]{padding:5px 10px; width: 60px; text-align: center;}

/* window 버튼 바 - 양쪽 정렬 */
.wnd_btn_bar_2{margin:10px 0; display: flex; align-items: center; justify-content: space-between}

/* 버튼 바 가운데 정렬 */
.btn_bar_center{margin:10px auto; text-align: center}

/* window 메인 팝업 */
.main_pop{text-align: center; padding: 0px !important;}
.popup_img_wrap{max-width:100%}
.main_pop img{max-width:100%; width: 100%}
.wnd_check_wrap{background-color: #fff;padding:20px 0; display: flex;justify-content: space-between;align-items: center}
.wnd_check_wrap label{ color:#666666;width: 40%; padding-right: 10%; border-right: 1px solid #DBDBDB}
.wnd_check_wrap input[type=checkbox]{appearance: auto;border: 0px;}
.wnd_check_wrap input[type=checkbox]:checked + label{color: #0059A9;font-weight: 600;}
.wnd_check_wrap button{width: 50%; color: #666666; font-size: 14px; border: 0px;background: #fff}

/* input 공통 */
input{padding: 0 15px;border: 1px solid #DBDBDB}
input[type=checkbox]{border: 0px;padding: 0px}
input::placeholder{color: #DBDBDB;font-size: 14px;}

textarea{width: 100%;padding: 15px;border: 1px solid #DBDBDB}
textarea::placeholder{color: #DBDBDB;font-size: 14px;}

/* input text 공통 */
.textbox{max-width:100%; border:1px solid #ddd; padding:0 15px; border-radius: 0; appearance: none; -webkit-appearance: none;}
.textbox[disabled]{color:#9a9a9a}
.textbox::placeholder{color: #DBDBDB}

/* input select 공통 */
.selectbox.type_1{
	display: block;
	border: 1px solid #DBDBDB;
	font-size: 14px;
	padding: 0 15px;
	width: 100%;
	height: 50px;
	appearance: none;
	color:#999999;
	font-weight: 500;
	background: url("/resources/img/m/ico_bt_arrow.png") #fff no-repeat;
	background-size:28px 28px;
	background-position-x: 98%;
	background-position-y: center;
}
/* input checkbox 공통 */
.checkbox.type_1{
	appearance: none;
	width: 25px;
	height: 25px;
	background: url("/resources/img/m/checkbox_-1.png") no-repeat 50%/cover;
}
.checkbox.type_1:checked{
	background: url("/resources/img/m/checkbox_2.png") no-repeat 50%/cover;
}
.checkbox.type_1 + span{vertical-align: middle;margin-left: 5px}
.checkbox.type_2{
	appearance: none;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #DBDBDB;
	border-radius: 50%;
	background: #fff;
	padding: 0px;
}
.checkbox.type_2:checked{
	background: #0087DE;
	border-color: #0087DE;
	position: relative;
	margin: 0px;
}
.checkbox.type_2:checked::after{
	display: block;
	content:"";
	font-family:xeicon!important;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.checkbox.type_3{
	appearance: none;
	width: 17px;
	height: 17px;
	border: 1px solid #DBDBDB;
	background: #fff;
	padding: 0px;
}
.checkbox.type_3:checked{
	background: #0087DE;
	border-color: #0087DE;
	position: relative;
	margin: 0px;
}
.checkbox.type_3:checked::after{
	display: block;
	content:"";
	font-family:xeicon!important;
	color: #fff;
	font-size: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

/* input radio 공통 */
.radio.type_2{
	appearance: none;
	display: block;
	width: 25px;
	height: 25px;
	border: 1px solid #DBDBDB;
	border-radius: 50%;
	background: #fff;
	padding: 0px;
}
.radio.type_2:checked{
	background: #0087DE;
	border-color: #0087DE;
	position: relative;
	margin: 0px;
}
.radio.type_2:checked::after{
	display: block;
	content:"";
	font-family:xeicon!important;
	color: #fff;
	font-size: 18px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


/* input date 공통 */
.datebox.type_1::-webkit-calendar-picker-indicator{
	background: transparent;
	appearance: none !important;
}
.datebox.type_1{
	height: 50px;
	border: 1px solid #DBDBDB;
	color:#999999;
	border-radius: 0px !important;
	 text-align: left !important;
	font-weight: 500;
	background: url("/resources/img/m/ico_date_calendar.png") #fff no-repeat;
	background-size:28px 28px;
	background-position-x: 97%;
	background-position-y: center;
}

/* input error, text 스타일 공통 */
.delivery_info_list .input_error[class^="delv_"],
.list_item_info li .input_error,
.input_error,
input.input_error,
textarea.input_error{border:2px solid #d25a5a; box-sizing:border-box}
select.input_error,
.selectbox.input_error{background: #ffdbdb4f; border-width: 2px; border-color: #d25a5a}
.error, .pass_error{color:#ff0000}
.pass_error .k-icon{vertical-align: -2px;}
.primary_txt{color:blue;font-size:13px;}
.error_msg{color:#ff0000; font-size:13px;}/* 에러 메시지 */
.unit_won:after,
.won:after{content:'원'; color:#676767}/* 상품 가격 뒤 원 */

/* 공통 none */
.display-none{display:none}

/* 그리드 템플릿 no-data-box */
.no-data-box{font-size:13px; border:0px solid #ddd;text-align: center; height:150px; line-height:150px; width: 100%}

/* 공통 text 스타일 */
.deco_point, .deco_point a{color:#0087DE}
.deco_red, .deco_red a{color:#ff0000}
.deco_blue{color:#396df5}
.text_right{text-align: right}
.text_left{text-align: left}
.text_gray{color: #999999 !important}
.text_point{color: #0057AA !important;}
.text_green{color: #48B875 !important;}
.text_blue2{color: #1072CB !important;}
.text_orange{color: #FF9100 !important;}

/* 공통 바텀 보더 */
.bt_border{border-bottom: 15px solid #ECEFF3 !important;}

/* checkbox custom */
.ct_chck.k-checkbox{width: 20px;height: 20px;border: 1px solid #DBDBDB}
.ct_chck.k-checkbox:checked{background-color: #5c95f0; color:#fff; border-color:#5c95f0}
.ct_chck.k-checkbox:checked:focus{border-color: #5c95f0;box-shadow: 0 0 0 2px rgb(92 149 240 / 48%);}

/* 첨부파일 버튼 커스텀 */
.filebox {display:inline-block;font-size:0}
.filebox label {
	font-size:14px;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	line-height: normal;
	vertical-align: middle;
	background-color: #17ad89;
	cursor: pointer;
	border: 0;
	font-weight:normal;
	border-radius: 3px;
}
.filebox label{margin-left:5px}
.filebox input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

/* 첨부파일2 */
.hide_file{display:none;}

/* 레이어 공통 - 기본형 앱 다운로드 배너 */
/*.df-layer-wrap{display: none;}*/
.df-layer{position: fixed; bottom:0; left: 0; right:0; z-index: 15; width:100%;background-color: #fff; border-radius: 10px; overflow: hidden}
.df-layer .layer-close-btn{position: absolute; top:10px; right:10px; color: #fff; font-size: 20px; background:transparent;border:none}
.df-layer-wrap .dimmed{position:fixed; top: 0; bottom: 0; left: 0; right: 0;z-index: 13; background-color: #000; opacity: .5; }

/* ======== 상품 아이콘 모음 */
.basic_ic{display: inline-block; padding:0 2px; font-weight: normal; border-radius: 3px; font-size: 12px; line-height: normal}
.basic_ic + .basic_ic{margin-left: 2px}
span[class^="st_icon"]{display: inline-block; padding:1px 6px; font-size:11px; margin:2px; font-weight: 300; }
.st_icon_901001{border:1px solid #ff622b;background: #ff622b; color:#fff;}
.st_icon_901002{border:1px solid #ff0000;background: #ff0000;color:#fff;}
.st_icon_901003{border:1px solid #0578ff;background: #0578ff;color:#fff;}

/* ======= 상품 아이콘 모음 */
.icon_box span + span{margin-left:3px;}
[class^="icon_"]{padding:2px; font-weight: normal; border-radius: 3px; font-size: 12px}
.icon_901001{border:1px solid #ff6b21;background: #fff;color:#ff6b21;}
.icon_901002{border:1px solid #ff6b21;background: #fff;color:#ff6b21;}
.icon_901003{border:1px solid #FFE400;background: #fff;color:#FFE400;}
.icon_901004{border:1px solid #06FF00;background: #fff;color:#06FF00;}
.icon_901005{border:1px solid #0578ff;background: #fff;color:#0578ff;}
.icon_901006{border:1px solid #8cd069;background: #fff;color:#8cd069;}
.icon_901007{border:1px solid #3ba3c7;background: #fff;color:#3ba3c7;}
.icon_901008{border:1px solid #0578ff;background: #fff;color:#0578ff;}
.icon_901009{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901010{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901011{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901012{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901013{border:1px solid #ff6b21;background: #fff;color:#ff6b21;}
.icon_901014{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901015{border:1px solid #ff0000;background: #fff;color:#ff0000;}
.icon_901016{border:1px solid #00a878;background: #fff;color:#00a878;}
.icon_901017{border:1px solid #828282;background: #fff;color:#828282;}
.icon_901018{border:1px solid #7f00b4;background: #fff;color:#7f00b4;}
.icon_901019{border:1px solid #3ba3c7;background: #fff;color:#3ba3c7;}
.icon_901020{border:1px solid #1d6ece;background: #fff;color:#1d6ece;}
.icon_901021{border:1px solid #1d6ece;background: #fff;color:#1d6ece;}
.icon_901022{border:1px solid #ff0000;background: #fff;color:#ff0000;}

/* 배송 상태 공통 */
.delv_state_1{color:#17ad88}
.delv_state_2{color:#6fad17}
.delv_state_3{color:#1a1919}

/* ============== 버튼 공통 모음 { */
button{outline: none}
.btn_grp{margin:10px auto;}
.btn_point {background-color: #fff; border: 2px solid #00ABD4;color: #00ABD4;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;}
.btn_fill_point {background-color: #00ABD4; border: 2px solid #00ABD4;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;}
.btn_black{background-color: #000000; border: 2px solid #000000;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_gray{background-color: #d8d8d8; border: 2px solid #d8d8d8;color: #000;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_dark_gray{background-color: #666666; border: 2px solid #666666;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_blank{background-color: #fff; border: 1px solid #DBDBDB;color: #191919;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_blank2{background-color: #fff; border: 1px solid #DBDBDB;color: #DBDBDB;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_blank_p{background-color: #fff; border: 1px solid #0059A9;color: #0059A9;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_blank_p_r0{background-color: #fff; border: 1px solid #0059A9;color: #0059A9;font-size: 14px;padding: 5px 10px;border-radius: 0px; font-weight: 500}
.btn_blank_p2{background-color: #fff; border: 1px solid #0087DE;color: #0087DE;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_full{background-color: #0059A9; border: 1px solid #0059A9;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_full_p{background-color: #0087DE; border: 1px solid #0087DE;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_s_df{background-color: #fff; color:#676767; border:2px solid #676767;font-size: 14px;border-radius: 5px; font-weight: 500}
.btn_s_orange{background-color: #fff; color:orange; border:2px solid orange;font-size: 14px;border-radius: 5px; font-weight: 500}
.btn_df{background-color: #7b7b7b; color:#fff; border:2px solid #7b7b7b;font-size: 14px;border-radius: 5px; font-weight: 500}
.btn_point_r{background-color: #f7635b;color:#fff; border:2px solid #f7635b;font-size: 14px;border-radius: 5px; font-weight: 500;}
.btn_s_red{background-color: #fff;color:#f11b1b; border:2px solid #f11b1b;font-size: 14px;border-radius: 5px; font-weight: 500;}
.btn_f_blue{padding:2px 4px; background-color: #0e9ecc; color:#fff; border:2px solid #0e9ecc; border-radius: 5px;}
.btn_f_gray{padding:2px 4px; background-color: #7b7b7b; color:#fff; border:2px solid #7b7b7b; border-radius: 5px;}
/* 특정 버튼 */
.btn_cart{background-color: #fff; border: 1px solid #0059A9;color: #0059A9;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;height: 50px}
.btn_buy{background-color: #0059A9; border: 1px solid #0059A9;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500;height: 50px}
.btn_login{background-color: #0059A9; border: 2px solid #0059A9;color: #fff;font-size: 14px;padding: 5px 10px;border-radius: 5px; font-weight: 500}
.btn_login:disabled{background-color: #0059A9; color:#fff; border:2px solid #f0f0f0;cursor: not-allowed;}
button[type="button"]:disabled{background-color: #f0f0f0; color:#c6c6c6; border:2px solid #f0f0f0;cursor: not-allowed;}
.btn_keyboard{border:0; background-color: transparent; color:#676767}
.btn_search{background-color: #7b7b7b; color:#fff; border:2px solid #7b7b7b;font-size: 14px;border-radius: 5px; font-weight: 500}
.btn_cargo,
.btn_addr{background-color: #dde0e4; height:30px; border:0}
.btn_dlt{border:0; width:20px; height:20px; line-height:19px; color:#fff; background: #396df5; border-radius:3px}
.del_btn{background: url("/resources/img/m/ico_close.png") no-repeat 50%/cover;width: 28px;height: 28px;border: 0px}
.more_btn{padding: 20px;}
.more_btn button{line-height: 30px}
/* 옵션용 버튼 */
/* .btn_option{background-color: #f3f3f3; border: 1px solid #d8d8d8;color: #d8d8d8;padding: 5px 15px;border-radius: 5px;} */
.btn_option{background-color: #fff; border: 1px solid #00ABD4;color: #00ABD4;padding: 5px;border-radius: 5px;}
.btn_option.on{background-color: #00ABD4; border: 1px solid #00ABD4;color: #fff;}
.btn_option.none{background-color: #e5e5e5; border: 1px solid #989898;color: #989898;}
.btn_grp_type{display: flex;}
.btn_grp_type button[class^="btn_"]{width:100%;}
.btn_grp_type button + button{margin-left:10px;}
/* 버튼 1개 정렬 */
.btn_grp_type1 button{width:100%; font-size:14px;}
.btn_grp_type1 button + button{margin-top:8px;}
/* 버튼 2개 정렬 */
.btn_grp_type2{display:flex}
.btn_grp_type2 button[class^="btn_"]{width:100%; font-size:14px;padding:10px 5px}
.btn_grp_type2 button + button{margin-left:5px}
.btn_grp_type2 input[type="button"] + input[type="button"]{margin-left:10px}
/* 버튼 3개 정렬 */
/* .btn_grp_type3{display: flex;}
.btn_grp_type3 button[class^="btn_"]{width:100%; letter-spacing: -1px; word-break: keep-all;}
.btn_grp_type3 button + button{margin-left:10px;} */
/* 버튼 4개 정렬 */
.btn_grp_type4{display: flex; margin-bottom:10px}
.btn_grp_type4 button[class^="btn_"]{width:100%; margin-right:10px; font-size:14px;padding:9px 5px}
.btn_grp_type4 button:last-child{margin-right:0}
/* 더보기 버튼 */
[class*="list_wrap"] + .btn_grp_type1{margin-top:20px;}
[class*="list_wrap"] + .btn_grp_type1 .btn_fill_point{padding:10px}
/* ============== } 버튼 모음 */

/* ============== 뱃지 공통 모음 { */
[class*="bedge_"]{padding: 5px; border-radius: 5px;border: 1px solid;color: #fff}
.bedge_blue{background-color: #0087DE;border-color: #0087DE;}
.bedge_green{background-color: #65CF55;border-color: #65CF55;}
.bedge_mint{background-color: #35D3D4;border-color: #35D3D4;}
.bedge_gray{background-color: #666666;border-color: #666666;}
.bedge_red{background-color: #FF4141;border-color: #FF4141;}
.bedge_orange{background-color: #FF3D00;border-color: #FF3D00;}
.bedge_pink{background-color: #FF0055;border-color: #FF0055;}

[class*="bedge_b_"]{padding: 5px; border-radius: 5px;border: 1px solid;background-color: #fff}
.bedge_b_blue{color: #1072CB;border-color: #1072CB;}
.bedge_b_green{color: #48B875;border-color: #48B875;}
.bedge_b_orange{color: #FF9100;border-color: #FF9100;}
/* ============== } 뱃지 모음 */

.state_bar .chest_name,
.state_bar .ct_chck + .state_txt,
.state_bar .num_txt + .state_txt{padding-left:35px}
.state_bar .num_txt{left:7px;}
.state_bar .rt_info{right:5px}

/* 상품 상세 후기 및 주문상세 후기 작성 */
.kendo_table {margin-bottom:30px}
.review_point{color:#ffd400}
.review_edit_bar{margin:20px 0; text-align: right}
.file_up_info{margin-top: 5px; margin-bottom: 5px;}
.review_write_area .k-textarea{resize: none}
.review_write_area > li + li{margin-top:10px}
.review_file_name{height: 34px; border:1px solid #ddd; color:#bbb}
.review_write_area .image_container{margin:5px 0;}
.review_write_area .img_delete{display: inline-block; margin-left: 5px; width: 25px; height: 25px; border:0; color:#fff; background-color: #262626; border-radius: 50%; text-align: center; font-size: 13px; vertical-align: top}
.review_header,
.review_body{text-align: left}
.review_cont{padding:10px 0; font-size: 14px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: pointer}
.review_img{margin:10px 0; display: inline-block; width: 80px; border-radius: 10px; overflow: hidden; font-size: 0; text-align: left; vertical-align: top;}
.review_img + .review_img{margin-left: 5px}
.review_cont.on .review_img{display: block; width: auto; max-width: 100%; border-radius: 0}
.review_img_box{margin-top: 10px}
#reviewGrid .k-grid-header .k-header:first-child{padding:0}
#reviewGrid.k-grid tr.k-alt{background: rgba(0,0,0,0)}
#reviewGrid td{padding-left:0; padding-right: 0;}

/* 상품 대 카테고리 리스트 */
.productCateList{padding: 20px;}
.productCateList ul{display: flex;flex-wrap: wrap}
.productCateList ul li{width: 33.3333%;margin-bottom: 20px}
.productCateList .cate_img{width: 100%;display: block;margin-bottom: 10px}
.productCateList .cate_img img{width: 100%;height: auto;display: block;}
.productCateList .cate_name{text-align: center;font-size: 16px;color: #212123;font-weight: 600;display: block}

/* 마이페이지 메인 */
#mypage_main .my_mb_info{padding: 20px;box-sizing: border-box;border-bottom: 15px solid #ECEFF3}
#mypage_main .mb_wrap{display: flex; justify-content: space-between;align-items: center;margin-bottom: 15px}
#mypage_main .mb_img{margin-right: 15px;width: 70px; min-width: 70px; height: 70px;border-radius: 5px;overflow: hidden;}
#mypage_main .mb_img img{width: 100%}
#mypage_main .mb_info{flex: 2;text-align: left;color: #999999;font-size: 12px}
#mypage_main .mb_info .deco{color: #DBDBDB}
#mypage_main .mb_name{font-size: 18px; font-weight: 700; color: #191919;margin-bottom: 10px;display: inline-block;}
#mypage_main .mb_state{border: 1px solid #666666;color: #666666;font-weight: 600;padding: 2px;font-size: 12px;vertical-align: text-bottom;display: inline-block;}
#mypage_main .mb_wrap button{width: 100px; height: 30px; line-height: 30px;box-sizing: border-box;border: 1px solid #DBDBDB;background-color: #fff; border-radius: 5px;font-size: 12px;color: #191919;font-weight: 500}

/* 마이페이지 메인 카운트 */
#mypage_main .my_cnt{padding: 10px 0px; border: 1px solid #DBDBDB; box-sizing: border-box;display: flex;justify-content: space-between;border-radius: 5px;margin-bottom: 20px}
#mypage_main .my_cnt li{width: 33.3333%; border-right: 1px solid #DBDBDB;text-align: center;padding: 10px 0;}
#mypage_main .my_cnt li:last-child{border-right: 0px}
#mypage_main .my_cnt .cnt_label{font-size: 14px;color: #666666;display: block;font-weight: 500;margin-bottom: 5px}
#mypage_main .my_cnt .cnt_num{font-size: 18px;color: #0087DE;font-weight: bold}

/* 마이페이지 메인 주문/배송현황 */
#mypage_main .my_order{}
#mypage_main .my_order h2{font-weight: bold;font-size: 18px;color: #191919;border-bottom: 1px solid #000;padding-bottom: 5px;margin-bottom: 20px}
#mypage_main .my_order h2 span{font-size: 12px;color: #999999;font-weight: 500;margin-left: 5px;}
#mypage_main .my_order ul{display: flex;justify-content: space-between;align-items: center;}
#mypage_main .my_order li{width: 25%;text-align: center;position: relative;}
#mypage_main .my_order li:not(:last-child)::after{content: '▶';display: block;color: #BCC1CF;position: absolute;right: -12%;top: 15%;}
#mypage_main .my_order .my_od_num{display: block;font-size: 22px;font-weight: 600;margin-bottom: 10px}
#mypage_main .my_order .my_od_label{font-size: 13px;color: #191919;font-weight: 600}

/* 마이페이지 메인 메뉴 */
.mypage_menu{margin-bottom: 100px}
.mypage_menu a{display: flex; justify-content: space-between; padding: 15px 20px;align-items: center}
.mypage_menu a span{font-size: 16px;color: #191919;}

/* 최근 본 상품 */
.sub_container.recentProduct{padding: 0px}
.recentProduct .prd_list{padding: 25px 20px 0;}
.recentProduct .no_recent_item{width: 100%;text-align: center;padding: 100px 0;color: #999999;font-size: 14px}

/* 현장판매소(재고조회) */
.offlineShop{}
.offlineShop .tab_area{display: flex;justify-content: space-between;margin-bottom: 20px}
.offlineShop .tab_area a{width: calc(100%/2);display: block; border:1px solid #DBDBDB;padding: 10px;font-size: 14px;color: #191919;text-align: center;border-radius: 5px}
.offlineShop .tab_area a:not(:last-child){margin-right: 1%}
.offlineShop .tab_area a.on{background: #0087DE;color: #fff;border-color: #0087DE}
.offlineShop .search_area{padding: 20px; background-color: #ECEFF3;border-radius: 5px;margin-bottom: 35px}
.offlineShop .search_area p{color: #999999; margin-bottom: 10px;font-size: 12px;font-weight: 500;display: none;}
.offlineShop .search_area .tel_area{display: none}
.offlineShop .search_area p span{margin-right: 5px;display: inline-block}
.offlineShop .search_area .label_tit{font-weight: 700;margin-right: 5px}
.offlineShop .search_area .form_area{display: block}
.offlineShop .search_area input,
.offlineShop .search_area button{width: 100%;height: 50px; font-size: 14px}
.offlineShop .search_area input[type=text]{margin-bottom: 10px}
.offlineShop .total_area{margin-bottom: 10px;font-size: 12px;}
.offlineShop .total_area span{color: #0087DE;padding-left: 0px;vertical-align: baseline;font-size: 12px;font-weight: 600;}
.offlineShop .board_sbj{width: 100%;max-width: 100%}
.offlineShop .deco_point{font-weight: 600}

/* 나의 피복비 (사용내역) */
.clexpList{padding: 0px}
.myexp_area{padding: 20px; background: #fff}
.myexp_area>div:first-child{margin-bottom: 10px}
.myexp_area .my_nm{font-weight: bold;font-size: 18px;margin-right: 5px}
.myexp_area .my_nm + span{font-size: 12px;color: #999999}
.myexp_area .re_exp{border: 1px solid #DBDBDB; border-radius: 5px;padding: 20px 20px;display: flex;justify-content: space-between;font-size: 14px;color: #999999;font-weight: 600}
.myexp_area .re_exp span:last-child{color: #191919;}
.myexp_area .re_exp2{border: 0px solid #DBDBDB; border-radius: 5px;padding: 10px 10px 0px 10px;display: flex;justify-content: space-between;font-size: 14px;color: #999999;font-weight: 600}
.myexp_list{padding: 20px;}
.myexp_list li{border-bottom: 1px solid #DBDBDB;padding: 20px 0;}
.myexp_list li:first-child{padding-top: 0px}
.myexp_list li:last-child{border: 0px;padding-bottom: 0px}
.myexp_list li div{display: flex;justify-content:space-between;font-size: 14px;margin-bottom: 5px}
.myexp_list li div:last-child{margin-bottom: 0px}
.myexp_list li .exp_tit{color: #999999}
.myexp_list li .exp_tit + span{color: #191919; font-weight: 400}
.myexp_list li .exp_plus{color: #009B1E !important;font-weight: 600 !important;}
.myexp_list li .exp_minus{color: #FF0000 !important;font-weight: 600 !important;}
.myexp_list .no_exp{text-align: center;font-size: 14px; padding: 50px 0 0;color: #999;width: 100%;display: block;}

/* 나의 에약현황 */
.myreservation{padding: 0px}
.myreservation .search_area{margin-bottom: 10px}
.reservation_list li{padding: 15px 20px}
.reservation_list .list_head{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #DBDBDB; font-size: 14px;margin-bottom: 10px}
.reservation_list .list_head div{color: #191919}
.reservation_list .list_head div>span{font-weight: 500}
.reservation_list .reservation_date{color: #999999}
.reservation_list .list_body{display: flex;justify-content: space-between}
.reservation_list .left{width: 90px;}
.reservation_list .left span{border: 1px solid #666666; display: block;padding: 5px;text-align: center;border-radius: 5px;margin-bottom: 5px; font-size: 12px}
.reservation_list .left img{width: 100%;height: auto;display: block}
.reservation_list .left span.stock_on{border-color: #0087DE;color: #0087DE;}
.reservation_list .right{width: calc(100% - 105px)}
.reservation_list .prd_nm{font-size: 16px;font-weight: 600;color: #191919}
.reservation_list .prd_info>div{display: flex;justify-content: space-between;font-size: 14px}
.reservation_list .prd_info>div span:first-child{color: #999999}
.reservation_list .prd_info>div span + span{color: #191919}
.reservation_list button{width: 100%;height: 50px;font-weight: 500;}
.reservation_list .no_reservation{padding: 50px 0; text-align: center;font-size: 14px;color: #999}

/* 배송지관리 - 나의 배송지 */
.orderaddressList{height: 100%}
.orderaddressList .tab_list,
.orderaddressForm .tab_list {display: flex;justify-content: space-between;margin-bottom: 20px;cursor: pointer}
.orderaddressList .tab_list a,
.orderaddressForm .tab_list a{font-weight: 500;font-size: 14px;color: #191919;padding-bottom: 10px;width: 50%;text-align: center;border-bottom: 2px solid #DBDBDB}
.orderaddressList .tab_list a.on,
.orderaddressForm .tab_list a.on{color: #0087DE;border-bottom: 2px solid #0087DE;font-weight: bold}
.orderaddressList li{border: 1px solid #DBDBDB;padding: 15px; position: relative; margin-bottom: 10px}
.orderaddressList li:last-child{margin-bottom: 0px}
.orderaddressList li .input_area{position: absolute;right: 15px;top: 15px}
.orderaddressList .basic_orderD{width: 90px; border: 1px solid #0059A9;color: #0059A9;background: #fff;padding: 5px;text-align: center;display: block;border-radius: 5px;margin-bottom: 10px}
.orderaddressList .nm_tel{font-size: 14px;font-weight: 700; color: #191919;margin-bottom: 5px}
.orderaddressList p{font-size: 14px;color: #191919;margin-bottom: 18px}
.orderaddressList li button{width: 64px}
.orderaddressList>.btn_area{display: flex;justify-content: space-between;margin-top: 20px}
.orderaddressList>.btn_area button{width: 50%;height: 50px}
.orderaddressList>.btn_area button:first-child{margin-right: 5px}

/* 배송지관리 - 배송지등록/수정 */
.orderaddressForm{height: 100%;padding-bottom: 100px}
.od_top_box{margin-bottom: 15px;display: flex;justify-content: space-between;}
.od_top_box .join_tit{padding-top: 0px}
.od_top_box .text_gray{font-size: 12px;color: #999999;}
.od_form_area{margin-bottom: 20px}
.od_form_area label{color: #666666;font-size: 14px;display: block;margin-bottom: 5px}
.od_form_area input[type=text],
.od_form_area input[type=email] {height: 50px;width: 100%}
.od_form_area .tel_wrap{width: 100%; border: 1px solid #DBDBDB; display: flex;justify-content: space-between}
.od_form_area .tel_wrap select{border: 0px; min-width: 70px;flex-basis:70px;outline: none}
.od_form_area .tel_wrap input{border: 0px}
.od_form_area.addr_area>div{display: flex;justify-content: space-between;}
.od_form_area.addr_area>div input[type=text]{margin-right: 5px;width: calc(100% - 136px)}
.od_form_area.addr_area>div button{width: 131px; height: 50px}
.od_form_area.check_basic input[type=checkbox]{display: inline-block}
.od_form_area.check_basic label{display: inline-block;vertical-align: middle;margin-left: 5px;margin-bottom: 0px;color: #191919}
.odForm_con .btn_area{display: flex;justify-content: space-between}
.odForm_con .btn_area button{width: 50%;height: 50px}
.odForm_con .btn_area button:first-child{margin-right: 5px}

/* 상품 리스트 */
.sub_container.productList{padding-bottom: 0px}
.menu_navigation{margin-bottom: 10px}
.menu_navigation span{color: #999999;font-size: 14px;font-weight: 500}
.menu_navigation span.on{color: #191919;}
.menu_navigation span:not(:last-child)::after{display: inline-block;content:"\e93e"; font-family:xeicon!important;margin: 0 5px}

/* 상품 리스트 - 카테고리 */


.productList .cate_area{display: flex;flex-wrap: wrap;margin-bottom: 30px;} 
.productList .cate_area li{width: 33%; margin-right: 0.5%; border: 1px solid #DBDBDB;color: #191919;text-align: center;padding: 10px 10px;border-radius: 5px;margin-bottom: 5px}
.productList .cate_area li:nth-child(3n){margin-right: 0px;}
.productList .cate_area li a{font-size: 14px}
.productList .cate_area li.on{background: #0087DE;}
.productList .cate_area li.on>a{color: #fff}



/* 상품 리스트 - 김은성 추가  인도지서쪽 깨짐  카테고리 */
.productList .cate_area2 {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.productList .cate_area2 li{width: 49.5%; margin-right: 0.5%; border: 1px solid #DBDBDB;color: #191919;text-align: center;padding: 10px 10px;border-radius: 5px;margin-bottom: 5px}
.productList .cate_area2 li:nth-child(3n){margin-right: 0px;}
.productList .cate_area2 li a{font-size: 14px}
.productList .cate_area2 li.on{background: #0087DE;}
.productList .cate_area2 li.on>a{color: #fff; display: block}

.productList .cate_area3 {display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.productList .cate_area3 li{width: 33%; margin-right: 0.5%; border: 1px solid #DBDBDB;color: #191919;text-align: center;padding: 10px 10px;border-radius: 5px;margin-bottom: 5px}
.productList .cate_area3 li:nth-child(3n){margin-right: 0px;}
.productList .cate_area3 li.on{background: #0087DE;}
.productList .cate_area3 li.on>a{color: #fff; display: block}


/* 상품 리스트 - total 개수 */
.productList .total_cnt{color: #666666;font-weight: 600;}

/* 상품 리스트 - 정렬 */
.productList .sort_box{border-radius: 5px; border: 1px solid #DBDBDB;overflow: hidden}
.productList .sort_slt{width: 110px}
.productList .sort_box .k-dropdown .k-dropdown-wrap,
.productList .sort_box .k-dropdowntree .k-dropdown-wrap{border: 0px}
.productList .sort_box .k-dropdown .k-dropdown-wrap .k-select,
.productList .sort_box .k-dropdowntree .k-dropdown-wrap .k-select{background: #fff;padding-right: 15px}
.productList .sort_box .k-icon{font-family: 'xeicon';}
.productList .sort_box .k-i-arrow-60-down::before{content: ''}
.productList .sort_box .k-input{padding: 5px 15px;height: 35px;}

/* 상품 리스트 - 아이템 */
.productList .prd_list_type{display: flex;flex-wrap: wrap;}
.productList .prd_list_type li{width: 47.7%; position: relative;margin-bottom: 20px}
.productList .prd_list_type li:nth-child(odd){margin-right: 4.5%}
.list_thumb_item2 .thumb{width: 100%;height: auto;position: relative;padding-top: 99%;overflow: hidden;border-radius: 5px;margin-bottom: 10px;border: 1px solid #DBDBDB}
.list_thumb_item2 .info_bar{position: absolute; top: 10px;left: 10px;z-index: 3;}
.thumb_bg{background: #00000055;width: 100%;padding-top: 102%;position: absolute;top: 0;left: 0px;z-index: 1}
.thumb_bg span{text-align: center; color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 16px}
.list_thumb_item2 .thumb img{width: 100%; height: auto;display: block;position: absolute;left: 0;top: 0;}
.list_thumb_item2 .prd_name{font-size: 16px;color: #666666; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500;margin-bottom: 5px;line-height: 23px;}
.list_thumb_item2 .prd_icon{border: 1px solid #0087DE;color: #0087DE;font-size: 12px;padding: 2px 5px;display: inline-block;margin-bottom: 5px}
.list_thumb_item2 .price{margin-top: 5px;margin-bottom: 10px}
.productList .btn_grp_type{margin-bottom: 40px}
.productList .btn_grp_type button{height: 50px}

.customPrd.productList{}
.customPrd.productList .cate_area{width: 100%; margin-bottom: 15px}
.customPrd.productList .cate_area + .cate_area{margin-bottom: 20px}
.customPrd.productList .cate_area li{width: 50%;margin-bottom: 0px}
.customPrd.productList .depth1 li{border: 0px; border-bottom: 2px solid #DBDBDB;border-radius: 0px}
.customPrd.productList .depth1 li.on{border: 0px; border-bottom: 2px solid #0087DE;background: #fff;}
.customPrd.productList .depth1 li.on a{color: #0087DE; font-weight: 600;}
/*.customPrd.productList .depth2 li:first-child{margin-right: 1%}*/
/*.customPrd.productList .depth2 li{width: 49.5%}*/


/* 주문서 */
.orderForm{}
.orderForm .order_item{padding: 20px 20px 0;box-sizing: border-box;}
.orderForm .order_item li{display: flex;justify-content: space-between;align-items: center;padding: 15px 0;}
.orderForm .order_item li:not(:last-child){border-bottom: 1px solid #DBDBDB}
.orderForm .order_item .thumb{width: 90px; border-radius: 5px;overflow: hidden;}
.orderForm .order_item .thumb img{width: 100%;height: auto;display: block}
.orderForm .order_item .prd_info{width: calc(100% - 110px);margin: 0px}
.orderForm .order_item>p{font-size: 14px;color: #191919;font-weight: 500}
.orderForm .order_item .prd_nm{font-size: 16px;font-weight: 600;color: #191919;}
.orderForm .order_item .prd_num{font-size: 14px; color: #999999}
.orderForm .order_item .prd_price{font-size: 14px;color: #191919;font-weight: 600}
.bottom-navigation.odForm{display: none}

/* 주문서 - 주문자 정보 */
.orderer_info{padding: 20px}
.order_tit{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 15px}
.order_form_area label{display: block;color: #666666;font-size: 14px;font-weight: 400;margin-bottom: 10px}
.order_form_area input{width: 100%; height: 50px}
.order_form_area + .order_form_area{margin-top:20px}

/* 주문서 - 배송지 정보 */
.delivery_info{padding: 20px;}
.delivery_info .order_tit{display: flex;justify-content: space-between}
.delivery_info .order_tit label{font-weight: 500;font-size: 14px;color: #666666;margin-left: 5px}
.delivery_info .order_form_area button{width: 100%;height: 50px}
.order_form_area.addr_area>div{display: flex;justify-content: space-between;}
.order_form_area.addr_area>div input[type=text]{margin-right: 5px;width: calc(100% - 136px)}
.order_form_area.addr_area>div button{width: 131px}
.delivery_info .addr_area .check_area{margin-top: 10px}
.delivery_info .addr_area .check_area>div:first-child{margin-bottom: 10px}
.delivery_info .addr_area .check_area label{display: inline-block; margin-bottom: 0px;color: #666666; margin-left: 5px}
.delivery_info .check_area{display: block !important; border-top: 10px;}
.delivery_info textarea{resize: none; height: 50px}

/* 주문서 - 결제정보 */
.pay_info{padding: 20px}
.pay_info button{width: 164px;height: 50px}
.od_total_pay{}
.od_total_pay ul{padding: 15px 0; font-size: 14px;color: #999999;border-bottom: 1px solid #DBDBDB;margin-bottom: 20px}
.od_total_pay ul li:first-child{margin-bottom: 15px;}
.od_total_pay ul li .txt{color: #191919;font-weight: 500}
.od_total_pay>div{color: #999999;font-size: 14px}
.od_total_pay>div .txt{color: #191919;font-size: 20px;font-weight: 600}
.orderForm .pay_info li .txt{width: calc(100% - 100px);}
.orderForm .od_total_pay>div .txt{display: inline-block;width: calc(100% - 60px);text-align: right}
.orderForm .od_total_pay>div .tit{display: inline-block;width: 60px}

/* 주문서 - 주문자동의 */
.order_agree{padding: 20px;}
.order_agree p{font-size: 14px;color: #666666}
.order_agree p + p{margin-top: 5px; margin-bottom: 10px}
.order_agree input[type=checkbox]{margin-right: 2px}
.order_agree input[type=checkbox] + label{font-size: 14px;line-height: 23px}
.orderForm .order_btn_wrap{padding: 0px 20px 20px;}
.orderForm .order_btn_wrap button{width: 100%;height: 50px;font-size: 14px}

/* 주문완료 페이지 */
.orderCompleted .odCom_tit{font-size: 16px;color: #333333;font-weight: 700}
.orderCompleted li{display: flex;justify-content: space-between;font-size: 14px;margin: 15px 0}
.orderCompleted .tit{color: #999999; width: 60px;font-weight: 500}
.orderCompleted .txt{width: calc(100% - 60px);text-align: right;font-weight: 500}
.bottom-navigation.odComp{display: none}
.order_com_wrap{text-align: center;padding: 35px 20px 30px;}
.order_com_wrap img{max-width: 62px; margin-bottom: 20px}
.order_com_wrap img + div{font-size: 17px;color: #191919;padding-bottom: 30px;border-bottom: 1px solid #DBDBDB}
.order_com_wrap img + div p + p{font-weight: bold;}
.order_com_wrap .wnd_btn_bar_2{margin-top: 30px}
.order_com_wrap .wnd_btn_bar_2 button{height: 50px;width: 100%}
.order_com_wrap .wnd_btn_bar_2 button:first-child{margin-right: 5px}
.odCom_delivery, .odCom_price{padding: 20px}
.odCom_delivery .tit{width: 100px}
.odCom_delivery .txt{text-align: left;width: calc(100% - 100px);}
.orderCompleted .odCom_tit{margin: 10px 0 5px}
.odCom_price>ul{border-bottom: 1px solid #DBDBDB; padding-bottom: 10px}
.odCom_price>ul+ul{border: 0px;padding-top: 10px;}
.odCom_price .tit{width: 100px;}
.odCom_price .txt{width: calc(100% - 100px);}
.odCom_price .won:after{color: #191919;}

/* 주문내역 */
.orderList li{padding: 15px 20px}
.orderList .list_head{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #DBDBDB; font-size: 14px;margin-bottom: 10px}
.orderList .list_head div{color: #191919}
.orderList .list_head div>span{font-weight: 500}
.orderList .reservation_date{color: #999999}
.orderList .list_body{display: flex;justify-content: space-between}
.orderList .left{width: 90px;}
.orderList .left img{width: 100%;height: auto;display: block}
.orderList .left span.stock_on{border-color: #0087DE;color: #0087DE;}
.orderList .right{width: calc(100% - 105px)}
.orderList .prd_nm{font-size: 16px;font-weight: 600;color: #191919}
.orderList .prd_info>div{display: flex;justify-content: space-between;font-size: 14px}
.orderList .prd_info>div span:first-child{color: #999999}
.orderList .prd_info>div span + span{color: #191919; font-weight: 500}
.orderList button{width: 100%;height: 40px;font-weight: 500;}
.orderList .no_orderList{padding: 50px 0; text-align: center;font-size: 14px;color: #999}
.orderList .btn_blank_p2, .orderList .btn_blank{margin-bottom: 5px}
.orderList .btn_grp_type{background: #fff; padding: 20px;}
.od_list_wrap li:last-child{border: 0px !important;}

/* 주문내역 - 상태 */
.od_state{display: block;padding: 5px;text-align: center;border-radius: 5px;margin-bottom: 5px; font-size: 12px;font-weight: 400}

/* 주문상세 */
.odDetail_info{padding: 20px}
.odDetail_info .od_num_wrap{display: flex;justify-content: space-between; font-size: 14px; font-weight: 400;padding-bottom: 15px; border-bottom:1px solid #DBDBDB;margin-bottom: 15px}
.odDetail_info .od_num_wrap>div span:last-child{margin-left: 5px;font-weight: 600}
.odDetail_info .od_num_wrap>span{color: #999999}
.odDetail_tit{font-weight: 700;font-size: 15px;padding-bottom: 10px;color: #333333}
.odDetail_pay_info .info_area ul{border: 1px solid #DBDBDB;padding: 5px 15px;color: #999999;font-size: 14px;margin-bottom: 15px}
.odDetail_pay_info .info_area li{margin: 10px 0;}
.odDetail_pay_info .info_area .total_price{border-bottom: 1px solid #DBDBDB;padding-bottom: 15px;margin-bottom: 15px}
.odDetail_pay_info .info_area .total_price .txt{font-weight: 600}
.odDetail_pay_info .info_area li .tit{width: 90px;display: inline-block}
.odDetail_pay_info .info_area li .txt{width: calc(100% - 90px);display: inline-block;text-align: right;color: #191919}
.odDetail_pay_info .info_area li:last-child{font-weight: 600}
.odDetail_pay_info .info_area .won:after{font-weight: 400;color: #191919}

/* 주문상세 - 상품정보 */
.odDetail_prd_info{padding: 20px;}
.odDetail_prd_info .odDetail_tit{border-bottom: 1px solid #DBDBDB;}
.odDetail_prd_info>ul>li{padding: 15px 0; border-bottom: 1px solid #DBDBDB}
.odDetail_prd_info .list_body>div{display: flex; justify-content: space-between}
.odDetail_prd_info .list_body .btn_grp_type1{height: 40px;margin-top: 10px}
.odDetail_prd_info .list_body .left{width: 90px;}
.odDetail_prd_info .check_area{position: absolute; left: 5px;top: 5px;z-index: 1}
.odDetail_prd_info .list_body .right{width: calc(100% - 100px);}
.odDetail_prd_info  .prd_nm{font-weight: 600;color: #191919;font-size: 16px;margin-bottom: 10px}
.odDetail_prd_info .prd_info{margin: 0px}
.odDetail_prd_info .prd_info li{font-size: 14px;display: flex; justify-content: space-between;}
.odDetail_prd_info li .tit{color: #999999; display: inline-block;min-width: 60px;}
.odDetail_prd_info li .tit{color: #999999; display: inline-block;min-width: 60px;}

/* 주문상세 - 배송지 정보 */
.odDetail_del_info{padding: 0px 20px;}
.odDetail_del_info ul{margin-bottom: 20px}
.odDetail_del_info li{display: flex;justify-content: space-between;font-size: 14px;margin: 10px 0}
.odDetail_del_info li .tit{color: #999999; min-width: 80px;}
.odDetail_del_info li .txt{width: calc(100% - 80px); text-align: left}
.odDetail_del_info button{width: 100%;height: 40px}

/* 취소/반품 */
.cancleReturnList{}
.cancleReturnList .list_head{display: flex;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #DBDBDB;margin-bottom: 10px}
.cancleReturnList .list_head>div{font-size: 14px;}
.cancleReturnList .list_head>div span{font-weight: 600}
.od_more{font-size: 14px; color: #999999}
.cancleReturnList .odDetail_prd_info{padding: 0px}
.cancleReturnList .odDetail_prd_info>ul>li{padding: 20px}
.cancleReturnList .odDetail_prd_info>ul>li:last-child{border-bottom: 0px;padding-bottom: 0px}

/* 반품신청, 취소신청 */
.cancleReturnForm .odDetail_prd_info{padding: 0px}
.cancleReturnForm .odDetail_prd_info>ul>li{padding: 20px}
.cancleReturnForm .list_head{display: flex;justify-content: space-between;font-size: 14px;padding-bottom: 5px;margin-bottom: 15px;border-bottom: 1px solid #DBDBDB}
.cancleReturnForm .od_tit{font-weight: bold;color: #191919}
.cancleReturnForm .od_date{color: #999}
.cancleReturnForm .form_wrap{padding: 20px}
.cancleReturnForm .form_area{display: block}
.cancleReturnForm .form_area + .form_area{margin: 15px 0;}
.cancleReturnForm .form_area label{margin-bottom: 5px;font-size: 14px;color: #666666;display: block}
.cancleReturnForm .form_area .textbox{width: 100%;height: 50px}
.cancleReturnForm .form_area .datebox{width: 100%}
.cancleReturnForm .form_area .textarea{resize: none;height: 100px}
.cancleReturnForm .btn_full{height: 50px;}

/* 취소/반품완료 */
.cancleReturnComp{}
.cancleReturnComp .top{padding: 30px 0 50px;border-bottom: 1px solid #DBDBDB;text-align: center}
.cancleReturnComp .img_wrap{width: 60px;margin: 0 auto 20px;}
.cancleReturnComp img{width: 100%;height: auto;display: block}
.cancleReturnComp .img_wrap + p{font-weight: 400;font-size: 18px; color: #191919}
.cancleReturnComp ul>li{display: flex;justify-content: space-between;margin: 15px 0;font-size: 14px;font-weight: 400;}
.cancleReturnComp .bottom{margin-bottom: 20px}
.cancleReturnComp .tit{display: inline-block;width: 100px; color: #999999}
.cancleReturnComp .txt{display: inline-block;width: calc(100% - 100px); color: #191919;text-align: right}
.cancleReturnComp button{height: 50px}

/* 인도지시서 */
.customDelOrder{text-align: center;padding-top: 30px;}
.customDelOrder .prd_nm{font-size: 16px; color: #191919;font-weight: 600;margin-bottom: 10px}
.customDelOrder .custom_place{font-size: 14px;color: #999999;margin-bottom: 10px}
.customDelOrder .custom_place span + span{color: #191919;font-weight: 500;}
.customDelOrder .qrcode_area{border: 1px solid #DBDBDB;width: 70%; padding-top:70%;border: 1px solid #DBDBDB;margin: 0 auto;position: relative;margin-bottom: 20px}
.customDelOrder .qrcode_area>div{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);width: 80%}
.customDelOrder .qrcode_area img{width: 100%}
.qrcode_info{font-size: 14px;}
.qrcode_info p{margin-bottom: 25px}
.qrcode_info p + p{margin-bottom: 20px}
.qrcode_info ul{border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; width: 100%;margin-bottom: 10px;padding: 10px 0;}
.qrcode_info ul li{margin: 5px 0;}
.qrcode_info ul li .tit{width: 100px; display: inline-block; color: #999999;text-align: left}
.qrcode_info ul li .txt{width: calc(100% - 100px);display: inline-block;text-align: right}
.customDelOrder button{height: 50px}

/* 인도지시서 팝업 */
.customDelOrder_win{}
.customDelOrder_win p{font-size: 16px;margin-bottom: 10px;text-align: center;font-weight: 700}
.customDelOrder_win button{display: block;width: 100px;height: 40px;margin: 0 auto}

/* 검색 공통 레이아웃 */
.search_area.type_1{background: #EDF1F5; padding: 20px}
.search_area.type_1 .date_btn_area{width: 100%;display: flex;justify-content: space-between;margin-bottom: 10px}
.search_area.type_1 .date_btn_area button{width: 25%;margin-right: 5px;background: #fff;border: 1px solid #DBDBDB;background: #fff;height: 50px;border-radius: 5px;font-size: 14px;font-weight: 500;color: #191919}
.search_area.type_1 .date_btn_area button:last-child{margin-right: 0px}
.search_area.type_1 .date_btn_area button.on{background: #0087DE;border-color: #0087DE;color: #fff}
.search_area.type_1 .date_area_2{display: flex;justify-content: space-between;margin-bottom: 10px}
.search_area.type_1 input[type=date]{width: 50%;font-size: 14px;color: #191919; appearance: none !important}
.search_area.type_1 .date_area_2 input[type=date],
.search_area.type_1 .input_area select {background-position-x: 95%;}
.search_area.type_1 input[type=date]:first-child{margin-right: 5px}
.search_area.type_1 .date_area_2 + button{width: 100%;height: 50px}
.search_area.type_1 .input_area{display: flex; justify-content: space-between;margin-bottom: 10px}
.search_area.type_1 .input_area select{margin-right: 5px;width: 30%}
.search_area.type_1 .input_area input[type=text]{width: 70%}
.search_area.type_1 .input_area + button{width: 100%;height: 50px}

/* 치수추천체계 */
.sizeRecomend{}
.sizeRecomend .size_tab{padding: 20px; background: #EDF1F5; display: flex; flex-wrap: wrap}
.sizeRecomend .size_tab li{width: 32.3%; height: auto; text-align: center; padding: 10px; margin-top: 1.5%; background: #fff;margin-right: 1%;border: 1px solid #DBDBDB;border-radius: 5px; cursor: pointer}
.sizeRecomend .size_tab li:nth-child(-n + 3){margin-top: 0px}
.sizeRecomend .size_tab li.on{background: #0087DE; color: #fff}

/* 치수추천체계 - 폼 */
.sizeRecomend .size_form{padding: 20px}
.sizeRecomend .size_info{font-size: 14px; text-align: center; line-height: 20px; margin-bottom: 15px}
.sizeRecomend .tab_con {display: block !important;}
.sizeRecomend .tab_con .img_area{width: 100%; border: 1px solid #DBDBDB; margin-bottom: 20px;display: none}
.sizeRecomend .tab_con .img_area img{width: 100%; height: auto;display: block}
.sizeRecomend .form_area{/*display: flex; flex-wrap: wrap;*/ margin-bottom: 15px; display: grid; grid-template-columns: repeat(2,1fr);grid-template-rows: auto; gap: 2%}
.sizeRecomend .form_area{
	display: -moz-grid;
	display: -ms-grid;
}
.sizeRecomend .form_area li{width: 100%;}
.sizeRecomend .form_area li input[type=text]{height: 50px; width: 100%}
.sizeRecomend .btn_grp_type1 button{height: 50px}

/* 치수추천체계 - 사이즈가이드 */
.sizeGuide{}
.sizeGuide h2{margin-bottom: 10px; font-size: 20px; color: #333333}
.sizeGuide table{border: 1px solid #DBDBDB; width: 100%; font-size: 14px; font-weight: 500; margin-bottom: 20px}
.sizeGuide table tr{border-bottom: 1px solid #DBDBDB}
.sizeGuide table th{background: #F2F2F2; padding: 10px 10px; width: 150px; border-right: 1px solid #DBDBDB; font-weight: 500}
.sizeGuide table td{text-align: center;}
.sizeGuide button{height: 50px; font-size: 14px}

/* 치수추천체계 - footer */
#footer.sizeRecomend{margin-top: 0px}

/* 품목만족도조사 */
.satisfactionSurvey{}
/* 품목만족도조사 - 상품정보 */
.satisfactionSurvey .prd_area{padding: 20px; display: flex; justify-content: space-between;align-items: start;}
.satisfactionSurvey .img_area{min-width: 90px; width: 90px; height: 90px; border: 1px solid #DBDBDB; border-radius: 5px}
.satisfactionSurvey .img_area img{width: 100%; height: auto}
.satisfactionSurvey .info_area{width: calc(100% - 105px)}
.satisfactionSurvey .prd_name{font-size: 16px; color: #191919; font-weight: 700;margin-bottom: 15px}
.satisfactionSurvey .prd_otp span{font-size: 14px; display: inline-block}
.satisfactionSurvey .prd_otp .tit{color: #999999; width: 30px;}
.satisfactionSurvey .prd_otp .txt{width: calc(100% - 34px);text-align: right}
/* 품목만족도조사 - 폼 */
.satisfactionSurvey .form_area{padding: 20px;display: block}
.satisfactionSurvey .radio_area li{margin-bottom: 20px}
.satisfactionSurvey .form_info{color: #333333; font-size: 15px;font-weight: bold; margin-bottom: 20px}
.satisfactionSurvey .form_area input[type=radio]{display: inline-block;margin-right: 10px}
.satisfactionSurvey .form_area input[type=radio]:checked + label{color:#0087DE}
.satisfactionSurvey .btn_grp_type1{padding: 0px 20px 20px;}
.satisfactionSurvey .btn_grp_type1 button{height: 50px}
/* 품목만족도조사 - 푸터 */
#footer.satisfaction{margin-top: 0px}

/* 설문조사 - 팝업 */
#survey_pop{padding: 0px; position: relative;}
#survey_pop .pop_close{position: absolute; right: 20px; top: 20px; background: transparent !important; color: #707070 !important; font-size: 22px !important; cursor: pointer; border: 0px !important;}
#survey_pop .k-window-titlebar{background-color: #fff !important;}
#survey_pop .pop_icon{background: url("/resources/img/m/pop_calendar.png") no-repeat 50%/cover;}
#survey_pop .pop_tit{color: #191919;font-size: 18px;font-weight: bold; text-align: center; margin-bottom: 15px; padding-top: 70px}
#survey_pop .pop_info{text-align: center; color: #666666; font-size: 16px; margin-bottom: 15px}
#survey_pop .date_area{border: 1px solid #DBDBDB; padding: 10px; border-radius: 5px; width: 80%; margin: 0 auto; text-align: center;color: #666666; margin-bottom: 50px}
#survey_pop .date_area .icon_area{display: inline-block; margin-right: 10px;vertical-align: middle;font-weight: 700;font-size: 14px;}
#survey_pop .date_area .icon_area i{width: 17px;height: 17px;display: inline-block;vertical-align: sub;}
#survey_pop .wnd_btn_wrap{display: flex;}
#survey_pop .wnd_btn_wrap button{display: inline-block; padding: 20px 0; width: 50%; text-align: center;font-size: 14px;border: 0px}
#survey_pop .wnd_btn_wrap .close_btn{background: #EDF1F5; color: #666666;}
#survey_pop .wnd_btn_wrap .start_btn{color: #fff; background: #0087DE;}

/* 설문조사 - 페이지 */
.periodQuestionnaire{}
.periodQuestionnaire .form_area{padding: 20px; display: block}
.periodQuestionnaire .form_area h2{margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #333333}
.periodQuestionnaire .radio_area{}
.periodQuestionnaire .radio_area input[type=radio]{display: inline-block; margin-right: 5px}
.periodQuestionnaire .radio_area input[type=radio]:checked + label{color: #0087DE}
.periodQuestionnaire .radio_area li label{color: #999999;}
.periodQuestionnaire .radio_area li:not(:last-child){margin-bottom: 15px}
.periodQuestionnaire .btn_grp_type1{padding: 0 20px 20px;}
.periodQuestionnaire .btn_grp_type1 button{height: 50px}
#footer.questionnaire{margin-top: 0px}


/* 비밀번호 변경 안내 페이지 */
.account_cont{margin:0 auto; padding:50px 0; width: 400px; font-size: 14px}
.account_tit{margin:40px auto 20px; padding-bottom: 20px; border-bottom: 1px solid #262626;  font-size: 25px; text-align: center}
.change_pw_text{margin-bottom: 30px; text-align: center;}
.change_pw_cont .pw_input{width: 100%; height: 45px; padding:0 10px; border:1px solid #ddd}
.change_pw_cont .pw_input + .pw_input{margin: 5px 0}
.change_pw_cont .pw_input:focus{border-color: #000}
.change_pw_cont .pw_input:nth-child(1){margin-bottom: 15px;}
.change_pw_btn{margin-top: 14px; font-size: 0}
.change_pw_btn button{width: calc(50% - 7px); height: 45px; font-size: 14px}
.change_pw_btn button + button{margin-left: 14px}
.pass_error{color:#ff0000}
.pass_error .k-icon{vertical-align: -2px;}

/* 레이어 공통 */
.layerPop{display: none; width: 100%;height: 100%; position: fixed; top: 0px; left: 0px;z-index: 6;}
.layerBg{width: 100%;height: 100%;background: #0008;}
.layerPop .innerLayer{width: calc(100% - 40px); height: auto; background: #fff; position: absolute; top: 50%;left: 50%;transform:translate(-50%,-50%); border-radius: 5px}

/* 레이어 공통 - 헤더 */
.layer_close{background: url("/resources/img/m/ico_close.png") no-repeat 50%/cover;width: 28px;height: 28px;border: 0px}
.layerHead{display: flex;justify-content: space-between; align-items:center; padding: 20px;border-bottom: 1px solid #DBDBDB}
.layerTit{font-size: 18px;font-weight: 600;color: #191919;}

/* 레이어 공통 - 바디 */
.layerBody{padding: 20px}

/* 탭공통 */
.tab_con{display: none}

/* 피복비 계산 테이블 */
.clexp_table{width: 100%;font-size: 14px;text-align: center}
.clexp_table thead{border-top: 1px solid #666666;border-bottom: 1px solid #DBDBDB;color: #212123;font-weight: 600}
.clexp_table thead th{padding: 15px 0;}
.clexp_table tbody{}
.clexp_table tbody td{border: 1px solid #DBDBDB;padding: 15px 0;}