#hd{margin:0 !important;}
.check_wrap{height: 25px; position: relative; z-index: 2;}
input.checker{opacity:0;display: inline-block;}
.input_shape{display:inline-block;width:25px;height: 25px;   background: url(/img/sprite_form.png)no-repeat;vertical-align: middle;margin-top:-14px;}
.input_shape.check{background-position: -30px 0;}
.input_shape.radio{background: url(/img/sprite_form.png)no-repeat; background-position: -60px 0;}
.input_shape.radio.check{background: url(/img/sprite_form.png)no-repeat; background-position: -90px 0;}
input[type=text], input[type=number], input[type=url], input[type=tel], input[type=search], input[type=email], input[type=password], select {vertical-align: middle;border: 1px solid #ebebeb;border-radius: 3px;font-size: 9pt;height: 30px;line-height: 20px;width: 180px;text-indent: 0;box-sizing: border-box;margin: 5px 0px 5px 0;}
.numbeing{position: absolute;top:0;left:0;width:30px;height: 30px;line-height: 30px;text-align: center;color:#fff;background: #8ec251;
z-index:1000000;} /*18-03-27 넘버링 크기 변경*/
.btn_c{text-align: center;margin-top: 20px;}
.btn_c a{display: inline-block;height: 35px;width:80px;background: #c2c2c2;color:#fff;border-radius: 3px;line-height: 35px;font-size: 15px;}
.btn_c a:first-child{background: #8ec251;}
.gray_dot{color:#acacac;font-size: 14px;}
.gray_dot:before{padding-right:10px;content:"●";color:#bababa;font-size: 8px;text-indent: 10px}
#sod_bsk{}
#sub_wrap{ width:100%; position:relative;}
#wrap.note #sub_wrap{margin-top: 20px;}
/*#sub_wrap.my{margin-top: 10px;}*/
#sub_wrap.best_product{}
.sub_visual{width:100%;}
#sub_wrap .inner {max-width:1280px;margin:0 auto;}
#sub_wrap .inner.login_page{max-width:1200px;}
#sub_wrap .inner.join {max-width:1200px;margin:0 auto;background: #fff;padding:0 135px;min-height:350px;box-sizing: border-box;}
#sub_wrap .inner2 {max-width:1280px;margin:0 auto; position: relative; z-index: 0;}

#sub_wrap .my_local_wrap .inner .join{width:100%;box-sizing: border-box;margin:0 !important;}
.set_nav_wrap{background: #f5f5f5;padding:10px 0 5px;}
.set_nav {margin-bottom: 20px;width:1280px;margin: auto;}
.set_nav li{display:inline-block; vertical-align:middle; background:url(/img/bul_loc.png)no-repeat right center;padding:0 10px;}
.set_nav li:last-child{background:none;}
.set_nav li:last-child a{background:none;}
.set_nav li:first-child {padding-left:0; font-size:1.1em; line-height:1.4;}
.con_left{float:left;width:452px;}
.con_right{float:right; }

.ffll{position: absolute;top:3px;right:0;}
.ag_text a{text-decoration: underline;}
.ag_text a.on{color: #0d2b45;font-weight: bold;text-decoration: underline;text-decoration-color: #fdbb30}
.join .con.right{width:300px;height: 905px;display: table;}
.join .con.right .type{display: table-cell;vertical-align: middle;}
.join .con.or{width:150px;height:905px;background:url(/img/or.jpg)no-repeat center center;float:left;}
.join h4{font-size: 20px; color: #4d4d4d; font-weight: 500;margin-bottom: 10px;text-align: center;}
.join h3{color:#1d1d1d;font-size: 18px;font-weight: 500; }


.join.step01 input{width:74%; margin-right:2%; /*height: 40px;*/ margin-right:2%; font-size: 13px;margin-bottom: 15px;border:none; float:right; box-sizing: border-box;
    /*line-height: 60px;*/ padding:5px;}
.join.step01.step01_con{position: relative;}
.join.step01.step01_con p{position: absolute;top:5px;left:0;}
.join.step01 h2{color:#1d1d1d;font-size: 18px;font-weight: bold;}


.file_custom {display:inline-block;zoom:1;*display:inline;vertical-align:middle;font-size:0;position:relative;}
.file_custom .disable_field {display:inline-block;vertical-align:top;height:24px;line-height:24px;margin:0;padding:2px 5px;border:1px solid #ddd;background-color:#fafafa;box-sizing: border-box;}
.file_custom .btn_file_wrap {position:absolute;right:10px;overflow:hidden;top:10px;display:inline-block;vertical-align:top;width:80px;height: 35px;}
.file_custom .btn_file_wrap input.upload {position:absolute;top:-11px;left:5px;margin:0;padding:0;font-size:14px;cursor:pointer;}
.file_custom .btn_file_wrap .btn_file {display:inline-block;vertical-align:middle;padding:0 20px;height:28px;line-height:28px;font-size:13px;font-weight:bold;color:#555;background-color:#fff;}

#sub_wrap .join_logo{text-align: center;margin-bottom: 30px;}
#sub_wrap div.title {padding-top:0;position:relative;}
#sub_wrap div.title p{width:100%;padding:30px 0;text-align: center;}

#sub_wrap div.title h3 {font-size:1.2em;font-weight: 500;padding:20px 0 25px;color:#4d4d4d; text-align:center;}
/*#sub_wrap div.title h3 img{width:300px;}*/

#sub_wrap .step01 div.title  h3{text-align: center;font-size: 28px;font-weight: bold;}

#sub_wrap div.title h3 span{color:#fdbb30;font-weight: bold;}
#sub_wrap div.title .linemap {position:absolute;top:10px;right:0;color:#666;}
#sub_wrap .login_form {width:240px;border-top:2px solid #d01e44;border-bottom:2px solid #d01e44;background-color:#f0f0f0;font-family:NanumBarunGothic-B;font-size:13px;color:#333;padding:30px 95px;}
#sub_wrap .login_form label {font-size:12px;vertical-align:middle;}
#sub_wrap .login_form label.label {font-size:13px;width:65px;padding-right:5px;display:inline-block;text-align:right;}
#sub_wrap .login_form .input {border:1px solid #ddd;width:100px;height:20px;line-height:20px;vertical-align:middle;}
#sub_wrap .login_form input[type="checkbox"] {vertical-align:middle;border:1px solid #333;margin-left:5px;}
#sub_wrap .login_form .buttons a {background-color:#585858;color:#fff;font-family:NanumBarunGothic-R;margin-right:5px;padding:7px 17px;}
#sub_wrap .login_form .buttons a.btn_join {background-color:#43526e;margin-right:0;}
#sub_wrap .login_form .txt_small {font-size:12px;text-align:center;color:#666;margin-bottom:5px;}
#sub_wrap .login_form .btn_find {background-color:#2f2f2f;color:#fff;display:block;width:100%;text-align:center;height:30px;line-height:32px;font-family:NanumBarunGothic-R;}

.doc_text_wrap{position: relative;}
#sub_wrap .join .agree_wrap {position:absolute;top:0;left:0;}
/*#sub_wrap .join_tit_img{text-align: center;background: #fff;font-size: 0;}*/
/*#sub_wrap .join_tit_img img{display: inline-block;width:33.333%;}*/
#sub_wrap .join .agree_wrap h4.title {padding-left:10px;font-size:15px;font-weight:700;font-family:'Nanum Gothic';color:#000;cursor: pointer;}
#sub_wrap .join .check {position:absolute;top:5px;right:0;color: #000;}
#sub_wrap .join h4.title .fa{color:#8ec251;}
#sub_wrap .join .check input{vertical-align: middle;}p.all_check{padding: 15px 20px; background: #eaeaea; font-size: 14px; color: #000; margin:30px auto; font-weight: bold;}p.all_check input{vertical-align: middle;}

#sub_wrap .agree_txt {border-top:2px solid #8ec251;margin-top:10px;background-color:#fafafa;height:250px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;overflow-y:auto;line-height:150%;color:#666;padding:20px;
display: none;}

#sub_wrap .map-wrap > h3 { font-size:1.3em; margin-top:50px; }
#sub_wrap .map-wrap ul { border-top:2px solid #333; margin-top:50px; }
#sub_wrap .map-wrap ul li { padding:30px 20px; border-bottom:1px solid #ddd; }
#sub_wrap .map-wrap ul li:last-child { border:0; }
#sub_wrap .map-wrap ul li h4 { font-size:1.3em; margin-bottom:10px; }
#sub_wrap .map-wrap ul li span { display:inline-block; padding:0 5px; background:#8f754a; color:#fff; margin-right:5px; }
#sub_wrap .map-wrap ul li font { display:inline-block; background:#8f754a; color:#fff; border-radius:99px; width:20px; height:20px; text-align:center; line-height:18px; }

.modal-index {position: relative; z-index: 30;}
.modal.pop-bg::before {content: ""; position: fixed; width: 100vw; height: 100vh; background-color: #00000080; left: 0; top: 0;}
.modal .btn-close,
.modal .btn-close:hover {background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23006666'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}

.record span {margin-left: 1.5vw; margin-right: 0.5vw; font-size: 1.2rem; font-weight: bold; color: #0d6efd;}
.deduction {color: #e74a3b; font-weight: bold;}
.primary {color: #0d6efd; font-weight: bold;}

/*자주묻는질문*/
.top_search{position: relative;}
.top_search select{
	position: absolute;
	top:5px;
	left:120px;
	  display: inline-block;
    margin-bottom: 6px;
    width: 120px;
    height: 30px;
    line-height: 30px;

    font-size: 15px;
    border-color:transparent;
		border-right: 1px solid #8ec251;
	box-sizing:none;
    font-weight: 500;
    color: #6a6a6a;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/bule_arrow01.jpg)no-repeat 90% center;
}

.top_search input{border:2px solid #8ec251; height:31px;line-height: 31px;background: #fff;width:600px;}
.top_search a{position: absolute;height: 31px;top:4.5px;right: 20px;color:#fff;background: #8ec251;text-align: center;line-height: 35px;padding:0 15px;}

/*page*/
.pagings_d {text-align: center;margin:30px 0;}
.pagings_d  ul{text-align: center;display: inline-block;}
.pagings_d li{display: inline-block;padding:0px 10px;height: 40px;line-height: 40px;background:url(/img/gray_bar.jpg)no-repeat right center;}
.pagings_d li:last-child{background:none;}
.pagings_d li a.on{color:#8ec251;}
/*top_5*/
.top_5{background: #fff;}
.top_5 ul li .qus{cursor: pointer;background:url(/img/bule_arrow02.jpg)no-repeat 98% 8px;}
.top_5 ul li .qus,.top_5 ul li .ans{border-bottom: 1px solid #ebebeb;padding:5px 5px;}
.top_5 ul li .ans{background: #fafafa;position: relative;padding-left:40px;min-height: 150px;display: none;}
.top_5 ul li .ans img{position: absolute;top:5px;left:5px;}
#sub_wrap .join .buttons {text-align:center;margin-bottom:30px;clear: both;}
#sub_wrap .join .buttons a {background-color:#2f2f2f;color:#fff;font-size:15px;width:50%;
display: block;float:left;font-size: 20px;padding:20px 0;}
#sub_wrap .join .buttons a.btn2 {background-color:#304365;margin-right:0;}
#sub_wrap .join .buttons a.btn3 {background-color:#a3a3a3;margin-right:0;}
#sub_wrap .join table {width:100%;border-top:1px solid #cecece;border-bottom:1px solid #cecece;}
#sub_wrap .join table th {width:135px;font-size:14px;color:#333333;text-align:center;border-bottom:1px solid #fff;padding:10px 0;font-weight: 500;}
#sub_wrap .join table td {border-bottom:1px solid #fff;color:#999;font-weight:600;padding:10px 15px;}
#sub_wrap .join table td input{height: 40px; line-height: 40px;}
#sub_wrap .join table td input[type="text"].num {width:120px;margin-right:0;}
#sub_wrap .join table td input[type="text"].middle {width:205px;}
#sub_wrap .join table td input[type="password"].middle {width:205px;}
#sub_wrap .join table td input[type="text"].wide {width:520px;}
#sub_wrap .join table td select {border:1px solid #ebebeb;height:40px;line-height:40px;vertical-align:middle;width:120px;box-shadow:none;

}
#sub_wrap .join table td label {font-weight:400;color:#000;margin-right:10px;vertical-align:middle;}
#sub_wrap .join table td span {font-weight:400;font-size:11px;}
#sub_wrap .join table td a.btn_bg {background:/*url(/img/sub/btn_bg.png) repeat-x*/ #8ec251;display:inline-block;width:80px;height:30px;line-height:30px;border:1px solid #efefef;font-size:12px;text-align:center;border-radius:3px;font-weight:400;vertical-align:middle;color: #ffffff;}
.btn_bg {background: #8ec251;display:inline-block;width:auto;height:30px;line-height:30px;padding:0 10px;border:1px solid #efefef;font-size:13px;text-align:center;border-radius:3px;font-weight:400;vertical-align:middle;color: #ffffff;}
#sub_wrap .terms_wrap {border-top:2px solid #d01e44;background-color:#f5f5f5;color:#666;line-height:150%;margin:50px 0;padding:25px;}
#sub_wrap .terms_wrap dt {font-weight:600;background:url(/img/sub/arrow.png) left 5px no-repeat;padding-left:10px;}
#sub_wrap .terms_wrap .large strong {font-weight:600;font-size:15px;}
#sub_wrap .lnb {float:left;width:210px;}
#sub_wrap .lnb h2 img{width:100%;}
#sub_wrap .lnb+.right_cont>.title>h3{padding:15px 0;}
#sub_wrap .lnb h2 {background-color:#8ec251;color:#fff;font-size:25px; padding:25px 0;text-align:center;font-weight:600;font-family:'Nanum Gothic';}
#sub_wrap .lnb > ul > li {border-bottom:1px solid #ddd;}
#sub_wrap .lnb > ul > li > a {display:block;color:#666;padding:10px;font-size:14px;}
#sub_wrap .lnb > ul > li > a.active {color:#8ec251;font-weight:normal;}
#sub_wrap .lnb .depth2 {border-top:1px solid #ddd;background-color:#f7f7f7;line-height:170%;padding:10px;}
#sub_wrap .lnb .depth2 a:before {content:'-';padding-right:3px;}
#sub_wrap .right_cont {float:right;width:1031px;min-height:400px;padding-bottom:50px;}
#sub_wrap .right_cont div.title {margin-top:0;}
#sub_wrap .right_cont .tab {margin-top:50px;}
#sub_wrap .right_cont .tab li {float:left;width:25%;}
#sub_wrap .right_cont .tab li a {display:block;margin-right:2px;background-color:#ececec;text-align:center;line-height:35px;height:35px;font-family:'Nanum Gothic';font-size:14px;font-weight:600;}
#sub_wrap .right_cont .tab li a.active {background-color:#8ec251;color:#fff;}
#sub_wrap .search_bar {position:relative;margin-top:30px;}
#sub_wrap .search_bar form {position:absolute;top:0;right:0;text-align:right;}
#sub_wrap .search_bar a {border-radius:3px;color:#fff;vertical-align:middle;padding:5px 7px;}
#sub_wrap .search_bar a.btn_search {background-color:#8ec251;}
#sub_wrap .search_bar a.btn_list {background-color:#424242;}
#sub_wrap .bbs_list {margin-top:10px;width:100%;border-top:2px solid #e7e7e7;margin-top: 30px;}
#sub_wrap .bbs_list thead th {background:/*url(/img/sub/bbs_bg.png) repeat*/ #f5f5f5;color:#525753;padding:10px 0;background: #f4f4f4;
border-top:2px solid #233d4b;}
#sub_wrap .bbs_list tbody td {border-bottom:1px solid #e7e7e7;text-align:center;padding:10px 0;}
#sub_wrap .bbs_list tbody td:first-child{color:#8ec251;}
#sub_wrap .bbs_list tbody td.subject {text-align:left;padding:10px;}
#sub_wrap .bbs_list tbody td .deleted {color:#999;}
#sub_wrap .bbs_list tbody td.photo img {width:60px;height:60px;}
#sub_wrap .bbs_list tbody td.star {font-size:10px;color:#ccc;}
#sub_wrap .bbs_list tbody td .line {text-decoration:underline;color:#888;}
#sub_wrap .bbs_list tbody td.text-left {text-align:left;}
#sub_wrap .bbs_list tbody td a.btn {background-color:#d11e45;color:#fff;border-radius:3px;font-size:11px;padding:4px 5px;}
#sub_wrap .bbs_view {width:100%;margin-top:20px;border-top:2px solid #8ec251;}
#sub_wrap .bbs_view thead th {background:/*url(/img/sub/bbs_bg.png) repeat*/ #f5f5f5;color:#525753;text-align:left;padding:10px 15px;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;}
#sub_wrap .bbs_view thead th.info {width:40%;text-align:right;}
#sub_wrap .bbs_view thead th.info span:after {content:'|';font-weight:400;color:#ccc;padding:0 5px;}
#sub_wrap .bbs_view thead td.star {border-bottom:1px solid #ddd;color:#ccc;padding:10px 15px;}
#sub_wrap .bbs_view tbody td {border-bottom:1px solid #ddd;height:200px;vertical-align:top;padding:15px;}
#sub_wrap .bbs_view tbody td.photo {max-width:760px;}
#sub_wrap .right_cont .buttons {text-align:center;margin-top:30px;}
#sub_wrap .right_cont .buttons a {background-color:#8ec251;color:#fff;font-family:'Nanum Gothic';font-weight:600;font-size:14px;padding:10px 30px;}
#sub_wrap .coupon_top_txt {background-color:#f9f9f9;margin-top:30px;margin-bottom:20px;line-height:160%;padding:20px;}
#sub_wrap .special .selected {border-bottom:2px solid #cf1e43;padding-bottom:15px;margin-top:40px;background:url(/img/sub/icon_select.png) left 35% no-repeat;padding-left:13px;}
#sub_wrap .special .selected a {background-color:#3f3f3f;color:#fff;border-radius:3px;padding:4px 10px;}
#sub_wrap .special .list .check {margin-bottom:10px;}
#sub_wrap .special .list li {float:left;width:25%;height:262px;position:relative;text-align:center;border-bottom:1px solid #ddd;padding:10px 0;}
#sub_wrap .special .list li .photo {width:135px;height:135px;position:relative;margin:0 auto;}
#sub_wrap .special .list li .photo	a img {width:135px;height:135px;}
#sub_wrap .special .list li .photo .icon_sale {position:absolute;top:0;left:0;}
#sub_wrap .special .list li .window {margin:10px 0;}
#sub_wrap .special .list li dl {width:150px;margin:0 auto;}
#sub_wrap .special .list li dd span.sale {color:#999;display:block;text-decoration:line-through;font-weight:400;}
#sub_wrap .special .list li dd span.order {color:#999;font-weight:400;}
#sub_wrap .special .list li.btm_noline {border-bottom:0;}
#sub_wrap .special .view_title {background:url(/img/sub/title_bg.png) repeat-x;border:1px solid #e7e7e7;font-size:17px;font-weight:600;position:relative;margin-bottom:30px;padding:20px;}
#sub_wrap .special .view_title .sns {position:absolute;top:20px;right:20px;}
#sub_wrap .special .photo_box {float:left;width:300px;background-color:#f7f7f7;border:1px solid #e7e7e7;padding:10px;}
#sub_wrap .special .photo_box .photo {width:300px;height:300px;display:table;margin-bottom:10px;}
#sub_wrap .special .photo_box .photo > div {display:table-cell;width:300px;text-align:center;vertical-align:middle;}
#sub_wrap .special .photo_box .photo > div img {max-width:300px;max-height:300px;}
#sub_wrap .special .photo_box .thumb li {float:left;width:51px;height:50px;margin-right:11px;}
#sub_wrap .special .photo_box .thumb li img {width:51px;height:50px;}
#sub_wrap .special .info_box {width:450px;float:right;}
#sub_wrap .special .info_box table {width:100%;}
#sub_wrap .special .info_box table th {width:100px;padding-right:25px;text-align:right;font-weight:400;border-bottom:1px solid #e7e7e7;}
#sub_wrap .special .info_box table td {width:325px;height:37px;line-height:37px;border-bottom:1px solid #e7e7e7;}
#sub_wrap .special .info_box table td .btn {background-color:#d4214a;color:#fff;border-radius:3px;padding:3px 5px;}
#sub_wrap .special .info_box table td select {border:1px solid #ccc;vertical-align:middle;height:20px;line-height:20px;}
#sub_wrap .special .info_box table td input {border:1px solid #e7e7e7;width:27px;text-align:center;height:20px;line-height:20px;vertical-align:middle;}
#sub_wrap .special .info_box table td .arrow {border:1px solid #e7e7e7;display:inline-block;width:22px;height:20px;line-height:20px;text-align:center;color:#96959e;vertical-align:middle;font-size:14px;}
#sub_wrap .special .info_box table td select.option {background-color:#f2f2f2;border:1px solid #e7e7e7;width:100%;}
#sub_wrap .special .info_box table td.total {font-size:17px;font-weight:600;color:#666;height:40px;line-height:40px;}
#sub_wrap .special .info_box table td.total strong {font-weight:900;color:#cc1b3e;}
#sub_wrap .special .info_box .btns {margin-top:35px;}
#sub_wrap .special .info_box .btns li {float:left;margin-bottom:9px;margin-right:9px;width:144px;height:40px;line-height:40px;}
#sub_wrap .special .info_box .btns li a {display:block;color:#fff;font-family:NanumBarunGothic-R;font-size:15px;}
#sub_wrap .special .info_box .btns li.btn1 a {background:url(/img/sub/detail_btn1.png) 15px center no-repeat #304365;padding-left:45px;}
#sub_wrap .special .info_box .btns li.btn2 a {background:url(/img/sub/detail_btn2.png) 17px center no-repeat #2f2f2f;padding-left:45px;}
#sub_wrap .special .info_box .btns li.btn3 a {background:url(/img/sub/detail_btn3.png) 22px center no-repeat #d01e44;padding-left:45px;}
#sub_wrap .special .info_box .btns li.btn4 a {background:url(/img/sub/detail_btn4.png) 20px center no-repeat #4d5a73;padding-left:45px;}
#sub_wrap .special .info_box .btns li.btn5 a {background:url(/img/sub/detail_btn5.png) 17px center no-repeat #956670;padding-left:45px;}
#sub_wrap .special .info_box .btns li.btn6 a {background:url(/img/sub/detail_btn6.png) 20px center no-repeat #909090;padding-left:45px;}
#sub_wrap .special .recommend_title {background:url(/img/sub/recommend_bg.png) no-repeat;color:#fff;font-family:'Nanum Gothic';font-size:14px;font-weight:600;margin-top:45px;padding:12px 40px;}
#sub_wrap .special .recommend {border:1px solid #e7e7e7;}
#sub_wrap .special .recommend ul li {float:left;width:133px;text-align:center;padding:10px 0;}
#sub_wrap .special .recommend ul li img {width:110px;height:110px;}
#sub_wrap .special .recommend dl {width:98px;margin:10px auto 0;}
#sub_wrap .special .recommend dd .sale {font-weight:400;color:#999;text-decoration:line-through;display:block;}
#sub_wrap .special .special_tab {margin-top:55px;margin-bottom:25px;}
#sub_wrap .special .special_tab li {float:left;width:198px;height:38px;line-height:38px;margin-right:2px;}
#sub_wrap .special .special_tab li:last-child {margin-right:0;width:199px;}
#sub_wrap .special .special_tab li a {background:url(/img/sub/detail_tab_bg.png) repeat-x;border:1px solid #d01e44;color:#d01e44;font-weight:600;font-size:15px;font-family:'Nanum Gothic';display:block;text-align:center;}
#sub_wrap .special .special_tab li a.active {background-image:none;background-color:#d01e44;color:#fff;}
#sub_wrap .special .rate {background:url(/img/sub/bg_line.png) 5px 3px no-repeat;padding-left:15px;margin-top:15px;}
#sub_wrap .special .rate span {color:#d6d6d6;margin-left:10px;font-size:11px;}
#sub_wrap .special .rate span i {margin-right:1px;}
#sub_wrap .special .delivery {background-color:#fbfbfb;border:1px solid #e7e7e7;line-height:20px;color:#666;padding:25px;}
#sub_wrap .special .delivery li {background:url(/img/sub/arrow.png) left 7px no-repeat;padding-left:12px;margin-bottom:22px;}
#sub_wrap .special .delivery li:last-child {margin-bottom:0;}
#sub_wrap .order_info {border-bottom:1px solid #e7e7e7;padding-bottom:10px;margin-top:40px;}
/*#sub_wrap .order_search {margin-top:10px;}*/
#sub_wrap .order_search input {border:1px solid #e7e7e7; border-radius: 3px; width:85px;height:20px;line-height:20px;vertical-align:middle;padding:0 5px; box-shadow:none; margin: 0;}
/*#sub_wrap .order_search a {background-color:#404040;color:#fff;display:inline-block;height:22px;line-height:22px;border-radius:3px;vertical-align:middle;padding:0 5px;}*/
#sub_wrap .order_search a.btn_pink {background-color:#f56684;}
#sub_wrap .order_notice {background-color:#f7f7f7;font-size:13px;color:#999;margin-top:20px;line-height:20px;padding:20px;}
#sub_wrap .saved_info {margin-top:30px;}
#sub_wrap .saved_info strong.blue {color:#126199;}
#sub_wrap .saved_notice {background-color:#f8f8f8;line-height:20px;margin-top:20px;margin-bottom:15px;color:#666;padding:20px;}
#sub_wrap table.bbs_write {width:100%;border-top:2px solid #8ec251;margin-top:20px;}
#sub_wrap table.bbs_write th {color:#fff;background:url(/img/sub/bbs_bg.png) repeat;border-bottom:1px solid #666;}
#sub_wrap table.bbs_write td {border-bottom:1px solid #ddd;padding:7px 15px;}
#sub_wrap table.bbs_write td input {border:1px solid #e7e7e7;height:26px;line-height:26px;width:100%;box-sizing:border-box;padding:0 5px;}
#sub_wrap table.bbs_write td textarea {border:1px solid #e7e7e7;box-sizing:border-box;width:100%;height:250px;padding:10px;}
#sub_wrap .login_form .buttons,#sub_wrap .top_banner {margin:20px 0;}
#sub_wrap .login_form .buttons a.btn_login,#sub_wrap .join .buttons a.btn1,#sub_wrap .special .selected a.btn_pink {background-color:#8ec251;}
#sub_wrap .agree_txt dd,#sub_wrap .agree_txt p,#sub_wrap .terms_wrap dd,#sub_wrap .terms_wrap p {margin-bottom:20px;}
#sub_wrap .agree_txt .large strong,#sub_wrap .join table td span strong,#sub_wrap .lnb .depth2 a.active,#sub_wrap .special .info_box table td strong,#sub_wrap .special .delivery li span,#sub_wrap .order_info strong,#sub_wrap .saved_notice strong {font-weight:600;}
#sub_wrap .join table td input[type="text"],#sub_wrap .join table td input[type="password"],#sub_wrap .search_bar input[type="text"] {border:1px solid #ebebeb;width:120px;vertical-align:middle;padding:0 5px;}
#sub_wrap .join table td input[type="radio"],#sub_wrap .bbs_list thead th input {vertical-align:middle;}
#sub_wrap .lnb .depth2 a,#sub_wrap .special .info_box table td strong.price {color:#666;}
#sub_wrap .right_cont .tab li:last-child a,#sub_wrap .special .photo_box .thumb li:last-child,#sub_wrap .special .info_box .btns li.btn3,#sub_wrap .special .info_box .btns li.btn6 {margin-right:0;}
#sub_wrap .search_bar strong,#sub_wrap .bbs_list tbody td strong.total,#sub_wrap .saved_info strong {font-weight:600;color:#8ec251;}
#sub_wrap .bbs_list tbody td .icon_reply,#sub_wrap .bbs_view thead th.info span {margin-left:20px;}
#sub_wrap .bbs_list tbody td.star i,#sub_wrap .bbs_view thead td.star i {margin:0 1px;}
#sub_wrap .bbs_list tbody td.star .yellow,#sub_wrap .bbs_view thead td.star .yellow {color:#f0530f;}
#sub_wrap .bbs_list tbody td strong.price,#sub_wrap .special .list li dd,#sub_wrap .special .recommend dd {font-weight:600;color:#666;}/* 로그인 */
.login_wrap2 {width: 100%;overflow: hidden;background: #f5f5f5;min-height: 610px;}
.login_area{width: 660px; border: 5px solid #dddddd; margin: 100px auto ; background: #ffffff;}
.left_login{width: 380px; float: left; border-right: 1px solid #dddddd;}
.left_login .login_text{width: 370px; height: 87px; background: #f9f9f9; padding: 25px 0 0 15px; box-sizing: border-box;}
.left_login .login_text p{font-size: 12px; line-height: 18px; color: #cf0000; letter-spacing: -1px;}
.login_wrap2 .login_box2 {width: 340px;padding: 30px 20px;border-bottom: 1px solid #dddddd;}h2.common_h2 {text-align: left;font-size: 20px;color: #333;font-weight: 700;}
.login_box2 .input_box {background: #fff;position: relative;overflow: hidden;margin-top: 10px;}
.login_box2 span.log_id {display: inline-block;height: 22px; line-height: 22px;font-size: 12px;color: #333333;vertical-align: middle;padding: 3px 20px 0 0;}
.login_box2 span.log_ps {display: inline-block;height: 22px; line-height: 22px;font-size: 12px;color: #333333;vertical-align: middle;padding: 3px 9px 0 0;}
.login_box2 span.ex {display: inline-block;height: 22px; line-height: 22px;font-size: 10px;color: #333333;vertical-align: middle;padding-top: 3px;}
.login_box2 span.log_se {display: inline-block;height: 22px; line-height: 22px;font-size: 12px;color: #333333;vertical-align: middle;padding: 3px 30px 0 0;}
.login_box2 label{height: 22px; vertical-align: middle; line-height: 22px; margin-right: 10px;}
.login_box2 label span {display: inline-block;height: 22px; line-height: 22px;font-size: 12px;color: #333333;vertical-align: middle;padding-top: 3px;}
.login_box2 input {margin-top: 10px;width: 180px;height: 22px;line-height: 22px;font-size: 14px;padding-left: 20px;}
.login_box2 input.phone {margin-top: 10px;width: 60px;height: 22px;line-height: 22px;font-size: 14px;padding-left: 20px;margin: 0 2px;}
.login_box2 input#input_br {width: 100px;margin-right: 5px;}
.login_box2 input.radio_br {width: 12px;height: 12px;vertical-align: -4.5px;}
.login_box2 select {padding: 0 3px;height: 22px;line-height: 22px;border: 1px solid #cccccc;vertical-align: -1px;margin-right: 2px;width:auto;}
.login_box2 button.login_btn {background: #8ec251;color: #fff;font-size: 14px;text-align: center;vertical-align: middle;letter-spacing: 1px;display: inline-block;position: absolute;top: 10px;right: 10px;border-radius: 5px;width: 75px;height: 57px;}
.login_box2 span.findidpw {text-align: right;display: block;margin: 15px 0;}
.login_box2 span.findidpw .btn_find {font-weight: 600;font-size: 15px;}
.right_login{width: 278px; height: 555px; float: right ;background: #f9f9f9;}
.right_login dl{padding-top: 100px;}
.right_login dl dt{font-size: 25px; color: #8ec251; font-weight: bold; text-align: center; padding-bottom: 40px; text-decoration: underline;}
.right_login dl dd{font-size: 12px; color: #333333; padding-bottom: 15px; line-height: 16px; padding-left: 50px;}
.join{ margin: 0 auto;}a.join_btn1 {width: 100%;height: 50px;line-height: 50px;border: 1px solid #000;background: #8ec251;text-align: center;color: #fff;font-size: 1.5em;border-radius: 8px;display: block;font-weight: 700;}
.find_area{padding-top: 20px; margin-top: 15px; border-top: 1px solid #dddddd;}
.find_area ul li{font-size: 12px; color: #333333; letter-spacing: -1px; line-height: 20px;}
.find_area a.join_btn2 {width: 60px;height: 20px;line-height: 20px;background: #8ec251;font-size: 12px;color: #ffffff;text-align: center;display: inline-block;margin-left: 5px;}
.login_box2 .find_area .btn_find2 {width: 75px;height: 20px;line-height: 20px;background: #8ec251;font-size: 12px;color: #ffffff;text-align: center;display: inline-block;margin-left: 2px;}
.login_box2 p {margin-top: 5px;text-align: center;font-size: 15px;font-weight: 600px;}

/*줄바꿈 수정줄 상단*/
.find_arae{width: 425px; position: fixed; left: 50%; top: 200px; margin-left: -212.5px; background: #ffffff; z-index: 999; display: none;}
.find_arae h4{background: #8ec251; height: 40px; line-height: 40px; font-size: 16px; color: #ffffff; font-weight: bold; padding-left: 15px;}
.find_arae p{font-size: 12px; color: #333333; text-align: center; padding-top: 20px;}
.find_arae dl{float: left; text-align: center; margin: 20px 0 20px 20px;}
.find_arae dl dt{padding-bottom: 5px;}
.find_arae dl dd{font-size: 12px;}
.find_arae .find_input{width: 325px; height: auto; padding: 15px 20px; margin: 0 auto; border: 1px solid #dddddd; clear: both;}
.find_arae .find_input span.find_span{font-size: 12px; padding-right: 10px;}
.find_arae .find_input span.find_span02{font-size: 12px; padding-right: 32px;}
.find_arae .find_input span.find_span03{font-size: 12px; padding-right: 30px;}
.find_arae .find_input span.find_span04{font-size: 12px; padding-right: 12px;}
.find_arae .find_input span.find_span05{font-size: 12px; padding-right: 21px;}
.find_arae .find_input span.find_ex{font-size: 11px; padding-left: 10px;}
.find_arae .find_input input#input_find01{width: 150px; height: 20px; margin-right: 0;}
.find_arae .find_input input.input_find02{width: 100px; height: 20px; margin: 0 5px;}
.find_arae .find_btn{text-align: center;}
.find_arae .find_btn p{font-size: 12px; padding-bottom: 5px;}
.find_arae .find_btn .find_btn02{width: 100px; height: 30px; line-height: 20px; text-align: center; font-size: 14px; color: #ffffff; background: #8ec251; border: 1px solid #8ec251;}
.find_arae .find_btn .find_btn03{width: 100px; height: 30px; line-height: 20px; text-align: center; font-size: 14px; color: #333333; border: 1px solid #333333; background: #ffffff;}
.find_arae .find_esc{width: 100%; padding: 10px 0; border-top: 1px solid #dddddd; margin-top: 20px; text-align: right;}
.find_arae .find_esc .esc_btn{width: 70px; height: 30px; line-height: 20px; margin-right: 15px;  background: #8ec251; color: #ffffff; font-size: 14px;}
.find_bg{width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; background: url(/img/find_bg.png) repeat;}

.company_area{width: 100%; height: auto; min-height: 500px; margin-bottom: -10px;}
.scroll_hidden{overflow: hidden;}
.agree_banner{width: 100%; height: 200px; background: #989898; margin-top: 30px;}
/* .company_area .agree_layout{margin: 0 0 30px;} */
/*정보처리*/
.agree_banner.pp01{background: url(/img/tem01.jpg)no-repeat center center;}
.agree_banner.pp02{background: url(/img/tem02.jpeg)no-repeat center center;}
.agree_banner.pp04{background: url(/img/tem03.jpeg)no-repeat center center;}
.agree_banner.pp03{background: url(/img/tem04.jpeg)no-repeat center center;}
.company_area .agree_layout .agree_box{
	margin: 10px 0;
	border: 0px solid #e3e5e5;
	border-radius: 5px;
	width: 100%;
	padding:5px;
	box-sizing:border-box;
	height: auto;
	background: #fff;
}

.company_area h3.agree_h3{
	text-align: left;
	font-size: 17px;
	color: #333;
	font-weight: 700;
	margin-bottom: 20px;
	border-bottom: 1px solid #e3e5e5;
	padding: 20px 10px;
}


/* prd_view */

.prd_view{width: 100%; height: auto; margin-top: 20px; float: right;}

.prd_view .prd_view01 .tit{width: 1170px; height: 85px; border: 1px solid #e7e7e7; box-sizing: border-box; background: #f7f7f7; margin-bottom: 10px;}
.prd_view .prd_view01 .tit h3{font-size: 17px; font-weight: bold; padding-left: 5%; overflow: hidden; line-height: 20px; float: left; margin-right: 45px;}
.prd_view .prd_view01 .tit h3 span{font-size: 13px; color: #0d2b45}
.prd_view .prd_view01 .tit .icon{margin-top: 38px;}
.prd_view .prd_view01 .tit .icon img{float: left; margin-left: 20px;}
.prd_view .prd_view01 .tit .icon img.ml_0{margin-left: 0;}
.prd_view .prd_view01 .prd_thume{width: 150px; height: auto; position: absolute; top: 0; left: -161px;}
.prd_view .prd_view01 .prd_thume img{float: none; border: 1px solid #e7e7e7; box-sizing: border-box; margin-bottom: 5px;}
.prd_view .prd_view01 .prd_thume img:last-child{margin-bottom: 0;}
.prd_view .prd_view01 .view_area{width: 100%; float: right; border: 1px solid #e7e7e7; background: #fff; padding: 10px; box-sizing: border-box;}
.prd_view .prd_view01 .view_area .left_img{width: 50%; float: left;text-align: center;height:570px;position: relative;}
.prd_view .prd_view01 .view_area .left_img .prd_thumb{height:500px;}
.prd_view .prd_view01 .view_area .left_img .x_thumb{position: absolute;bottom:0;width:100%;
margin:0;}
.prd_view .prd_view01 .view_area .left_img .x_thumb img{margin-bottom:0;}
.prd_view .prd_view01 .view_area .left_img img{max-width:100%;vertical-align: middle;max-height: 100%;
box-shadow: none !important;}
.prd_view .prd_view01 .view_area .right_text{width: 47%; float: right; background: #ffffff;margin-top:30px;}
.prd_view .prd_view01 .view_area .right_table{border-collapse:collapse;border-spacing:0;width:100%;}
.prd_view .prd_view01 .view_area .right_table.last_check td{background: #ededed;}
.prd_view .prd_view01 .view_area .right_table.last_check th{background: #ededed;}
.prd_view .prd_view01 .view_area .right_table.last_check .first td,.prd_view .prd_view01 .view_area .right_table.last_check .first th{background: #fff;}
.prd_view .prd_view01 .view_area .right_table.last_check th{
	padding-left:5px;
}
.view_follow{color:#909090;}
.prd_view .prd_view01 .view_area .right_table td{font-size:14px;overflow:hidden;word-break:normal; background: #ffffff; height: 35px; vertical-align: middle;  border-bottom: 1px solid #e7e7e7; text-align: left; padding:5px 0;}
.prd_view .prd_view01 .view_area .right_table td select{border: 1px solid #555555; margin-left: 5px; padding: 2px 5px;border-color:#ccc;height:30px;line-height: 30px;margin-left:0;width:100px;}

.yellow{color:#f0ac19;}
.prd_view .prd_view01 .view_area .right_table tr.title td{font-size: 29px;padding:15px 0;}
.prd_view .prd_view01 .view_area .right_table tr.price_real td{font-size: 31px;color:#000;font-weight: bold;}
.prd_view .prd_view01 .view_area .right_table tr.price_real span.seil_real{font-size: 40px;color:#f0ac19;font-weight: 500;}
.prd_view .prd_view01 .view_area .right_table tr.price_real span.seil_real span{font-size: 25px;}
.prd_view .prd_view01 .view_area .right_table tr.prd_name .name{font-size: 20px;font-weight: bold;}
.prd_view .prd_view01 .view_area .right_table tr.prd_name .name img{width:46px;height:46px;border-radius:50%;margin-right:8px;}
.prd_view .prd_view01 .view_area .right_table tr.prd_name .name a{display: inline-block;width:92%;line-height: 46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prd_view .prd_view01 .view_area .right_table tr.prd_name .name a.view_follow{width:8%;text-align: right;}
.prd_view .prd_view01 .view_area .right_table tr.last_price th{color:#888888;font-size: 20px;text-align: right;}
.prd_view .prd_view01 .view_area .right_table tr.last_price td{font-size: 24px;text-align: right;padding:20px 0;font-weight:  bold;width:140px;}
.prd_view .prd_view01 .view_area .right_table tr.last_price td span{font-weight: normal;}
.prd_view .prd_view01 .view_area .right_table td input.count{width: 30px; height: 23px; margin: 5px 0 0 0 ;}
.prd_view .prd_view01 .view_area .right_table td img.count_arrow{margin-top: 5px;}
.prd_view .prd_view01 .view_area .right_table td strong{color: #c60d0d; font-weight: bold;}
.prd_view .prd_view01 .view_area .right_table th strong{color: #c60d0d; font-weight: bold;}

.prd_view .prd_view01 .view_area .right_table th{font-size:14px;font-weight:normal;overflow:hidden;word-break:normal; background: #ffffff; height: 35px;vertical-align: middle; border-bottom: 1px solid #e7e7e7;text-align: left;min-width:100px;width:100px;}
.prd_view .prd_view01 .view_area .view_btn{width:100%;}
.prd_view .prd_view01 .view_area .view_btn a{display: inline-block;width:49.5%;margin-right: 1%;text-align: center;height:70px;line-height: 70px;box-sizing: border-box;
background: #e5a213;color:#fff;font-size: 24px;font-weight: bold;}
.prd_view .prd_view01 .view_area .view_btn a:last-child{margin-right:0;
color:#121926;border: 1px solid #ccc;background: #fff;}
.prd_view .prd_view02{max-width: 1280px; height: auto; margin:30px auto 0;}
.prd_view .prd_view02 h4{font-size: 15px; letter-spacing: -1px; padding: 10px 30px; border-radius: 0 10px 0 0; background: #eeeeee; float: left; font-weight: bold;}
.prd_view .prd_view02 .etc_prd{width: 100%; height: auto; clear: both; margin: 10px auto; box-sizing: border-box;}
.prd_view .prd_view02 .etc_prd ul{padding: 10px 0; margin-left:-4px;}
.prd_view .prd_view02 .etc_prd ul li{width: 16%; height: auto; float: left;margin:10px 8px 10px 0; background: #fff; padding:8px 0 0; transition: 0.3s;}
.prd_view .prd_view02 .etc_prd ul li span{text-align:left;}
.prd_view .prd_view02 .etc_prd ul li span.rule{text-align:center;}
/*.prd_view .prd_view02 .etc_prd ul li img{width: 100px; height: 100px;}*/
.prd_view .prd_view02 .etc_prd ul li dl{padding: 5px 0; margin: 0 auto;}
.prd_view .prd_view02 .etc_prd ul li dl dt{
	font-size: 13px;
    color: #8d8d8d;
    line-height: 20px;
	height: 40px;
	text-align:center;
    overflow: hidden;}
.prd_view .prd_view02 .etc_prd ul li dl dt p{height:18px;  font-size:13px; overflow:hidden; text-overflow:ellipsis; text-align:center; display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap:break-word; color:#333;}
.prd_view .prd_view02 .etc_prd ul li dl dd{text-align:center; font-size: 17px; color: #1b1b1b; font-weight: bold;}

/*상품상세*/
.product_info_wrap>div{display: none;}
.sit_ov_tbl select{line-height: 39px;height: 39px;}
/*.sit_ov_tbl  th:after{content:"dd";}*/
.product_info_wrap>div.blockk{display: block;}

.seller_good{width:230px;padding-top:20px;}
.seller_good .good_icon p{border-radius:50%;width:160px;height: 160px;overflow: hidden;margin:0 auto;}
.seller_good .con2 a{display: block;width:100%;text-align: center;height: 30px;line-height: 30px;}
.seller_good .con2 a.go_shop{color:#fff;background:#8ec251;}
.seller_good .con2 a.go_s{background: #e3e3e3;color:#9b9b9b;margin-top: 5px;}

.seller_good h2{font-size:15px;color:#434343;text-align: center;font-weight: bold;margin:5px 0;}
.seller_good  .con{display: inline-block;width:105px;font-size: 16px;color:#1d1d1d;margin-top: 15px;}
.seller_good  .con p:last-child{border: 1px solid #e6e6e6;border-radius:15px;height: 35px;text-align: center;line-height: 35px;margin-top: 8px;background: #fff;}
.seller_good .pros{display:block;height:45px;line-height: 45px;text-align: center;color:#fff;font-weight: bold;font-size: 17px;background: #0e2c46;margin-top: 15px;}


.prd_view ul.prd_tab{width: 100%; height: 50px; line-height: 50px; margin-top: 50px;text-align: center;}
.prd_view ul.prd_tab li{width: 25%; height: 50px; font-size: 16px; color: #333333; text-align: center;float:left;border: 1px solid #dddddd; box-sizing: border-box; background: #f5f5f5; border-bottom: 1px solid #000000;box-sizing: border-box;margin:0;}
.prd_view ul.prd_tab li a{color: #333333; display: block;}
.prd_view ul.prd_tab li.prd_tab_on{background: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #ffffff;}

.prd_tab_fixed{position: fixed; z-index: 999; top: 0; left: 50%; margin-left: -488px;}

.prd_view h5{font-size: 18px; letter-spacing: -1px; color: #333333; font-weight: bold; padding-left: 15px; margin: 0 0 15px 0;}

.prd_view h5 a.btnn{font-size: 14px; color: #ffffff; background: #48649f; padding: 6px 15px; float: right; margin-right: 20px;}


.prd_tab_area .prd_view{width: 100%; height: auto; border: 1px solid #e7e7e7; padding: 20px; box-sizing: border-box;  text-align: center;
background: #fff;}
.prd_view .prd_view05 h5{padding-left: 0px; color: #ff0000;}



.prd_view .prd_view04 table{border-collapse:collapse;border-spacing:0;}
.prd_view .prd_view04 table th{font-size: 13px; color: #1c1c1c; font-weight: bold; text-align: center; height: 35px; vertical-align: middle; background: #eeeeee;}
.prd_view .prd_view04 table td{font-size: 13px; color: #1c1c1c; text-align: center; height: 60px; vertical-align: middle; background: #ffffff; border-top: 1px solid #e7e7e7;}
.prd_view .prd_view04 table td.ta_l{text-align: left;}
.prd_view .prd_view04 table tr.view04_on{display: none;}
.prd_view .prd_view04 table tr.view042_on{display: none;}
.prd_view .prd_view04 table tr.view04_on td,
.prd_view .prd_view04 table tr.view042_on td{font-size: 13px; color: #1c1c1c; text-align: center; height: 60px; vertical-align: middle; background: #eeeeee; border-top: 1px solid #e7e7e7;}
.prd_view .prd_view04 table td a.btnnn{font-size: 13px; color: #ffffff; background: #48649f; padding: 5px 5px;}
.prd_view .prd_view04 table tr.view04_on td.ta_l{text-align: left;}
.prd_view .prd_view04 table tr.view042_on td.ta_l{text-align: left;}





/* prd_list */
.middle_banner{background: #fff;height: 200px !important;width:100%;position: absolute;top:210px;left:0;overflow: hidden;}
.middle_banner .con{height: 100%;width:100%;}
.middle_banner .con img{width:100%;height: 100%;}
.left_search{width:100%;position: relative;padding-right:30px;box-sizing: border-box;}
.left_search a{position: absolute;right:10px;top:8px;}
.cate_circle{width:220px; }

.cate_circle .con{width:160px;height: 160px;border-radius: 3%;text-align: center;overflow: hidden;position: relative;margin:5px auto 220px;background: #fff;/*opacity: 0.5;*/ display:none; }
.cate_circle .con p{color:#fff;font-size: 16px;position:absolute;top:50%;width:100%;text-align: center;margin-top: 56px;background: #8ec251;opacity: 1.0;}
.cate_circle .nocon{display:none; width:160px;height: 160px;border-radius: 3%;text-align: center;overflow: hidden;position: relative;margin:0 auto 50px;background: #fff;/*opacity: 0.5;*/}
.cate_circle .nocon p{color:#fff;font-size: 16px;position:absolute;top:50%;width:100%;text-align: center;margin-top: -20px;background: #8ec251;opacity: 1.0;}
.cate_circle .btn{width:100%;text-align: center;background: #8ec251;color:#fff;font-size: 25px;height: 50px;line-height: 50px;display: block;}
.left_quick{width: 220px; height: auto; /*border-bottom: 2px solid #f7f7f7;*/ background: #fff;padding-bottom:15px;float:left;}
/*베스트,할인 css*/
.cate_circle.best{float:left;}
.cate_circle.best .btn{display: none}

.left_quick .com_left h4{font-size: 17px; color: #1d1d1d; font-weight: bold; padding: 20px 0 10px 10px;}

.left_quick .com_left{width:100%; height: auto;  border-bottom: 1px solid #efefef; padding-bottom: 10px;box-sizing: border-box;
padding-right: 5px;}

.left_quick .left02 ul.cate01{padding: 0 10px; height: auto; box-sizing: border-box;}
.left_quick .left02 ul.cate01 > li{font-size: 13px; color: #4d4d4d; line-height: 26px;}
.left_quick .left02 ul.cate01 > li > a.li_off{width: 10px; height: 6px; float: right; background: url(/img/prd/li_off01.png) no-repeat; margin-top: 10px;}
.left_quick .left02 ul.cate01 > li.on{background: url(/img/prd/li_on01.png) no-repeat !important;}
.left_quick .left02 ul.cate01 > li > img{vertical-align: middle; line-height: 26px;}

.cc_on{color:#8ec251; border-bottom:0px solid #8ec251;}
.left_quick .left02 ul.snb_cate01{padding: 0 0 0 10px; height: auto; box-sizing: border-box;display: none;}
.left_quick .left02 ul.snb_cate01 > li{font-size: 13px; color: #111111; line-height: 26px;}
.left_quick .left02 ul.snb_cate01 > li > a.li_off{width: 8px; height: 6px; float: right; background: url(/img/prd/li_off.png) no-repeat; margin-top: 10px;}
.left_quick .left02 ul.snb_cate01 > li > a.li_on{background: url(/img/prd/li_on.png) no-repeat;}

.left_quick .left02 ul.snb_cate02{padding: 0 0 0 10px; height: auto; box-sizing: border-box;;}
.left_quick .left02 ul.snb_cate02 > li{font-size: 13px; color: #111111; line-height: 26px;}
.left_quick .left02 ul.snb_cate02 > li > a.li_off{width: 8px; height: 6px; float: right; background: url(/img/prd/li_off.png) no-repeat; margin-top: 10px;}
.left_quick .left02 ul.snb_cate02 > li > a.li_on{background: url(/img/prd/li_on.png) no-repeat;}

.left_quick .left02 ul.snb_cate03{padding: 0 0 0 8px; height: auto; box-sizing: border-box;;}
.left_quick .left02 ul.snb_cate03 > li{font-size: 13px; color: #111111; line-height: 26px;}
.left_quick .left02 ul.snb_cate03 > li > a.li_off{width: 8px; height: 6px; float: right; background: url(/img/prd/li_off.png) no-repeat; margin-top: 10px;}
.left_quick .left02 ul.snb_cate03 > li > a.li_on{background: url(/img/prd/li_on.png) no-repeat;}

.left_quick .left02 ul.snb_cate04{padding: 0 0 0 8px; height: auto; box-sizing: border-box;;}
.left_quick .left02 ul.snb_cate04 > li{font-size: 13px; color: #111111; line-height: 26px;}
.left_quick .left02 ul.snb_cate04 > li > a.li_off{width: 8px; height: 6px; float: right; background: url(/img/prd/li_off.png) no-repeat; margin-top: 10px;}
.left_quick .left02 ul.snb_cate04 > li > a.li_on{background: url(/img/prd/li_on.png) no-repeat;}

.left_quick .left02 ul.snb_cate01 > li > img{vertical-align: middle; line-height: 26px;}

.left_quick .left02 a.more_on{font-size: 12px; color: #0d2b45; padding-left: 10px; margin-top: 10px; line-height: 20px;}
.left_quick .left02 a.more_off{font-size: 12px; color: #0d2b45; padding-left: 10px; margin-top: 10px; line-height: 20px; display: none;}

.left_quick .left02 ul.cate01 li a:hover{color:#8ec251;}
.left_quick .left02 ul.snb_cate01 li a:hover{color:#8ec251;}
.left_quick .left02 ul.snb_cate02 li a:hover{color:#8ec251;}
.left_quick .left02 ul.snb_cate03 li a:hover{color:#8ec251;}
.left_quick .left02 ul.snb_cate04 li a:hover{color:#8ec251;}

.left_quick .left02 .cate02{display: none;}

.left_quick .left03 .check_area{width: 100%; height: auto;}

 .wrap_brand{
	 height: 180px;overflow-y:scroll;
box-sizing: border-box;
/*	 overflow-x:hidden;*/
	 padding-left:10px;
	border: 1px solid #ccc;width:95%;box-sizing: border-box;
/*ie*/
  scrollbar-face-color: #e0e0e0;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;


}
/* Chrome, Safari용 스크롤 바 */
.left_quick .wrap_brand::-webkit-scrollbar {width:17px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
.left_quick .wrap_brand::-webkit-scrollbar-button:start:decrement,
.left_quick .wrap_brand::-webkit-scrollbar-button:end:increment {display: block;}  /*상하좌우 화살표 영역_배경넣어줘야함*/
.left_quick .wrap_brand::-webkit-scrollbar-track {background:#fff;} /*트랙*/
.left_quick .wrap_brand::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/

.normal_box::-webkit-scrollbar {width:17px; height:17px;} /*스크롤 바 영역 전체(크기지정가능)*/
.normal_box::-webkit-scrollbar-button:start:decrement,
.normal_box::-webkit-scrollbar-button:end:increment {display: block;}  /*상하좌우 화살표 영역_배경넣어줘야함*/
.normal_box::-webkit-scrollbar-track {background:#fff;} /*트랙*/
.normal_box::-webkit-scrollbar-thumb {background:#e3e3e3; border: 1px solid #e3e3e3;} /*스크롤*/

.left_quick .left03 .check_area label{line-height: 15px; cursor: pointer;}
.left_quick .left03 .check_area label input{vertical-align: middle;}
.left_quick .left03 .check_area label span{font-size: 14px; vertical-align: middle; padding-left: 3px;color:#4d4d4d;}
.left_quick .left03 .check_area label span:hover{color: #0d2b45;}

.left_quick .left03 a.more_on02{font-size: 12px; color: #0d2b45; padding-left: 10px; margin-top: 10px; line-height: 20px;}
.left_quick .left03 a.more_off02{font-size: 12px; color: #0d2b45; padding-left: 10px; margin-top: 10px; line-height: 20px; display: none;}

.left_quick .left04 p{font-size: 12px; color: #0d2b45; font-weight: bold; padding-left: 10px;}
.left_quick .left04 p a{color: #0d2b45;}

.left_quick .left04 ul{padding-left: 10px;}
.left_quick .left04 ul li{font-size: 12px; color: #111111; line-height: 20px;}
.left_quick .left04 ul li a:hover{color: #0d2b45;}
.left_quick .left04 ul li img{margin-right: 10px; vertical-align: middle;}

.left_quick .left05 p{font-size: 12px; color: #0d2b45; font-weight: bold; padding-left: 10px;}
.left_quick .left05 p a{color: #0d2b45;}

.left_quick .left05 ul{padding: 5px 0 0 10px;}
.left_quick .left05 ul li{font-size: 12px; color: #111111; line-height: 20px;}
.left_quick .left05 ul li a:hover{color: #0d2b45;}
.left_quick .left05 ul li img{margin-right: 10px; vertical-align: middle;}
.left_quick .left05 .sell_search{margin: 10px 0 0 10px;}
.left_quick .left05 .sell_search input{width: 60px; height: 30px; border: 1px solid #eeeeee; border-radius: 2px; padding: 0 1px; margin: 0;}
.left_quick .left05 .sell_search input span{font-size: 12px; color: #111111; margin: 0 3px;}
.left_quick .left05 .sell_search .input_area{float: left;}
.left_quick .left05 .sell_search a.search{width: 65px; height: 30px; border: 1px solid #eeeeee; border-radius: 2px; padding: 0 5px; background: #0d2b45; display: block; line-height: 30px; text-align: center; color: #ffffff; float: left; margin-left: 10px;}

/* right_list */

.right_list{width: 1120px; height: auto; float: right;}
.right_list .prd_visual{width: 1100px; height: 260px; background: #0089ef; margin: 20px 0;}
.right_list .list_top{width: 1100px; height: auto;}
.right_list .list_top h4{font-size: 16px; color: #111111; margin-bottom: 15px; font-weight: normal;}
.right_list .list_top h4 strong{font-weight: bold;}
.right_list .list_top dl dt{float: left; font-size: 12px; color: #111111; margin-right: 10px;}
.right_list .list_top dl dd{font-size: 12px;}
.right_list .list_top dl dd a{margin-right: 10px; color: #0d2b45;}


/*r_story*/
#wrap.note{background: #f5f5f5;}
/*#wrap.note .top_btn{display: none;}*/
#wrap.note header .head_btm h1{top:5px;}
#wrap.note header .head_btm .hd_right{top:9px;}
#wrap.note .top_write{position: absolute;top:5px;right:5px;}
#wrap.note header .head_btm .inner{margin-top: 0}
#wrap.note header.fixd .head_btm .inner{margin-top: 17px;}
#wrap.note header{background:url(/img/r_head_bg.jpg)left top;height: 100px;}
#wrap.note header .head_btm .search a {background:none;}
#wrap.note header .head_btm .search{width:558px;margin-left:300px;margin-top: 4px;margin-top:-10px;}
#wrap.note header .head_btm .search input[type="text"]{width:558px;}
#wrap.note header.fixd .head_btm .search input{border-radius:20px;}

.footer.note{background: #fff;}

#wrap.note  header .head_btm .hd_right li a.btn_cart .cart_num{right:2px;}
.back_borad02 .content_area input.file_up{color:transparent;opacity: 0;position: absolute;top:0;bottom:0;left:0;right:0;width:100%;height: 100%;}
.back_borad02 .content_area{width:1150px;left:50%;margin-left:-575px;height: 775px;top:50%;margin-top:-387px;background: #fff;position:absolute;background: #fff;}

.back_borad02{width:100%;height: 100%;background: rgba(0, 0, 0, 0.46);position: fixed;top:0;left:0;z-index:10000;display: none;}


.back_borad02.on{display: block;}


.back_borad02 h2{height:88px;color:#fff; line-height: 88px;width:100%;padding-left:20px;box-sizing: border-box;
background: #2db0bc;font-size: 30px;position: relative;}
.back_borad02 a.btn_tt{position: absolute;top:50%;right:50%;
margin-right:-550px;z-index:5000;margin-top:-370px;}

.back_borad02 .dec{padding:30px;}
.back_borad02 .pic_big{width:614px;height: 484px;float:left;position: relative;}


.back_borad02 .content_area{height: 0;overflow: hidden;}
.back_borad02 .content_area.on{height: 775px;overflow: auto;}
.pic_big .slick-next,.pic_big .slick-prev{width:29px;height: 49px;}
.pic_big .slick-next{background:url(/img/r_arrow_r.png);right:10px;}
.pic_big .slick-prev{background:url(/img/r_arrow_l.png);left:10px;}
.back_borad02 .pic_big .pic_list{height: 484px;}
.back_borad02 .pic_view{float:right;width:437px;height: 484px;}
.pic_view li{width:208px;height: 154px;background: #f7f7f7;float:left;}
.pic_view li img{width:100%;height: 100%;}
.pic_view li:nth-of-type(2n){margin-left:15px;margin-bottom: 10px;}
.button_area{text-align: center;margin-top: 30px;}
.button_area a{display: block;display: inline-block;width:290px;height: 77px;background: #2db0bc;color:#fff;line-height: 77px;font-size: 32px;}

.pic_view select{width:216px;height: 37px;
	border:1px solid #dbdbdb;    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/select_arrow.png)no-repeat 90% center;}
.pic_view .con.tag h3{font-weight: bold;font-size: 17px;}
.pic_view .con.tag{height: 77px;border:1px solid #dbdbdb;margin-top: 20px;padding:10px;}
.pic_view .con.tag input{border:none;margin:0;width:100%;box-sizing: border-box;height: 50px;margin-top: 10px;}
.r_stroy .r_story_vis{height:320px;background: url(/img/social.jpg)no-repeat center center;background-size: cover;display: none;}
.r_stroy .phone{width:1030px;margin:0 auto;position: relative;height:100%;display: table;height:100%;}
.r_stroy .phone img{position: absolute;bottom:0;left:0;}
.r_stroy .phone .title_wrap{padding-right:100px;display: table-cell;vertical-align: middle;
width:500px;}
.r_stroy .phone .title_wrap .ssm{width:340px;}
.r_stroy .phone .member_go{position: absolute;bottom:30px;right:15px;width:150px;height:50px;text-align: center;color:rgba(0, 0, 0, 0.67);background: #ffd500;line-height: 50px;border-radius:15px;font-weight: bold;font-size: 15px;box-shadow:2px 2px 0 #fff;}
.r_stroy .phone .member_go.write{bottom:90px;background: rgba(0, 0, 0, 0.39);color:#fff;}
.r_story_quick{position: fixed;bottom:100px;right:100px;width:81px;height:81px;background: rgba(69, 92, 111, 0.94);border-radius:50%;text-align: center;line-height: 60px;z-index:888; }
.r_stroy .phone h2{
	color: #ffd500;
    font-size: 37px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    line-height: 1;font-weight: bold;}
.r_stroy .phone p{color:#fff;font-size: 17px;font-weight: bold;}
.r_stroy .right_list{float:none;width:100%;}
.r_stroy .right_list .prd_top{width:100%;}
.r_stroy .now_trand{position: relative;}
.r_stroy .now_trand .box_desc{padding:7px 8px 12px;height: 163px;box-sizing: border-box;}
.r_stroy .now_trand .select_lo{position: absolute;top:240px;right:0px;}
.r_stroy .now_trand .select_lo select{width:80px;height:30px;line-height: 30px;}

.r_stroy .now_trand ul.list>li{width:24.25%;float:left;position: relative;background: #fff;margin-right:1%;height:375px;overflow: hidden;}
.r_stroy .now_trand ul.list>li:nth-of-type(2n){margin-bottom:15px;}
.r_stroy .now_trand ul.list>li:nth-of-type(4n){margin-right:0;}

/*메인에출력되는 스토리*/
.r_stroy.main .now_trand ul.list>li{width:32%;margin-bottom: 0;margin-right:2%;margin-bottom: 20px;height: 520px;}
.r_stroy.main .now_trand ul.list>li:nth-of-type(3n){margin-right:0;}
.r_stroy .now_trand ul.list>li .black_cur{position: absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.51);z-index:500;opacity: 0;}
.r_stroy .now_trand ul.list>li .box_thumb{display: block;    border-radius: 6px 6px 0 0;overflow: hidden;width:100%;height:350px;position: relative;z-index:10;overflow:hidden;}
.r_stroy .now_trand .text{padding:10px;}
.r_stroy .now_trand .icon02  span img{margin-right:4px;margin-bottom: 5px;vertical-align: middle;}
.r_stroy .now_trand .icon .grade{display: inline-block;}
.r_stroy .now_trand .icon02 {float:right;padding-right:7px;}
.r_stroy .now_trand .icon02 .grade{display: inline-block;}
.r_stroy .now_trand .icon02 .number{display: inline-block;font-size: 17px;}
.now_trand h2.big_title{font-size: 24px;font-weight: bold;padding:10px 0;border-bottom:2px solid #fff;margin-bottom: 10px;}
.now_trand h2.big_title span{color:#ffd400;font-size: 30px;text-shadow:2px 2px 0px rgba(0, 0, 0, 0.36);}
.up_date{position: absolute;bottom:0px;right:10px;line-height: 30px;font-size: 13px;color:#a3a3a3;display: block;}
.sm_cate{position: absolute;bottom:5px;left:10px;font-size: 13px;color:#a3a3a3;}
.r_stroy_doc .mag_wrap{display: none;position: absolute;top:0;left:0;z-index:200;width:100%;}
.r_stroy_doc .mag_wrap .content{padding-bottom:40px;}
.r_stroy_doc .mag_wrap .file_custom{display: block;}
.modifi_compelet {position: absolute;bottom:5px;right:5px;}

.recom .up_date{padding-left:12px;background:url(/img/edit.png)no-repeat left center;background-size:20%;}
.now_trand .user_icon{text-align:left;float:left;width:auto;}
.now_trand .user_icon2{text-align:left;float:left;}
.now_trand .ico>span,.now_trand .ico>div{margin:0 3px;}
.now_trand .ico>span a{color:#6d6d6d;font-size: 12.5px;}
.now_trand .ico>span.ico_care{margin-left:15px;}
.now_trand .icon{position: absolute;top:200px;width:100%;text-align: center;z-index:555;background: rgba(255, 255, 255, 0.71);left:0;}
.now_trand .fa-download{color:#939393;}
.now_trand .doc{max-height:60px;overflow: hidden;}
.now_trand .user_con, .now_trand .user_name{display: inline-block; }

.now_trand .user_name{width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;}
.now_trand .user_name2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 18px;height:53px; display: inline-block;line-height: 53px;}
.now_trand .user_con{background: #fff;border: 1px solid #ccc;border-radius:50%;width:53px;height:53px;text-align: center;line-height: 40px;color:#223c4a;overflow: hidden;}
.now_trand .user_con2{background: #fff;border: 1px solid #ccc;border-radius:50%;width:30px;height:30px;text-align: center;line-height: 30px;color:#223c4a;overflow: hidden;display: inline-block;}
.now_trand .doc{font-size: 14px;text-align: left;margin-top:8px;color:#4e4e4e;max-height: 64px;overflow: hidden;}
.now_trand li .box_thumb{background: #ededed;}
.now_trand li .box_thumb img{width:100%;height:100%;display: block;margin: auto;box-sizing: border-box;border:5px solid #fff;}
.r_stroy .now_trand ul.list>li:hover  .black_cur{opacity: 1;}
/*.now_trand li:hover .ico>span a{color:#fff;}*/
.now_trand li:hover .box_thumb img{
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);}
.now_trand li:hover .more_btn{display: block;}
.now_trand li:hover .follow_num{display: block;}
.now_trand li:hover .alert_x{display: block;}


.now_trand li .alert_x{position: absolute;top:10px;right:10px;width:80px;height:30px;line-height: 30px;color:#dddddd;text-align: center;border: 1px solid #b9b9b9;z-index:6666;display: none;}
.now_trand .follow_num{top:50%;width:100%;position: absolute;
z-index:6666;font-size: 26px;color:#fff;font-weight: bold;margin-top: -30px;display: none;text-align: center;}
.now_trand .follow_num p span{color:#1eabb7}
 .now_trand li .black{
position: absolute;top:0px;bottom:0;right:0;
z-index:5555;left:0;
display: none;
    background:rgba(0, 0, 0, 0.32) url(/img/main_window.png);
    background-repeat: no-repeat;
    vertical-align: middle;
	 width:100%;height:100%;
    zoom: 1;}

.now_trand .recom{margin-top:10px;}
.now_trand .recom .con{margin-top:10px;}
.now_trand .recom .con>p{float:left;}
.now_trand .recom .con>p.recom_text{line-height: 30px;margin-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 13px;width:80%;text-align: left;}
.wrap_pop{width:650px;height:551px;}
.pop_slide{width:650px;overflow: hidden;height:100%;}
.pop_slide .pop_con img{width:100%;height:100%;}
.pop_slide .slick-list,.pop_slide .slick-track{height:100%;}
.pop_nav{width:560px;position: absolute;bottom:33px;left:50%;margin-left:-530px;}
.pop_nav .slick-prev,.pop_nav .slick-next{width:15px;height:30px;}
.pop_nav .slick-slide{opacity:1;box-sizing: border-box;height: 120px;}
.pop_nav .slick-slide:hover img{border:4px solid #2db0bc;width:100%;height: 100%;box-sizing: border-box;}
.pop_nav .slick-prev {
    background: url(/img/g9_main_v3.png);
    background-position: -80px 0;
    left: -30px;
}
.pop_nav .slick-next {
    background: url(/img/g9_main_v3.png);
    background-position: -100px 0;
    right: -30px;
}

.pop_nav img{width:135px;height:120px;margin:0 auto;}
.pop_nav .pop_con{cursor: pointer;}
/*r스토리팝업*/
.modal_agree {max-width:1150px;margin:0 auto;background-color:#fff;height:auto;position: relative;z-index:10000;
height: 740px;min-width: 1150px;}

.modal_agree.modifi{width:440px;margin:0 auto;overflow: hidden;}
.modal_agree.noflow{overflow: visible;}

.modal_agree .title {height:60px;line-height:60px;font-size:1.8em;font-weight:700;text-align:center;color:#fff;background-color:#0c59a2;}
.modal_agree .con .inner {padding-right:15px;height:450px;overflow-y:scroll;}
.modal_agree .con>div{float:left;}
.modal_agree .con .recom{width:500px;box-sizing: border-box;padding:30px 30px 30px;position: relative;
box-sizing: border-box;}
.modal_agree .recom .top{width:440px;background: #fff;padding:15px;box-sizing: border-box;height: 261px;overflow-y: scroll;    scrollbar-face-color: #e0e0e0;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #ccc;
    scrollbar-highlight-color: #e0e0e0;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;}
.modal_agree .recom .doc{display: inline-block;margin-bottom:20px;max-height:500px;overflow: hidden;}

.alert_go{position: absolute;bottom:137px;right:30px;z-index:1000;padding:10px;z-index:10000;}
.black_borad.on{display: block;}
.black_borad{background: rgba(0, 0, 0, 0.43);}
.black_borad .cont{width:100%;height: 240px;position: absolute;background: #ffff;text-align: center;}

.black_borad h2{color:#fff;height: 78px;line-height: 78px;background: #2dafbc;font-size:25px;position: relative;font-weight: bold;}
.black_borad h2 a{position: absolute;top:10px;right:10px;height: 30px;overflow: hidden;border-bottom: none;}
.black_borad a{display:block;height: 40px;line-height: 40px;text-align: center;color:#000;border-bottom:1px solid #ccc;}
.black_borad .cont.on{display: block;}
.black_borad li:last-child a{border-bottom: none;}
.fi2{position: absolute;bottom:100px;left:0;width:500px;box-sizing: border-box;box-sizing: border-box;padding:0 30px;background: #fff;z-index:100;}

.pop_meny .left_me{float:left;}
.pop_meny .right_me{float:right;border:1px solid #ccc;}
.pop_meny .right_me a{display: inline-block;font-size: 14px;padding:10px;}
.pop_meny .right_me a:last-child{border-left:1px solid #ccc;}
.good_area{color:#223c4a;font-size: 16px;color:#555555;}
.modal_agree .recom .doc02 .con span{font-weight: normal;color:#414141;font-size: 18px;}
.modal_agree .recom .tag{color:#1d91d9;display: block;margin-top:15px;}
.has_tag{text-align: left;width:270px;margin-bottom: 10px;}
.has_tag a{display: inline-block;padding:3px 5px;color:#2db0bc;}
.heart_num{background: #fff;border: 1px solid #ccc;border-radius:10px;width:200px;overflow: hidden;height:35px;margin:10px 0;}
.heart_num>p{display: inline-block;text-align: center;height:35px;line-height: 35px;}
.heart_num .con{width:50px;border-right:1px solid #ccc;padding:0;line-height: 35px;padding-top:3px;
}
.heart_num .num{width:70px;vertical-align: top;padding-bottom:10px;height:20px;line-height:35px;border-right:1px solid #ccc;height:35px;}
.uitt{margin:10px 0;}
.uitt a{display: inline-block;font-size: 12px;}
.uitt span{color:#ccc;}
.heart_num .num:last-child{border-right:none;}
.recom_text_list{position: relative;padding-top:15px;overflow-y: scroll;height:195px;
		scrollbar-face-color: #e0e0e0;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #ccc;
    scrollbar-highlight-color: #e0e0e0;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;}
.recom_text_list>a{position: absolute;top:-22px;right:5px;}

.recom_text_list ul>li{padding:4px 0;width:100%;}
.recom_text_list ul>li .date_re{color:#ccc;font-size: 13px;}
.now_trand .recom_text_list ul>li .user_icon p{float:left;font-weight: bold;color:#223c4a;}
.now_trand .recom_text_list ul>li .user_icon p:last-child{width:80%;font-size: 18px;font-weight:normal;color:#000;}
.recom_text_list .doc02{width:100%;}
.recom_text_list .doc02 .text_re{width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.mag_wrap{width:700px;margin:0px auto;position: relative;padding:50px 0px}
.mag_wrap .content{width:700px;margin:0 auto;background: #fff;padding:20px;position: relative;padding-bottom:35px;}
.mag_wrap .content .r_story_viewer{position: absolute;bottom:10px;right:10px;}
.mag_wrap .mfp-close{right:-30px;}
.mag_wrap .content h2{font-size: 16px;font-weight: 500;border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:10px;background:url(/img/edit.png)no-repeat left 3px;padding-left:32px;background-size:3%;}
.mag_wrap .mag_table td, .mag_wrap .mag_table th{padding:4px;}
.mag_wrap .mag_table input{border-color:#ededed;width:100%;}
.mag_wrap .mag_table textarea{border-color:#ededed;width:100%;}
.mag_wrap .mag_table{width:100%;}
.mag_wrap .siler.dic{display: none;}

.mag_wrap .nomal_user select{height:30px;line-height: 30px;margin-bottom:3px;width:32.5%;box-sizing: border-box;}
.r_link{display: block;margin-top: 5px;font-size: 13px;color:#8d8d8d;}
.mag_wrap  .btn_wrap{text-align: center;margin:20px 0;}
.mag_wrap  .btn_wrap a{display: inline-block;width:49%;height:25px;line-height: 25px;text-align: center;border-radius:10px;box-sizing: border-box;}
.mag_wrap  .btn_wrap a:first-child{background: #ffd500;}
.mag_wrap  .btn_wrap a.for_pic{border:1px solid #ffd500;}
.mag_wrap  .btn_wrap .yellow{display: inline-block;background: #ffd500;width:10px;height:10px;border-radius:50%;}

.mag_wrap  .btn_wrap .normal_wrtie{width:100%;background: #7e7e7e;color:#fff;margin-top: 10px;}
.mag_wrap .file_custom{display: none;position: relative;padding-top:20px;}
.mag_wrap .file_custom .btn_file_wrap{margin-bottom:10px;display: block;position: relative;width:100%;border-bottom: 1px solid #ccc;padding-bottom:5px;height:25px;line-height: 25px;}
.mag_wrap .file_custom .btn_file_wrap.vis{visibility: hidden;}
.mag_wrap .file_custom .btn_file_wrap .remove{position: absolute;top:0;right:0;font-size: 17px;width:20px;height:100%;display: block;z-index:105;text-align: center;
cursor: pointer;}
.mag_wrap .file_custom .addfile{font-size: 20px;color:#ffd500;position: absolute;top:-0px;right:0;width:20px;height:20px;background: rgba(0, 0, 0, 0.74);text-align: center;line-height: 20px;}

/* 공통 제품리스트*/
.prd_list{height: auto; margin-top: 20px;}
.prd_list .prd_top{ height: 40px; background: #fafafa;padding:10px 10px 10px;}
.prd_list .prd_top ul.align{float: left; padding-left: 10px;}
.prd_list .prd_top ul.align li{font-size: 14px; color: #eeeeee; float: left; height: 40px; line-height: 40px;}
.prd_list .prd_top .play_btn{display: block;width:110px;height:30px;background: #f0ac19 url(/img/play.png)no-repeat 10px center;line-height: 30px;float:right;color:#fff;text-align: right;border-radius:8px;font-weight: 500;font-size: 17px;letter-spacing:1px;padding:5px;margin-right:15px;position: relative;background-size:25%;padding-right:8px;}

.count_buy{
    position: absolute;
    bottom: 0;
    color:#ccc;
    left: 0;
    width: 100%;
    height: 30px;line-height: 30px;
    display: block;
    background-color: #fafafa;
    border-top: 1px solid #f0f0f0;display:none;
}

.count_buy img{width:20px;vertical-align:middle;margin-bottom:4px;display: inline-block;}
.count_buy a{box-sizing: border-box;width:50%;text-align: center;display: block;float:left;font-size: 13px;color:#6a6a6a;}
.prd_list .prd_top ul.align li a{color: #555555;}
.prd_list .prd_top ul.align li.raking a{font-weight: bold; color: #0d2b45;}
.prd_list .prd_top ul.number{width: 120px; height: 30px; float: right;position: relative;z-index:555;padding:5px;background: #ccc;border-radius: 8px;letter-spacing: 1px;}
.prd_list .prd_top ul.number > li{font-size: 12px; color: #111111; font-weight: bold; background: url(/img/prd/li_off01.png) 100px 12px no-repeat; line-height: 20px; position: relative; padding-left: 10px; box-sizing: border-box;line-height: 30px;}
.prd_list .prd_top ul.number  a{color: #111111;font-size: 14px;display: block;}
.prd_list .prd_top ul.number02{position: absolute; top: 40px; left: 0; background: #ffffff; display: none;width:100%;border-bottom: 1px solid #ccc;}
.prd_list .prd_top ul.number02 li{font-weight: normal; padding-left: 10px;
height:30px;line-height: 30px;}

.prd_list .prd_top ul.number > li.dow{background: url(/img/prd/li_on01.png) 100px 12px no-repeat; }

.prd_list .prd_area{width:100%;}
.prd_list .prd_area>a{display: block;float:left;}
.prd_list .prd_area .prd_box{width: 19.2%; float: left; border-bottom: 1px solid #eee;box-sizing: border-box;margin-bottom:20px; position: relative;box-sizing: border-box;border:1px solid #fff; background:#fff; height:230px;} /*!!!*/
.prd_list .prd_area .prd_box:hover{
/*
    border: 1px solid #8ec251;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(189,189,189,0.6);
    -moz-box-shadow: 0px 0px 14px 0px rgba(189,189,189,0.6);
    box-shadow: 0px 0px 14px 0px rgba(189,189,189,0.6);
*/
}
/*
.prd_list .prd_area .prd_box:hover  dt img{
		  -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
*/
.nomal_prd .prd_list .prd_area .prd_box:nth-of-type(5n){margin-right:0;}
.prd_list .prd_area .prd_box dt{width: 100%; height: auto; text-align: center;overflow: hidden;}
.prd_list .prd_area .prd_box dt.best{width: 100%; height: 276.88px;text-align: center;overflow: hidden;}
.prd_list .prd_area .prd_box dt a{display: inline-block; height:100%!important;width:100%}
.prd_list .prd_area .prd_box dt img{vertical-align: middle;width:100%; display: inline-block;}
.prd_list .prd_area .prd_box dd {position: relative;background: #fff;height:auto; padding:10px; padding-bottom:5px;padding-top:0;}

.prd_box dd p.name{font-size:13px; color: #333; line-height: 20px; clear: both;/*overflow:hidden;*/padding-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align: center;}
.prd_list .prd_area .prd_box dd .price{padding-top:0px; height:auto; text-align:center; overflow:hidden; position: relative;}
.prd_list .prd_area .prd_box dd .prd_name{font-weight: bold;display: none;margin-top:5px;}
.prd_list .prd_area .prd_box dd .prd_name span{font-weight: normal;}
.prd_list .prd_area .prd_box dd .price em.price_2{font-weight: bold;}
.prd_list .prd_area .prd_box dd .price span.pr02{font-size: 14px; color: #8d8d8d; text-decoration: line-through;font-weight: 400;margin-left:60px;}
.prd_list .prd_area .prd_box dd .price strong{float: none;bottom:0;left:0;font-size: 18px;font-weight: bold;color: #1b1b1b;line-height: 20px;}
.prd_list .prd_area .prd_box dd .price strong.on{margin-top: 0;}
.prd_list .prd_area .prd_box dd .price strong span{ font-size: 16px;margin-left:3px;margin-right: 15px;font-weight: 400;}

/*일반상품카테고리*/
.nomal_prd .prd_area .prd_box dt img{width:210px;display: inline-block;height:210px;vertical-align: middle;}
.nomal_prd .prd_area .prd_box dt{height:210px;}
.nomal_prd .prd_area .prd_box{height:335px;}

.right_list .box {margin-bottom:20px;}
.right_list .box li{float:left;width:19.2%;margin-right:1%;    border: 1px solid #d9d9d9;box-sizing: border-box;padding:10px 10px 20px;background: #fff;overflow: hidden;height:249px;}
.right_list .box li a{display: block;width:100%;overflow: hidden;height:185px;}
.right_list .box li img{max-width:100%;max-height:100%;width:185px;height:185px;}
.right_list .box li:nth-of-type(5n){margin-right:0%;}
.right_list .box h2{font-size: 25px;text-align: center;font-weight: bold;padding:15px 0;}
.right_list .box li .name{text-align: center;margin-top:10px;width: 98%;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.right_list .prd_cate_box h2{color:#bdbdbd;}

.right_list .prd_plus_box{position: relative;margin-bottom:60px;}
.right_list .prd_plus_box .price{position: absolute;width:100%;bottom:-70px;height:45px;line-height: 45px;color:#525252;font-size: 18px;background:#ccc;left:0;text-align: center;font-weight: bold;}
.right_list .prd_plus_box .price.upp{bottom:0;}
.right_list .prd_plus_box h2{text-align: left;color:#017dc5;}
.right_list .prd_plus_box ul{height: 259px;overflow: hidden;}
.right_list .prd_plus_box ul.more{height:auto;}
.right_list .prd_plus_box li{margin-bottom:10px;border: 1px solid #f0ac19;position: relative;}
.right_list .prd_plus_box  .more_plus_prd{display: block;text-align: center;position: absolute;width:100%;height:40px;background:#e6e6e6 url(/img/blue_arrow02.png)no-repeat 640px 17px;bottom:-45px;left:0;border-bottom:1px solid #ccc;color:#017dc5;line-height: 40px;font-weight: bold;}
.right_list .prd_plus_box  .more_plus_prd.down{background:#e6e6e6 url(/img/blue_arrow01.png)no-repeat 640px 17px;}
.five_con{display: none;}


.prd_list .prd_area.five .prd_box dd p.deliver{left:10px;right:auto;bottom:-20px;}
.prd_list .prd_area.five  .icon{right:20px;bottom:30px;left:auto;width:auto;}
.prd_list .prd_area.five .five_con{margin-bottom:40px;}
.prd_list .prd_area.five .five_con.view{display: block;}
.prd_list .prd_area.five .review_point span{color:#017dc5;}
.prd_list .prd_area.five .review_point{margin-top:10px;}
.prd_list .prd_area.five .prd_box dd .prd_name{display: block;}
.prd_list .prd_area.five .prd_box dd .price strong{font-size: 27px;position: relative;margin-top: 8px;}

.prd_list .prd_area.five .prd_box dd .price{margin-bottom: 10px;}
.prd_list .prd_area.five .prd_box dd .price .pr02{display: inline-block;}
/*베스트*/
.more_go{display: block;width:100%;text-align: center;margin: 20px 0 40px; height: 40px;line-height: 40px;background: #8ec251;color:#fff;font-weight: 500;font-size: 17px;}
.more_go:hover{opacity:0.8;}


#sub_wrap.best_product .inner{width: 100%; max-width:1280px;margin:0 auto; }

#lastPostsLoader{display:block;}
#lastPostsLoader:after{content:''; display:table; clear:both;}
.part_best_wrap .all{padding:0;height:100%;background:#f0ac19;height:97px;position: absolute;top:0;left:0;z-index:99;width:105px;text-align: center;color:#fff;}
.part_best_wrap .all p{font-size: 29px;line-height:90px;font-weight: bold;}
.best_product .prd_area .prd_box{width:200px; box-sizing: border-box; margin-bottom:15px;/* height:415px;*/     margin-right: 10px;}
.best_product .prd_area .prd_box:nth-child(6n){margin-right:0px;}
.bestheight{height:370px!important;}
/*18-03-27 높이 수정*/

/*.best_product .prd_list .prd_area .prd_box:nth-of-type(5n){margin-right:1%;}*/
.best_product .prd_list{height: auto; width: 100%; max-width:1280px; float:right;}
.best_product.no_all .prd_list{height: auto; max-width:1280px;float:right;overflow: unset;
  scrollbar-face-color: #e0e0e0;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #ccc;
  scrollbar-highlight-color: #e0e0e0;
  scrollbar-3dlight-color: none;
  scrollbar-shadow-color: #e0e0e0;
  scrollbar-darkshadow-color: none;
}
.normal_sub_category {
    position: sticky; z-index: 11; background-color: #fff;
    border: 1px solid #ddd; border-radius: 0 0 30px 30px; border-top: none; padding:3px 10px;
}
/* .normal_sub_category::before {content: ""; position: absolute; width: calc(100% + 100px); height: 50px; background-color: #fff; left: -50px; border-radius: 0 0 50px 50px; border: 1px solid #dddddd; border-top: none; z-index: -1;} */
.normal_sub_category .tree_doc02 {margin-bottom: 15px; /*padding: 10px 0;*/}
.normal_sub_category .list_top{position: absolute;top:0;left:0; display:none; }
/*.normal_sub_category { position: relative; padding-top:20px; }*/
.normal_sub_category h2{font-size: 28px;font-weight: bold;color:#1d1d1d;text-align: center;margin-bottom: 10px;}

.normal_sub_category .four.comm img{width: 25px; height: 25px; margin: 0 6px;}
.normal_sub_category .one.comm img{width: 25px; height: 25px;}
.normal_box{padding:15px 30 15px 0px;margin-top: 55px;
width:925.53px;
height: 160px;overflow-y: scroll;}
.normal_box .list{max-height:166px;overflow: auto;}
.normal_box .list li{float:left;width:20%;box-sizing: border-box;/*background:url(/img/gray_bar.jpg)no-repeat 80% center;*/
margin-bottom: 13px;overflow: hidden;}
.normal_box .list li.on a{color:#8ec251;}
.normal_box .list li a{font-size: 14px;color:#6d6d6d;}
.normal_box .list li a span{font-size: 11px;}
.normal_box .list li img{vertical-align: middle;}
.normal_sub_category .tree_doc{margin:25px 0 72px;}
.normal_sub_category .tree_doc li{float:left;}
.normal_sub_category .tree_doc h3{font-weight: bold;font-size: 15px;margin-right: 15px;line-height: 41px;color:#1d1d1d;}
.normal_sub_category .tree_doc select{width:150px;height:30px;line-height: 30px;padding:0 20px 0 10px;font-size: 15px;border-color: #d4d4d4;font-weight: 500;color:#6a6a6a;    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
	background: url(/img/select_arrow.png)no-repeat 90% center;
}
select::-ms-expand {
   display: none;            /* 화살표 없애기 for IE10, 11*/}

.tree_doc02{position: relative;/*border: 1px solid #ccc;*/padding:5px 0;margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.tree_doc02 ul{margin:15px 0;}
.tree_doc02 .right_btn{display: inline-flex; /*max-width: 400px;*/ margin-left: 10px;}
.tree_doc02 .right_btn .story{display: block;padding:5px 10px;background:#133c5f;text-align: center;font-weight: bold;color:#8ec251;font-size: 18px;margin-top: 7px;}
/* .tree_doc02 .right_btn .doc span{display: inline-block;font-size: 17px;font-weight: bold;margin-right: 6px;color:#1d1d1d;height:100%;} */
.tree_doc02 ul li{float:none;width:100px;/*height:40px;*/text-align: center;box-sizing: border-box;/*border-bottom: 1px solid #ccc;*//*line-height: 40px;*/
}
.tree_doc02 .r_simil{height: 30px;border: 1px solid #8ec251;line-height: 30px;font-size: 16px;color:#6d6d6d;display: inline-block;width:150px;text-align: center;box-sizing: border-box;font-weight: normal;}
.tree_doc02 select{font-size: 0.75rem; display: inline-block; width:150px; padding: 4px 8px;border-color: #d4d4d4;font-weight: 500;color:#333;    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
   -moz-appearance: none;    /* 화살표 없애기 for firefox*/
   appearance: none;         /* 화살표 없애기 공통*/
	background: url(/img/select_arrow.png)no-repeat 90% center;
}
.tree_doc02 h2{font-size: 24px;color:#1d1d1d;font-weight: bold;display: inline-block; margin: 0;}
.tree_doc02 h3{font-size: 17px;color:#1d1d1d;font-weight: bold;display: inline-block; margin: 0;}
.tree_doc02 h3 span{font-size: 15px;color:#ccc;font-weight:400;}
.tree_doc02 ul li a{color:#0e2c46;display: block;}
.tree_doc02 ul li.on a{background: #133c5f;color:#fff;}
/* .tree_doc02 ul li:last-child{border-right:1px solid #ccc;} */

.list-simple .dro-sub li {width: 100%;}
.list-simple .dro-sub li:hover {background-color: #fff0;}
.list-simple .dro-sub li a {text-align: left;}
.list-simple .dro-sub li a.active {background-color: #8ec251;}

.best_product.no_all .prd_area .prd_box{width:19%; height:auto; margin-bottom:45px;}
.best_product.no_all .prd_area .prd_box:hover{border:1px solid #8ec251;}
.best_product.no_all .prd_area.five .prd_box:hover:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #8ec251;}
.best_product.no_all .prd_list .prd_area .prd_box:nth-of-type(6n){margin-right:0%;}
.best_product.no_all .prd_list .prd_area .prd_box:last-child{/*border-bottom:1px solid #ddd;*/}

.best_product .prd_list .prd_area{width:100%;height: auto; margin-top:80px;}
.best_product .prd_area .prd_box .label {position:absolute;z-index:200;display: none;
top:14px;left:-6px;width:54px;height:32px;color:#fff;line-height: 30px; padding-left: 8px;background:url(/img/slider/label.png) no-repeat 0 0;
}
.rank_prod .five-title {display: none;}
.rank_prod .rank_prod_list li a p.price2,
.rank_prod .rank_prod_list li a p.price3{display:none;}

/* 할인가 추가 */
/* 기본 */
.rank_prod:not(.five) .rank_prod_list p.price{margin-top:3px !important;}
.rank_prod .rank_prod_list p.price2,.rank_prod .rank_prod_list p.price3{display:inline-block; color:#999; background-color:#f5f5f5; border-radius:4px; padding:2px 5px; font-size:12px; white-space:nowrap;}
.rank_prod .rank_prod_list .rank_prod_div .cost-unit p{width:fit-content;}

.rank_prod:not(.five) .rank_prod_list .rank_prod_div .span .title{font-size:0.84rem; font-weight:bold; margin-top:10px;}
.rank_prod:not(.five) .rank_prod_list .rank_prod_div p > span.no-five{margin-right:0 !important;}
.rank_prod:not(.five) .rank_prod_list p.rule{color:#a5a5a5; font-size:12px;}
.rank_prod:not(.five) .rank_prod_list .rank_prod_div .cost-unit{display:flex; flex-wrap:wrap; gap:5px; margin-top: 10px;}
.rank_prod:not(.five) .rank_prod_div .price span{color: #222; font-size: 1rem; font-weight: bold; display: block;}
.rank_prod:not(.five) .rank_prod_div .discount span{font-size:1rem; font-weight:bold;}
.rank_prod .rank_prod_list .rank_prod_div span.discount b{display: inline-block; margin-right: 4px; color:#e02f30;} 

/* 비회원일때 가격 안보이게 설정 */
.log-check .rank_prod_list .price,.log-check .rank_prod_list .price2,.log-check .rank_prod_list .price3{display: none !important;}

/* 리스트 */
.rank_prod .five-title span{text-align: center;}
.rank_prod.five .rank_prod_list .rank_prod_div .cost-unit{display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px;}


/* 할인가 끝 */
.five.rank_prod .rank_prod_list .rank_prod_div p.price{display: flex; flex-direction: column;}
.five.rank_prod .rank_prod_list .rank_prod_div p.price .discount{font-weight: bold;}
.rank_prod.five .rank_prod_div .price .reqular{color: #222; font-size: 0.85rem; font-weight: bold;}
.rank_prod .rank_prod_div .price .regular-dis{color:#999 !important; font-size:0.9rem !important; text-decoration:line-through; font-weight:normal !important;}
.rank_prod.five .rank_prod_div .price .regular-dis{font-size:0.75rem !important;}




.rank_prod .rank_prod_list .rank_prod_div {position: relative; border-radius: 10px; display: contents;}
.rank_prod .rank_prod_list .rank_prod_div .row_five {display: none;}
.rank_prod .rank_prod_list .rank_prod_div:hover .li-img {outline: 1px solid #cae2ad;}
/* .rank_prod .rank_prod_list .rank_prod_div:hover {box-shadow: 5px 5px 20px -15px #0000005e} */
.rank_prod .rank_prod_list .rank_prod_div,
.rank_prod .rank_prod_list .rank_prod_div img {width: 100%; overflow: hidden;}

/*상품 이미지 안에 특이사항 텍스트*/
.rank_prod .rank_prod_list .rank_prod_div .li-img {border: 1px solid #f4f4f4; border-radius: 8px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;  padding: 10px;}
.swiper.item .swiper-slide > a {position: relative; z-index: -1; display: flex; justify-content: center;}
.other-item .swiper-slide div a,
.together-item .swiper-slide div a  {position: relative;}
.rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t,
#sit_pvi .li-img-t,
.swiper.item .swiper-slide > a .li-img-t,
.other-item .swiper-slide div a .li-img-t,
.together-item .swiper-slide div a .li-img-t  {position: absolute; bottom: 0; width: 100%; z-index: 1;}
.rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t p,
#sit_pvi .li-img-t p,
.swiper.item .swiper-slide > a .li-img-t p,
.inner .li-img-t.five,
.other-item .swiper-slide div a .li-img-t p,
.together-item .swiper-slide div a .li-img-t p {text-align: center; background-color: #2c2a29; color: #fff; line-height: 25px;}
#sit_pvi .li-img-t p {line-height: 4.5rem; font-size: 2.4rem;}
.five.rank_prod .li-img .li-img-t {display: none;}

.five.rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t {position: relative; width: max-content; margin-top: 10px;}

.rank_prod .rank_prod_list .rank_prod_div .float {margin: 0; border-radius: 8px; height: 35px;}
.rank_prod .rank_prod_list .rank_prod_div .float.pc {margin-top: 5px;}
/* .rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {display: inline-flex; justify-content: space-between; width: 100%; height: 30px; margin-top: 10px;} */
.rank_prod .rank_prod_list .rank_prod_div p {width: 100%; margin: 0; text-align: left;}
.rank_prod .rank_prod_list .rank_prod_div p > span.no-five {margin-right: 5px; min-width: 50px; display: inline-block;}
.rank_prod .rank_prod_list .rank_prod_div .span {order: 4; display: block; min-height: 60px;}
.rank_prod .rank_prod_list .rank_prod_div .span .title {overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: left; padding: 0; position: relative;}
.rank_prod .rank_prod_list .rank_prod_div .span .m {display: none;}

.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {display: flex; justify-content: flex-end; margin: 10px 0 5px;}
.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set:has(.interest) {justify-content: space-between; align-items: center;}
.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set .it-str {display: flex; gap: 0 2px;}

.td_mngsmall .float.interest,
.cart-Qua .float.interest,
.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set .interest,
.sit_btn_tween .interest,
.Qua .item.interest {border: none; display: flex; justify-content: space-between; position: relative; padding: 4px 6px 4px 24px; z-index: 1; height: fit-content; margin-top: -4px; color: #8b979f; border-radius: 30px; background-color: #eceff3; white-space: nowrap;}

.sit_btn_tween .interest {width: 40%; height: 40px; padding: 0; margin-top: 0; margin-right: 10px; border-radius: 5px; font-size: 17px; font-weight: bold; align-items: center; justify-content: center; cursor: pointer;}
.Qua .item.interest {justify-content: center; margin-top: 0; padding: 5px; width: calc(100% - 50px) !important; cursor: pointer;}

.rank_prod .rank_prod_list .rank_prod_div p.price2,
.rank_prod .rank_prod_list .rank_prod_div p.price3 {display: flex; justify-content: space-between;}
.rank_prod .rank_prod_list p.num {display: none;}
.rank_prod.five {position: relative; z-index: 0;}
/*.doc{width:385px;}*/




/*5칸*/


/*5칸*/
.best_product .prd_list .prd_area span.new:nth-child(3){right:89px;}
.best_product .prd_list .prd_area span.new:nth-child(2){right:47px;}
.best_product .prd_list .prd_area span.new:nth-child(1){right:5px;}
.best_product .prd_list .prd_area.five span.new{display:none;}
.best_product .prd_list .prd_area.five .prd_box{width:100%; height:70px;margin-bottom:0px; border-right: 1px solid #8ec25100; border-left: 1px solid #8ec25100; border-top: 1px solid #8ec25100; border-bottom: 1px solid #ddd; position: relative;}
.best_product.no_all .prd_area .prd_box:hover {border-bottom-color: #8ec251; border-right-color: #8ec251; border-left-color: #8ec251; border-top-color: #8ec251;}
.five .five-title {display:grid; grid-template-columns:1fr 6.3fr 3fr 3fr 3fr 3fr; margin: 20px 0 0; padding: 0 15px; border-top: 1px solid #888; border-bottom: 1px solid #8ec251; position: sticky; /*top: 180px !important;*/ z-index: 10; background-color: #fff;}
.five .five-title::before {content: ""; position: absolute; width: 100%; height: 60px; top: -61px; background-color: #fff; z-index: 1;}
.five .five-title span {font-size:13px; position: relative; padding:10px 5px; white-space: nowrap; align-content: center;}
.five .contents {margin-top: 10px;}
.five .contents .rank_prod_list {margin: 0; gap: 0; display: flex; flex-direction: column;}
.five .contents .rank_prod_list a {display: grid; grid-template-columns:1fr 1.3fr 5fr 3fr 3fr 3fr 3fr; align-items: unset; padding: 5px; width: 100%;border: 1px solid #028f8f00; border-bottom-color: #eee; border-radius: 5px;}
/* .five.rank_prod .rank_prod_list .rank_prod_div {border-bottom: 1px solid #f4f4f4;} */
.five.rank_prod .rank_prod_list .rank_prod_div:hover a {border: 1px solid #8ec251;}
.five.rank_prod .rank_prod_list .rank_prod_div:hover .li-img {outline: none;}
.five .contents .rank_prod_list p.num {display: block; margin: auto; text-align: center !important; padding: 5px 2px !important; border-radius: 5px; width: fit-content; min-width: 27px;}
.five .contents .rank_prod_list .li-img {overflow: unset; padding-top: 0; margin-bottom: 0; border: unset; width: auto; align-content: center;}
.five.rank_prod .rank_prod_list .rank_prod_div .Qua {order: 8; align-items: center; justify-content: center; flex-direction: row-reverse; gap: 0 10px; margin: 0;}
.five.rank_prod .rank_prod_list .rank_prod_div .Qua .but {display: flex;}
.five.rank_prod .rank_prod_list .rank_prod_div .Qua .but .float {min-width: 45px;}

.five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {display: inline-flex; align-items: center; flex-wrap: wrap; width: auto; order: 7; justify-content: center; flex-direction: column-reverse; height: auto; gap: 10px 0; margin: 0;}
.five.rank_prod .rank_prod_list .rank_prod_div .Qua .float:has(.add-to-cart) {border: 1px solid #eceff3; background-color: #8ec251;}
.five.rank_prod .rank_prod_list .rank_prod_div .float.interest {padding: 4px 12px 4px 40px;}

.five.rank_prod .rank_prod_list .rank_prod_div p {text-align: left; padding: 0 1px;}
.five.rank_prod .rank_prod_list .rank_prod_div .span {text-align: left; order: 0; padding: 0 0 0 10px; align-content: center;}
.five.rank_prod .rank_prod_list .rank_prod_div .span .title {padding: 0; font-size: 0.8rem; font-weight: bold;}
.five.rank_prod .rank_prod_list .rank_prod_div .span .row_one .rank {background-color: #2c2a29; color: #fff; height: 25px; width: 25px; display: inline-block; align-items: center; text-align: center; line-height: 25px; border-radius: 3px;}
.five.rank_prod .rank_prod_list .rank_prod_div p > span.no-five,
.rank_prod .rank_prod_list .rank_prod_div p > span.five {display: none;}

.five.rank_prod .rank_prod_list .rank_prod_div p.price,
.five.rank_prod .rank_prod_list .rank_prod_div p.price2,
.five.rank_prod .rank_prod_list .rank_prod_div p.price3 {text-align: center; align-items: center; justify-content: center; letter-spacing: 0.5px;}

.rank_prod .rank_prod_list .row_list {position:absolute; z-index:1; left: 0; top: 3px; width: 100%; padding: 0 3px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 10px 0;}
.rank_prod .rank_prod_list .row_list > span {width: calc(50% - 5px); display: inline-flex;}
.rank_prod .rank_prod_list .row_list > span:nth-child(even) {justify-content: flex-end;}

.rank_prod .row_one {display: none;}
.five.rank_prod .row_one {display: block;}

.five.rank_prod .rank_prod_list .row_list {display: none;}
.list-pg .five .contents .rank_prod_list .row_list:has(span) {display: block;}


.five .contents .rank_prod_list .row_one {display: none;}
.five .contents .rank_prod_list .row_one:has(span) {display: inline-flex; gap: 0 3px; align-items: center;}

/* .best-pg .five .five-title {top: 221px;} */

.check .five.rank_prod .rank_prod_list .rank_prod_div .Qua.Qua-login {color: #8ec251; font-weight: bold; position: absolute; white-space: nowrap; right: 50px; top: 50%; transform: translateY(-50%);}
.check .five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {display: none;}


.blank_ td {border: none;}
.blank_ td::before {display: none;}

.prd_list .prd_area.five .prd_box dt{width:65px;height:65px;float:left;border-bottom:none;}
.prd_list .prd_area.five .prd_box{height:150px;}
.prd_list .prd_area.five .prd_box dd{float:left;width:40%; height:58px;padding-top:0px;}
.best_product .prd_list .prd_area.five dd span.rule{position:absolute; width:70px; left:207px; top:22px;}
.best_product .prd_list .prd_area .prd_box .price2{display:none;}
.best_product .prd_list .prd_area .prd_box .price3{display:none;}
.best_product .prd_list .prd_areska.five .prd_box:last-child{border-bottom:1px solid #ddd;}
.best_product .prd_list .prd_area.five .prd_box .price{width:97px; left:290px; top:22px; position:absolute;}
.best_product .prd_list .prd_area.five .prd_box .price2{display:block;width:97px; left:394px; top:22px; position:absolute;}
.best_product .prd_list .prd_area.five .prd_box .price3{display:block;width:97px; left:510px; top:22px; position:absolute;}
.best_product .prd_list .prd_area.five .prd_box .price strong{display:inline;}
.best_product .prd_list .prd_area.five .prd_box .icon_Wrap{text-align:center;position:absolute;width:86px; left:590px; top:17px;}
.best_product .prd_list .prd_area.five .prd_box .icon_Wrap span{display:block;margin:0 auto; width:45px; white-space: nowrap;}
.best_product .prd_list .prd_area.five .prd_box .icon_Wrap02{text-align:center;position:absolute;width:113px; left:640px; top:17px; padding:5px;}
.best_product .prd_list .prd_area.five .prd_box .icon_Wrap02 span{display:block;margin:0 auto; width:45px; white-space: nowrap;}
.best_product .prd_list .prd_area.five .prd_box .comment{width:237px important; left:8px;  position:absolute; bottom:25px; text-align:left;}
.best_product .prd_list .prd_area.five .list_icon{width:100%; bottom:4px; position:absolute; text-align:left !important; padding-left:70px !important; z-index:200;}
.best_product .prd_list .prd_area.five .list_icon span{padding:0px 5px !important;}
.best_product .prd_list .prd_area.five .new{width:50px;left:0px; top:0px !important; }
.best_product .prd_list .prd_area.five .new img{width:25px;height:35px;}
.best_product .prd_list .prd_area.five img{width:60px;height:65px;}
.prd_list .prd_area.five .bottom8 {position: relative; left: 275px; text-align: left !important;}

.prd_list .prd_area.five .color_box{margin-top:30px;}
.prd_list .prd_area.five .color_box span{display: inline-block;width:20px;height:20px;border: 2px solid #ccc;background: #ff0;}
.prd_list .prd_area.five .star_point{right:65px;bottom:5px;left:250px;}
.prd_list .prd_area.five  p.deliver{bottom:40px;right:10px;}
.prd_list .prd_area.five .prd_box dd .price{overflow: visible;}
.prd_list .prd_area.five .prd_box dd{position: static;width:70%;}
span.pr01{color:#8ec251;margin-top:0px;display: inline-block;vertical-align: top;}
/*한 줄 나올때 제목*/
.prd_list .prd_area.five .prd_box dd{position:relative;}
.prd_list .prd_area.five .prd_box.name01 dd p.name{top:24px !important;}
.prd_list .prd_area.five .prd_box.name02 dd p.name{top:14px !important;}
.prd_list .prd_area.five .prd_box.name02 dd p.comment{bottom:14px !important;}
.prd_list .prd_area.five .prd_box.name02 .list_icon{bottom:10px !important;}
.prd_list .prd_area.five .prd_box.name03 dd p.name{}
.prd_list .prd_area.five .prd_box dd p.name{
    border:none;
    font-size: 13px;
    line-height: 22px;
    color: #333;
	text-align:left;
    letter-spacing: -1px;
	position:absolute;
	top:6px;
	left:0px; 
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;  
	display:-webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	 word-wrap:break-word; color:#333;
	white-space:normal; 
	padding:0 5px;}

.prd_list .prd_area .prd_box dd .price{text-align:center;}
/*.sub_best_wrap{margin-top: 20px;}*/
.best_product .left_quick {float:left;margin-top: 15px;}
.part_best_wrap{position: relative;}

.part_best{margin-bottom:5px;width:1030px;margin-left:105px;}
.part_best .type{position: relative;background: #fff;box-sizing: border-box;height:97px;overflow: hidden;}
.part_best .type a{display: block;text-align: center;padding:2px 0 5px;}
.part_best .type.all>a{display: block;}
.part_best .type.on_type{border-color:#fff;}
/*.part_best .type:hover{border-color:#3D99EE;}*/
.part_best .type:last-child{background-image: none;}
.part_best .type>a{;display: block;font-size: 14px;text-align: center;padding-bottom:8px;border-top:3px solid #fff;color:#888888;font-weight: 500;}
.part_best .type>a{;display: block;font-size: 14px;text-align: center;padding-bottom:8px;border-top:3px solid #fff;color:#888888;font-weight: 500;border}
.part_best .slick-track>ul:nth-of-type(3) .part_best_menu {display: block;}

.part_best .type>a.onsale{border-top:3px solid #017dc5;}
.part_best .type>a img{margin:0 auto;width:64px;height:64px;}
.part_best_menu{position: relative;}
.part_best_menu .doc{float:none;position:relative;width:100%;z-index:99;text-align: left;background: rgba(245, 245, 245, 0.62);box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);border: 1px solid #fff;display: none;padding:20px 0;}
.part_best_menu .doc .cate_list li{float:left;padding:0 8px;background:url(/img/sp.jpg)no-repeat right center;}
.part_best_menu .doc .cate_list li:last-child{background-image: none;}
.part_best_menu .doc.viw{display: block}
.part_best .doc .cate_list{padding:10px 5px;}
.part_best .doc .cate_list li{padding:5px 0;border-bottom:1px solid #dddddd;}
.part_best .doc .cate_list li a{display: block;width:100%;font-size: 13px;}
.part_best .doc.activetion{display: block;}
.part_02{text-align: right;margin-bottom:15px;}
.part_02 select{width:200px;height:35px;line-height: 35px;}
.part_best .slick-next,.part_best .slick-prev{width:15px;height:30px;}
.part_best .slick-next{background:url(/img/g9_main_v3.png);background-position: -100px 0;right:-20px;}
.part_best .slick-prev{background:url(/img/g9_main_v3.png);background-position: -80px 0;left:-20px;display: none;background:none;}
/*할인*/


.sale_product .prd_area .prd_box{width: 32%; float: left; box-sizing: border-box;margin-right:2%;margin-bottom:20px;}

.sale_product .prd_area .prd_box:nth-of-type(3n){margin-right:0;}
.sale_product .prd_list{width: 100%; height: auto; margin-top: 20px;}
.sale_product .prd_list .prd_area{width: 100%; height: auto;}
.sale_product .prd_area .prd_box .label {position:absolute;z-index:500;
top:14px;left:-6px;width:54px;height:32px;color:#fff;line-height: 30px; padding-left: 8px;background:url(/img/slider/label.png) no-repeat 0 0;
}

.sub_sale_wrap{position: relative;background: #3d4c5e;}
.sub_sale_wrap h2.title{float:left;height:92px;line-height: 92px;}
.sub_sale_wrap h2.title img{width:100%;vertical-align:middle;}
.sub_sale_right{float:right;width:770px;height:92px;margin-top:6px;}
.sub_sale_con{width:1030px;margin:0 auto;}
.sub_sale .type{position: relative;box-sizing: border-box;}

.sub_sale .type.all>a{display: block;}
/*.sub_sale .type:hover{border-color:#3D99EE;}*/
.sub_sale .type:last-child{background-image: none;}
.sub_sale .type>a{display: block;font-size: 12px;text-align: center;padding-bottom:10px;font-weight: 400;color:#bdbdbd;position: relative;}
.sub_sale #white_arrow{
	overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
	display: none;
    width: 14px;
	z-index:999;
    height: 8px;
    margin-left: -9px;
    background: url(/img/sprite_superdeal.png) no-repeat -400px 0;
    zoom: 1;}
.sub_sale #white_arrow.no{display: block;}

.sub_sale .type>a.onsale{color:#fff;}
.sub_sale .type>a img{border: 1px solid #3d4c5e;}
.sub_sale .type>a.onsale img{border-radius:50%;border:1px solid #fff;display: block;}
.sub_sale .type>a img{margin:0 auto;width:70%;height:64px;}
.sub_sale_menu_wrap{background:#fff;;box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.31);border: 1px solid #fff;}
.sub_sale_menu{position: relative;margin-bottom:20px;max-width: 1030px;margin:0 auto;}
.sub_sale_menu .doc{float:none;position:relative;width:100%;z-index:99;text-align: left;display: none;padding:10px 0;}
.sub_sale_menu .doc .cate_list li{float:left;padding:0 8px;background:url(/img/sp.jpg)no-repeat right center;}
.sub_sale_menu .doc .cate_list li:last-child{background-image: none;}
.sub_sale_menu .doc.viw{display: block}
.sub_sale .doc .cate_list{padding:10px 5px;}
.sub_sale .doc .cate_list li{padding:5px 0;border-bottom:1px solid #dddddd;}
.sub_sale .doc .cate_list li a{display: block;width:100%;font-size: 13px;}
.sub_sale .doc.activetion{display: block;}
.part_02{text-align: right;margin-bottom:15px;}
.part_02 select{width:200px;height:35px;line-height: 35px;}
.sub_sale .slick-next,.sub_sale .slick-prev{width:15px;height:30px;}
.sub_sale .slick-next{background:url(/img/g9_main_v3_02.png);background-position: -100px 0;right:-20px;}
.sub_sale .slick-prev{background:url(/img/g9_main_v3_02.png);background-position: -79px 0;left:-20px;}





/*페이징*/

.prd_paging{width: 100%; height: 20px; text-align: center; padding: 30px 0 40px 0;}
.prd_paging a{width: 25px; height: 20px; color: #0d2b45; font-size: 13px; margin-left: 4px; font-weight: bold; display: inline-block; line-height: 20px;}
.prd_paging a img{line-height: 20px; vertical-align: middle;}
.prd_paging span.next_track{color: #555555; display: inline-block; font-weight: bold; margin-left: 0;}
.prd_paging a.last_number{color: #888888; display: inline-block; font-weight: bold; cursor: default;}
.prd_paging a.left_arrow{width: 10px; height: 20px;}
.prd_paging a.right_arrow{width: 10px; height: 20px;}
.prd_paging a.paging_on{border: 1px solid #004177}

.wish_prd{width: 100%; height: auto; padding: 20px 0; margin-top: 20px; background: #f5f5f5;}
.wish_prd .wish_list{width: 1030px; height: auto; float: right; margin-right: 100px;}
.wish_prd .wish_list h4{font-size: 16px; color: #222222; font-weight: bold; margin: 10px 0;}
.wish_box{position:relative; width: 1030px !important; height: auto;}
.wish_area ul{}
.wish_area ul li{width:170px; height:auto; padding: 10px; border: 1px solid #eeeeee; background: #ffffff;}
.wish_area ul li dl{width:150px; height:auto; padding-bottom: 30px;}
.wish_area ul li dl dt{width: 150px; height: 150px;}
.wish_area ul li dl dt img{width: 150px; height: 150px;}
.wish_area ul li dl p.name{font-size: 12px; color: #000000; line-height: 18px; clear: both; padding-top: 10px;}
.wish_area ul li dl .price{padding-top: 5px;}
.wish_area ul li dl .price span.pr01{font-size: 12px; color: #111111;}
.wish_area ul li dl .price span.pr02{font-size: 12px; color: #888888; text-decoration: line-through;}
.wish_area ul li dl .price strong{font-size: 14px; color: #ae0000; font-weight: bolder;}
.wish_area ul li dl .price strong span{font-weight: normal; font-size: 12px;}

.wish_area .bx-pager{position:absolute; left:50%; bottom:20px; margin-left:-22.5px;}
.wish_area .bx-pager .bx-pager-item{display:inline-block; margin-right:5px;}
.wish_area .bx-pager .bx-pager-item a{display:block; width:10px; height:10px;border-radius:50%;text-indent:-9999em; background:#a7a7a7;}

.wish_area .bx-controls-direction{}
.wish_area .bx-controls-direction a{position:absolute; top:50%;display:block; width:30px; height:60px;margin-top:-30px; text-indent:-9999em;}
.wish_area .bx-controls-direction a.bx-prev{left:-40px; background:url("/img/prd/pager_left.jpg") center center no-repeat;}
.wish_area .bx-controls-direction a.bx-next{right:-40px ;background:url("/img/prd/pager_right.jpg") center center no-repeat;}


.cart_select{width: 1030px; height: auto; margin-top: 50px;}
.cart_select ul{height: 30px; line-height: 20px; margin-bottom: 15px;}
.cart_select ul li{float: left; margin-right: 10px;}
.cart_select ul li img{line-height: 20px; vertical-align: middle;}
.cart_select ul li strong{font-weight: bold;}
.cart_select ul li button{padding: 2px 5px; font-size: 12px; color: #333333; background: #f5f5f5; border: 1px solid #e7e7e7; border-radius: 3px;}
.cart_select .ct{border-collapse:collapse;border-spacing:0; clear: both;}
.cart_select .ct td{height: 35px; vertical-align: middle; font-size:14px;overflow:hidden;word-break:normal; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; text-align: center;}
.cart_select .ct th{height: 35px; vertical-align: middle; font-size:14px;overflow:hidden;word-break:normal; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; color: #333333; background: #f5f5f5; text-align: center;}
.cart_select .ct th img{vertical-align: -1px;}



.ad_area{width: 1030px; height: auto; border: 1px solid #d4d4d4; margin: 50px 0;}
.ad_area .ad_visual{width: 1030px; height: 300px; background: #f0f0f0;}
.ad_area h3{font-size: 24px; height: 60px; color: #1c1c1c; font-weight: bold; padding-left: 20px; border-bottom: 1px dashed #bcbcbc; line-height: 60px;}
.ad_area .ad_top_visual{width: 100%; height: auto; text-align: center;}
.ad_area .ad_cont01{width: 1030px; height: auto; margin-top: 20px; padding: 0 40px; box-sizing: border-box;}
.ad_area .ad_cont01 h4{font-size: 16px; color: #1c1c1c; font-weight: bold;}
.ad_area .ad_cont01 .agree_area{width: 920px; height: auto; padding: 20px 20px 30px 20px; box-sizing: border-box; font-size: 14px; color: #666666; border: 1px solid #e7e7e7; margin-top: 20px;}
.ad_area .ad_cont01 .agree_area strong{font-weight: bold; color: #333333;}
.ad_area .ad_cont01 p.agree_text{font-size: 13px; color: #666666; line-height: 18px; padding: 10px 0;}
.ad_area .ad_cont01 .agree_check{vertical-align: middle;}
.ad_area .ad_cont01 .agree_check input{vertical-align: middle;}
.ad_area .ad_cont01 .agree_check span{font-size: 14px; color: #555555;}

.ali .ad_table{padding:10px 40px;}
.ali .ad_area .ad_table .at th{text-align: center;}
.at table {font-size: 13px;}
.agree_check {padding: 15px 0; color: red;}
/*로그인 화면*/

.sns-wrap-32 .sns-wrap .sns-icon{margin-bottom: 20px;}
.sns-wrap-32 .sns-wrap {text-align: left;}
.sns-wrap-32 .sns-wrap img{width:100%;}
.login_page .con{float:left; max-width:450px;}
.login_page .con.right{width:250px;margin-top: 200px;}
.login_page .con.right .type{display: table-cell;vertical-align: middle;}
.login_page .con.or{width:150px;height:605px;background:url(/img/or.jpg)no-repeat center center;}
.login_page  h4{font-size: 23px; color: #1c1c1c; font-weight: bold;margin-bottom: 10px;text-align: center;}
.login_page  h3{color:#1d1d1d;font-size: 18px;font-weight: bold;}
.login_page .top{padding:5px;text-align: center;}
.login_page .top img{width:258px;}
.ad_table { height: auto;margin:30px auto;background: #fff;padding:30px 135px;}
.ad_table .at{border-collapse:collapse;border-spacing:0; border-top:1px solid #ddd;}
.login_page .at_table02{background: #ededed;padding:10px 0;}
.login_page .inner_cf{padding:20px 0;}
.ad_area .ad_table .at td{font-size:13px;overflow:hidden;word-break:normal; border-bottom: 1px solid #e4e4e4; height: 45px; vertical-align: middle; text-align: left; padding-left: 10px; box-sizing: border-box;}
.ad_area .ad_table .at td.at_text{height: auto; padding: 10px 0 10px 10px;}
.ad_area .ad_table .at th{font-size:15px; background: #f7f7f7; border: 1px solid #e4e4e4; overflow:hidden;word-break:normal; height: 45px; vertical-align: middle; text-align: left;  box-sizing: border-box;width:200px;}
.ad_area .ad_table .at td span{font-size: 12px; color: #666666;}
.ad_area .ad_table .at td input{height: 30px; line-height: 20px; border: 1px solid #dfdfdf; background: #fff; vertical-align: middle; margin-right: 0; color: #666666; font-size: 12px;}

.ali .ad_area .ad_table .at td span{font-size: 14px;}

.login_page input, select{width:100%; height: 45px; background-color:none; box-sizing: border-box; padding-left:60px; border: 1px solid #ebebeb; box-shadow: none; box-shadow: none; outline: 0;}
.login_page input:focus{box-shadow: none;    border: 1px solid #d4d4d4;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	background: #fff !important;
}
.log_table li{position: relative;}
.login_page .icon_login{position: absolute;top:6px;left:1px;}
.login_page .icon_login img {height: 44px; width: 43px;}
.login_page .bot .type01{text-align: center;background:url(/img/gray_dots.jpg)repeat-x 0 center;margin-bottom: 20px;}
.login_page .bot .type01 p{background: #fff;padding:0 10px;width:fit-content;margin:0 auto;font-size: 13px;}

.bt01{color:#fff;font-weight: bold;font-size: 18px;height: 63px;line-height: 63px;background: #333;width:100%;}
.bt02{color:#fff;font-weight: bold;font-size: 18px;height: 63px;line-height: 63px;background: #999;width:100%;}
.bt03{color:#fff;font-weight: bold;font-size: 18px;height: 63px;line-height: 63px;background: #F40600;width:100%; cursor:pointer;}

.ad_area .ad_table .at td input.w70{width: 70px;}
.ad_area .ad_table .at td input.w180{width: 180px;}
.ad_area .ad_table .at td input.w250{width: 250px;}
.ad_area .ad_table .at td input.w280{width: 280px;}
.ad_area .ad_table .at td input.w380{width: 380px;}
.ad_area .ad_table .at td input.w500{width: 500px;}
.ad_area .ad_table .at td input.w730{width: 730px;}
.ad_area .ad_table .at td input.at_file{width: 730px;}
.ad_area .ad_table .at td select{height: 30px; border: 1px solid #dfdfdf; color: #666666; font-size: 12px;}
.ad_area .ad_table .at td select.at_phone{width: 70px;}
.ad_area .ad_table .at td select.at01_select{width: 180px;}
.ad_area .ad_table .at td select.at_email{width: 180px;}
.ad_area .ad_table .at td textarea{font-size:12px; color: #666666; background: #fff; width: 730px; height: 90px; padding: 10px 0 10px 15px; resize: none; border: 1px solid #dfdfdf;}
.login_page .at_btn.find{position: absolute;top:-15px;right: 0;}
.login_page .at_btn{text-align: center; margin: 20px 0;}

.bt01{color:#fff;font-weight: bold;font-size: 16px;height: 50px;line-height: 50px;background: #8ec251;width:100%; cursor:pointer; border-radius: 3px;}
/*.login_page .at_btn01{width: 100px; height: 35px; text-align: center; line-height: 35px; background: #8ec251; margin-right: 5px; color: #fff; margin-left:5px;}*/
.login_page .at_btn02,.login_page .at_btn03{
	 text-align: center;color:#8ec251;
}
.login_page .bt02{height: 50px;line-height: 50px;background: #2c2a29;text-align: center;border:1px solid #2c2a29;border-radius: 3px;width:100%;font-weight: bold;font-size: 16px;cursor: pointer;}
/*ceo 페이지*/

.ceo_title_wrap{padding:30px 20px 20px;border-bottom: 1px solid #ccc; box-sizing:border-box; margin-top:0px;}


.title_con .center,.title_con .ceo_icon,.title_con .right{float:left;margin-right:10px;}
.title_con{position: relative;}
.title_con .ceo_icon{width:150px;height:150px;border: 1px solid #ccc;border-radius: 50%;overflow: hidden;}
.title_con .ceo_icon img{width:150px;height:150px;}
.title_con .ceo_icon img:hover{
	  -webkit-transform: bounce 300ms scale(1.1);
transform: scale(1.1);
			transform: bounce 300ms scale(1.1);
transform: scale(1.1);

}


.title_con .center ul li{display: inline-block;margin-right:10px;font-size: 20px;font-weight: 500;}
.title_con .center ul li span{font-weight: normal;}
.title_con .center ul li:last-child{margin-right:0;}
.title_con .right{float:right;}
.title_con .right .r_go{width:116px;height:26px;line-height: 26px;color:#8ec251; ;text-align: center;display: block;font-size: 13px;font-weight: bold;margin:0px auto  20px;border: 	1px solid #8ec251;}
.title_con .right{font-size: 20px;font-weight: 500;margin-right:0;}
.title_con  .ceo_info{position: relative;float:left;margin-left:25px;color:#6d6d6d; margin-top:-10px; border-right:1px solid #eee; padding-right:40px;}
.title_con  .ceo_info .con{position: relative;}
.title_con  .ceo_info .con a.tog{ position: absolute;top:0px;left:0;}
.title_con  .ceo_info h2{display: inline-block;width:150px; font-size: 26px;font-weight: bold;color:#000;}
.ceo_info .info02{margin-top: 20px;}
.ceo_info .info02 li{font-size: 16px;font-weight: 500; text-align: center;padding:4px 10px; border: 1px solid #ccc; margin-bottom:10px;}
.ceo_info .info02 li span{margin-left:5px;}
.ceo_info .info02 li:last-child{margin:0;}

.title_con  .ceo_info .type_sell{display: inline-block;line-height: 41px;box-sizing: border-box;height:35px;padding:0 20px;vertical-align: top;margin-top: 3px;font-size: 16px;
	background: url(/img/gray_bar.jpg)no-repeat right center;}
.title_con .grade{height:30px;line-height:30px;}
.title_con  .ceo_info .type_sell.grade{background: none;}
.title_con  .ceo_info .type_sell.grade span{margin-top: 13px;}

.title_con .right ul{text-align: center;margin-top: 30px;}
.title_con .right ul li{color:#fff;display: inline-block;margin: 0 20px;}
.title_con .right ul li a{color:#fff;}

.title_con .grade span img{vertical-align: middle;width:100%;margin-bottom: 3px;}
.ceo_home .ceo_prd_list h2{text-align: center;font-weight: bold;font-size: 25px;padding:20px 0;}

/*.ceo_home .ceo_prd_list .prd_box:nth-of-type(5n){margin-right:0%;}*/

.ceo_home .prd_list {width:95%;margin:0 auto;}
.ceo_home .prd_list .prd_box {margin:0;}
.ceo_prd_con .slick-prev,.ceo_prd_con .slick-next{width:15px;height:30px;}
.ceo_prd_con .slick-prev {
    background: url(/img/g9_main_v3.png);
    background-position: -80px 0;
    left: -30px;
}
.ceo_prd_con .slick-next {
    background: url(/img/g9_main_v3.png);
    background-position: -100px 0;
    right: -30px;
}
.ceo_home .prd_list .prd_top{border: 1px solid #f0ac19;box-sizing: border-box;height: 62px;margin-bottom:10px;;}
.ceo_home .prd_list.ceo_prd_list02{width:1030px;float:right;}
.ceo_home .prd_list.ceo_prd_list02 .prd_box{width:calc(20% - 8px); margin-right:10px; margin-bottom:20px;}
/*.ceo_home .prd_list.ceo_prd_list02 .prd_box:nth-of-type(3n){margin-right:1%;}*/
.ceo_home .prd_list.ceo_prd_list02 .prd_box:nth-of-type(5n){margin-right:0;}

.ceo_home .prd_list.ceo_prd_list02 .prd_area.five .prd_box{width:100%;margin-right:0%;}
.ceo_home .ceo_bot .left_quick {margin-left:0;margin-top:70px;}
/*.ceo_home .ceo_bot .left_quick .left03,.ceo_home .ceo_bot .left_quick .left04,.ceo_home .ceo_bot .left_quick .left05{display: none;}*/
/*마이스토리*/
.stroy_tep{width:100%;text-align: center;margin-bottom: 20px;}
.stroy_tep li{display: inline-block;width:120px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;cursor: pointer;box-shadow: 3px 2px 2px #ccc;margin:0 5px;background: #fff;color:#8ec251;}
.stroy_tep li a{display: block;}
.stroy_tep li.on{color:#0e2c46;font-weight: bold;color:#fff;background: #8ec251;}
.stroy_tep li.on a{color:#fff;}
.stroy_wrap .fed{display: none;margin-bottom: 40px;}
.stroy_wrap .fed.on{display: block;}

/*마이페이지*/
.sticky-table td {box-shadow: none !important; background-color: #fff !important; vertical-align: middle; text-align: center;}
/*thead{border:1px solid #ccc;}*/
#sub_wrap .order_search .btn_type01{display: block;width:70px;height: 30px;line-height: 30px;border:1px solid #8ec251;background: #fff;color:#000;text-align: center;position: absolute;top:-50px;right:0px;}
.order_search .odr-cart {width: 20%; position: relative;}
.order_search .odr-cart::before {content: ""; position: absolute; width: 1px; height: 100%; top: 0; right: 0;  background-color: #ddd;}
.order_search .odr-payment .payment {width: 80%;}
/* .order_search .odr-payment .payment > div:first-child {justify-content: space-evenly;} */
.order_search .odr-payment .payment .each-5 {min-width: 160px; gap: 10px 0;}
.order_search .odr-payment .payment .each-5 .flex a {width: 100%;}
.order_search .odr-payment .payment div p {font-size: 0.8rem;}
.order_search .odr-payment .payment .total-each div p span {font-size: 1rem; font-weight: bold; margin-left: 5vw;}
.order_search .odr-payment .payment .total-each div p span#_prd_type_1_price_ {color: #e02f30;}
.order_search .odr-payment .payment .total-each div p span#_prd_type_2_price_ {color: #0d6efd;}
.order_search .odr-payment .payment .delivery {padding: 5px 15px; background-color: #eceff3; color: #8b979f; border-radius: 5px;}
.order_search .odr-payment .payment .delivery span {font-size: 1rem; font-weight: bold; margin-left: 5vw;}
.order_search .odr-payment .payment .each-5 span {color: #8ec251; font-size: 1.2rem; font-weight: bold;}
.order_search .odr-payment .payment svg {width: 20px; opacity: 0.5;}
.order_search .odr-payment .payment svg.bi-pause {transform: rotate(90deg);}

/*주문배송조회*/
/*.odrder_search_list {background-color: #f9f9f9;}*/
.order_search td{border-bottom: 1px solid #ddd;padding: 10px 20px}
.order_search .product_list {margin-bottom: 20px; /*box-shadow: 0 8px 10px -7px #00000040;*/}
.order_search .product_list td{padding: 5px 10px; font-size:13px;}
.order_search .cos {padding:0; position: relative;}
.order_search .cos select{width:120px;height: 40px;
-webkit-appearance: none;
		-moz-appearance: none;
    appearance: none;
    background: url(/img/dd_arrow.png)no-repeat 95% center;}

.order_search .odrder_search_list:has(.product_list) {background-color: #f7f7f7;}
.order_search .cos .con {float:left;}
.order_search .con:last-child {width: calc(100% - 100px);}
.order_search .cos .con.txt {padding: 5px 10px; border-radius: 0; text-align: center;}
#sub_wrap .order_search .click_go{position: absolute;top:60px;right:460px; background: #6e6e6e;color:#fff;height: 40px;line-height: 40px;}

.order_search .con_table {background-color: #fff; padding: 10px 0; /*border-radius: 8px;*/}
.order_search .con_table p.order-day {font-size: 0.85rem; gap: 0 5px;}
.order_search .con_table p.order-day .day-1 {}
.order_search .con_table p.order-day .day-2 {background-color: #e74c32; color: #fff; padding: 0 4px; border-radius: 2px;}
.order_search .con_table p.order-day .day-3 {font-weight: bold;}

.order_search .con_table .order-item {margin: 10px 0;}
.order_search .con_table .order-item img {width: 85px; height: auto; margin-right: 5px;}
.order_search .con_table .order-item .flex p:last-child {margin-top: 5px; color: #e74c32; border: 1px solid #e74c32; width: fit-content; padding: 2px 4px;}
.order_search .con_table .order-item h3 {font-size: 1rem; font-weight: bold; text-align: right;}

.order_search .con_table .swiper::-webkit-scrollbar {width: 8px; height: 8px;}
.order_search .con_table .swiper::-webkit-scrollbar-thumb {background: #ccc;}
.order_search .con_table .swiper::-webkit-scrollbar-track {background: #f1f1f1;}
.order_search .con_table .swiper-slide {width: auto; cursor: e-resize;}
.order_search .con_table .swiper-scrollbar-drag::before,
.order_search .con_table .swiper-scrollbar-drag::after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0;}
.order_search .con_table .swiper-scrollbar-drag::before {border-left: 5px solid #727272; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; right: -6px;}
.order_search .con_table .swiper-scrollbar-drag::after {border-right: 5px solid #727272; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; left: -6px;}


.order_search .con_table .odr-group ul {min-width: 1280px; outline: 1px solid #084944; outline-offset: -1px; /*border: 1px solid #084944;*/ border-left: 0; app-region: no-drag; display: grid; grid-template-columns: 80px 1fr 80px 1fr 80px 1fr 80px 1fr 80px 1fr 80px 1fr;}
.order_search .con_table .odr-group li {text-align: left; border: none; box-shadow: none; background-color: #fff; padding: 10px 5px;}
.order_search .con_table .odr-group li.odr-title {text-align: center; width: 80px; border-left: 1px solid #084944; background-color: #f4f4f4; box-shadow: none;}
.order_search .con_table .odr-group li.center {border-bottom: 1px solid #f4f4f4;}
.media-1080 {display: none;}
.order_search .con_table .odr-group.media-1080 .odr-toggle {position: relative; height: 80px; overflow: hidden; transition: 0.4s;}
.order_search .con_table .odr-group.media-1080:has(.on) .odr-toggle {height: 100%; transition: 0.4s;}
.order_search .con_table .odr-group.media-1080 ul {min-width: unset; width: 100%; display: inline-flex; flex-wrap: wrap; margin-top: 10px;}
.order_search .con_table .odr-group.media-1080 ul li {width: calc(50% - 120px);}
.order_search .con_table .odr-group.media-1080 li.odr-title {width: 120px; text-align: center;}
.order_search .con_table .odr-group.media-1080 .odr-more {position: relative; width: 100%; padding: 10px 0 0; border-top: 1px solid #ddd; font-size: 0.8rem; display: flex; justify-content: center; align-items: center;}
.order_search .con_table .odr-group.media-1080 .odr-more .fold,
.order_search .con_table .odr-group.media-1080:has(.on) .odr-more .add {display: none;}
.order_search .con_table .odr-group.media-1080:has(.on) .odr-more .fold {display: block;}
.order_search .con_table .odr-group.media-1080 .odr-more svg {width: 22px; margin-left: 15px; border-radius: 50%; box-shadow: 2px 4px 8px -5px #0000005e;}
.order_search .con_table .odr-group.media-1080:has(.on) .odr-more svg {transform: rotate(180deg);}
.order_search .con_table .odr-group.media-1080 .odr-more::before {content: ""; position: absolute; width: 100%; height: 40px; background: linear-gradient(0deg, #fff 40%, #fff0 100%); top: -41px;}
.order_search .con_table .odr-group.media-1080:has(.on) .odr-more::before {display: none;}

.order_search .con_table .order-bot p {font-weight: bold;}
.order_search .con_table .order-bot p span {font-size: 1rem; padding-left: 15px;}
.order_search .con_table .order-bot p.total span {color: #0d6efd;}
.order_search .con_table .order-bot p.balance span {color: #e74c32;}

.order_search table{width:100%; font-size: 0.8rem;}
.order_search .cos #order_search {display: flex; align-items: baseline; margin-bottom: 10px;}
.order_search .cos .con ul {margin-bottom: 0 !important; align-items: baseline;}
.order_search .cos .con ul li{float:left;}
.con_table.product_list table tbody tbody tr{border-bottom:10px solid #fff;border-top:10px solid #fff; }
.order_search .cos .con ul li#search_date {margin-top:-5px;padding-left:5px;width: calc(100% - 400px); display: inline-flex; align-items: center;}
.order_search .cos .con ul li.on a{border-color:#e02f30 !important; color:#e02f30 !important;}

.order_search .con_table table,
.order_active .con_table table {overflow: auto;}
/*.order_search .con_table table thead,
.order_active .con_table table thead {position: sticky; top: 70px; z-index: 10;}*/
.order_search .con_table table thead td,
.order_active .con_table table thead td {position: relative;}
.order_search .con_table table thead tr.title {border-top: 1px solid #888; border-bottom: 1px solid #009688;}
.order_search .con_table table .empty_table {text-align: center;}

.top_title_cont{padding:10px; font-size:1.2em; font-weight:500; margin:15px 0 10px; color:#4d4d4d; text-align: left;/*background:#90C31F;*/}
#sub_wrap .order_search .cos .con ul.type01 li a{display: block;width:60px;height: 30px;line-height: 30px;background: #fff;text-align: center;border:1px solid #ebebeb;color:#000;border-radius: none;}
#sub_wrap .odrder_search_list .con_table .bt a{display: block;background: #fff;margin:0 auto; color:#000;border:1px solid #ccc;font-size: 13px;width:70px;text-align: center;margin-bottom: 5px; white-space: nowrap;}
/*.con_table th{background: #c2c2c2;height:40px;text-align: center;color:#fff;}*/

.tbl_head01.con_table>table/*, 
.con_table.product_list>table*/{border:1px solid #ddd0; border-collapse:collapse;}
/*.con_table.product_list>table>thead>tr>th:last-child{border-right:1px solid #ddd;}*/
.con_table thead {border: none;}
.con_table th{ border:none; text-align:center; padding: 5px; position: relative; }
#sub_wrap .odrder_search_list ul.type02 li a{width:70px;height: 39px;text-align: center;border:1px solid #ddd; border-bottom:none; background:#fff;line-height:39px;color:#000;border-radius: 0;border-right:none;}
#sub_wrap .odrder_search_list ul.type02 li:last-child a{border-right: 1px solid #ddd;}
.top_title_cont2 {font-size:1.2em; font-weight:500; /*background:#fff;*/ color:#fff; text-align: left;color:#4d4d4d;/*border-bottom: 1px solid #ccc;*/}
.order_search .cos .con .clearfix:nth-of-type(2) button{margin-left:5px!important;}

/*1:1문의*/
.one_borad table{width:1030px;}
.one_borad .doc h2{font-size: 16px;font-weight: 500;color:#4d4d4d;margin-bottom: 5px;margin:20px 0 5px;}
.one_borad table th{font-size:14px;color:#4d4d4d;height: 56px;text-align: center;background: #f4f4f4;font-weight: 500;width:120px;}
.one_borad table th,.one_borad table td{padding:7px;border-bottom:1px solid #fff;font-size:14px;}
.one_borad table tr:first-child th{border-top:2px solid #c7c7c7;}
.one_borad table tr:first-child td{border-top:2px solid #c7c7c7;}
.one_borad table input{height: 40px;border:1px solid #e5e5e5;}


#lnb{float:left;width:220px;}
#content{float:right;width:1030px;background: #fff;}
#lnb .title_side {font-size:1.3em;font-weight:700;text-align:center;/*background: #ebebeb;*/height:120px;line-height: 120px;width:100%;overflow: hidden;text-align: center;margin-bottom:15px;position: relative; display: flex; align-items: center;}
#lnb .title_side a{display: flex;flex-direction: column; align-items: center;text-align: center;line-height:120px;box-sizing: border-box;width:100%;}

#lnb .title_side  .name{color:#233d4b;font-size: 15px;font-weight: bold;line-height:normal;margin-top: 10px;display: flex; justify-content: center; width:100%;box-sizing: border-box;}
#lnb .title_side a .name .disc{display: table;}
#lnb .title_side a .name .disc {}
#lnb .title_side a .name p{}
#lnb .doc {}
.my_logo .info_guid{position: absolute;top:15px;left:-20px;font-size: 13px;background: #eaab22;height:30px;line-height: 30px;width:110px;font-size: 14px;border-radius:20px;color:#fff;border: 1px solid #fff;
	-webkit-animation: pointkown 0.5s 0.5s ease-in infinite alternate forwards;
    animation: pointkown 0.5s 0.5s ease-in infinite alternate forwards;}
.my_logo .info_guid .fa{margin-right:5px;}


#lnb .doc h2{color:#233d4b;font-size: 16px;font-weight: bold;padding-top: 10px;margin-bottom: 7px;padding-left:20px;}
#lnb .doc ul{width:170px; border-bottom:1px solid #ccc;padding:20px;padding-top:0;}
#lnb .doc ul li{position: relative;padding:2px 0px;}
#lnb .doc ul li a{display: block;font-size: 14px;color:#6d6d6d;}
#lnb .doc ul li a.on{color:#8ec251;text-decoration: underline;text-decoration-color: #8ec251}
#lnb .doc ul li:last-child{border-bottom: none;}

#lnb .doc ul li span{
	display: none;

    position: absolute;
    top: 18px;
    right: 18px;
    width: 6px;
    height: 10px;
    background-position: -170px -110px;
	background-image: url(/img/g9_sprite_v3.png)
}

#lnb>ul>li {margin-bottom:1px;}
#lnb li a {display:block;height:25px;line-height:25px;color:#000;vertical-align:top;}
#lnb li>a:hover, #lnb li>a.on {color:#8ec251;}

.title_cont {padding:10px 0 10px 5px; border-bottom:0px solid #afafaf; font-size:1.2em; font-weight:500; margin:15px 0 10px; /*background:#e5e5e5;*/ text-align: center;}
.title_cont.r_story{background: rgb(237, 174, 33); /* Old browsers */
background: -moz-linear-gradient(left, rgb(237, 174, 33) 0%, rgb(41, 124, 196) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(237, 174, 33) 0%,rgb(41, 124, 196) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(237, 174, 33) 0%,rgb(41, 124, 196) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f2742', endColorstr='#1d5484',GradientType=1 ); /* IE6-9 */color:#fff;}
#content.my_stroy{width:100%;float:none;}

.my_stroy .title_side{float:left;}
.my_stroy .title_side img{width:80px;height:80px;}
.my_stroy .title_side .doc{width:80px;text-align: center;}
.my_stroy .title_side .doc h2{color:#fff;font-weight: bold;font-size: 18px;margin-top: 5px;}
.my_stroy .title_side .doc p{color:#fff;font-size: 11px;}
.my_stroy .title_side .doc a{color:#455c6f;display: block;background: #fff;height:30px;line-height: 30px;font-size: 14px;font-weight: 500;width:90%;margin:5px auto 0;}

.my_stroy .my_logo .info_guid{padding:1px 10px;width:auto;}
.title_side img{width:60px;border-radius:50%;height:60px;border: 1px solid #fff;box-shadow:0px 1px 2px #9f9f9f;display: inline-block;vertical-align: middle;}
#inner_content {/*padding:10px 10px 30px 10px;*/background: #fff;min-height:400px;}
.st_top{background: #fff;padding:28px;position: relative;border:1px solid #dcdcdc;width:1150px;box-sizing: border-box}
ul.my_local.story{width:100%;float:left;}
.my_stroy .right_btns{position: absolute;top:20px;right:20px;}
.my_stroy .right_btns li{float:left;text-align: center;margin-right:15px}
.my_stroy .right_btns li:last-child{margin-right: 0;}
.my_stroy .right_btns li a{color:#fff;}

.my_stroy .right_btns li img{display: block;width:34px;margin:0 auto;}
ul.my_local.story{width:290px;margin-top: 62px;}
ul.my_local.story li{border:none}
ul.my_local.story li h2{font-size: 16px;margin-top: 10px;}
ul.my_local.story li a{font-size: 27px;}
ul.my_local.story>li{background: none;height: auto;}
ul.my_local {display: flex; position: relative; z-index: 3;}
ul.my_local>li{position: relative; float:left;color:#fff;width:calc(25% - 10px); text-align: center; height:80px;box-sizing: border-box; border:1px solid #ddd; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; border-radius: 10px; margin-right: 10px;padding:5px 10px;}
ul.my_local>li:hover{border:1px solid #ddd}
ul.my_local>li a {background-color: #fff !important;}
.my_shopping{padding-bottom: 15px;border-bottom:1px solid #dbdbdb;padding-top:15px;}
.my_shopping .float .my_cion,.my_shopping .float .cont{float:left;margin-left:30px;}
.named p{display: inline-block;font-size: 16px;}
.named p:first-child{background:url(/img/gray_b.jpg)no-repeat right center;}
#content.my_stroy .dok {float:left;margin-left:40px;padding-top:5px;position: relative;}
#content.my_stroy .dok .ff{position: absolute;top:48px;right: -40px;}
#content.my_stroy .dok .doc{position: relative;}

#content.my_stroy .dok .doc a{border:1px solid #ccc;padding:2px 5px;width:80px;height: 25px;overflow: hidden;font-size: 14px;font-weight: 500;margin-bottom: -5px; line-height: 25px;text-align: center;display:inline-block;}
#content.my_stroy .dok .doc a label{display: block;width:100%;height: 100%;text-align: center;line-height: 25px;cursor: pointer;}
#content.my_stroy .dok .doc a button{cursor: pointer;width:100%;}
#content.my_stroy .dok .doc a input{opacity: 0;position: absolute;top:-100px;}


#content.my_stroy .title_side {float:left;}
ul.my_local.story.mypage{margin-top:5px;width: auto;}
ul.my_local.story.mypage li:first-child{padding-left: 0;}
.bs{position: absolute;bottom:25px;right:30px;padding:3px 10px;color:#8ec251;border: 1px solid #8ec251;}
ul.my_local.story.mypage li{float:left;width: auto;padding-top:0;margin-right: 0;padding:0 10px;background:url(/img/gray_b.jpg)no-repeat right center;}
ul.my_local.story.mypage li:last-child{background:none;}
ul.my_local.story.mypage li a{font-size: 18px;}
ul.my_local.story.mypage li a{color:#7a7a7a;}
ul.my_local.story.mypage li span{font-size: 18px;margin-top: 10px;color:#7a7a7a;}
/*할인쿠폰*/
.r_coupon{position: relative;}
.direct_btn{position: absolute;top:-43px;right:0;padding:5px 8px;border:1px solid #ccc;}
.r_coupon ul.tep{position: relative;height:80px;}
.r_coupon ul.tep li:first-child{position: absolute;top:0;left:0;}
.r_coupon ul.tep li:last-child{position: absolute;top:0;right:0;}
.r_coupon ul.tep li{float:left;width:465px;border:2px solid #ccc;background: #f4f4f4;}
.r_coupon ul.tep li.on{border:2px solid #8ec251;border-bottom-color:#fff;z-index:20;width:467px;background: #fff;}
.r_coupon ul.tep {margin-bottom: 20px;}
.r_coupon ul.tep li.on a{color:#8ec251;}
.r_coupon ul.tep li a{display: block;height: 80px;color:#4d4d4d;font-size: 20px;text-align: center;line-height: 80px;}
.type01 table{width:100%; border:1px solid #ddd; border-collapse:collapse;}
.type01 table th,.type01 table td{padding:8px;}
.type01 table th:last-child{border-right:1px solid #ddd;}
.type01 table th{height: 40px;text-align: center;/*background: #fafafa;*/ color:#1d1d1d;}
.type01 table td{color:#4d4d4d;text-align: center;border:1px solid #e0e0e0;}
.coupon_tb .type01{display: none;}
.coupon_tb .type01.on{display: block;}

#btn_type01{
	font-weight:normal;display:inline-block;background-color:#b7b7b7;border-radius:10px;padding:2px 5px;color:#fff;}

/*캐시*/
.r_cash .normal_box_dic{background: url(/img/cash_top.jpg)no-repeat left top;background-size: 100%;/*min-height:150px;*/}
.r_cash .normal_box_dic>div{float:left;width:50%;box-sizing: border-box;}
.r_cash .normal_box_dic>div table{width:100%;}
.r_cash .normal_box_dic>div:last-child{float:right;}
.r_cash .normal_box_dic th,.r_cash .normal_box_dic td{font-size: 18px;color:#1d1d1d;text-align: center;padding:5px 0;}
.r_cash .normal_box_dic td{width:200px;}
.r_cash .normal_box_dic td p{color:#1d1d1d;font-size: 20px; display: inline-flex; align-items: baseline;}
.r_cash .normal_box_dic td p span{color:#8ec251; font-weight: bold; font-size: 28px;}
.share_box{background: none;padding:0px 0 30px;}
ul.my_local>li:last-child{margin-right:0;}
ul.my_local>li h2{font-size: 1rem;color:#233d4b;font-weight: bold;}
ul.my_local>li a{font-size: 1.2rem;color:#8ec251; text-align: right; width: 100%;}
ul.my_local>li a span{font-size: 20px;color:#8b8b8b;}
ul.my_local.story>li a{cursor:default;}
.share_box.act{width:1150px;box-sizing: border-box;padding:0;}
.r_cash .order_search h2{color:#4d4d4d;font-size: 20px;font-weight: bold;}
.r_cash .order_search .cos .con.txt{height: auto;line-height: normal;}
.r_cash .type01 table {border: none; opacity: auto;}
.r_cash .type01 table thead {position: sticky; top: 70px;}
.r_cash .type01 table thead::before {content: ""; position: absolute; top: -15px; left: 0; width: 100%; height: calc(100% + 20px); background-color: #fff;}
.r_cash .type01 table th{ position: relative; z-index: 1; border:none; height:40px; text-align:center; font-size:14px; color: #8ec251;}
.r_cash .type01 table th::before {content: ""; position: absolute; top: 0; left: 2.5px; width: calc(100% - 5px); height: 100%; border-radius: 50px; background-color: #8ec25150; z-index: -1;}
.r_cash .type01 table td{text-align: center;padding:5px; font-size:14px; border: none; border-bottom: 1px solid #ddd;}
.r_cash .type01 table td span{color:#8ec251;}
.r_cash .order_search .cos{height:auto;}
#sub_wrap .r_cash .order_search  .click_go{right:25px;top:20px;height: 40px;}
/*마이세어*/
/*
.hidd{display: none;}
.my_local_wrap .share{display: none;}
.my_local_wrap .share_02{display: none;}
.my_local_wrap .share.sh{display: block;}
.rotate_y{
transform: rotateY(180deg);}
.rotate_x{
transform: rotatex(180deg);}
.rotate_x_miner{
transform: rotatex(-180deg);}
*/
/*ul.my_local>li a.share{display: none;}*/





/*상품후기*/

.sit_title {
	font-weight: 500;
    display: block;
    margin: 0;
    padding: 10px;
	padding-left:0;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
    outline: none;
	font-size: 16px;
}
.after_list_con>li{

    position: relative;
	margin-bottom:5px;

    background: #f7f7f7;
}
.after_list .top{padding-left:10px;display: block;margin-bottom:5px;box-shadow: 0px 1px 2px #ccc;padding-bottom:5px;}
.after_table{padding-left:10px;}
.after_table th{font-weight: 500;}
.after_table td{padding:0 20px 0 5px;}
.after_table td.end{color:#f00;}
.after_list .doc{padding: 10px;background: #fff;display: none;border-bottom:1px solid #e5e5e5;margin-bottom:5px;}

.cart_page .top_title_cont{height:79px;background: #fff;padding:0 30px;border-bottom: none;}
.cart_page .top_title_cont h2{float:left;line-height: 74px;font-size: 26px;color:#1d1d1d;font-weight: bold;}
.cart_page .top_title_cont .log{float:right;height:100%;}
.cart_page .top_title_cont .log ul {margin: 0;}
.cart_page .top_title_cont .log li{float:left;width:auto;border:none;margin:0;padding:0;}
.cart_page .top_title_cont p img{vertical-align: middle; margin-top: 7px;}
.share_order {text-align: right;vertical-align: middle;position: relative;}
.share_order span{display: inline-block;font-size: 18px;color:#1d1d1d;font-weight: 500;position: absolute;top:8px;right:190px;}
.share_order ul{display: inline-block;height:50px;margin:0;}
.share_order ul.on{width:auto;}
.cart_page .share_order li{float:left;width:auto;border:none;margin:0;}

.add_b{
	background: #e2e2e2;width:80px;height: 38px;line-height: 38px;text-align: center;display: inline-block;margin-left:10px;
}
/*주문결제페이지*/
.order_page{width:800px;}
.order_page input{height: 38px;line-height: 38px;border:1px solid #d2d2d2;background: #fff;}

.odrder_tit{height: 70px;position: relative;border-top:1px solid #fafafa;border-bottom:1px solid #fafafa;width:800px;
background: #fff;}
.order_page th{font-size: 16px;padding-right:20px;text-align: right;}
.odrder_tit h2{font-size: 16px;height: 70px;line-height: 70px;}
.order_page h2{font-size: 16px;border-bottom:1px solid #ccc;padding:10px 0;margin-bottom: 15px;}
.discount_how li{margin-bottom: 20px;}
.discount_how li h3{float:left;font-size: 15px;margin-top: 4px;padding-left:9px;background:url(/img/blue_spot.png)no-repeat left center;}
.discount_how li h3 span{color:#676767;}
.selecter{width:218px;position: relative;float:right;border: 1px solid #8ec251;}
.selecter .pon{width:218px;display: block;text-align: center;color:#fff; height:35px;line-height: 35px;background: #8ec251;}
.order_big select{
	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/cash_arrow.png)no-repeat 90% center;
}
.selecter select:first-child{position: absolute;top:0px;left:0;width:85px;height: 35px;padding-right:7px;}
.selecter select:last-child{width:118px;height: 34px;float:right;}
.bank_list li{width:127px;height: 100px;box-sizing: border-box;float:left;background: #fff;border-radius:18px;border: 1px solid #d2d2d2;text-align: center;margin-right: 23px;}

.sit .check_wrap{display: inline-block;width:25px;height: 25px;}
.sit .check_wrap input{display: none;}
.pay_how ul {display: inline-flex; align-items: baseline; gap: 0 10px; width: 92%; justify-content: start;}
.pay_how ul li {float:left; padding: 2px 0; position: relative; width:auto; border: 1px solid #8ec251; border-radius: 5px; overflow: hidden;}

.pay_how li span.name{position: absolute;top:0;right:0;width:100px; margin: 0;}
.pay_how .check_wrap {text-align: center;}
.pay_how .check_wrap label .checker:checked + .name {color: #fff;}
.pay_how .check_wrap label .checker:checked + .name::after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #8ec251; border: 1px solid #8ec251; z-index: -1;}
.pay_how .check_wrap input.checker {opacity: 0; height: auto; margin: 0;}
.pay_how .check_wrap input.checker:checked {accent-color: #8ec251;}
.pay_how .check_wrap span.name::before {position: absolute; content: ""; background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%238ec251' xmlns='http://www.w3.org/2000/svg'><path d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/></svg>"); background-repeat: no-repeat; background-size: 100%; width: 15px; height: 15px; left: 15px; top: calc(50% + 1.5px); transform: translateY(-50%);}

.pay_how .check_wrap label .checker:checked + .name::before {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm10.03 4.97a.75.75 0 0 1 .011 1.05l-3.992 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.75.75 0 0 1 1.08-.022z'/></svg>");}

.pay_how .input_shape{margin-bottom: -10px;}
.bank_list li:nth-of-type(5n){margin-right: 0;margin-bottom: 20px;}
.bank_list li.on{border-color:#13a79d;}
.bank_list li input{width:104px;height: 74px;margin-top: 10px;border:none;}
.bank_list li input{outline: none !important;}
.bank_list li img{vertical-align: middle;margin-top: 10px;}
.order_page .address_wrap th{width:167px;font-size: 14px;}
.order_page table td{padding:5px 0;}
.addr_tep{border: 1px solid #13a79d;/*width:304px;*/width:456px;position: absolute;top:10px;right:0;}
.addr_tep li{float:left;width:150px;background: #fff;
	width:50%;box-sizing: border-box;}
.addr_tep li a{display: block;height: 40px;line-height: 40px;
color:#8d8d8d;text-align: center;}
.addr_tep li.on{background: #13a79d;}
.addr_tep li.on a{color:#fff;}
.w253{width:253px;}

/*장바구니*/
.order_table{ }
.order_result{float:right;width:330px;}
.order_result tr:first-child th{/*height:45px; color:#fff; background: #fff; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd; font-size:16px;  font-weight:500;*/}
.order_result table tr.la th,.order_result table tr.la{font-size: 20px;font-weight:600; border-top:1px solid #ccc;padding:10px 0; background:#fff;}
.order_result table{width:100%;}
.order_result table th,.order_result table td{font-size: 18px;color:#8d8d8d;padding:5px 0; font-size:15px;}
.order_result table th{text-align: left;width:150px;}
.order_result table a.od{height: 50px;font-size: 22px;line-height: 50px;text-align: center;color:#fff;background: #13a79d;display: block;}
.order_result table td{color:#000;}
.order_table .prodcut_tit{font-size: 17px;font-weight: 500;}
.order_table input{border: 1px solid #ebebeb;background: #fff;color:#13a79d;
   -webkit-text-fill-color: transparent;}
.order_table table{width:100%;}
.order_table table td, .order_table table th{padding:5px;text-align: center;font-size:14px; color:#000; font-weight:normal; background:#888;}
.order_table table tr:nth-oft-type(2n){background: #fff;}

.order_table table th{background:#fafafa; height:40px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;  border-left:1px solid #ddd;font-weight: 500;}
.order_table table td{background: #fafafa; border-left:1px solid #ddd !important;}
.order_table table th:last-child, td:last-child{/*border-right:1px solid #ddd !important;*/}
.result_order{border: 5px solid #ebebeb;height:92px;line-height: 92px;text-align: center;}
.order_table .pri{position: absolute;top:10px;right:10px;}
.order_table  .btn a{display: inline-block;width:48%;text-align: center;box-sizing: border-box;font-size: 26px;height:93px;line-height: 93px;background: #0e2c46;color:#eba421;font-weight: 500;}
.order_table  .btn{margin-top: 25px;}
.order_table  .btn a:first-child{margin-right:3.4%;background: #fff;color:#0e2c46;border: 2px solid #0e2c46;}
.result_order p{display: inline-block;font-size: 18px;color:#6d6d6d;font-weight: 500;}
.result_order p span{font-size: 24px;font-weight: bold;color:#1d1d1d;margin-left:7px;}
.result_order p.plus{margin:0 10px;}
.result_order p.plus img{margin-top: -7px;}
.result_order p span.won{font-size: 17px;color:#6d6d6d}
.result_order p img{vertical-align: middle;}
.por{position: relative;}
/*결제제

.mp-coin-content { width: 100%;}
.mp-coin-content .mp-coin-banner { width: 790px; height: 190px; /*background-color: #030303; }*/
.titleTop { width: 770px; margin: 10px 0; }
.titleTop td { text-align: left; }
.titleTop td.subject01 { font-size: 14px; font-weight: bold; text-align: left; color: #282828; }
.titleTop td.subject01 img { margin-top: 3px; vertical-align: top; }
.titleTop td.subject02 { font-size: 14px; text-align: right; color: #282828; }
.titleTop .listView { border: 1px solid #a0a0a0; height: 22px; }
.titleTop td.subject03 { font-size: 14px; text-align: left; font-weight: bold; padding-top: 15px; color: #282828; }
.titleTop td.subject03 img { margin-top: 5px; vertical-align: top; }
.fixed { margin-bottom: 40px; }
.fixed th { height: 32px; width: 754px; vertical-align:middle; color: #282828; font-weight: bold; text-align: right; border-top: 2px solid #565656; background-color: #f9f9f9; font-size: 14px; font-weight: bold; }

.fixed th{text-align:center;}
.fixed th.fixed_top{border-top:none; border-bottom: 1px dotted #cccccc; background:none;}
.fixed td, th { vertical-align: middle; }
.fixed td { text-align: right; height: 32px; border-bottom: 1px dotted #cccccc; clear: both; }
.fixed td{text-align:center;}
	.fixed td:first-child{min-width:80px;}
.fixed td del { font-size: 14px; font-weight: bold; color: #8b979f; }
.fixed th.last, .fixed td.last { padding-right: 20px; font-weight: bold; }
.fixed th.align, .fixed td.align { text-align: center; }
.fixed td.price { font-weight: bold; color: #ec5b97; }
.fixed td.price img { vertical-align: top; text-align: right; }
.fixed td.price .price_coupon{display: inline-block; width: 62px; height: 18px; background: url(/common_img/bullet/off01.gif) no-repeat; text-align:left;}
.fixed td.price .price_coupon span{ position: relative; top: 0px; color: #d6528a; width: 30px; font-size: 13px; display: inline-block; margin: 0 auto; text-align: right; }
.fixed td.mypoint { font-weight: bold; color: #46a6d1; }
.fixed td.bonus { font-weight: bold; }
.fixed tr.active td { background-color: #e8f1f5; }
.fixed tr.total td { background-color: #f9f9f9; border-bottom: 1px solid #c1c1c1; color: #000000; font-weight: bold; text-align: left; padding-left: 60px; }
.fixed tr.total td span { color: #8ec251; }
table.subject03 { text-align: left; font-weight: bold; color: #282828; }
table.subject03 td { font-size: 14px; /*font-weight:bold;*/ }
table.subject03 img { margin-top: 5px; vertical-align: top; }

.box-pay {padding: 10px 15px; border: 1px solid #ddd; border-radius: 8px;}
.payment div label {display:inline-block; cursor:pointer; display: flex; align-items: center;}
.payment div label input {width:16px; height:16px; vertical-align:middle; margin-right:5px; accent-color: #669f24;}
.payment td label input {accent-color: #669f24;}
.payment div label span {padding-right:20px; color:#777; white-space: nowrap;}
#pay_type_txt {text-align:left; color:#0d6efd; font-size:13px; padding: 10px 5px 0 24px; /*height: 35px;*/}
#pay_type_txt.sticky {width: 100%; display: flex; flex-direction: column; align-items: center; padding: 5px 0 0 0; background-color: #fff;}
#inicisModalDiv.inipay_modal.fade.in {opacity: 1;}

.item { width: 754px; margin-top: 10px; font-size: 14px; }
.item th { background-color: #f3f2f2; color: #282828; }
.item td { color: #777; }
.item th { padding: 5px; font-weight: bold; text-align: center; border: 1px solid #e0e0e0; }
.item td { padding: 5px 15px; text-align: center; border: 1px solid #e0e0e0; }
.item td.effect01 { text-align: left; padding-left: 15px; color: #15a0e8; }
.item td.effect02 { text-align: left; padding-left: 15px; font-weight: bold; }
.item td.effect03 { font-weight: bold; }
.item td.subject { text-align: left; padding-left: 15px; }
.item td strong { color: red; }
.payment_ad img { margin-top: 10px; }
/*# sourceMappingURL=chargeCoin.css.map */

#sub_wrap.cscenter .button {
    text-align: center;width:100%;background: #fff;padding-bottom:30px;
}

#sub_wrap.cscenter .button .btn_confirm {
    background-color: #8ec251;
    color: #fff;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    cursor: pointer;
}

#sub_wrap.cscenter .button .btn_cancel {
    background-color: #bababa;
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
	.poiner_inner{padding:0 10px;}

/*장바구니*/


#img_style div.article{padding:0px;}
#img_style div.article div.image_aside{text-align:center; padding:0px;}
#img_style div.article div.image_aside img{max-width:99%; cursor:pointer;}

#board_view_style div.article{padding:5px 20px;}
#board_view_style div.article div.image_aside{text-align:left; padding:7px 0;}
#board_view_style .article ._image_aside img{max-width:100%; height:auto;}

#board_write_style .color-pic::after {content: '(제목 색상 선택)'; display: inline-block; white-space: nowrap; transform: translate(-10px, 2.5px); padding: 0 5px;}

#view_style div.article{padding:5px 0;}
#view_style div.article div.image_aside{text-align:left; padding:7px 0;}
#view_style div.article div.image_aside.agree,
#view_style div.article div.image_aside.private {padding: 7px 100px;}
#view_style div.article div.image_aside img{max-width:99%; cursor:pointer;}


/* 왼쪽 사이드 바 - 게시판 영역*/
.left06{margin-top:15px;}
.left06 .panel{margin-bottom:10px;}
.left06 .panel h3{background:#8ec251; color:#fff; padding:5px 10px; text-align:center; font-size:15px; font-weight:bold;}

.left06 .panel ul{padding:5px 0;}
.left06 .panel ul li{position:relative; width:100%; padding:3px 5px 3px 15px; font-size:0; box-sizing:border-box;}
.left06 .panel ul li:before{content:'\2022'; position:absolute; left:5px; top:50%; z-index:7; transform:translateY(-60%); font-size:14px;}
.left06 .panel ul li>*{ display:inline-block; vertical-align:middle; font-size:14px; }
.left06 .panel ul li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:calc(100% - 20px); }
.left06 .panel ul li a:hover{text-decoration:underline;}
.left06 .panel ul li label{width:15px; height:15px; overflow:hidden; border-radius:3px; background:#f75467; color:#fff; margin-left:4px; font-size:12px; text-align:center; line-height:15px;}

.Qua {display:flex; margin:0 5px; padding:8px 0;}
.Qua.wish-num {border: 1px solid #efefef; border-radius: 8px; padding: 3px 0;}

.Qua > .float{display:inline-block;}
.Qua > span.save{width:20px; position:relative;}
.Qua > span.save button{width:50px;}
.Qua > span.save img{display:block; margin:0 auto; margin-top:5px;}
.Qua > span.save02 {float:right; padding:5px 5px; /*border:1px solid #ddd;*/ font-size:13px; border-radius: 3px;}
.Qua > span.save02:has(img) {border:1px solid #ddd;}
.Qua > span.save02 button{color: #fff; white-space: nowrap;}
.Qua > span.save02.save01.m {display: none;}
.Qua > span.save02.save01 {float:right; padding:5px 5px; /*border:1px solid #8ec251;*/ font-size:13px; border-radius: 3px;}
.Qua > span.save02.save01 button {margin-top:-4px; /*color:#8ec251;*/ width: 100%; padding: 5px 0; border-radius: 5px;}
span.save02.save01.pc {display: block; width: 100%; padding: 5px 0; border: 1px solid #efefef; border-radius: 8px; margin-bottom: 5px;}

.Qua .input-number{display:flex; align-items: center; height:28px; /*position:relative;*/ border: 1px solid #8ec251; border-radius: 50px;}
.Qua .input-number input{margin:0px; text-align: center; width: 35px; height: 27px; font-size: 14px; font-weight: normal; border: 0; box-shadow: none; background-color: #fff0;}
.input-number .text{width:60px; height:28px; margin-left:5px; line-height:25px; border:1px solid #ddd;}
.input-number02 .text{width:35px; height:28px; margin-left:0px; line-height:25px; padding:0 5px; border: none;}
.input-number button {width: 22px; height: 25px; cursor: pointer;}
.input-number button img {height: unset !important;}

.rank_prod.five .rank_prod_list .rank_prod_div .but .float.save01 {background-color: #2c2a29; border-color: #2c2a29;}
.rank_prod.five .rank_prod_list .rank_prod_div .but .float.save01 button {color: #fff;}

.rank_prod:not(.five) .rank_prod_list .Qua {order: 2; margin: 5px 0; flex-direction: row-reverse; justify-content: space-between; border: 1px solid #f4f4f4; border-radius: 5px; padding: 2px 0; position: relative;}
.rank_prod:not(.five) .rank_prod_div:hover .Qua {border-color: #cae2ad;}
.rank_prod:not(.five) .rank_prod_list .Qua .input-number,
.rank_prod:not(.five) .rank_prod_list .Qua .float {border: none; min-width: 80px; justify-content: center;}
.rank_prod .rank_prod_list .Qua .float.interest {min-width: 30px; height: auto;}

.td_mngsmall .float.interest::before,
.cart-Qua .float.interest::before,
.rank_prod .rank_prod_list .Qua .float.interest::before,
.icon_Wrap_set .interest::before,
.sit_btn_tween .interest::before,
.Qua .item.interest::before {position: absolute; display: inline-flex; content: ""; background-image: url(/public/_img/icon_box_off.svg); background-repeat: no-repeat; background-size: 14px; background-position: center left; width: 15px; height: 15px; align-items: center; z-index: -1; left: 6px; top: 50%; transform: translateY(-50%);}

.five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set .interest::before {background-size: 16px; left: 12px; top: calc(50% - 1px);}
.sit_btn_tween .interest::before {position: unset; background-position: center; background-size: 17px; width: 30px; height: 100%; transform: unset;}
.Qua .item.interest::before {position: unset; background-position: center; transform: none; padding-right: 20px;}

.td_mngsmall .float.interest:hover::before,
.cart-Qua .float.interest:hover::before,
.icon_Wrap_set .interest.add_wish::before,
.icon_Wrap_set .interest:hover::before,
.rank_prod .rank_prod_list .Qua .float.interest.add_wish::before,
.rank_prod .rank_prod_list .Qua .float.interest:hover::before,
.sit_btn_tween .interest:hover::before,
.Qua .item.interest:hover::before {background-image: url(/public/_img/icon_box_on.svg);}
/* .btn.interest.add_wish::before,
.btn.interest:hover::before {background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23028f8f' xmlns='http://www.w3.org/2000/svg'><path d='M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1'/></svg>");} */
.rank_prod:not(.five) .rank_prod_list .Qua .float.save01 {position: relative;}
.rank_prod:not(.five) .rank_prod_list .Qua .float.save01::before {content: ""; position: absolute; width: 2px; height: calc(100% - 20px); background-color: #ddd; left: 0; top: 10px;}
.rank_prod:not(.five) .rank_prod_list .Qua .float.interest {z-index: 5;}
.rank_prod:not(.five) .rank_prod_list .Qua .input-number::before {display: none;}
.rank_prod:not(.five) .rank_prod_list .Qua .float button {margin-top: 0; color: #281817; width: 100%;} 
.rank_prod:not(.five) .rank_prod_list .Qua .float.interest button {height: 25px;}
.rank_prod:not(.five) .rank_prod_list .Qua .input-number {width: calc(100% - 95px); justify-content: space-between;}

.rank_prod:not(.five) .rank_prod_list .Qua,
.rank_prod:not(.five) .rank_prod_list .Qua .float {display: flex; justify-content: center;}



.Qua > span.save div { position:absolute; top:-20px; right:-30px; font-size:12px; filter:alpha(opacity=0); opacity:0; border:1px solid #ddd; border-radius:3px; background-color:#fff; color:#999; width:auto; white-space:nowrap; padding:0 8px; line-height:22px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
.Qua > span.save:hover div { filter:alpha(opacity=90); opacity:0.9; }
.swiper.item {width: auto;}
.swiper.item .swiper-slide .Qua.show > span {width: calc(100% - 40px); margin: 0 auto; display: flex; align-items: center; border-radius: 5px;}

.swiper.item .swiper-slide .Qua.show > span.number {width: calc(100% - 28px); background-color: #fff;}
.swiper.item .swiper-slide .Qua.show > span.number a {padding: 5px 7.5px;}
.swiper.item .swiper-slide .Qua.show > span.number a img {width: 15px !important;}
.swiper.item .swiper-slide .Qua.show > span.number .text {width: unset; border: none;}
.swiper.item .swiper-slide .Qua.show > span.number .text input {text-align: center;}

.swiper.item .swiper-slide .Qua.show > span.but_add button {width: 100%; text-align: center; color: #fff;}
.swiper.item .swiper-slide .Qua.show > span.in_heart button {text-align: center; color: #fff; width: -webkit-fill-available;}

.swiper.item .swiper-slide::before {content: ""; position: absolute; width: 100%; height: 150px; background-color: #33333300; top: 0; left: 0; transition: 0.3s;}
.swiper.item .swiper-slide:hover::before {background-color: #3333336a; z-index: 0; transition: 0.3s;}
.swiper.item .swiper-slide .Qua {border-top: none; position: absolute; z-index: 1; top: 0; left: -5px; display: none; height: 150px; width: 100%; padding: 5px; flex-direction: column; justify-content: center;}
.swiper.item .swiper-slide:hover .Qua {display: flex; gap: 5px 0;}
.swiper.item .swiper-slide .Qua .input-number {width: calc(100% - 45px); background-color: #fff; border: 1px solid #8ec251; margin: 0 auto 5px; justify-content: space-around;}
.swiper.item .swiper-slide .Qua > span.number .text {width: unset; border: none;}
.swiper.item .swiper-slide .Qua > span {width: calc(100% - 40px); margin: 0 auto; display: flex; align-items: center; border-radius: 5px;}
.swiper.item .swiper-slide .Qua > span button.add-to-cart {width: 100%; padding: 5px 0; border-radius: 5px; position: relative; z-index: 6;} 
.swiper.item .swiper-slide .Qua > span.in_heart button {width: 100%; padding: 5px 0; border-radius: 5px;}

.rank_prod .rank_prod_list li a .Qua {position: absolute; width: 100%; bottom: -45px; margin: 0; justify-content: center; transition: cubic-bezier(0.23, 1, 0.320, 1) 0.4s;}
.rank_prod .rank_prod_list li a .Qua.on {bottom: 5px; transition: cubic-bezier(0.23, 1, 0.320, 1) 0.4s;}
.rank_prod .rank_prod_list li a .Qua .number {background-color: #fff;}
.rank_prod .rank_prod_list li a .Qua #numberUpDown input {background-color: #fff0;}
.rank_prod .rank_prod_list li a .Qua .input-number {width: calc(100% - 2vw); height: 35px; justify-content: space-between; box-shadow: 0 5px 15px -10px #084944c4; margin: auto;}

.check .Qua-login {padding: 10px 5px !important;}

.price {color: blue;}
.price span {color: #1a1a1a;}

.header_bot_wrap.headerFix .all_category  {top: 54.5px;}

.sample-pg .sample-banner {margin: 20px 0;}
.sample-pg .rank_prod .rank_prod_list .rank_prod_div:hover .li-img {outline: none;}
.sample-pg .cart-move {position: absolute; top: 0; width: 100%; height: calc(70% + 10px); background: #21252942; border-radius: 3px; display: none; justify-content: center; align-items: center;}
.sample-pg .cart-move.on {display: flex;}
.sample-pg .cart-move svg {width: 60px; fill: #fff;}
.sample-pg #sample-on {position: absolute; right: 5px; top: 5px;}
.sample-pg .sold-set {height: calc(60% + 10px);}

.sample-pg .rank_prod.five .five-title,
.sample-pg .rank_prod.five .contents .rank_prod_list a {grid-template-columns: 50px 60px 1fr 0.8fr 250px;}
.sample-pg .rank_prod.five .five-title .column {grid-column: 2 / span 2;}
.sample-pg .rank_prod.five .five-title::before {height: 20px; top: -21px; z-index: -1;}
.sample-pg .five .cart-move.on {justify-content: end; height: 100%; padding-right: 15px;}
.sample-pg .five .cart-move svg {width: 40px; background-color: #212529; padding: 5px; border-radius: 3px;}

.sample-pg .rank_prod.five #sample-on {}

.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w180 {width:180px;}
.w200 {width:200px;}
.w230 {width:230px;}
.w250 {width:250px;}
.w300 {width:300px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}
.w600 {width:600px;}
.w730 {width:730px;}

#board_style div.board_list li span.num img {width: 5px; margin: 16px 0 !important;}
#ui-datepicker-div {z-index: 99 !important;}

.list-banner {margin-top: 10px;}
.list-banner .swiper-slide {overflow: hidden; border-radius: 8px; display: flex; align-items: center;}
.list-banner .swiper-slide img {width: 414px;}
.list-banner .swiper-pagination-bullet {border: 1px solid #fdd00d; opacity: 1; background-color: #0000003d;}
.list-banner .swiper-pagination-bullet-active {background: #fdd00d;}

/* .list-pg .five .five-title {top: 195px;} */

.item-tags {margin:3px; padding:0 5px; background:#fff; border:1px solid #0d6efd; color:#0d6efd; cursor:pointer; text-align:center; line-height:25px; border-radius:5px;}
.item-tags:hover {background:#0d6efd; color:#fff; transition: 0.3s;}


/* 테이블 추가 수정 */
.simple-table1{text-align: center;}
.simple-table1 thead tr{background-color:#f4f4f4;}
.simple-table1 th{padding:8px 5px !important;}
.simple-table1 td{padding:12px 5px !important;	text-align:center;}

.simple-table2{width: 100%; font-size: 0.75rem;}
.simple-table2 th{border: 1px solid #eee; padding: 5px; text-align: center;}
.simple-table2 td{border: 1px solid #eee; padding: 5px;}
.simple-table2 input{border-color: transparent !important; background-color: #f9f9f9; outline: none;}
.simple-table2 input:focus{background-color: #f9f9f9;}
.simple-table2 textarea{border: none; background-color: #f9f9f9; }


@media screen and (max-width: 1280px) {
    .five .five-title,
    .five.rank_prod .rank_prod_list {padding: 0 45px;}

    .five.rank_prod .rank_prod_list .rank_prod_div .Qua > span.save02 button {margin-top: 0;}
    .five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set .interest {width: fit-content;}

    .sample-pg .rank_prod.five .five-title, 
    .sample-pg .rank_prod.five .contents .rank_prod_list a {grid-template-columns: 50px 60px 1fr 0.8fr 0.8fr;}
    .sample-pg .five.rank_prod .rank_prod_list .rank_prod_div .Qua {flex-direction: row-reverse;}
    .sample-pg .five .cart-move.on {padding-right: 0; padding-left: 10px; justify-content: start;}
    .list-banner .swiper-slide img {width: 100%; max-width:49vw;}
}

@media screen and (max-width: 1080px) {
    /* .best_product.list-pg .five .five-title {top: 254px;} */
    .pc-1080 {display: none !important;}

    .five .five-title,
    .five.rank_prod .rank_prod_list {padding: 0 10px;}

    .swiper.item .swiper-wrapper {padding-bottom: 3rem;}
    .swiper.item .swiper-slide::before {z-index: -1;}
    .swiper.item .swiper-slide:hover::before {background-color: #fff0;}
    .swiper.item .swiper-slide .Qua {position: unset; display: flex; max-width: 160px; margin: auto; height: unset; flex-direction: unset; flex-wrap: wrap; justify-content: space-between; gap: 5px;}
    .swiper.item .swiper-slide .Qua span {margin: 0; padding: 0;}
    .swiper.item .swiper-slide .Qua > span {width: calc(50% - 5px);}
    .swiper.item .swiper-slide .Qua .input-number {width: 100%;}
    .swiper.item .swiper-slide dl {margin-bottom: 0;}
    .Qua .item.interest {width: calc(50% - 5px) !important; padding: 6px 5px !important; margin-top: -4px !important;}

    .five.rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t {margin-top: 20px;}
    .five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {/*justify-content: flex-end;*/ flex-wrap: nowrap;}
	.five.rank_prod .rank_prod_list .rank_prod_div .span {padding: 0;}

    .odrder_search_list p.price,
    .odrder_search_list p.price2,
    .odrder_search_list p.price3 {justify-content: space-between; display: flex;}

    .list-banner .swiper-slide img {width: 100%; max-width:65vw;}

    .rank_prod:not(.five) .rank_prod_list .rank_prod_div .cost-unit{order:6}
}

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

}

@media screen and (max-width: 860px) {
    .normal_sub_category .tree_doc02 form .doc {justify-content: flex-end; flex-wrap: nowrap; gap: 0 5px;}

    /* .five.rank_prod .rank_prod_list .rank_prod_div p.price, 
    .five.rank_prod .rank_prod_list .rank_prod_div p.price2, 
    .five.rank_prod .rank_prod_list .rank_prod_div p.price3 {justify-content: space-between;} */

    .five .contents .rank_prod_list .li-img {display: flex; flex-direction: column-reverse;}
    .five.rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t {margin-top: 0; font-size: 0.75rem; width: auto;}

    .five.rank_prod .rank_prod_list .rank_prod_div .Qua > span.save02 button {width: 100%; height: 100%; white-space: nowrap;}
    .five.rank_prod .rank_prod_list .icon_Wrap_set {margin-top: 0;}
    .five.rank_prod .rank_prod_list .icon_Wrap_set {margin-right: 10px;}
    .five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set .interest::before {left: 6px;}
    .five.rank_prod .rank_prod_list .rank_prod_div .float.interest {padding: 4px 8px 4px 25px;}
    .five.rank_prod .rank_prod_list .icon_Wrap_set .it-str {position: absolute; left: 16vw; bottom: 10px;}

    .rank_prod .rank_prod_list .rank_prod_div .li-img .li-img-t p, 
    #sit_pvi .li-img-t p, 
    .swiper.item .swiper-slide > a .li-img-t p {line-height: revert;}

    #view_style div.article div.image_aside.agree,
    #view_style div.article div.image_aside.private {padding: 7px 20px;}

    .sample-pg .rank_prod.five .five-title, 
    .sample-pg .rank_prod.five .contents .rank_prod_list a {grid-template-columns: 50px 60px 1fr 100px 0.8fr; align-items: center;}
    .sample-pg .five .contents .rank_prod_list .li-img {grid-row: unset; grid-column: unset;}
    .sample-pg .five.rank_prod .rank_prod_list .rank_prod_div .Qua {grid-column: unset; order: 8;}
    .sample-pg .five.rank_prod .rank_prod_list .rank_prod_div .icon_Wrap_set {margin: 0;}
    .sample-pg .five.rank_prod .rank_prod_list .icon_Wrap_set .it-str {position: unset;}
    .sample-pg .five.rank_prod .rank_prod_list .rank_prod_div .span {grid-row: unset; grid-column: unset; order: unset; padding-bottom: 0 !important;}
    .sample-pg .five .contents .rank_prod_list p.num {display: block; order: 0;}
    .sample-pg .five .cart-move.on {padding-left: 5px;}

    .list-banner .swiper-slide img {width: 100%; max-width:100%;};
}

@media screen and (max-width: 760px) {
    .tree_doc02 h3 {font-size: 14px; padding-left: 0;}

    .log_table .btns_wrap {display: flex; flex-direction: column; align-items: center; gap: 15px 0;}
    .company_area{margin-bottom: -40px;}
    .normal_sub_category .four.comm img{width: 25px; height: 25px;}
    .normal_sub_category .one.comm img{width: 25px; height: 25px;}

}

@media screen and (max-width: 650px) {
    .check .five.rank_prod .rank_prod_list .rank_prod_div .Qua.Qua-login {background: rgba(0, 0, 0, 0.2); color: #333; width: fit-content; border-radius: 5px; border: 1px solid #333;}

}

@media screen and (max-width: 620px) {
    .pc-620 {display: none;}
    .media-620 {display: block;}

    .sample-pg .rank_prod.five .five-title, 
    .sample-pg .rank_prod.five .contents .rank_prod_list a {grid-template-columns: 50px 60px 1fr;}
    .sample-pg .five.rank_prod .rank_prod_list .rank_prod_div .Qua {max-width: 180px; width: 100%; margin-left: auto;}
    .sample-pg .five .cart-move.on {justify-content: end; padding-right: 10px; padding-left: 0;}
    .sample-pg .five .cart-move svg {margin-top: -25px;}
    .five .contents .rank_prod_list .row_one:has(span){display: none;}
    .rank_prod .rank_prod_list .rank_prod_div .float{height: 32px;}

    .login_page h4{font-size: 17px;}
    .login_page input, select{height: 35px; padding-left: 50px;}
    .login_page .icon_login img{width: 34px; height: 33px;}
    .bt01{height: 45px; line-height: 45px;}
    .login_page .bt02{height: 45px; line-height: 45px;}
    .log_table .btns_wrap{gap:0;}

    .normal_sub_category .four.comm img{width: 23px; height: 23px; margin: 0 4px;}
    .normal_sub_category .one.comm img{width: 23px; height: 23px;}
    
}

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

    .check .five.rank_prod .rank_prod_list .rank_prod_div .Qua.Qua-login {max-width: 100px; padding: 5px !important; white-space: break-spaces; right: 0;}
    #sit_pvi .li-img-t p {font-size: 1.4rem;}
}

@media screen and (max-width: 480px) {
    .rank_prod .rank_prod_list .Qua .float.interest::before {content: "박스"; background-size: 15px; background-position: center left 4px; height: 22px; width: 100%; margin-top: -2px; border-radius: 5px; padding: 2px 0 2px 24px;}
}

@media screen and (max-width: 420px) {
    #wrap.log-check .list-banner {margin-top: 15px;}
}