@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');

/* reset */
* {padding: 0; margin: 0; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;}
a {text-decoration: none; color: inherit;}

/* reset */
body {
	font-family:'Noto Sans KR', sans-serif;	
	font-weight:400;
	font-size:13px;
	line-height:1.7;
	color:#707070;	
	margin:0;
	padding:0;
	overflow-x: hidden;
	letter-spacing:-0.5px;
	-webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
}

button{cursor:pointer; font-family:'Noto Sans KR', sans-serif;outline: 0; border:0; background-image: none; background-color: transparent; color: inherit;}
button:focus{outline:none;}
select {font-family:'Noto Sans KR', sans-serif;	
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none;  
 background:url("../images/shop/btn_select_arrow.png")no-repeat 97% center;}

textarea:focus{outline:none;}

input:focus {outline: none;}

img{border:none;}

br{letter-spacing: 0; font-family:'Noto Sans KR', sans-serif;}

/* h1, h2, h3, h4, h5, h6 {font-size:1em;} */

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption
{
	margin:0;
	padding:0;
}

h3 {color: #000000;}

ul, ol {
	list-style:none;
}
em,i,address{font-style:normal;}
a{text-decoration:none; color:#707070;}
*{box-sizing:border-box;}


/* 반응형 */
img {max-width: 100%;}

/* 표 초기화 */
table {border-spacing: 0; border-collapse: collapse; color: #000000;}

/* input search 초기화 */
input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}
/**** 추가 ***** input 기본 스타일 초기화 */
input {
 /*  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; */
          -webkit-border-radius: 0;
}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
/* input type number 에서 화살표 제거 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
/**** 추가 *****/

/* 라이브러리 */
.clearfix::before, .clearfix::after {content: ""; display: block; clear: both;}
input[type='text'] {box-sizing: border-box; outline: none;}
input[type='radio'] {box-sizing: border-box;}

fieldset {border: none;}
textarea {outline: none;}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }


/***layout***/
.wrap{width:100%;  height:100%; font-family:'Noto Sans KR', sans-serif; /* padding-bottom:100px; */}
.header{width:100%;}
.main{width:100%;}
.footer{width:100%; position:relative; background-color:#333333; padding-top:30px; padding-bottom:40px; color:#888888;
		border-top:1px solid #404040;}

/***common***/
.wrap img {display:block; max-width:100%; vertical-align:top; margin:0 auto;}
#content_go{width:0; height:0; font-size:0; text-indent:-999999px; overflow:hidden;}
.clearfix:after{content: ''; zoom:1; display: block; clear:both;}
.inner{width: 1260px; padding: 0 30px; margin: 0 auto;}
.top_menuWrap {margin:0 7%;}
.common_container{padding:80px 0 0; position:relative;}
/*mark style*/
.mark_style {position:absolute; left:0; top:0; color:#ffffff; padding:2px 0px; font-size:12px; letter-spacing:0; width: 45px; text-align: center;}
/*best mark*/
.best_mark{background-color:#7daca8;}
.new_mark02{background-color:#56709a;}
.sale_mark {background-color: #E65440;}
.soldout_mark {background-color: #777777;}


/* 상단 고정 배너 */
.fixed_top_banner {width: 100%;}
.fixed_top_banner .banner_background, .m_fixed_top_banner .banner_background {background-color: #ff9200; height: 40px;}
.fixed_top_banner .banner_background.txt_type a, .m_fixed_top_banner .banner_background.txt_type a {color: #fff; display: block; text-align: center; line-height: 40px; font-size: 16px;}
.fixed_imgBox {height: 40px; overflow: hidden;}
.fixed_imgBox img {width: auto; height: 100%; object-fit: cover;}
.m_fixed_top_banner {display: none; width: 100%;}

/***header_wrap01 PC / 가로 1261px 이상***/
/*common*/
.header_wrap01 {width:100%; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;  transition:all 0.3s;}
.header_wrap01 > div {background-color:#ffffff;}
/*top_menu*/
.top_menu{border-bottom:1px solid #eaeaea;}
.top_menu ul{float:right;}
.top_menu li{float:left; border-left:1px solid #eaeaea; position:relative; font-family:NanumGothic,'나눔고딕'; font-weight:normal;} 
.top_menu li:last-child{border-right:1px solid #eaeaea;}
.top_menu li>a{display:block; padding:4px 20px;}
.top_menu li>a:hover{color:#7daca8;}
/*top_join_point*/
.top_join_point{display:block; position:absolute; left:34%; width:75px; height:24px; overflow:hidden; margin-left:-24px;}
.top_join_point:before{content:'+1,000P'; width:75px; height:18px; display:block; background-color:#7daca8; border-radius:3px; color:#ffffff;
		font-size:11px; text-align:center; letter-spacing:0; position:absolute; left:0; bottom:0; line-height:18px;}
.top_join_point:after{content:''; width:0; height:0; display:block; position:absolute; left:33px; top:2px; border:5px solid transparent; 
		border-top-width:0; border-bottom-color:#7daca8; }

/*middle*/
.middle{padding:30px 0; border-bottom:1px solid #eaeaea;}
.middle>div{position:relative; height:73px;}
/*h1*/
.middle h1{position:absolute; left:0; top:0; width: 220px; height: 73px;}
.middle h1>a{display:block; width:100%; height:100%;}
/* nav */
.top_category {display: block; height: 73px; text-align: center;}
.category_layout {width: 600px; margin: 0 auto;}
.category_layout ul {width: 100%;}
.category_layout ul li {float: left; width: 25%; line-height: 73px; font-size: 16px; font-weight: 500; position: relative;}
.category_layout ul li::before {content: ''; position: absolute; top: 10px; left: 50%; transform: translate(-50%, -50%); background-color: #7daca8; width: 5px; height: 5px; border-radius: 50%; display: none;}
.category_layout ul li a {display: block; transition: all 0.5s;}
.category_layout ul li.black_txt a {display: block; color: #444;}
.category_layout ul li:hover a {color: #7daca8;}
.category_layout ul li:hover:before {display: block;}

/*검색*/
.common_search{width:230px; background-color:#f1f1f1; border-radius:100px; position:relative;}
.common_search fieldset{border:none;}
.common_search legend{font-size:0; height:0; width:0;}
.contents_sch{border: none; width:100%; padding: 5px 50px 5px 15px; background-color: transparent; }

/*검색버튼*/
.btn_search{display:block; text-indent:-999999px;  overflow:hidden;}
.btn_search:before,.btn_search:after{content:''; height:30px; position:absolute; left:10px; top:5px;}
.btn_search:before{width:12px; height:12px; border:2px solid #7daca8; border-radius:100px;}
.btn_search:after{width:2px; height:8px; background-color:#7daca8; left:25px; top:17px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

/* 검색창 show hide */
.searchbar_wrap {overflow: hidden; display: none; position: absolute; top: 40px; left: 0; padding: 0; width: 100%; background-color: #fff; border: 0; border-top: 1px solid #eee; z-index: 99999; box-shadow: 0 10px 15px 0 rgb(0 0 0 / 10%);}
.searchbar_wrap.no_banner{top:30px;}.searchbar_wrapInner {position: relative; overflow: hidden; display: block; padding-top: 50px;}
.searchbar_wrapInner form {position: relative; width: 100%; max-width: 500px; text-align: center; margin: 30px auto; padding: 0 10px;}

.searchbar fieldset {border:none; width: 100%; height: 40px; margin: 0 auto;}
.searchbar legend {font-size:0; height:0; width:0;}
.searchbar #keyword {width: 100%; height: 100%; line-height: 1; color: #7daca8; border-radius: 0; border-bottom: 1px solid #7daca8; font-size: 18px; background-color: transparent;}
.searchbar .btn_sch {display:block; text-indent:-999999px;  overflow:hidden;}
.searchbar .btn_sch::before, .searchbar .btn_sch::after {content:''; height:30px; position:absolute; right: 20px; top:10px;}
.searchbar .btn_sch::before {width:12px; height:12px; border:2px solid #7daca8; border-radius:100px;}
.searchbar .btn_sch::after {width:2px; height:8px; background-color:#7daca8; right:19px; top:22px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.searchbar .close_btn {position: absolute; top: 3px; right: -26px; font-size: 20px; color: #707070;}

.searchbar .hotkeyword {width: 100%; position: relative; margin: 20px 0 0; overflow: hidden; text-align: left;}
.searchbar .hotkeyword strong {position: relative; display: block; font-size: 15px; color: #7daca8; margin: 0 0 10px;}
.searchbar .hotkeyword p button {display: inline-block; padding: 0 10px; margin: 2px; font-size: 13px; text-align: center; background-color: #eee; height: 35px; line-height: 35px; border-radius: 5px; color: #7daca8;}



/*top 고객센터 전화번호*/
.common_phone_num{float:left; padding-left:42px; background:url("/images/common/icon_phone.png")no-repeat 0 center; margin-top:6px;}
.common_phone_num>*{display:block; line-height:1.0; text-align:center}
.common_phone_num>strong{font-size:24px; color:#333333;}
.common_phone_num>em{margin-top:4px;}

/*bottom*/
.bottom{border-bottom:1px solid #eaeaea; position:relative;}
/*total_category_wrap 통합카테고리*/
.total_category_wrap{float:left;}
/*통합카테고리버튼*/
.btn_total_nav{cursor:pointer; width:50px; height:50px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; text-indent:-999999px; overflow:hidden; 
		padding-top:18px; font-size:0;}
.btn_total_nav>span{display:block; width:20px; height:2px; background-color:#7daca8; margin:0 auto; }
.btn_total_nav>span+span{margin-top:4px;}
.total_category_inner{display:none; position:absolute; left:0; top:51px; width:100%;  border-bottom:1px solid #eaeaea; background-color:#fafafa; z-index:300;}
.total_category_inner>div>div{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; overflow:hidden;}
/*total_category_depth*/
.total_category_depth{float:left; width:20%; position:relative; padding:40px 45px;}
.total_category_depth+div:before{content:''; width:1px; height:500px; display:block;  background-color:#eaeaea; position:absolute; left:.0; top:0;}
.total_category_depth>a{display:block; color:#222222; font-size:15px;}
.total_category_depth>a>strong{font-weight:500;}
.total_category_depth>a:hover{color:#7daca8; }
.total_category_depth ul{margin-top:10px; padding-top:10px; border-top:1px solid #aaaaaa; }
.total_category_depth ul>li+li{margin-top:2px;}
.total_category_depth ul>li>a{display:block;}
.total_category_depth ul>li>a:hover{color:#000000; }

/*total_category_banner*/
.header_banner{ border-top:1px solid #eaeaea; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background-color:#ffffff; position:relative;
		overflow:hidden;}
.header_banner:before{content:''; width:1px; height:150%; display:block; position:absolute; left:50%; top:0; background-color:#eaeaea;}
.header_banner>li{float:left; width:50%; position:relative;}
.header_banner>li>a{display:block; padding:10px;}
.header_banner>li>a>*{display:inline-block; vertical-align:middle;}
.header_banner>li>a>span+span{margin-left:20px;}
.header_banner>li>a>span>*{display:block;}
.header_banner>li>a>span strong{color:#333333; font-size:16px; font-weight:500;}
.header_banner>li>a>span em{margin-top:5px;}
.header_banner>li i{text-indent:-999999px; font-size:0; overflow:hidden; display:block; width:32px; height:32px; border-radius:100px; border:1px solid #999999;
		position:absolute; right:20px; top:50%; margin-top:-16px;}
.header_banner>li i:before{content:''; width:6px; height:6px; display:block; border:1px solid #999999; border-left-width:0;  border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-3px; }

/*gnb*/
.gnb{float:right; width:1150px;}
.gnb>li{float:left; width:20%; text-align:center; font-size:15px; position:relative; }
.gnb>li>a{display:block; line-height:50px; color:#222222; }
.gnb>li>a>strong{ font-weight:500;}
.gnb>li:hover>a{color:#7daca8;}
.gnb_2depth_menu{display:none; background-color:#ffffff; position:absolute; left:50%; top:50px; width:120%; margin-left:-60%; z-index:250;
		border-bottom:1px solid #dddddd; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-top:1px solid #dddddd;}
.gnb_2depth_menu>li>a{display:block; padding:9px 0;  font-size:14px; }
.gnb_2depth_menu>li+li{border-top:1px solid #eaeaea;}
.gnb_2depth_menu>li>a:hover{color:#7daca8;}

/*스크롤 내렸을때*/
.bottom.bottom_fixed{position:fixed; top:0; z-index:300; border-bottom:none; box-shadow:1px 0 4px rgba(0,0,0,0.4);}
.bottom.bottom_fixed .total_category_wrap{display:none;}
.bottom.bottom_fixed .gnb{float:none; width:100%;}
.bottom.bottom_fixed .gnb_2depth_menu{border-top:1px solid #dddddd;}
/***header_wrap01 PC / 가로 1261px 이상 끝***/


/*header_wrap02 모바일/태블릿 가로 1260px 이하 */
/* 상단 고정 배너 */
.m_fixed_top_banner {display: block;}
/*common*/
.header_wrap02{display:none; width:100%; position:fixed;  top:0; left:0; background-color:#ffffff;  z-index:300;}
.tm_top_menu{padding:15px 30px;}
#m_header_wrap {position: absolute; width: 100%; top:40px; left:0; background-color:#ffffff; z-index:300; transition: all 0.1s;}
#m_header_wrap.on {position: fixed; top: 0;} 
#m_header_wrap.no_banner {top: 0px;}
.tm_middle{padding:0 30px 10px 30px;}
.tm_bottom{padding:0 30px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; position:relative;}
/*h1*/
.header_wrap02 h1{width:150px; margin:0 auto; }
.header_wrap02 h1>a{display:block; width:100%;}
.header_wrap02 h1>a img{width:100%;}
/*장바구니*/
.tm_cart_link{position:absolute; right:30px; top:15px; width:33px;}
.tm_cart_link>a{display:block;}
.tm_cart_link>a>img{width:25px; margin-top:4px;}

/*side_tm_menu_wrap 사이드 메뉴*/
/*side_tm_menu_wrap 사이드 메뉴 열기 버튼*/
.btn_tm_nav_open{overflow:hidden; text-indent:-999999px; width:33px; height:33px; position:absolute; left:30px; top:15px; cursor:pointer; padding-top:9px; font-size:0;}
.btn_tm_nav_open span{display:block; width:23px; height:2px; background-color:#7daca8; margin:0 auto;}
.btn_tm_nav_open span+span{margin-top:4px;}
/*side_tm_menu_wrap 사이드 메뉴 닫기 버튼*/
.side_tm_close{position:absolute; right:30px; top:16px; width:27px; height:27px; display:block; text-indent:-999999px; overflow:hidden;color: #000;}
.side_tm_close:before,.side_tm_close:after{content:''; width:20px; height:2px; display:block; background-color:#000; position:absolute; left:7px; top:12px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.side_tm_close:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

/*side_tm_wrap  사이드 메뉴*/
.side_tm_menu_wrap{position:absolute; left:-100%;  top:-40px; width:80%; z-index:9999999; overflow:scroll; background-color:#ffffff;}
.side_tm_menu_wrap.no_banner{top:0px;}
.side_tm_wrap{position:relative;}
/*배경*/
.bg_color{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:30;}


.side_tm_inner {padding: 30px 30px 30px 50px;}
.side_tm_inner .member {padding: 15% 0 40px;}
.side_tm_inner .member ul.inline li {display: inline-block;}
.side_tm_inner .member ul li {display: block; margin-right: 18px;}
.side_tm_inner .member ul li a {color: #000; font-size: 13px; line-height: 1.5; letter-spacing: 0.5px;}
.side_tm_inner .member ul li.cart_qty em {background-color: #707070; border-radius: 50%; padding: 0px 5px; color: #fff;}

.accordion {padding: 0; background-color: #fff;}

.categoryCont ul.category {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 30px 0;}

.mid_category {padding: 25px 0; border-bottom: 1px solid #ddd;}
.mid_category ul li a {color: #777; font-size: 13px; line-height: 2; letter-spacing: 0.5px;}
.bottom_category {margin-top: 40px;}
.bottom_category ul li {margin-bottom: 10px;}
.bottom_category ul li span {background-color: #707070; color: #fff; padding: 3px 6px; border-radius: 50px; letter-spacing: 0.5px; font-size: 12px; margin-right: 2px;}
.bottom_category ul li span.kakao {background-color: #f9e000; color: #444;}
.bottom_category ul li span.kakao img {display: inline-block; vertical-align: sub;}
.bottom_category p.operatingHours {font-size: 12px; display: inline-block; color: #999; margin-top: 5px;}


.side_tm_menu_wrap h4 {padding: 5px; margin-top: 20px;}
.side_tm_menu_wrap li.list_accordion, .allMenu .menu-login {font-size: 18px; line-height: 2;}
.side_tm_menu_wrap li.list_accordion:first-child {border: 0;}
.side_tm_menu_wrap li.list_accordion a {display: block; color: #444;}
.side_tm_menu_wrap li.list_accordion a.active {color: #7daca8;}
.side_tm_menu_wrap li.list_accordion img {vertical-align: middle; padding-right: 5px;}

.accordion-toggle, .accordion-content {cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px;}
.accordion-content {display: none;}
.accordion-toggle a:before, .accordion-toggle a:after {content: ''; display: block; position: absolute; top: 50%; right: 30px; width: 15px; height: 2px; margin-top: -1px; background-color: #5a5858; transform-origin: 50% 50%; transition: all 0.3s ease-out;}
.accordion-toggle a:before {transform: rotate(-90deg); opacity: 1; z-index: 2;}
.accordion-toggle.active-tab {transition: all 0.3s ease; color: #7daca8;}
.accordion-toggle a.active:before {transform: rotate(0deg); background: #7daca8 !important;}
.accordion-toggle a.active:after {transform: rotate(180deg); background: #7daca8 !important; opacity: 0;}

.menu-submenu > li {padding-left: 10px;}
.menu-submenu > li > a {display: block; color: #777; line-height: 1.5; font-size: 16px;}


/*검색프로그램 */
.m_common_search{width:100%; position:relative; background-color:#f1f1f1; border-radius:100px;}
.m_common_search fieldset{border:none;}
.m_common_search legend{font-size:0; height:0; width:0;}
.m_contents_sch{border: none; width:100%; height:30px; line-height:30px; background-color:transparent; padding:2px 50px 2px 25px;}
/*검색버튼*/
.m_btn_search{position:absolute; right:0; top:0; width:50px; height:30px; display:block; text-indent:-999999px;  overflow:hidden;}
.m_btn_search:before,.m_btn_search:after{content:''; height:20px; position:absolute; left:15px; top:6px;}
.m_btn_search:before{width:10px; height:10px; border:2px solid #7daca8; border-radius:100px;}
.m_btn_search:after{width:2px; height:6px; background-color:#7daca8; left:28px; top:17px;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

/*tm 상단 가로메뉴 */
.tm_h_menu>li{width:16.6666%;}
.tm_h_menu>li>a{display:block; padding:0 5px; height:36px; line-height:36px; text-align: center;}
.tm_h_menu>li>a>strong{font-weight:500;}
.tm_h_menu>li>a:hover{color:#7daca8;}
/*tm 상단 가로메뉴 펼치기*/
.btn_tm_h_menu{position:absolute; right:0; top:0; width:40px; height:36px; display:block; border-left:1px solid #eaeaea; background-color:#ffffff;
		text-indent:-999999px; cursor:pointer; z-index:20;}
.btn_tm_h_menu:before{content:''; width:8px; height:8px; display:block; border:1px solid #707070; border-right-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; bottom:16px; left:14px;}
/*tm 상단 가로메뉴 펼치기 상단화면*/
.tm_h_menu02_wrap{display:none; position:absolute; left:0; top:36px; background-color:#f5f5f5; width:100%; padding:15px 30px;
		border-top:1px solid #eaeaea;}
.tm_h_menu02_wrap>ul{border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background-color:#ffffff; position:relative;}
.tm_h_menu02_wrap>ul>li{float:left; width:50%; text-align:center;  border-top:1px solid #eaeaea; border-right:1px solid #eaeaea;
		position:relative;}
.tm_h_menu02_wrap>ul>li:before{content:''; width:100%; height:1px; display:block; background-color:#eaeaea; position:absolute; left:0; bottom:-1px; }
.tm_h_menu02_wrap>ul>li:nth-child(2n+1){clear:both;}
.tm_h_menu02_wrap>ul>li:nth-child(2n){border-right:none;}
.tm_h_menu02_wrap>ul>li>a{display:block; padding:6px 0;}
.tm_h_menu02_wrap>ul>li>a>strong{ font-weight:500;}
.tm_h_menu02_wrap>ul>li>a:hover{color:#7daca8;}
/*배경*/
.bg_color02{display:none;z-index:10; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5);}
/*header_wrap02 모바일/태블릿 가로 1260px 이하 끝*/

/*메인 비쥬얼 슬라이드*/
.main_visual{width:100%;position:relative;}
.main_slide_list>li{width:100%;}
.main_slide_list>li>a{display:block;}
.main_slide_list>li>a>img{width:100%;}
/*메인 비쥬얼 control_box*/
.main_visual_control_box{width:1200px; position:absolute; left:50%; bottom:30px; margin-left:-600px; height:48px; text-align:center; 
		cursor:pointer; line-height:48px; z-index:10;}
.main_visual_control_box>.swiper-pagination{width:1050px; height:48px; position:absolute; left:0; top:0; }
.main_visual_control_box>.swiper-pagination>span.swiper-pagination-bullet{float:left; width:20%; height:100%; display:block;  position:relative;
		border-radius:0; opacity:1; color:#ffffff; background-color:rgba(0,0,0,0.5); font-weight:500;  }
.main_visual_control_box>.swiper-pagination>span.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:rgba(0,0,0,0.6);}
.main_visual_control_box>.swiper-pagination>span:after{content:''; width:1px; height:48px; display:block; background-color:rgba(255,255,255,0.2);
		position:absolute; right:0; top:0;}
.main_visual_control_box>.swiper-pagination>span:before{display:block; position:absolute; left:0; top:0; width:100%; }
.main_visual_control_box>.swiper-pagination>span:nth-child(1):before{content:'불러다옹몰 OPEN';}
.main_visual_control_box>.swiper-pagination>span:nth-child(2):before{content:'ORGANIC SNACK';}
.main_visual_control_box>.swiper-pagination>span:nth-child(3):before{content:'PET PRODUCT X CAT';}
.main_visual_control_box>.swiper-pagination>span:nth-child(4):before{content:'불러다옹몰 이벤트';}
.main_visual_control_box>.swiper-pagination>span:nth-child(5):before{content:'런칭기념 세일';}

/*prev/next*/
.main_visual_control_box>.visual_control{float:right; width:150px; height:48px;  position:absolute; right:0; top:0; z-index:10; background-color:rgba(0,0,0,0.5);}
.main_visual_control_box>.visual_control>*{width:50px; height:100%; float:left; display:block; position:relative;overflow:hidden; }
.main_visual_control_box>.visual_control>*+*:after{content:''; width:1px; height:48px; display:block; background-color:rgba(255,255,255,0.2);
		position:absolute; left:0; top:0;}
.main_visual-button-prev:before{content:''; width:9px; height:9px; display:block; border:2px solid rgba(255,255,255,0.6); border-right-width:0; border-bottom-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; top:19px; left:20px; }
.main_visual-button-next:before{content:''; width:9px; height:9px; display:block; border:2px solid rgba(255,255,255,0.6); border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; top:19px; left:18px; }
.main_visual_play:before{content:''; width:0; height:0; display:block; border:8px solid transparent; border-right-width:0; border-left-color:rgba(255,255,255,0.6);
		position:absolute; top:18px; left:22px;}
.main_visual_stop:before{content:''; width:6px; height:13px; display:block; border:2px solid rgba(255,255,255,0.6); border-top-width:0;
		border-bottom-width:0; position:absolute; top:18px; left:19px;}

/*모바일/태블릿 tm_main_visual 1260px 이하 시작*/
.tm_main_visual{padding-top:198px; position:relative; display:none;}
.tm_main_visual.no_banner{padding-top: 158px;}
.tm_main_slide_list>li{width:100%;}
.tm_main_slide_list>li>a{display:block;}
.tm_main_slide_list>li>a>img{width:100%;}
/* control_box*/
.tm_main_visual .swiper-pagination-bullet-active{background:#7daca8;}
/*모바일/태블릿 tm_main_visual 1260px 이하 끝*/

/*제품 리스트 common item title*/
.contents_title>h4{font-size:26px; color:#222222; font-weight:500; text-align:center; margin-bottom:30px;}
.contents_title>h4>span{display: block; font-size:16px; color:#888888;}
/*Hot Item 제품 리스트*/
.won::after {content: '원';}
.hot_iitem ul>li{float:left; width:23.875%; position:relative; margin-bottom:10px;}
.hot_iitem ul>li+li{margin-left:1.5%; }
.hot_iitem ul>li:nth-child(4n+1){margin-left:0; clear:both;}
.hot_iitem ul>li>a{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-999999px; overflow:hidden; font-size:0;}
/* .hot_iitem_img{position:relative;}
.hot_iitem_img>span{display:block; width:100%;}
.hot_iitem_img>span>img{width:100%;} */
.hot_iitem_img {position: relative;}
.hot_iitem_img img {width: 100%; max-width: 100%; height: auto; box-sizing: border-box;}
.hot_iitem_img img.upper_img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: opacity 1s; opacity: 0;}
.hot_iitem ul>li:hover .hot_iitem_img img.upper_img {opacity: 1;}

.hot_iitem_txt{position:absolute; left:0; bottom:10px; width:100%;  text-align:center; font-family:'돋움',dotum; font-weight:300; }
.hot_iitem_txt>span{display:inline-block; border:1px solid #dddddd; background-color:#ffffff; padding:1px 5px; min-width:55px;}
.hot_iitem_info{text-align: center; padding: 30px 20px 25px;}
.hot_iitem_model_name>em{display:block; font-size:12px; color:#aaaaaa; font-weight:300; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; width:100%;}
.hot_iitem_model_name>strong{display:block; font-size:13px; color:#333333; font-weight:400; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; width:100%;}
.hot_iitem_model_name>strong.sale_price {color: #aaaaaa; text-decoration: line-through;}
.hot_iitem_model_name>strong.sale_price02 {color: #E65440;}
.hot_product_price{padding-top:15px; margin-top:15px; border-top:1px solid #dddddd;}
.hot_product_price dl{font-size:0;}
.hot_product_price dt,.hot_product_price dd{display:inline-block; width:50%; font-size:13px;}
.hot_product_price dd{text-align:right;}
.hot_product_price dd>span{font-size:18px; color:#333333; font-weight:600;}
.hot_product_price dl.card_benefit dd>span{color:#ef2d7a;}

/*메인 슬라이드 배너*/
.main_slide_banner{position:relative;}
.main_slide_banner ul li>a{display:block;}
.main_slide_banner ul li>a>img{width:100%;}
.m_slide_control_box>div{width:20px; height:20px; display:block; position:absolute; top:50%; margin-top:-10px; border-radius:100px; 
		background-color:rgba(0,0,0,0.6); z-index:20; cursor:pointer;}
.m_slide_banner-button-prev{left:10px;}
.m_slide_banner-button-prev:before{content:''; width:0; height:0; display:block; border:4px solid transparent; border-right-color:#ffffff; 
		border-left-width:0; position:absolute; top:6px; left:8px;}
.m_slide_banner-button-next{right:10px;}
.m_slide_banner-button-next:before{content:''; width:0; height:0; display:block; border:4px solid transparent; border-right-width:0; 
		border-left-color:#ffffff; position:absolute; top:6px; left:8px;}
/*main_banner02*/
.main_banner02>a{display:block;}
.main_banner02>a>img{width:100%;}

/*new_arrival_wrap 신상품 슬라이드 리스트*/
.new_arrival_wrap{margin-top:60px; background-color:#f8f8f8; padding:80px 0 100px; }
.new_arrival_slide{width:100%; overflow: hidden;}
.new_arrival_slide ul li{float:left; width:49.583333%; height:260px; border:1px solid #dddddd; background-color:#ffffff; font-size:0; position:relative;}
.new_arrival_slide ul li>a{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.new_arrival_slide ul li>*{display:inline-block; vertical-align:middle; font-size:13px;}
.new_arrival_img{width:44%; height:100%; overflow:hidden; background-color:#f0e9ea; position:relative}
.new_arrival_img>span{display:block;} 
.new_arrival_img>span>img{  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);
　-moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);}
.new_arrival_info{width:55%; padding:0 30px;}
.new_arrival_model_name>em{display:block; font-size:12px; color:#aaaaaa; font-weight:300; text-overflow:ellipsis; overflow: hidden; white-space:nowrap; width:100%;}
.new_arrival_model_name>strong{display:block; font-size:16px; color:#333333; font-weight:400; text-overflow: ellipsis; overflow: hidden; white-space:nowrap; width:100%;}
.new_arrival_product_price{margin-top:20px; padding-top:20px; border-top:1px solid #dddddd; }
/*next prev*/
.new_arrival_slide_wrap{position:relative;}
.new_arrival_button{position:absolute;  top:50%; width:40px; height:40px; border-radius:100px; background-color:rgba(0,0,0,0.3);
		z-index:100; transform: translateY(-50%);outline: none; cursor:pointer; overflow:hidden; box-shadow:1px 1px 3px rgba(0,0,0,0.4);}
.new_arrival_button_next{right:-20px;}
.new_arrival_button_next:before{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:11px; top:13px;}
.new_arrival_button_prev{left:-20px; }
.new_arrival_button_prev:before{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-right-width:0; border-bottom-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:15px; top:13px;}
.new_arrival_pagination{display:none;}

/* 제품선행연구소 wrap */
.intro_cats > div {position: relative;}
.intro_cats .contents_title {position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.intro_cats .bg {color: #000; text-align: center; background-image: url(/images/main/banner_parallax_01.jpg); height: 450px; background-size: 100%; background-position: center; background-attachment: fixed;}
.intro_cats div.mid_banner {position: relative; width: 1200px; height: 500px; margin: -150px auto 0; border: 1px solid #eee; text-align: center; background-color: #fcfcfc;}
.intro_cats div.mid_banner p {width: 1200px; height: 430px; background-image: url(/images/main/info_cats01.png); background-position: top; background-repeat: no-repeat;}
.intro_cats div.mid_banner a {display: inline-block; text-align: center; padding: 10px 25px; border: 1px solid #ddd; background-color: #fff; line-height: 1.2;}

/*community_wrap*/
.community_wrap{margin-top:60px; padding: 80px 0 100px;}
.community_wrap .inner {width: 1260px; margin: 0 auto;}
.community_slide_banner>div{float:left; overflow:hidden; width:32.5%; position:relative;}
.community_slide_banner>div+div{margin-left:1.25%;}
/*receiving_wrap 실시간 접수현황*/
.receiving_wrap{padding:20px; height:200px; border:1px solid #dddddd} 
.receiving_wrap h4{font-size:15px; font-weight:500; color:#333333; padding-bottom:9px; border-bottom:1px solid #eaeaea; margin-bottom:11px;}
.receiving_wrap ul{overflow:hidden; width:100%;  min-height:111px;}
.receiving_wrap ul>li+li{margin-top:5px;}
.receiving_wrap ul>li{font-size:0;}
.receiving_wrap ul>li>span{display:inline-block; font-size:13px; vertical-align:middle;}
.receiving_wrap span.new_mark{width:16%; text-align:left;} 
.receiving_wrap span.new_mark b{padding:2px 0; width:86%; text-align:center; display:inline-block; color:#ffffff; font-size:12px; border-radius:2px;
		background:#56709a; font-weight:500;}
.receiving_wrap span.r_name{width: 64%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.receiving_wrap span.hp_num{width: 20%;}
.review_wrap span.r_name{width: 80%;}
.review_wrap span.hp_num a {color: #56709a;}


/* 인스타그램 리스트 */
.insta { margin-top:60px; padding: 80px 50px 100px; background-color:#f8f8f8;}
.snsList_slide_wrap{margin-top:60px;}
.snsList_slide{width:100%; overflow: hidden; display: flex;}
.snsList_slide ul li{font-size:0; position:relative; box-sizing: border-box; overflow: hidden;}
/*next prev*/
.snsList_slide_wrap{position:relative;}
.snsList_button{position:absolute; top:50%; width:35px; height:35px; border-radius:100px; background-color:rgba(0,0,0,0.3);
		z-index:100; transform: translateY(-50%);outline: none; cursor:pointer; overflow:hidden; box-shadow:1px 1px 3px rgba(0,0,0,0.4);}
.snsList_button_next{right:-20px;}
.snsList_button_next:before{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-left-width:0; border-top-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:11px; top:13px;}
.snsList_button_prev{left:-20px; }
.snsList_button_prev:before{content:''; height:10px; width:10px; display:block; border:2px solid #ffffff; border-right-width:0; border-bottom-width:0;
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:15px; top:13px;}
.snsList_pagination{display:none;}


/***layout***/
.wrap{width:100%; height:100%; font-family:'Noto Sans KR', sans-serif;}
.header{width:100%;}
.main{width:100%;}
.footer{width:100%; position:relative; background-color:#333333; padding-top:30px; padding-bottom:40px; color:#888888; border-top:1px solid #404040;}

/***common***/
.wrap img{display:block; max-width:100%; vertical-align: top; margin:0 auto;}
.clearfix:after{content: ''; zoom:1; display: block; clear:both;}
.cont_title > h1 {font-size:30px; color:#444444; font-weight:500;}
.ellipsis {display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

/* sub_menu */
.subframe ul li {line-height: 100%;padding: 20px 0 10px 8px;}
.subframe ul li a {font-weight: 700; color: #4a4a4a;}
.subframe ul li a:hover {color:  #7daca8;}

.accordion_title {position: relative; width: 100%; line-height: 20px; color: #707070; padding: 10px 0px; font-size: 1.1em; letter-spacing: -0.5px; border-bottom: 1px solid #eee;}
.accordion_title span {display: block; position: absolute; right: 2%; top: 8px; color: #707070;}
.accordion_title span::after {content: ''; display: inline-block; width: 8px; height: 8px; margin: 0 2px 0 5px; border-right: 2px solid #414141; border-top: 2px solid #414141; transform: rotate(135deg);}
.accordion_conts {display: none; letter-spacing: -0.5px; color: #828282; background-color: #fafafa;}
.accordion_conts p {line-height: 24px; padding: 15px;}
.m_sub_nav {display: block; font-family: 'Noto Sans KR', sans-serif;}
.m_sub_nav > div {float: left; width: 33.3333%;}
.m_sub_nav ul.m_sub_nav_ul {cursor: pointer; position: relative;}
.m_sub_nav ul.m_sub_nav_ul:first-child {border-right: 1px solid #fff;}
.m_sub_nav > div:last-child ul.m_sub_nav_ul:first-child {border-right-style: hidden;}
.m_sub_nav ul.m_sub_nav_ul > li {background-color: #7daca8; color: #fff; border-bottom: 1px solid aliceblue; position: relative; transition: all 0.3s;}
.m_sub_nav ul.m_sub_nav_ul > li:hover {background-color: rgb(97, 151, 147); transition: all 0.3s;}
.m_sub_nav ul.m_sub_nav_ul > li a {text-align: center; display: block; font-weight: 500; color: #fff;}
.m_sub_nav ul.m_sub_nav_ul > li .fas {position: absolute; top: 35%; right: 5%; color: #fff;}
.m_sub_nav ul.m_sub_nav_ul > ul {background-color: #fff; padding: 0; width: 99.5%; border-right: 1px solid #ddd; border-left: 1px solid #ddd; position: absolute;  box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.076);}
.m_sub_nav ul.m_sub_nav_ul > ul li {color: #666; font-size: 14px; border-bottom: 1px solid #ddd; text-align: center;}
.m_sub_nav ul.m_sub_nav_ul > ul li:hover {background-color: rgba(125, 172, 168, 0.137); color: #000; transition: all 0.3s;}
.m_sub_nav ul.m_sub_nav_ul > ul li a {display: block; padding: 10px 10px;}

.cont_title{text-align: center; padding: 50px 0;}
.cont_area{width: 1260px; margin: 0 auto; padding: 0 30px; min-height: 650px; padding-bottom: 100px;}

/*prev-next 페이지 버튼 공통*/
.prev_next_page{margin-top: 30px; margin-bottom: 30px; text-align:center; font-size:0;}
.prev_next_page>*{display:inline-block; vertical-align:top;}
.prev_next_page>span{margin:0 7px;}
.prev_next_page>span>a{display:inline-block; font-size:12px; line-height: 35px; width:26px; height: 26px; color:#aaaaaa; border:1px solid #dddddd;}
.prev_next_page>span>a>img{display:inline-block; font-size:12px; line-height: 26px; width:26px; height: 26px; color:#aaaaaa; border:1px solid #dddddd; max-width: none;}
.prev_next_page>span>a+a{margin-left:3px;}
.prev_next_page>span>a.on{color:#ffffff;  background-color:#7daca8; border:1px solid #7daca8;}
.prev_next_page a.btn_page{width:26px; height:26px; background-position:center center; background-repeat:no-repeat; border:1px solid #dddddd;}
.prev_next_page a.first_page{background-image:url("/images/common/btn_first.jpg");}
.prev_next_page a.prev_page{background-image:url("/images/common/btn_prev.jpg"); margin-left:3px;}
.prev_next_page a.next_page{background-image:url("/images/common/btn_next.jpg");}
.prev_next_page a.last_page{background-image:url("/images/common/btn_last.jpg"); margin-left:3px;}

.m_prev_next_page {margin-top: 30px; text-align: center; display: none; margin-bottom: 10px;}
.m_prev_next_page button {width: 200px; background-color: #fff; color: #888888; border: 1px solid #ddd; padding: 10px 0;}
.m_prev_next_page button i {padding-left: 10px;}
/******************* 로그인 *******************/
.box_login {width: 100%; margin: 0 auto; padding:5% 0 5%; border:1px solid #ddd; background:#fff; margin-top: 30px; display: block;}
.box_login fieldset {width:30%; margin:0 auto; border:0;}
.box_login fieldset legend {width:100%; margin: 0 auto; padding-bottom:20px; text-align:center; margin-bottom: 20px;}
.box_login fieldset legend strong {display:inline-block; font-size:40px; font-weight:300; color:#1d1d1d; line-height:40px; font-weight:300;}
.box_login fieldset .form .btn_common {width:100%; display: inline-block; background: #7daca8; color: #fff; text-align: center; padding: 15px 0; margin: 30px 0; text-decoration: none; font-size: 16px;}
.box_login fieldset .form .btn_common:hover {background: rgb(97, 151, 147)}
.box_login fieldset .form input {width: calc(100%); height: 45px; padding: 0 20px ; border: 1px solid #ddd; color: #333; font-size: 14px; line-height: 45px; letter-spacing: 0.08em;}
.box_login fieldset .form input[type="password"] {margin-top:12px}
.box_login fieldset .links .btn_common {float:left; width:50%; font-size:14px; color:#555; text-align: center; padding: 15px 0; text-decoration: none; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.box_login fieldset .links .btn_common:hover {text-decoration: underline;}

/******************* 회원가입 *******************/
/* step box */
.box_process {padding:30px 0; border:1px solid #eee; background:#fafafa; text-align:center; margin:0 0 30px;}
.box_process ul li {display:inline-block; position:relative; text-align:center; width: 150px; padding: 50px 0; border-radius: 50%; background: #7daca8;}
.box_process ul li ~ li {margin-left:90px;}
.box_process ul li ~ li:before {content:""; position:absolute; left:-55px; top:50%; margin-top:-11px; width:11px; height:21px; background: url(/images/sub/arrow.png);}
.box_process ul li * {display:block;}
.box_process ul li strong {font-size:16px; color:#fff;}
.box_process ul li span {font-size:16px; font-weight:400; color:#fff; }
.box_process ul li.active:after{background-color:rgb(97, 151, 147)}
.box_process ul li.active * {color:rgb(97, 151, 147)}
.box_process_vertical {padding: 30px 0;}
.box_process_vertical ul li {float:left; padding-top:105px; padding-left:0; text-align:center}
.box_process_vertical ul li:after {left:50%; top:0; width:88px; height:88px; margin-left:-44px; margin-top:0; background-color:#62beb9;}
.box_process_vertical ul li ~ li:before {top:34px; left:-5px; margin-top:0}
.box_process_vertical ul li strong {color:rgb(97, 151, 147); font-size:14px; font-weight:normal;}
.box_process_vertical ul li span {margin-top:8px; font-size:14px; line-height:18px; font-weight:300; color:#767676;}
.subcontent_join button {border:0;}
.subcontent_join .join_ck{border-top: 2px solid #7daca8; margin-top: 10px;}
.subcontent_join #all{margin-bottom: 10px;}
.subcontent_join .join_box {background-color: #f5f5f5; color: #444; cursor: pointer; padding: 18px; width: 100%;border: none; text-align: left; outline: none; transition: 0.4s; box-sizing: border-box; border-bottom-style: none;}
.subcontent_join .join_box.btm_style {border-bottom: 1px solid #ccc;}
.subcontent_join .terms_btn{float: right; line-height: 26px; text-align: center; cursor: pointer; display: block; width: 30px;}
.subcontent_join #terms, .subcontent_join #terms1, .subcontent_join #terms2, .subcontent_join #terms3 { width: 100%; display: none; box-sizing: border-box; line-height: 20px; padding: 10px 40px; line-height: 1.8;}
.subcontent_join #terms:last-child, .subcontent_join #terms3 {padding: 0;}
.subcontent_join .join_btn{margin: 50px auto 0; width: 100%;text-align: center;}
.subcontent_join .join_btn .button{width: 135px; padding: 15px 0; text-align: center; background-color: #7daca8; cursor: pointer; box-sizing: border-box; margin: 0 auto; color: #fff;}
.subcontent_join .join_btn .button:hover{background: rgb(97, 151, 147)}
.subcontent_join .join_btn .button2{background: #999!important;}
.subcontent_join .join_btn .button2:hover{background: #777!important;}
.subcontent_join .pageinfo.login1{padding-bottom: 0;}
.subcontarea.find_idpw_tab_content .tab_radio{display: none;}
.subcontent_join .mypage_panels{margin-bottom: 50px;}
/* 회원가입 정보입력 */
.red_star {color: red; margin-right: 5px; vertical-align: middle;}
.subcontent_join .member_table {margin: 30px 0 0;}
.subcontent_join .member_form {margin: 10px auto 50px; width: 100%; text-align: left; vertical-align: middle; border-bottom: 1px solid #ccc; background-color: #fafafa;}
.subcontent_join .member_form tr {height: 30px; border:1px solid #fff;border-bottom: 1px solid #ddd;}
.subcontent_join .member_form tr:first-child{border-top: 2px solid #7daca8;}
.subcontent_join .member_form tbody th {height: 100%;width: 20%;  border-right: 1px solid #ddd;text-align: center; font-weight: 500; padding: 10px; word-break: keep-all;}
.subcontent_join .member_form tbody td {vertical-align: middle;}
.subcontent_join .member_form .member_form_list_tit .required {padding-left: 5px; }
.subcontent_join .member_form .member_form_list_box {padding: 12px;}
.subcontent_join .member_form .member_form_list_box label {margin-right: 5px;}
.subcontent_join .recive_txt {font-size: 0.8em; margin-top: 5px;}
.subcontent_join .member_form button {background-color: #7daca8; color: #fff; margin-left: 5px; padding: 7px 12px; cursor: pointer;}
.subcontent_join .m_inp {width: 20%; background-color: #fff; height: 33px;border: 1px solid #ddd; padding: 3px 0 3px 5px;}
.subcontent_join .inp_style03 {width: 50%; margin-top: 5px;}
.subcontent_join .filebox label {display: inline-block; padding: 5px 30px; color: #fff;font-size: 13px; line-height: normal; vertical-align: middle; background-color: #7daca8; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; } 
.subcontent_join .filebox input{height: 30px; background-color: #fff; border: 1px solid #ddd;}
.subcontent_join .join_list textarea {width: 100%; border: 1px solid #ccc;resize: none;}
.subcontent_join .join_list textarea.borderstyle {border-top-style: hidden; padding: 10px 40px;}
.join_list label {margin: 6px;}
.join_list .all {font-size: 16px;}
.subcontent_join .pageinfo dt{padding-top: 30px;}
.subcontent_join .pageinfo strong{color: #7daca8;}
.subcontent_join .filebox{margin-bottom: 10px;}
.subcontent_join .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0); border: 0;}
.subcontent_join .radio_login{font-size: 14px;line-height: 1.78;}
/* 추가 css */
.subcontent_join .chk_agree {background-color: #f5f5f5; padding: 10px 18px; margin-top: -6px; border-bottom: 1px solid #ccc;}
.subcontent_join .chk_agree input {vertical-align: middle;}


/******************* 회원탈퇴 *******************/
.pw_check_cont {margin-bottom: 100px;}
.pw_check_cont .pw_check_box {position: relative; border:2px solid #ddd; border-radius: 15px; width:100%; padding: 30px 50px; margin-top: 30px;}
.pw_check_cont .pw_check_box > div {float: left;}
.pw_check_cont .pw_check_box .check_left {width:20%; height: 100%; position: relative;}
.pw_check_cont .pw_check_box .check_left .left-icon {padding: 20px;}
.pw_check_cont .pw_check_box .check_left .left-icon img {display: block; width:100%;}
.pw_check_cont .pw_check_box .ver-line {position: absolute; top:50%; left: 27%; transform: translateY(-50%); width:2px; height: 80%; background: #ddd;}
.pw_check_cont .pw_check_box .check_right {width:80%; height: 100%;}
.pw_check_cont .pw_check_box .check_right .check_right_cont {padding-top: 6.5%;; padding-left: 150px;}
.pw_check_cont .pw_check_box .check_right .check_right_cont h3 {color: #7daca8; font-size: 22px; font-weight: 500;}
.pw_check_cont .pw_check_box .check_right .check_right_cont h4 {margin-top: 8px; display: block; color: #555; font-weight: 500;}
.pw_check_cont .pw_input_box {margin-top: 60px; margin-left: 31%; }
.pw_check_cont .pw_input_box .pw_left {display: inline-block; vertical-align: middle; font-size: 1rem;}
.pw_check_cont .pw_input_box .pw_left_2 .input_style {border: 1px solid #ddd; background-color:#fff; line-height: 28px; height: 35px; width:230px; padding: 5px;}
.pw_check_cont .pw_input_box .pw_left_3 .pw_check_btn {width: 80px; height: 35px; color: #fff;  margin-left: 1%; font-size: 13px; background-color: #7daca8; border:0; cursor: pointer;}
.pw_check_cont .pw_input_box .pw_left_3 .pw_check_btn:hover{background: rgb(97, 151, 147)}
/* 회원탈퇴 동의여부 */
.leave_tit h3 {color:#7daca8; margin-top: 20px;}
.leave_id .leave_area {background-color: #fafafa; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; margin: 30px auto 40px;}
.leave_id .leave_area .leave_area_inner {padding:30px; margin: 0 auto; }
.leave_area_inner .first strong {font-size: 1.2em;}
.leave_id .leave_area .leave_area_inner > p {line-height: 30px; font-size: 1.1em;}
.leave_id .leave_checkbox {display: block; text-align: center; font-weight: 700; font-size: 1.2em; line-height: 21px;}
.leave_id .leave_checkbox input {width: 18px; height: 18px; vertical-align: middle;}
.leave_id .leave_checkbox label {vertical-align: middle;}
.leave_id .leave_area_btns {text-align: center; margin-top: 35px; margin-bottom: 30px;}
.leave_id .leave_area_btns button {width: 150px; padding: 15px 0; color: #fff; margin:5px; background-color: #999; border:0; cursor: pointer;}
.leave_id .leave_area_btns button:last-child {background-color: #7daca8;}
.leave_id .leave_area_btns button:last-child:hover {background-color: rgb(97, 151, 147)}
.leave_id .leave_area_btns button:hover {background-color: #777;}
/* 회원탈퇴 완료 */
.member_leave_inner {padding-top: 30px; text-align: center;}
.member_leave_inner .leave_check_img {margin-bottom: 20px; width: 200px; margin: 0 auto;}
.member_leave_inner .leave_check_img img{width: 100%; display: block; }
.member_leave_inner .complete {font-size: 1.6rem; width: 100%; margin: 30px 0 10px 0;}
.member_leave_inner .complete font{color: #7daca8;}
.member_leave_inner .leave-box {margin-top: 60px;}
.member_leave_inner .leave-box p{font-size: 1.3rem;}
.member_leave_inner .tit_1 {font-size: 14px; line-height: 24px;}
.member_leave_inner .btn_gohome {text-align: center; margin-top:30px;}
.member_leave_inner div .home_btn {width: 150px; padding: 15px 0; color: #fff; margin:5px; background-color: #7daca8; border:0; cursor: pointer;}
.member_leave_inner div .home_btn {background: #999;}
.member_leave_inner div .home_btn2 {background: #7daca8;}
.member_leave_inner div .home_btn3 {background: #7daca8; }
.member_leave_inner div .home_btn:hover{background:#777;}
.member_leave_inner div .home_btn2:hover {background: rgb(97, 151, 147)}
.member_leave_inner div .home_btn3:hover {background: rgb(97, 151, 147)}
.member_leave_inner div .home_btn1:hover{background:rgba(119, 119, 119, 0.7);}



/******************* 아이디/비번찾기 *******************/
/* 탭메뉴 */
.find_box{width:100%; margin-top: 30px;}
.find_box>.head>ul::after{ content:"";display:block; clear:both;}
.find_box>.head>ul>li{float:left;width:50%; height: 50px; line-height: 50px; box-sizing:border-box; border: 1px solid #E8E8E8; border-bottom-color: #999;background-color: #f9f9f9; color: #707070;}
.find_box>.head>ul>li:first-child{border-left-width:1px;}
.find_box>.head>ul>li.active{border: 1px solid #999;border-bottom: 0;background: #fff;}
.find_box>.head>ul>li>a{display:block; text-align:center;}
.find_box>.content>div{display:none;border-top:0; }
.find_box>.content>div.active{display:block;}
/* 휴대전화 또는 이메일 인증 탭 */
.find_id_box .find_id_pwd {padding: 20px 0; background: #f2f2f2; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin: 30px 0;}
.find_id_box .find_idpw_lst li {float: left; width:50%; padding-left: 20px;}
.find_id_box .find_idpw_lst li .sel_area {display: inline-block;vertical-align: top;}
.find_id_box .find_idpw_lst li {display: block;line-height: 22px;}
.find_id_box .find_idpw_lst li .inprd {display: inline-block;margin: 1px 5px 2px 11px;width: 13px;height: 13px;vertical-align: top;}
.find_id_box .find_idpw_lst li .inprd input {width: 13px;height: 13px;}
.find_id_box .find_idpw_lst li label {display: inline-block;vertical-align: top;cursor: pointer;}
.find_id_box .find_idpw_lst li .sp_lb {display: inline-block;height: 15px;vertical-align: top;font-size: 0;line-height: 0;}
/* 아이디찾기 */
.find_id_box .tab_cont div{display: none;}
.find_id_box .tab_cont div.active {display: block;}
/* 휴대전화 인증 & 이메일 인증 */
.find_form {margin: 10px auto; width: 100%; text-align: left; vertical-align: middle; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd; width: 100%;}
.find_form tbody th {height: 100%; padding: 10px 15px; width: 20%; font-weight: 500;}
.find_form tbody td {margin: 10px 20px 10px 20px;}
.find_form .find_form_list_tit .required {padding-left: 5px;}
.find_form .find_form_list_box {margin: 5px 0; display: block;}
.find_form tr td .recive {line-height: 23px; float: left; margin-right: 20px;}
.find_form tr td .recive_refuse {line-height: 23px; display: inline-block;}
.recive_txt {font-size: 0.8em; margin: 0;}
.find_form .check_email_bx {display: inline;}
.find_form button {background-color: #7daca8; color: #fff; margin-left: 5px; padding: 7px 12px;  cursor: pointer;}
.find_form_list_box .m_inp {width: 20%; background-color: #fff; height: 32px;border: 1px solid #ddd; padding: 3px 0 3px 5px;}
.find_form_list_box .email {width: 28%;}
/* 다음버튼 */
.find_id_box .next_btn{background-color: #7daca8; width: 135px; padding: 15px 0px; color: #fff; margin-left: 1%; margin-top: 10px;}
.find_id_box .next_btn:hover {background: rgb(97, 151, 147)}
.find_id_box .next_box {margin-top: 10px; text-align: right;}
/* 비밀번호찾기 */
.find_pw_box .tab_pw p {margin-top: 30px; color: #7daca8;}
.find_form_pw {margin: 10px auto; width: 100%; text-align: left; vertical-align: middle; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd; width: 100%;}
.find_form_pw tbody th {height: 100%; width: 20%;font-weight: 500; height: 45px;}
.find_form_pw tbody td {padding: 5px 0;}
.find_form_pw .recive_txt{font-size: 1em; color: #777; word-break:keep-all;}
.find_pw_box .recive_btn {text-align: center; margin-top: 50px;}
.find_pw_box .recive_btn button {background-color: #7daca8; width: 135px; padding: 15px 0; color: #fff;  margin-left: 1%; margin-top: 10px;}
.find_pw_box .recive_btn button:hover{background:  rgb(97, 151, 147)}
/*  login2 아이디 비밀번호 찾기 */
.id_list_box {margin-top: 50px;}
.id_list_box h3 {font-weight: 500;}
.find_contarea {min-height: 660px;}
.id_list {margin-top: 20px; text-align: center; padding: 30px; background-color: #f2f2f2;}
ul.list_id {display: inline-block;}
ul.list_id li {padding-bottom: 8px; text-align: left;}
ul.list_id li strong {display: inline-block; padding-right: 30px; font-size: 1.2em;}
ul.list_id li strong input.list_idName {margin-right: 5px;}
.find_id_btns {text-align: center; margin-top: 50px;}
.find_id_btns button {background-color: #7daca8; width: 135px; padding: 15px 0; color: #fff; margin-left: 1%; margin-top: 10px;}
.find_id_btns .login_btn:hover{background: rgb(97, 151, 147)}
.find_id_btns .pw_btn {background: #999;}
.find_id_btns .pw_btn:hover {background: #777;}


/********** 장바구니 **********/
.cart_box_wrap .sequence {margin-bottom: 30px;}
.cart_box_wrap .sequence > div {width: 33%; float: left;  text-align: center; color: #000;border-right: 2px solid #7daca8; font-size: 16px;font-weight: 700;}
.cart_box_wrap .sequence > div:last-child{border-right: none;}
.cart_box_wrap .sequence > div > * {display: inline-block;}
.cart_box_wrap .sequence > div > b {color: #7daca8; font-weight: normal; padding-right: 5px;}
.cart_box_wrap thead th {border-top: 2px solid #7daca8; height: 40px; background-color: rgba(125, 172, 168, 0.138);}
.cart_box_wrap thead th h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.cart_box_wrap .sequence > div span {color: #707070; font-weight: normal;}
.cart_box_wrap .sequence > div.on b {color: #7daca8; font-weight: 700; /* border-bottom: 3px solid rgba(24, 178, 183, 0.186); box-shadow: inset 0 -4px 0 rgba(24, 178, 183, 0.186); */}
.cart_box_wrap .sequence > div.on span {color: #000; font-weight: 700; /* border-bottom: 3px solid rgba(24, 178, 183, 0.186); box-shadow: inset 0 -4px 0 rgba(24, 178, 183, 0.186); */}
.cart_box_wrap .cart_list td{text-align: center;}
.cart_box > .empty {text-align: center; padding: 50px 0; border-bottom: 1px solid #ddd; /* border-top: 2px solid #7daca8; */ margin-bottom: 20px; margin-top: -30px;}
.cart_box_wrap #order_history_table {width: 100%;}
.cart_box_wrap #order_history_table .product_info {text-align: left; padding-left: 30px; padding: 20px}
.cart_box_wrap #order_history_table .product_info div {cursor: pointer;}
.cart_box_wrap #order_history_table .product_info > div > span {color: #999; font-size: 0.9em; display: block;}
.cart_box_wrap #order_history_table .product_info > div > p.product_title {font-weight: 700;}
.cart_box_wrap #order_history_table .product_info > div > p > span {font-size: 0.9em; color: #555;}
.cart_box_wrap #order_history_table tr.cart_list td {border-bottom: 1px solid #ccc;}
.cart_box_wrap #order_history_table tr td.product_info p {display: block; font-size: 14px;}
.cart_box_wrap #order_history_table tr td.product_info p.price {font-weight: 500; font-size: 14px;}
.cart_box_wrap #order_history_table tr td.product_info p span {display: inline-block;}
.cart_box_wrap #order_history_table1 tr.cart_list:last-child td {border: none;}
.cart_box_wrap .cart_img {display: block; margin: 0 auto; padding: 5px 0;}
.cart_box_wrap .cart_img img {max-width: 100%; max-height: 100px; cursor: pointer; vertical-align: middle;}
.cart_box_wrap #order_history_table1 .product_info div {cursor: pointer;}
.cart_box_wrap .cart_box .btns_cart_list .btn_order {background-color: #7daca8;}
.cart_box_wrap .cart_box .btn_del { color: #7daca8; font-size: 1.5em; text-align: center; background-color: #fff;}
.cart_box_wrap .cart_box .btn_wrap02 {margin-top: 30px; text-align: center;}
.cart_box_wrap .cart_box .btn_wrap02 button {float: left; width: 50%; padding: 15px 0; color: #fff;}
.cart_box_wrap .cart_box .btn_wrap02 .btn_product_order {background-color: #7daca8;border: 1px solid #7daca8; color: #fff;}
.cart_box_wrap .cart_box .btn_wrap02 .shopping {/* color: #707070; */ border:1px solid #bbbbbb;}
.cart_box_wrap .table_style4{width: 100%;}

/**수량**/
.cart_qty { display: flex; flex-wrap: wrap; justify-content: center;}
.cart_qty .number_up {width: 20px; height: 26px; background-color: #fff; color: #333; border-radius: 1px; border: #ccc solid 1px; float: left;}
.cart_qty .cnt {width: 40px; height: 26px;border: #ccc solid 1px; float: left; border-right-style: none; border-left-style: none;text-align: center;}
.cart_qty .number_down {vertical-align: middle;width: 20px; height: 26px; background-color: #fff; color: #333;  border-radius: 1px;border: #ccc solid 1px; float: left;}
.cart_box_wrap .cart_box .cart_box_btn {margin-top: 30px;margin-bottom: 30px;}
.cart_box_wrap .cart_box .cart_box_btn::before, .cart_box_wrap .cart_box .cart_box_btn::after {content: ''; display: block; clear: both;}
.cart_box_wrap .cart_box .cart_box_btn > div.left {float: left;}
.cart_box_wrap .cart_box .cart_box_btn > div.right {float: right;}
.cart_box_btn button {margin: 3px; width: 120px; padding: 8px 0; background-color: #fff; border: 1px solid #bbbbbb; color: #888888;}
.cart_box_btn > div.right button.orderbtn_b {background-color: #7daca8; color: #fff; border: 1px solid #7daca8;}
.cart_box_wrap .order_box_m.pay_wrap {margin-top: 10px; border-bottom: 1px solid #dddddd;}
.cart_box_wrap .order_box_m.pay_wrap fieldset {border: none;}
.cart_box_wrap .order_box_m .order_tit {font-size: 16px; font-weight: 700; padding: 24px 0 14px 20px; line-height: 1;}
.cart_box_wrap .cart_box table.table_style4 tr th {text-align: left; font-weight: normal; padding-left: 20px; font-size: 14px; color: #707070;}
.cart_box_wrap .cart_box table.table_style4 tr td {padding: 5px 20px 10px 0; text-align: right;}
.cart_box_wrap .order_box_m.sum {padding: 0 20px; border-top-style: none;}
.cart_box_wrap .sum_prc_wrap {text-align: right;}
.cart_box_wrap .sum_prc_wrap dl {display: block; margin: 0; padding: 10px 0;}
.cart_box_wrap .sum_prc_wrap dl dt {font-size: 13px; font-weight: normal; color: #333; float: left; line-height: 28px; font-size: 16px;}
.cart_box_wrap .sum_prc_wrap dl dd {display: inline-block; margin: 0 0 0 10px; font-size: 15px; font-weight: bold;}
.cart_box_wrap .sum_prc_wrap #totalSettlePriceView {font-size: 18px;}
.cart_box_wrap #totalSettlePriceView {color: #218380;}



/********관심상품 목록*******/
.keepProducts_cont_m {display: none;}
.keep_products_wrap .cart_list td {text-align: center;}
.keep_products_wrap .cart_list td button {background-color: #fff;}
.keep_products_wrap .cart_list_inner th {border-top: 2px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;height: 40px;}
.keep_products_wrap #order_history_table {width: 100%;}
.keep_products_wrap #order_history_table .product_info {text-align: left; padding-left: 30px;padding: 20px; cursor: pointer;}
.keep_products_wrap #order_history_table .product_info div > span {color: #999; font-size: 0.8em; display: block;}
.keep_products_wrap #order_history_table .product_info div > p > span {font-size: 0.9em; color: #555;}
.keep_products_wrap .cart_box .cart_img {display: block;margin: 0 auto; padding: 5px 0; cursor: pointer;}
.keep_products_wrap .cart_box .cart_img img {max-width: 100%; max-height: 100px; cursor: pointer; vertical-align: middle;}
.keep_products_wrap #order_history_table tr.cart_list td {border-bottom: 1px solid #ccc;}
.keep_products_wrap #order_history_table tr td.product_info p {display: block; font-size: 15px;}
.keep_products_wrap #order_history_table tr td.product_info p.product_title {font-weight: 700;}
.keep_products_wrap #order_history_table tr td.product_info p span {display: inline-block;}
.keep_products_wrap #order_history_table tr.empty {height: 150px; text-align: center; border-bottom: 1px solid #ddd;}
.keep_products_wrap .cart_box .cart_box_btn {margin-top: 30px; margin-bottom: 30px}
.keep_products_wrap .cart_box .cart_box_btn button {margin: 3px; width: 120px; padding: 10px 0; background-color: #fff; border: 1px solid #bbbbbb; color: #888888;}
.keep_products_wrap .cart_box .btn_wrap02 {margin-top: 30px; text-align: center;}
.keep_products_wrap .cart_box .btn_wrap02::before, .keep_products_wrap .cart_box .btn_wrap02::after {content: ''; clear: both; display: block;}
.keep_products_wrap .cart_box .btn_wrap02 button {float: left; width: 50%; padding: 15px 0; color: #fff;}
.keep_products_wrap .cart_box .btn_wrap02 .btn_product_order {background-color: #7daca8; border: 1px solid #7daca8; color: #fff;}
.keep_products_wrap .cart_box .btn_wrap02 .shopping {border: 1px solid #dddddd; background-color: #ffffff; color: #707070;}

/* .middle {width: 90%; margin: 0 auto; margin-bottom: 50px;} */
.product_checkall_box {position: relative; padding: 14px 145px 14px 5px; background-color: #f4f4f4; margin-top: 10px;}
.checkbox_box {display: block; position: relative;}
.checkbox_box input {width: 20px; height: 20px; border: 0; vertical-align: middle;}
.checkbox_box label {padding-left: 5px; font-size: 14px; font-weight: 700; line-height: 20px; vertical-align: middle;}
.btn_del01 {position: absolute; top: 9px; right: 5px; min-width: 111px; padding: 0 9px 0 27px; border: 1px solid #ddd; background-color: #fff; border-radius: 3px; font-size: 14px; color: #414141; line-height: 30px;}
.btn_del01::before, .btn_del01::after {position: absolute; top: 46%; left: 10px; width: 15px; height: 2px; background-color: #777777; content: '';}
.btn_del01::before {transform: rotate(45deg);}
.btn_del01::after {transform: rotate(-45deg);}

.product_bundle_wrap {margin-top: 10px; border-top: 2px solid #7daca8; position: relative;}
.product_bundle_wrap .product_bundle_item {padding-left: 5px;}
.product_bundle_wrap .product_bundle_item:not(:last-child) {margin-bottom: 12px;}
.product_bundle_wrap .product_list_item {position: relative; padding: 10px 0 0 0px; border-top: 2px solid #7daca8; border-bottom: 1px solid #e6e6e6;}
.product_bundle_wrap .product_list_item:first-child {border-top: 0;}
.product_bundle_wrap .product_list_item .product_select_area {position: absolute; top: 0px; left: 0;}
.product_desc_area {position: relative;}
.product_desc_area .product_name {border-bottom: 1px solid #e6e6e6;}
.product_desc_area .product_name span {color: #999; font-size: 0.9em; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.product_desc_area .product_name .name { padding: 0px 0px 5px 25px; line-height: 24px; font-weight: 700; display: inline-block;}
.product_desc_area .product_name .name.order_name {padding-left: 5px;}
.product_desc_area .product_link {display: block; position: relative; min-height: 100px; padding-left: 105px; margin-bottom: 16px; margin-top: 7px;}
.product_desc_area .thumbnail {position: absolute; top: 5px; left: 0; width: 98px; height: auto;}
/* .product_desc_area .thumbnail::before {position: absolute; top: 0; right: 0; left: 0; bottom: 0; border: 1px solid #ddd; content: '';} */
.product_desc_area .info {padding-right: 26px; color: #707070; line-height: 20px; letter-spacing: -0.3px; overflow: hidden;}
.product_desc_area .info .price {font-weight: bold; margin-bottom: 5px;}
.product_desc_area .info .option {margin-bottom: 5px; display: inline-block;}
.product_desc_area .info .quantity {display: inline-block; position: relative; padding-left: 10px;}
.product_desc_area .info .quantity::before {content: ''; position: absolute; top: 3px; left: 3px; width: 1px; height: 17px;	background-color: #ddd;}
.product_desc_area .info .totalprice {font-weight: 700; margin-top: 5px; line-height: 22px;}


.product_desc_area .btn_cartorder {border: 1px solid #7daca8; color: #7daca8; padding: 2px 7px; border-radius: 3px; margin-left: 5px;}

.btn_del02 {position: absolute; top: 3px; right: 0; width: 25px; height: 26px;}
.btn_del02::before, .btn_del02::after {position: absolute; top: 50%; left: 10%; width: 18px; height: 2px; background-color: #333333; content: '';}
.btn_del02::before {transform: rotate(45deg);}
.btn_del02::after {transform: rotate(-45deg);}

.product_bundle_wrap .empty {text-align: center; padding: 50px 0;}
.empty .btn_shopping {color: #fff; line-height: 28px; width: 50%; border-radius: 3px; margin-top: 20px;}

.product_totalprice_area {padding: 5px; margin-top: 10px;}
.product_totalprice_area .product_cart_price dt {float: left; font-weight: 700; color: #777777; line-height: 32px; letter-spacing: -0.5px;}
.product_totalprice_area .product_cart_price dd {overflow: hidden; color: #777777; font-weight: 700; line-height: 32px; text-align: right;}
.product_totalprice_area .product_total_price {margin: 9px 0 13px;}
.product_totalprice_area .product_total_price dt {float: left; font-size: 15px; font-weight: 700; line-height: 32px; letter-spacing: -0.5px;}
.product_totalprice_area .product_total_price .txt_point {color: #000; font-size: 19px;}
.product_totalprice_area .product_total_price dd {overflow: hidden; color: #777777; font-weight: 700; line-height: 32px; text-align: right;}

.product_button_box {margin-top: 20px;}
.product_button_box > div {float: left; width: 50%; padding-right: 10px;}
.product_button_box > div:last-child {padding-left: 10px; padding-right: 0;}
.product_button_box button {color: #fff; line-height: 40px; font-size: 14px; border-radius: 3px; width: 100%;}

/* 반응형 empty */
.keepProducts_cont_m .empty {display: none;}

/********주문서 작성*******/
.order_box fieldset legend {font-size: 0; height: 0;}
.order_box .order_boxWrap {position: relative; /* padding-right: 45%; */}
.order_box .left_area {float: left; width: 55%;}
.order_box .right_area {float: right;background-color: #fafafa; padding: 30px; margin-top: 30px; width: 40%;}
.order_box .right_area_inner { background-color: #fafafa; padding: 30px;}
.cart_box_wrap #order_history_table {width: 100%; margin-bottom: 30px; background-color: #fff;}
.cart_box_wrap .cart_list td.product_info {text-align: left; padding-left: 10px;}
.cart_box_wrap #order_history_table td.product_info div p.product_title {color: #555; font-weight: normal;}
.cart_box_wrap .cart_list td.product_info div span {color: #555; font-size: 0.9em;}
.cart_box_wrap .cart_list td.procuct_info div > span {color: #999; font-size: 0.8em;}
.cart_box_wrap #order_history_table td.product_info div span.pro_option {display: inline-block;}
.cart_box_wrap #order_history_table td.product_info div span.qty {display: inline-block;}
em.qty_word::after {content: '개';}
.cart_box_wrap #order_history_table td.product_info div span.qty {border-left: 1px solid #dddddd; padding: 0 3px; line-height: 15px;}

/* .order_box .product_total_amount {margin-top: 20px; border-bottom: 1px solid #666666; border-top: 1px solid #cccccc; padding: 10px 0; background-color: #fafafa;}
.order_box .product_total_amount dl > * {float: left; width: 50%; text-align: right;}
.order_box .product_total_amount dl {padding: 0 5px; box-sizing: border-box; line-height: 30px;}
.order_box .product_total_amount dt {text-align: left; color: #707070;}
.order_box .product_total_amount dl.total_sum dd em {color: #218380; font-weight: 700; font-size: 18px;}
.order_box .product_total_amount dl.total_sum dt strong {font-weight: normal; color: #333;}
.order_box .product_total_amount dd em::after {content: '원';} */

.cart_box_wrap table.keepProducts_cont tfoot.txt_right {text-align: right;}
.cart_box_wrap table.keepProducts_cont tfoot.txt_right td {padding: 10px 0;}
.cart_box_wrap table.keepProducts_cont tfoot div.price_sum {font-size: 14px;}
.cart_box_wrap table.keepProducts_cont tfoot div.price_sum strong {font-weight: normal;}
.cart_box_wrap table.keepProducts_cont tfoot div.price_sum .dc_txt {color: #218380;}
.cart_box_wrap table.keepProducts_cont tfoot div.price_sum .total_sum {color: #218380; font-weight: bold;}

/* 추가 */
.cart_box_wrap table.order_complete_total_table {width: 100%; border-bottom: 1px solid #666666;}
.cart_box_wrap table.order_complete_total_table dl dt {float: left;}
.cart_box_wrap table.order_complete_total_table dl dd {float: right;}
.cart_box_wrap table.order_complete_total_table tr.total_big_txt {font-size: 16px; line-height: 40px; min-height: 77px; border-bottom: 1px solid #999; vertical-align: top;}
.cart_box_wrap table.order_complete_total_table tr td {padding: 10px 20px; border-right: 1px solid #999;}
.cart_box_wrap table.order_complete_total_table tr.total_big_txt td {padding: 20px;}
.cart_box_wrap table.order_complete_total_table tr td:last-child {border-right-style: none;}

.order_complete_total_wrap {display: -webkit-box; display: flex; border-top: 2px solid #7daca8;}
.order_complete_total_wrap ul {position: relative; width: 30%; min-height: 180px; border-right: 1px solid #eee; box-sizing: border-box; border-bottom: 1px solid #e4e4e4;}
.order_complete_total_wrap ul:last-child {width: 40%; border-right: 0;}
.order_complete_total_wrap ul li {min-height: 20px; margin-bottom: 10px; padding: 0px 30px; line-height: 20px; vertical-align: top; color: #303030;}
.order_complete_total_wrap ul li.pay_total {min-height: 65px; padding: 10px 30px; line-height: 45px; border-bottom: 1px solid #e4e4e4; color: #444; font-weight: 700;}
.order_complete_total_wrap ul.payment_order::before, .order_complete_total_wrap ul.payment_deduct::before {display: block; position: absolute; z-index: 1; content: ""; top: 22px; left: 100%; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%; background: #7daca8; text-align: center;}
.order_complete_total_wrap ul.payment_order::after, .order_complete_total_wrap ul.payment_deduct::after {display: block; position: absolute; z-index: 1; content: ""; left: 100%; width: 10px; height: 2px; margin-left: -5px; top: 33px; background-color: #fff;}
.order_complete_total_wrap ul.payment_deduct::after {top: 31px; border: 2px solid #fff; border-width: 2px 0; background-color: #7daca8;}
.order_complete_total_wrap dl dt {float: left;}
.order_complete_total_wrap dl dd {float: right;}
.order_complete_total_wrap ul li.pay_total dl dt {font-size: 14px;}
.order_complete_total_wrap ul li.pay_total.last dl {color: #7daca8; font-size: 16px;}
.order_complete_total_wrap dl dd::after {content: '원';}
.right_area p.reference,.right_area p.reference{display:inline-block; width:18px; height:18px; border-radius:100px; border:1px solid #bbbbbb; text-align:center;
  line-height:1.0; padding-top:2px; padding-right: 1px; font-weight:500; color:#333333; font-size:12px; cursor:pointer; vertical-align:middle; position:relative; background-color: #fff;}
.right_area p.reference>span,.right_area p.reference>span{display:none; position:absolute; left:-5px; top:20px; width:273px; padding:8px 10px; font-size:13px;
  border:1px solid #999999; background-color:#ffffff; color:#666666; line-height:1.6; text-align:left;}
.right_area p.reference>span:before,.right_area p.reference>span:before{content:''; width:9px; height:9px; display:block; background-color:#ffffff;
  position:absolute; left:7px; top:-6px; border:1px solid #999999; border-left-width:0; border-bottom-width:0;
  transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);} 

.product_tableWrap h5 {display: inline-block; font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.product_tableWrap strong {color: #000; display: inline-block; font-size: 1.3em;}
.product_tableWrap .table_scroll {max-height: 250px; overflow-y: scroll; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd; background-color: #fff; padding: 10px;}
.product_tableWrap table#order_history_table {margin-bottom: 0;}
.product_tableWrap table#order_history_table tr.cart_list td {border-bottom-color: #ddd;}
.product_tableWrap table#order_history_table tr.cart_list:last-child td {border-bottom-style: hidden;}

.orderer_info_box {margin-top: 30px;}
/* .info_boxTop {padding-top: 30px;} */
.orderer_info_box h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.orderer_info_box fieldset {border: none;}
.orderer_info_box .delivery_info {margin-bottom: 30px;}
.orderer_info_box table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #7daca8;}
.orderer_info_box table th {width: 20%; padding: 10px 0; color: #333333; border-bottom: 1px solid #dddddd;}
.orderer_info_box table td {padding: 10px 0 10px 15px; border-bottom: 1px solid #dddddd;}
.orderer_info_box table td input {vertical-align: middle;}
.orderer_info_box table td label {line-height: 34px; margin-right: 5px; vertical-align: middle;}
.orderer_info_box .input_style {padding: 5px; border: 1px solid #dddddd; background-color: #fff; height: 34px; line-height: 34px;}
.orderer_info_box .input_style01 {width: 26%;height: 34px; line-height: 34px;}
.orderer_info_box .input_style02 {width: 20%;height: 34px; line-height: 34px;}
.orderer_info_box .input_style03 {width: 90%; margin-top: 1%;height: 34px; line-height: 34px;}
.orderer_info_box .input_style04 {width: 26%;height: 34px; line-height: 34px; vertical-align: bottom;}
.orderer_info_box select.m_inp {width: 15%; height: 34px; line-height: 34px; border-color: #dddddd; background-color: #fff;}
.orderer_info_box .post_find {width: 105px;height: 34px; background-color: #666666; color: #fff; border: 1px solid #555555; vertical-align: bottom;}
.orderer_info_box .DeliveryList {width: 105px;height: 34px; border: 1px solid #666666; color: #555; vertical-align: bottom;}
.orderer_info_box .matter {margin-top: 5px;}

.orderer_info_box h5.order_info_h5 {float: left; margin-right: 10px;}
.orderer_info_box .same_different {margin-bottom: 15px;}
.orderer_info_box .same_different button {background-color: #eeeeee; border: 1px solid #dddddd; padding: 0px 10px; vertical-align: top;}
.orderer_info_box textarea {width: 90%; padding: 5px; height: 80px; overflow: auto; border: 1px solid #dddddd; resize: none;}

.orderer_info_box .cp_select {width: 220px; height: 34px; line-height: 34px; border: 1px solid #ddd; color: #666;}
.orderer_info_box .inputBox {display: inline-block;}
.orderer_info_box .inputBox input {background-color: #f2f2f2; border: none; width: 150px; height: 34px; line-height: 32px; padding-left: 5px;}
.orderer_info_box div span {line-height: 34px; margin-left: 5px; padding-right: 10px;}
.orderer_info_box .cp_choice {min-width: 115px; height: 34px; line-height: 32px; border: 1px solid #666666;}
.orderer_info_box .use_list {display: inline-block; vertical-align: middle;}
.orderer_info_box .use_list li {float: left; position: relative; margin-left: 5px; padding-left: 5px; color: #666666;}
.orderer_info_box .use_list li:nth-child(2) {margin-left: 10px; padding-left: 10px;}
.orderer_info_box .use_list li:nth-child(2)::before {position: absolute; top: 50%; left: 0; width: 1px; height: 12px; margin-top: -5px; background-color: #999; content: '';}
.orderer_info_box .use_list em {margin-left: 5px; color: #218380; font-weight: bold;}
.orderer_info_box .point_Box {display: inline-block;}
.orderer_info_box .point_Box input {width: 150px;}
.orderer_info_box .all_point_chk {min-width: 100px; height: 34px; line-height: 32px; background-color: #eee;}

.payment_option {margin-top: 30px;}
.payment_option h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.payment_option fieldset {border: none;/*  float: left; width: 70%; */ margin-bottom: 30px;}
/* .payment_price_wrap {float: right; width: 28%;}  */
.payment_option table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #7daca8; border-bottom: 1px solid #dddddd;}
.payment_option table td {padding: 20px; color: #333333;}
.payment_option table tr th {padding: 10px 10px 10px 15px; background-color: #eeeeee; font-size: 14px;}
.payment_option .option_select > li {float: left; margin-right: 10px;}
.payment_option .payment_info01 ul li {line-height: 24px;}
.payment_option .payment_info01 > p {margin-top: 10px; border: 1px solid #e6e6e6; background-color: #f8f8f8; padding: 5px 8px;}
.payment_option .payment_info02 dl > * {float: left;}
.payment_option .payment_info02 dl dd {padding-left: 10px;}
.payment_option .payment_info02 > div.payment_info02_box {margin-top: 10px; border: 1px solid #e6e6e6; background-color: #f8f8f8; padding: 5px 8px;}
.payment_info03 > ul > li {list-style-type: disc; margin-left: 20px;}
.payment_info03 .input_style {padding: 3px 5px; border: 1px solid #dddddd; background-color: #fff; width: 160px; box-sizing: border-box;}
.payment_info03 p.point_txt {margin-top: 10px; border: 1px solid #e6e6e6; background-color: #f8f8f8; padding: 5px 8px;}
.payment_info03 p.point_txt > span {color: #218380;}
/* 현금영수증 박스 */
.payment_option div.cash {margin-top: 30px; padding-top: 10px; border-top: 1px solid #dddddd;}
.payment_option div.cash ul {margin-top: 5px;}
.payment_option div.cash ul li {display: inline-block; margin-right: 5px;}
.payment_option div.cash ul li input {vertical-align: middle;}
.payment_option div.cash ul li label {line-height: 20px;}
.payment_option div.cash .input_group {margin-top: 10px;}
.payment_option .input_group p {float: left;}
.payment_option .input_group .BillType1, .payment_option  .input_group select.num, .payment_option  .input_group input[type=text] {float: left; margin-right: 10px; border: 1px solid #dddddd; outline: none; width: 110px; height: 30px; line-height: 30px; padding-left: 5px;}
.payment_option  div.cash .input_group select.BillType1 {width: 150px; height: 30px; border-color: #dddddd;}
.payment_option .add_txt {margin-top: 10px; color: #666;}

.payment_price_wrap h3 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.payment_price_wrap ul {margin-top: 10px; padding: 10px 0;border-top: 2px solid #7daca8; border-bottom: 1px solid #888888; }
.payment_price_wrap ul li {margin: 8px 20px 0 20px; color: #666;/*  overflow: hidden; */}
.payment_price_wrap ul li:first-child {margin-top: 0;}
.payment_price_wrap ul li strong {float: left; font-size: 14px;}
.payment_price_wrap ul li > p {float: right; text-align: right; }
.payment_price_wrap ul li p em {margin-right: 5px; font-size: 15px;}
.payment_price_wrap ul li.point_txt p em {color: #218380;}
.payment_price_wrap ul li.total {margin-top: 20px; padding-top: 18px; border-top: 1px solid #dddddd;}
.payment_price_wrap ul li.total_price {line-height: 30px;}
.payment_price_wrap ul li.total_price strong {color: #000;}
.payment_price_wrap ul li.total_price p em {color: #218380; font-size: 24px; font-weight: bold;}
.payment_price_wrap ul li.point {margin-top: 10px; color: #666; overflow: visible;}
.payment_price_wrap ul li.point strong {font-size: 12px;}
.payment_price_wrap ul li.point p {font-size: 14px;}
.payment_price_wrap ul li.point p em {font-size: 14px;}
.payment_price_wrap ul li.point::after {content: ''; clear: both; display: block;}

.agree_wrap {margin-top: 20px; word-break: keep-all;}
.agree_wrap h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.agree_wrap #all {margin-bottom: 10px;}
.agree_wrap input[type='checkbox'] { width: 16px; height: 16px; vertical-align: sub;}
.agree_wrap .join_box {padding: 5px 10px; text-align: left; outline: none; transition: 0.4s; box-sizing: border-box;}
.agree_wrap .terms_btn{float: right; color: #707070;}
.agree_wrap #terms{ width: 100%; display: none; box-sizing: border-box; line-height: 20px; padding: 10px 40px; line-height: 1.8; border: 1px solid #dddddd; border-top-style: hidden; outline: none; font-size: 12px; color: #707070; resize: none; background-color: #fff;}
/* 추가 css */
.agree_wrap #terms table {color: #707070; width: 55%;}
.agree_wrap #terms table th {border: 1px solid #eee; background-color: #eee;}
.agree_wrap #terms table td {border: 1px solid #eee; padding: 5px;}
.agree_wrap .terms_area {height: 273px; overflow-y: auto;}
.agree_wrap ul li {margin-bottom: 5px;}
.agree_wrap ul li > * {display: inline-block;}
.agree_wrap ul li button {color: #707070; font-size: 12px; border-bottom: 1px solid #707070; margin-left: 3px;}

.order_box .btn_wrap03 {margin-top: 30px; text-align: center;}
.order_box .btn_wrap03 button {margin: 3px; width: 135px; padding: 15px 0; color: #fff;}
.order_box .btn_wrap03 .btn_cancel02 {background-color: #999; border: 1px solid #bbbbbb;}
.order_box .btn_wrap03 .btn_cancel02:hover {background-color: #777;}
.order_box .btn_wrap03 .btn_payment02 {background-color: #7daca8; border: 1px solid #7daca8; width: 350px;}
.order_box .btn_wrap03 .btn_payment02:hover {background-color: rgb(97, 151, 147);}

/* 배송지 목록 팝업 */
.cart_box_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cart_box_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cart_box_wrap .cd-popup-container {position: relative; width: 90%; max-width: 800px; margin: 10em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .cart_box_wrap .cd-popup-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .cart_box_wrap .cd-popup-container p {text-align: left;}
  .cart_box_wrap .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .cart_box_wrap .pop_table_wrap .registration_btn {margin-bottom: 10px;}
  .cart_box_wrap .pop_table_wrap .registration_btn button {float: right; background-color: #7daca8; color: #000; padding: 10px 15px; }
  .cart_box_wrap .cd-popup-container table {width: 100%; min-height: 200px; font-size: 14px; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8;}
  .cart_box_wrap .cd-popup-container table th {height: 40px; border-bottom: 1px solid #dddddd;}
  .cart_box_wrap .cd-popup-container table tbody tr td {padding: 10px; border-bottom: 1px solid #eee;} 
  .cart_box_wrap .cd-popup-container table tbody tr td span {display: block;}
  .cart_box_wrap .cd-popup-container table tbody tr td:nth-child(2) {text-align: left;}
  .cart_box_wrap .cd-popup-container table p.postcode {color: #666; text-align: left;} 
  .cart_box_wrap .cd-popup-container .choice_btn button {margin-left: 3px; padding: 5px 15px; border: 1px solid #218380; color: #218380; transition: all .2s;}
  .cart_box_wrap .cd-popup-container .choice_btn button:hover {background-color: #218380; color: #fff;}
  .cart_box_wrap .cd-popup-container table tbody tr.empty td p {padding: 50px 0; text-align: center;}

  /* 모바일 목록 */
  .m_delivery_list {display: none; width: 100%; text-align: left;}
  .m_delivery_list li {border: solid #eeeeee; border-width: 1px 0; margin-bottom: 10px;}
  .m_delivery_list li dl {padding-bottom: 10px; word-break: break-all;}
  .m_delivery_list li dl dt {margin-bottom: 15px; padding: 8px; border-bottom: 1px solid #dddddd; font-size: 14px; line-height: 22px; color: #333;}
  .m_delivery_list li dl dt strong {float: left; line-height: 32px;}
  .m_delivery_list li dl dt .choice_btn button {float: right; color: #7daca8; border: 1px solid #7daca8; padding: 5px 10px; margin-left: 5px;}
  .m_delivery_list li dl dd {padding: 0 15px; font-size: 13px; line-height: 22px; color: #444;}
  .m_delivery_list li dl dd.receive {margin-top: 10px; color: #888;}

  .cart_box_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .cart_box_wrap .cd-popup-container .cd-buttons li {width: 100%; list-style: none;}
  .cart_box_wrap .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #999999; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .cart_box_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .cart_box_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .cart_box_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .cart_box_wrap .cd-popup-container .cd-popup-close::before, .cart_box_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .cart_box_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .cart_box_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .cart_box_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .cart_box_wrap .cd-popup-container {
      margin: 20em auto;
    }
  }
/* 배송지 목록 팝업 끝 */

/* 쿠폰 목록 팝업 */
.cart_box_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cart_box_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cart_box_wrap .cd-popup2-container {position: relative; width: 90%; max-width: 800px; margin: 10em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .cart_box_wrap .cd-popup2-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .cart_box_wrap .cd-popup2-container p {text-align: left;}
  .cart_box_wrap .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .cart_box_wrap .pop_table_wrap .registration_btn {margin-bottom: 10px;}
  .cart_box_wrap .pop_table_wrap .registration_btn button {float: right; background-color: #7daca8; color: #000; padding: 10px 15px; }
  .cart_box_wrap .cd-popup2-container table {width: 100%; min-height: 200px; font-size: 14px; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8;}
  .cart_box_wrap .cd-popup2-container table th {height: 40px; border-bottom: 1px solid #dddddd;}
  .cart_box_wrap .cd-popup2-container table tbody tr td {padding: 10px; border-bottom: 1px solid #eee;} 
  .cart_box_wrap .cd-popup2-container table tbody tr td span {display: block;}
  .cart_box_wrap .cd-popup2-container table tbody tr td:nth-child(2) {text-align: left;}
  .cart_box_wrap .cd-popup2-container table p.postcode {color: #666; text-align: left;} 
  .cart_box_wrap .cd-popup2-container .choice_btn button {margin-left: 3px; padding: 5px 15px; border: 1px solid #218380; color: #218380; transition: all .2s;}
  .cart_box_wrap .cd-popup2-container .choice_btn button:hover {background-color: #218380; color: #fff;}
  .cart_box_wrap .cd-popup2-container table tbody tr.empty td p {padding: 50px 0; text-align: center;}

  /* 모바일 목록 */
  .m_delivery_list {display: none; width: 100%; text-align: left;}
  .m_delivery_list li {border: solid #eeeeee; border-width: 2px 0; margin-bottom: 10px;}
  .m_delivery_list li dl {padding-bottom: 10px; word-break: break-all;}
  .m_delivery_list li dl dt {margin-bottom: 15px; padding: 8px; border-bottom: 1px solid #dddddd; font-size: 14px; line-height: 22px; color: #333;}
  .m_delivery_list li dl dt strong {float: left; line-height: 32px;}
  .m_delivery_list li dl dt .choice_btn button {float: right;}
  .m_delivery_list li dl dd {padding: 0 15px; font-size: 13px; line-height: 22px; color: #444;}
  .m_delivery_list li dl dd.receive {margin-top: 10px; color: #888;}

  .cart_box_wrap .cd-popup2-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .cart_box_wrap .cd-popup2-container .cd-buttons li {width: 100%; list-style: none;}
  .cart_box_wrap .cd-popup2-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #999999; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .cart_box_wrap .cd-popup2-container .cd-buttons li:first-child a {background: #fc7169;}
  .cart_box_wrap .cd-popup2-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .cart_box_wrap .cd-popup2-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .cart_box_wrap .cd-popup2-container .cd-popup-close::before, .cart_box_wrap .cd-popup2-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .cart_box_wrap .cd-popup2-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .cart_box_wrap .cd-popup2-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .cart_box_wrap .is-visible .cd-popup2-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .cart_box_wrap .cd-popup2-container {
      margin: 20em auto;
    }
  }
/* 쿠폰 목록 팝업 끝 */

/* 약관01 팝업 */
.cart_box_wrap .cd-popup3 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cart_box_wrap .cd-popup3.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cart_box_wrap .cd-popup3-container {position: relative; width: 90%; max-width: 600px; margin: 17em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .cart_box_wrap .cd-popup3-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .cart_box_wrap .cd-popup3-container p {text-align: left;}
  .cart_box_wrap  .cd-popup3-container .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px; padding-bottom: 40px;}
  .cart_box_wrap .pop_table_wrap .registration_btn {margin-bottom: 10px;}
  .cart_box_wrap .pop_table_wrap .registration_btn button {float: right; background-color: #7daca8; color: #000; padding: 10px 15px; }
  .cart_box_wrap .cd-popup3-container textarea {width: 100%; height: 400px; box-sizing: border-box; line-height: 20px; padding: 10px 40px; line-height: 1.8; border: 1px solid #dddddd; outline: none; font-size: 12px; color: #707070; resize: none; background-color: #fff;}

  .cart_box_wrap .cd-popup3-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .cart_box_wrap .cd-popup3-container .cd-popup-close::before, .cart_box_wrap .cd-popup3-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .cart_box_wrap .cd-popup3-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .cart_box_wrap .cd-popup3-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .cart_box_wrap .is-visible .cd-popup3-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .cart_box_wrap .cd-popup3-container {
      margin: 12em auto;
    }
  }
/* 약관01 팝업 끝 */

/* 약관02 팝업 */
.cart_box_wrap .cd-popup4 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.cart_box_wrap .cd-popup4.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.cart_box_wrap .cd-popup4-container {position: relative; width: 90%; max-width: 600px; margin: 17em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .cart_box_wrap .cd-popup4-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .cart_box_wrap .cd-popup4-container p {text-align: left;}
  .cart_box_wrap .cd-popup4-container .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px; padding-bottom: 40px;}
  .cart_box_wrap .pop_table_wrap .registration_btn {margin-bottom: 10px;}
  .cart_box_wrap .pop_table_wrap .registration_btn button {float: right; background-color: #7daca8; color: #000; padding: 10px 15px; }
  .cart_box_wrap .cd-popup4-container .pop_agree_area {max-height: 400px; overflow: auto; border: 1px solid #ddd; padding: 10px 20px; margin: 0 auto; text-align: left; font-size: 12px; line-height: 1.8; word-break: keep-all;}
  .cart_box_wrap .cd-popup4-container table {width: 100%; color: #707070; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; }
  .cart_box_wrap .cd-popup4-container table th {border: 1px solid #eee; background-color: #eee;}
  .cart_box_wrap .cd-popup4-container table td {border: 1px solid #eee; padding: 5px;}

  .cart_box_wrap .cd-popup4-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .cart_box_wrap .cd-popup4-container .cd-popup-close::before, .cart_box_wrap .cd-popup4-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .cart_box_wrap .cd-popup4-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .cart_box_wrap .cd-popup4-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .cart_box_wrap .is-visible .cd-popup4-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .cart_box_wrap .cd-popup4-container {
      margin: 12em auto;
    }
  }
/* 약관02 팝업 끝 */

/* 주문 완료 */
.order_complete_content hr.new1 {width: 95px;}
.complete_order_box {margin-top: 15px;}
.complete_order_box h2 {border-top: 1px solid #ddd; padding-top: 50px; margin-bottom: 10px; text-align: center; color: #333;}
.complete_order_box dd span.won::after {content: '원';}
.complete_order_box .purchase_number {font-size: 14px; text-align: center; color: #000000; padding: 5px 10px; margin-bottom: 50px;}
.complete_order_box .purchase_number strong {color: #7daca8; font-weight: bold;}

.complete_order_box #order_history_table .cart_img {width: 100%; text-align: center; padding: 5px 0; box-sizing: border-box;}
.complete_order_box #order_history_table .cart_img img {max-width: 100%; max-height: 100px; cursor: pointer; vertical-align: middle;}

.complete_order_box .title_name {margin-top: 10px; background-color: #f2f3f6;}
.complete_order_box .title_name > li {float: left; height: 40px; line-height: 40px; text-align: center; font-weight: bold; color: #000; box-sizing: border-box;}
.complete_order_box .choice_product {width: 110px; text-align: center;}
.complete_order_box .product_information {width: 70%; padding: 0 20px;}

.choice_product .box {line-height: 15px; background-color: #ffffff; border: 1px solid #dadada; padding-left: 0px; text-align: left;}
.complete_order_box .complete_order_list > li {padding: 15px 0; border-bottom: 1px solid #e6e6e6;}
.complete_order_box .complete_order_list > li > div {float: left; box-sizing: border-box; vertical-align: middle;}
.complete_order_box .choice_product > a {display: block;}
.complete_order_box .choice_product > a > img {display: block; max-width: 100%; width: 100%;}
.complete_order_box .product_information > dl > * {float: left;} 
.complete_order_box .product_information dt {width: 7%; color: #555; font-size: 0.9em;}
.complete_order_box .product_information dd {width: 93%;}
.complete_order_box .product_information dd span.small {color: #999; font-size: 0.8em; display: block;}

.complete_order_box .product_total_amount {margin-top: 20px; border-bottom: 1px solid #666666; border-top: 1px solid #cccccc; padding: 10px 0; background-color: #fafafa;}
.complete_order_box .product_total_amount dl {padding: 0 5px; box-sizing: border-box;}
.complete_order_box .product_total_amount dl > * {float: left; width: 50%; text-align: right;}
.complete_order_box .product_total_amount dt {text-align: left; font-weight: normal; color: #707070;}
.product_total_amount dl.total_sum {margin-top: 8px; border-top: 1px dotted #aaaaaa; padding-top: 5px;}
.product_total_amount dl.total_sum dt {color: #333;}
.product_total_amount dl.total_sum dd {color: #218380; font-weight: 700;}

.complete_order_box .orderer_info_box02 {margin-top: 30px;}
.orderer_info_box02 h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.complete_order_box .orderer_info_box02 table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.complete_order_box .orderer_info_box02 caption {text-indent: -99999px; height: 0;}
.complete_order_box .orderer_info_box02 .delivery_title {width: 20%; text-align: center;}
.complete_order_box .orderer_info_box02 th {padding: 10px 0; color:#888888; font-weight: normal;}
.complete_order_box .orderer_info_box02 td.delivery_title {padding: 5px 0; color: #999;}
.complete_order_box .orderer_info_box02 td {padding: 5px 0 5px 15px; color: #333333;}

.complete_order_box .payment_information {margin-top: 30px;}
.complete_order_box .payment_information h5 {font-size: 1.3em; line-height: 1.0; padding: 0 0 0 10px; border-left: 3px solid #7daca8; color: #000000; margin-bottom: 15px;}
.complete_order_box .payment_information table {width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.complete_order_box .payment_information caption {text-indent: -99999px; height: 0;}
.complete_order_box .payment_information th {width: 20%; padding: 10px 0; color: #888888; font-weight: normal;}
.complete_order_box .payment_information td {padding: 10px 0 10px 15px;}
.complete_order_box .payment_information td div em {color: #218380; padding-left: 5px;}
.complete_order_box .payment_information td ul li span.small {color: #999; font-size: 0.8em; padding-right: 10px;}
.complete_order_box .payment_information td span.won {font-weight: 700;}
.complete_order_box .payment_information td span.won::after {content: '원';}

.complete_order_box .btn_wrap04 {margin-top: 30px; text-align: center;}
.complete_order_box .btn_wrap04 .shopping {background-color: #7daca8; color: #fff; width: 135px; margin: 3px; padding: 15px 0; border: 1px solid #7daca8;}
.complete_order_box .btn_wrap04 .shopping:hover {background-color: rgb(97, 151, 147);}

/* 마이페이지 메인 */
.mypage_info_box {border: 1px solid #ddd; margin: 20px auto 40px;}
.mypage_info_box .user_info01 {margin: 0 auto; text-align: center; padding: 20px 0; /* border-bottom: 1px solid #ddd; */ background-color: #fafafa; box-sizing: border-box;}
.mypage_info_box .user_info02 {/* background-color: #fafafa; */ box-sizing: border-box;}
.mypage_info_box .user_info01 > div.block {display: block; margin-top: 10px;}
.mypage_info_box .user_info01 .user_type_img {border: 1px solid #ddd; padding: 10px; border-radius: 50%; display: inline-block; cursor: pointer; background-color: #fff; margin-right: 10px;}
.mypage_info_box .user_info01 .user_type_img img {vertical-align: middle;}
.mypage_info_box .user_info01 .user_type_txt {vertical-align: middle; padding: 0 30px;}
.mypage_info_box .user_info01 .user_type_txt .left {float: left;}
.mypage_info_box .user_info01 .user_type_txt .right {float: right; padding: 20px 0;}
.mypage_info_box .user_info01 .user_type_txt .left > * {display: inline-block;}
.mypage_info_box .user_info01 .user_type_txt h2 {margin: 5px 0 10px; font-size: 15px;}
.mypage_info_box .user_info01 .user_type_txt h2::after {content: '님,'; font-size: 13px; margin-left: 2px; font-weight: 500;}

.mypage_info_box .user_info01 button {width: 100px; background-color: #fff; border: 1px solid #666666; color: #555555; padding: 5px;}
.mypage_info_box .user_info01 button:first-child {background-color: #777777; color: #fff; border: 1px solid #777777;}
.mypage_info_box .user_info01 button i {padding-right: 5px;}
.mypage_info_box .user_info02 ul li {float: left; width: 33.3333%; box-sizing: border-box; text-align: center; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.mypage_info_box .user_info02 ul li:last-child {border-right: none;}
.mypage_info_box .user_info02 ul li a {display: block; padding: 30px 0;}
.mypage_info_box .user_info02 ul li a img {display: block; margin: 0 auto 5px;}
.mypage_info_box .user_info02 ul li .info02_tit {display: inline-block; margin-bottom: 5px; border-bottom: 2px solid #7daca8;}
.mypage_info_box .user_info02 ul li strong {font-size: 1.5em;}

.mypage_order_list {margin: 20px 0;}
.mypage_order_list h3 {margin-top: 30px;}
.mypage_order_list table.order_list {width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd; margin-top: 10px;}
.mypage_order_list table.order_list thead th {border-top: 1px solid #777; background-color: rgba(125, 172, 168, 0.137); height: 40px;}
.mypage_order_list table.order_list tbody > * {text-align: center;}
.mypage_order_list table.order_list tbody td.order_number a {text-decoration: underline;}
.mypage_order_list table.order_list tbody td a span.product_subname {color: #999; font-size: 0.8em; letter-spacing: -0.5px; display:block;}
.mypage_order_list table.order_list tbody td a p.product_name {display: inline-block;}
.mypage_order_list table.order_list tbody td del {color: #ff7473;}
.mypage_order_list table.order_list tbody tr {height: 70px; border-bottom: 1px solid #eee;}
.mypage_order_list table.order_list tbody .delivery_btn {color: #fff; background-color: #56709a; padding: 2px 5px; display: block; text-align: center; margin: 2px auto;}
.mypage_order_list table.order_list tbody .mypage_cancel_btn {background-color: #fff; border: 1px solid #bbbbbb; color: #666666; width: 100px; padding: 3px 0px; display: block; text-align: center; margin: 3px auto;}

.mypage_order_list .empty {margin-top: 10px; padding: 50px 0; text-align: center; /* border-top: 2px solid #7daca8; */ border-bottom: 1px solid #ddd;}

/* 배송지 관리 팝업 */
.mypage_main_wrap .cd-popup {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_main_wrap .cd-popup.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_main_wrap .cd-popup-container {position: relative; width: 90%; max-width: 800px; margin: 14em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage_main_wrap .cd-popup-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .mypage_main_wrap .cd-popup-container p {text-align: left;}
  .mypage_main_wrap .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .mypage_main_wrap .pop_table_wrap .registration_btn {text-align: right; margin-bottom: 10px;}
  .mypage_main_wrap .pop_table_wrap .registration_btn button {background-color: #7daca8; color: #000; padding: 10px 15px; }
  .mypage_main_wrap .cd-popup-container table {width: 100%; min-height: 200px; font-size: 14px; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8;}
  .mypage_main_wrap .cd-popup-container table th {height: 40px; border-bottom: 1px solid #dddddd; font-weight: bold;}
  .mypage_main_wrap .cd-popup-container table th.bgcolor {background-color: rgba(125, 172, 168, 0.137);}
  .mypage_main_wrap .cd-popup-container table tbody tr td {padding: 10px; border-bottom: 1px solid #eee;} 
  .mypage_main_wrap .cd-popup-container table tbody tr td span {display: block;}
  .mypage_main_wrap .cd-popup-container table tbody tr td:nth-child(2) {text-align: left;}
  .cart_mypage_main_wrapbox_wrap .cd-popup-container table tbody tr td p.postcode {color: #666; text-align: left;} 
  .mypage_main_wrap .cd-popup-container table tbody tr td .choice_btn button {padding: 5px 15px; border: 1px solid #218380; color: #218380; transition: all .2s;}
  .mypage_main_wrap .cd-popup-container table tbody tr td .choice_btn button:hover {background-color: #218380; color: #fff;}
  .mypage_main_wrap .cd-popup-container table tbody tr.empty td p {padding: 50px 0; text-align: center;}
  .mypage_main_wrap .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage_main_wrap .cd-popup-container .cd-buttons li {width: 100%; list-style: none;}
  .mypage_main_wrap .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #999999; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage_main_wrap .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage_main_wrap .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage_main_wrap .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage_main_wrap .cd-popup-container .cd-popup-close::before, .mypage_main_wrap .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage_main_wrap .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage_main_wrap .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage_main_wrap .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .mypage_main_wrap .cd-popup-container {
      margin: 20em auto;
    }
  }
/* 배송지 관리 팝업 끝 */

/* 배송지 등록/수정 팝업 */
.mypage_main_wrap .cd-popup1-1 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_main_wrap .cd-popup1-1.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_main_wrap .cd-popup1-1 .cd-popup-container {position: relative; width: 90%; max-width: 750px; margin: 17em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage_main_wrap .cd-popup1-1 .cd-popup-container h3 {padding: 40px 0 10px; font-size: 1.5em;}

  .mypage_main_wrap .cd-popup1-1 .cd-popup-container p {text-align: left;}
  .mypage_main_wrap .cd-popup1-1 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .mypage_main_wrap .cd-popup1-1 .pop_table_wrap .registration_btn {float: right; margin-bottom: 10px;}
  .mypage_main_wrap .cd-popup1-1 .pop_table_wrap .registration_btn button {background-color: #7daca8; color: #fff; padding: 10px 15px; }
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table {width: 100%; min-height: 200px; font-size: 14px; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table th {height: 40px; border-bottom: 1px solid #eeeeee;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table th.bgcolor { background-color: rgba(125, 172, 168, 0.137);}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td {padding: 5px; border-bottom: 1px solid #eee;} 
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td.non_border {border-bottom-style: hidden;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td input[type='text'] {width: 20%; border: 1px solid #eeeeee; padding: 4px;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td input[type='text'].ipt_style100 {width: 100%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td input[type='text'].ipt_style30 {width: 30%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td select.m_inp {width: 20%; padding: 4px; border: 1px solid #eeeeee; background-color: #fff;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td button {background-color: #eeeeee; border: 1px solid #dddddd; padding: 3px 5px;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons li {width: 100%; list-style: none;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #7daca8; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons li {float: left; width: 50%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-buttons li:last-child a:hover {background-color: rgb(97, 151, 147);}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-popup-close::before, .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage_main_wrap .cd-popup1-1 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container {
      margin: 24em auto;
    }
  }
/* 배송지 등록/수정 팝업 끝 */

/* 마이페이지 배송조회 팝업 시작 */
.mypage_main_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage_main_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage_main_wrap .cd-popup2 .cd-popup-container {position: relative; width: 90%; max-width: 500px; margin: 8em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage_main_wrap .cd-popup2 .cd-popup-container h3 {padding: 40px 0 30px; font-size: 1.5em;}

  .mypage_main_wrap .cd-popup2 .cd-popup-container p {text-align: left;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 30px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 > a {position: relative; display: block; padding-left: 80px; min-height: 40px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 .cart_img { overflow: hidden; position: absolute; top: 0; left: 0; border-radius: 4px; width: 70px; /* width: 80px; display: block; margin: 0 auto; padding: 5px 0; */}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 .cart_img img {max-width: 100%; height: auto; vertical-align: middle;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 .product_title {font-size: 15px; overflow: hidden; display: block; line-height: 20px; text-overflow: ellipsis; font-weight: 600; white-space: nowrap;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 span {text-align: left; display: block; font-size: 0.9em; color: #999;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 span.date {margin-top: 4px; color: #999;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 span.icon_link {position: absolute; bottom: 0; right: 10px; color: #666; font-size: 12px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap01 span.icon_link::after {content: ''; width: 5px; height: 5px; border-top: 1px solid #666; border-right: 1px solid #666; display: inline-block;transform: rotate(45deg); position: absolute; top: 7px; right: -7px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 {margin-top: 30px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul {padding: 15px 0; text-align: left; border-top: 1px solid; border-bottom: 1px solid; border-color: #dddddd;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul li strong {margin-right: 3px; font-weight: normal; color: #999;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul li span {margin-right: 20px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul li span:last-child {margin-right: 0px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul li .group {display: inline-block; margin-right: 20px; vertical-align: top;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap02 ul li .group .call_btn {color: #999;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul {padding: 10px 20px; overflow: hidden; margin: 0 -20px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li {padding: 0 35px 15px 20px; color: #999; position: relative; text-align: left;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li::before {position: absolute; left: 4px; top: 8px; bottom: -6px; border-left: 1px solid #dddddd; content: '';}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li:last-child::before {border: none;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li::after {content: ''; width: 5px; height: 5px; vertical-align: top; background: #fff; border: 2px solid #dddddd; border-radius: 50%; position: absolute; top: 7px; left: 0px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li.now::after {background-image: url('/images/sub/delivery_check.png'); background-position: center; background-size: 17px 17px; position: absolute; content: ''; top: 3px; left: -3px; width: 17px; height: 17px; border: none;}
  
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li div.delivery_info {position: relative; padding-right: 100px; line-height: 22px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li div.delivery_info span.location {display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li.now div.delivery_info span.location {color: #000;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li.now div.delivery_info span.state {color: #7daca8;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li div.delivery_info span.state::before {display: inline-block; margin: 5px 6px 0 5px; vertical-align: top; width: 1px; height: 12px; background-color: #eeeef4; content: '';}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li div.delivery_info span.date {display: block; font-size: 12px; line-height: 15px;}
  .mypage_main_wrap .cd-popup2 .pop_table_wrap .wrap03 ul li button {position: absolute; padding: 5px; top: 6px; right: -5px; line-height: 15px; color: #999;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-buttons li {width: 100%; list-style: none;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #7daca8; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-popup-close::before, .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage_main_wrap .cd-popup2 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage_main_wrap .cd-popup2 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .mypage_main_wrap .cd-popup2 .cd-popup-container {
      margin: 13em auto;
    }
  }
/* 마이페이지 배송조회 팝업 끝 */

/* 모바일 */
.m_order_history_wrap {display: none; margin-top: 10px; border-top: 2px solid #7daca8; border-bottom: 1px solid #7daca8; position: relative; min-height: 100px;}
.m_order_history_wrap .m_order_history_item:not(:last-child) {margin-bottom: 12px;}
.m_order_history_wrap .m_order_history_item .order_history_list {border-bottom: 1px solid #7daca8;}
.m_order_history_wrap .m_order_history_item .order_history_list:last-child {border-bottom: 0;}
.m_order_history_wrap .product_desc_area {position: relative;}
.m_order_history_wrap .product_desc_area .product_link {display: block;  padding-left: 0; margin-bottom: 7px; min-height: auto;}
.m_order_history_wrap .product_desc_area .product_link .product_name {display: -webkit-box; overflow: hidden; border-bottom-style: none; font-weight: bold; line-height: 22px;}
.m_order_history_wrap .product_desc_area .product_link span.product_subname {color: #999999; font-size: 0.9em;}
.m_order_history_wrap .product_desc_area .product_link .product_price_area {display: block; margin-bottom: 5px;}
.m_order_history_wrap .product_desc_area .product_link .product_price_area .total_price {font-size: 14px; font-weight: 600; line-height: 17px;}
.m_order_history_wrap .product_desc_area .product_link .product_price_area del.price {margin-left: 5px; font-size: 13px; color: #707070; line-height: 16px; text-decoration: line-through;}
.m_order_history_wrap .product_desc_area .product_link .product_price_area .delivery, .product_desc_area .product_link .product_price_area .product_item {position: relative;  padding-left: 10px;}
.m_order_history_wrap .product_desc_area .product_link .product_price_area .delivery::before, .m_order_history_wrap .product_desc_area .product_link .product_price_area .product_item::before {content: ''; position: absolute; top: 3px; left: 3px; width: 1px; height: 13px; background-color: #ccc;} 

.m_order_history_wrap .product_desc_area .bottom_btns {margin: 10px 0;}
.m_order_history_wrap .product_desc_area .bottom_btns > button {width: 49%; background-color: #eeeeee; border: 1px solid #dddddd; padding: 5px;}
.m_order_history_wrap .product_desc_area .bottom_btns > button.product_cancel {width: 100%;}

.m_order_history_wrap .product_desc_area .product_link strong {float: left; font-size: 0.9em; color: #666;}
.m_order_history_wrap .product_desc_area .desc_top .product_detail {padding: 5px 0; border-bottom: 1px solid #ddd;}
.m_order_history_wrap .product_desc_area .desc_top .product_detail > span.m_delivery_txt {font-size: 14px; font-weight: 700; line-height: 30px;}
.m_order_history_wrap .product_desc_area .desc_top .product_detail > span.m_delivery_btn {display: inline-block; margin-left: 5px;}
.m_order_history_wrap .product_desc_area .order_num {float: right; border-bottom: 1px solid #666;}
.m_order_history_wrap .product_desc_area .order_num::after {content: ''; display: inline-block; width: 5px; height: 5px; margin: 0 0px 1px 2px; border-right: 2px solid #414141; border-top: 2px solid #414141; transform: rotate(45deg);}
.m_order_history_wrap .product_desc_area .desc_top .product_detail > span a {background-color: #56709a; color: #fff; padding: 5px 10px; display: block;}
/* 모바일 끝 */
/* 마이페이지 메인 끝 */


/* 마이페이지 주문내역 상세 */
.mypage1-1_title {margin: 20px 0; text-align: center;}
.order_info_detailBox {padding: 20px 0; border: 5px solid #eeeeee;}
.order_info_detailBox ul li {display: inline-block; padding-left: 15px;}
.order_info_detailBox ul li dl {margin-right: 25px; line-height: 13px; color: #333333;}
.order_info_detailBox ul li dl dt {float: left; margin-right: 15px; font-size: 14px; line-height: 20px;}
.order_info_detailBox ul li dl dd {float: left; font-size: 16px; font-weight: normal; line-height: 20px;}
.order_info_detailBox ul li dl dd .pointcol {color: #7daca8;}
.order_detail_box .btn_wrap04 {margin-top: 30px; text-align: center;}
.order_detail_box .btn_wrap04 button {color: #fff; width:135px; padding: 15px 0; margin: 3px;}
.order_detail_box .btn_wrap04 button:first-child {background-color: #999; border: 1px solid #bbbbbb; color: #fff;}
.order_detail_box .btn_wrap04 button:first-child:hover {background-color: #777;}
.order_detail_box .btn_wrap04 .shopping {background-color: #7daca8;}
.order_detail_box .btn_wrap04 .shopping:hover {background-color: rgb(97, 151, 147);}

.order_detail_box #order_history_table {width: 100%;}
.order_detail_box table.keepProducts_cont tr.cart_list_inner th {border-top: 2px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; height: 40px;}
.order_detail_box table.keepProducts_cont tr td {border-bottom: 1px solid #ccc;}
.order_detail_box table.keepProducts_cont td.procuct_info {text-align: left; padding-left: 10px;}
.order_detail_box table.keepProducts_cont td.product_info p.product_title {font-weight: bold; font-size: 14px;}
.order_detail_box table.keepProducts_cont td.product_info div span {color: #555; font-size: 0.9em;}
.order_detail_box table.keepProducts_cont td.product_info div > span {color: #999; font-size: 0.8em; display: block;}
.order_detail_box table.keepProducts_cont td div.review_btn {text-align: center;}
.order_detail_box table.keepProducts_cont td div.review_btn button {border: 1px solid #ccc; border-radius: 5px; padding: 5px;}

.order_detail_box table.keepProducts_cont tfoot.txt_right {text-align: right;}
.order_detail_box table.keepProducts_cont tfoot.txt_right td {padding: 10px 0; border-bottom-style: hidden;}
.order_detail_box table.keepProducts_cont tfoot div.price_sum {font-size: 14px;}
.order_detail_box table.keepProducts_cont tfoot div.price_sum strong {font-weight: normal;}
.order_detail_box table.keepProducts_cont tfoot div.price_sum .total_sum {color: #218380; font-weight: bold;}
/* 마이페이지 주문내역 상세 끝 */


/* 취소/교환/반품/환불 내역 */
.pointcol {color: #7daca8;}
.pointcol02 {color: #56709a;}
.mypage2-1_wrap .mypage_inner_tab_box {text-align: center; line-height: 26px;}
.mypage2-1_wrap .mypage_inner_tab_box p {text-align: left;}
.mypage2-1_wrap .mypage_inner_tab_box p.check_txt {font-size: 0.9em;}
.mypage2-1_wrap .mypage_inner_tab_box table {width: 100%; border: 1px solid #ddd; margin-top: 10px;}
.mypage2-1_wrap .mypage_inner_tab_box table tr td {padding: 10px; border-right: 1px dotted #ddd; text-align: left; line-height: 18px;}
.mypage2-1_wrap .mypage_inner_tab_box table tr td:last-child {border-right: none;}
.mypage2-1_wrap .mypage_inner_tab_box table tr td.txt_center {text-align: center;}
.mypage2-1_wrap .mypage_inner_tab_box table tr.bgcolor {background-color: #fafafa; border-top: 1px solid #ddd;}
.mypage2-1_wrap .mypage_inner_tab_box table .tit li {display: inline-block; line-height: 18px;}
.mypage2-1_wrap .mypage_inner_tab_box table .tit li span {font-weight: normal; display: inline-block;}
.mypage2-1_wrap .mypage_inner_tab_box table .tit li span:first-child {font-size: 0.9em; color: #444;}
.mypage2-1_wrap .mypage_inner_tab_box table .tit li span:last-child {position: relative; padding-right: 10px;}
.mypage2-1_wrap .mypage_inner_tab_box table .tit li:not(:last-child) span:last-child::after {content: ''; position: absolute; top: 1px; right: 2px; width: 1px; height: 18px; background-color: #dddddd;}
.mypage2-1_wrap .mypage_inner_tab_box table .product_subname {color: #999; font-size: 0.8em;}
.mypage2-1_wrap .mypage_inner_tab_box table span {display: block;}
.mypage2-1_wrap .mypage_inner_tab_box table span.inlineblock {display: inline-block;}
.mypage2-1_wrap .mypage_inner_tab_box table span.price::before {display: inline-block; margin: 5px 6px 0 5px; vertical-align: top; width: 1px; height: 12px; background-color: #ddd; content: '';}
.mypage2-1_wrap .mypage_inner_tab_box table button.deli_btn {background-color: #56709a; color: #fff; padding: 5px 10px; display: block; margin: 5px auto 0;}
.mypage2-1_wrap .mypage_inner_tab_box .empty {margin-top: 10px; padding: 50px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.mypage2-1_wrap ul.mypage_inner_tab {overflow:hidden; border: none; margin: 10px 0;}
.mypage2-1_wrap ul.mypage_inner_tab li {float:left; width:50%; text-align:center; box-sizing:border-box; height: 40px; line-height: 40px; cursor:pointer; background-color: #f2f2f2;}
.mypage2-1_wrap ul.mypage_inner_tab li.on { background-color: #7daca8; color: #fff;}
.mypage2-1_wrap .mypage_inner_tab_con {clear:both;}
.mypage2-1_wrap .mypage_inner_tab_con .mypage_inner_tab_txt{ display:none; background:#fff; padding: 0px; color: #000;}
.mypage2-1_wrap .mypage_inner_tab_con div h2{line-height: 60px; color:#000;}
.mypage2-1_wrap .mypage_inner_tab_con div h4{line-height: 40px; color:#000;}
.mypage2-1_wrap .mypage_inner_tab_con .mypage_inner_tab_txt > p{line-height: 30px;}
.mypage2-1_wrap .member_form_list{font-family: 'Noto Sans KR', sans-serif;}
.mypage2-1_wrap .member_form_list_box label{margin: 5px;}
.mypage2-1_wrap .mypage_inner_tab_con .filebox{display: block; border: 0; padding: 0;}

.mypage2-1_wrap .mypage_inner_tab_txt > div dl {width: 100%; margin-bottom: 10px;}
.mypage2-1_wrap .mypage_inner_tab_txt div dt {border: 1px solid #dddddd; padding: 0 10px; box-sizing: border-box; line-height: 38px; float: left; width: 20%;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd {border: 1px solid #dddddd; border-left-style: hidden; background-color: #fafafa; text-align: left; padding-left: 10px; line-height: 38px; box-sizing: border-box; float: left; width: 80%;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd .btn01 {background-color: #7daca8; color: #fff; width: 80px; height: 30px; line-height: 30px; margin-left: 10px;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd div.right {float: right; padding-right: 5px;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd .btn02 {background-color: #56709a; color: #fff; width: 120px; height: 30px; line-height: 30px;}



/* 팝업1 환불 계좌변경 시작 */
.mypage2-1_wrap .cd-popup2 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage2-1_wrap .cd-popup2.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage2-1_wrap .cd-popup2 .cd-popup-container {position: relative; width: 90%; max-width: 650px; margin: 17em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage2-1_wrap .cd-popup2 .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container p {text-align: left;}
  .mypage2-1_wrap .cd-popup2 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table {width: 100%; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8; font-size: 14px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table tr th {width: 20%; text-align: center; background-color:  rgba(125, 172, 168, 0.137);}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table tr td {text-align: left; padding-left: 10px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table select {width: 145px; height: 30px; border: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table input[type=text] {padding-left: 5px; height: 30px; border: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container table button.confirm_btn {background-color: #777777; color: #fff; padding: 5px 20px; margin-left: 5px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .checkbox_box {padding: 10px 0; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .txt_box ul {background-color: #fafafa; padding: 0 2em; font-size: 0.9em; color: #444;} 
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .txt_box ul li {list-style: circle; line-height: 24px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #7daca8; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-buttons li:last-child a:hover {background-color: rgb(97, 151, 147);}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-popup-close::before, .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage2-1_wrap .cd-popup2 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage2-1_wrap .cd-popup2 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
  
@media only screen and (min-width: 1170px) {
  .mypage2-1_wrap .cd-popup2 .cd-popup-container {
      margin: 23em auto;
    }
  }
/* 팝업1 환불 계좌변경 끝 */


/* 취소/교환/반품/환불 내역 배송조회 팝업 시작 */
.mypage2-1_wrap .cd-popup3 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage2-1_wrap .cd-popup3.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage2-1_wrap .cd-popup3 .cd-popup-container {position: relative; width: 90%; max-width: 500px; margin: 9em auto; background: #FFF; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage2-1_wrap .cd-popup3 .cd-popup-container h3 {padding: 25px 0 30px; font-size: 1.5em;}

  .mypage2-1_wrap .cd-popup3 .cd-popup-container p {text-align: left;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 30px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 > a {position: relative; display: block; padding-left: 80px; min-height: 40px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 .cart_img { overflow: hidden; position: absolute; top: 0; left: 0; border-radius: 4px; width: 70px; /* width: 80px; display: block; margin: 0 auto; padding: 5px 0; */}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 .cart_img img {max-width: 100%; height: auto; vertical-align: middle;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 .product_title {font-size: 15px; overflow: hidden; display: block; line-height: 20px; text-overflow: ellipsis; font-weight: 600; white-space: nowrap;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 span {text-align: left; display: block; font-size: 0.9em; color: #999;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 span.date {margin-top: 4px; color: #999;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 span.icon_link {position: absolute; bottom: 0; right: 10px; color: #666; font-size: 12px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap01 span.icon_link::after {content: ''; width: 5px; height: 5px; border-top: 1px solid #666; border-right: 1px solid #666; display: inline-block;transform: rotate(45deg); position: absolute; top: 7px; right: -7px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 {margin-top: 30px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul {padding: 15px 0; text-align: left; border-top: 1px solid; border-bottom: 1px solid; border-color: #dddddd;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul li strong {margin-right: 3px; font-weight: normal; color: #999;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul li span {margin-right: 20px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul li span:last-child {margin-right: 0px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul li .group {display: inline-block; margin-right: 20px; vertical-align: top;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap02 ul li .group .call_btn {color: #999;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul {padding: 10px 20px; overflow: hidden; margin: 0 -20px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li {padding: 0 35px 15px 20px; color: #999; position: relative; text-align: left;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li::before {position: absolute; left: 4px; top: 8px; bottom: -6px; border-left: 1px solid #dddddd; content: '';}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li:last-child::before {border: none;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li::after {content: ''; width: 5px; height: 5px; vertical-align: top; background: #fff; border: 2px solid #dddddd; border-radius: 50%; position: absolute; top: 7px; left: 0px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li.now::after {background-image: url('/images/sub/delivery_check.png'); background-position: center; background-size: 17px 17px; position: absolute; content: ''; top: 3px; left: -3px; width: 17px; height: 17px; border: none;}
  
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li div.delivery_info {position: relative; padding-right: 100px; line-height: 22px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li div.delivery_info span.location {display: inline-block; overflow: hidden; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li.now div.delivery_info span.location {color: #000;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li.now div.delivery_info span.state {color: #7daca8;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li div.delivery_info span.state::before {display: inline-block; margin: 5px 6px 0 5px; vertical-align: top; width: 1px; height: 12px; background-color: #eeeef4; content: '';}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li div.delivery_info span.date {display: block; font-size: 12px; line-height: 15px;}
  .mypage2-1_wrap .cd-popup3 .pop_table_wrap .wrap03 ul li button {position: absolute; padding: 5px; top: 6px; right: -5px; line-height: 15px; color: #999;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-buttons li {width: 100%; list-style: none;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #218380; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-popup-close::before, .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage2-1_wrap .cd-popup3 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage2-1_wrap .cd-popup3 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); color:#333;}
  
@media only screen and (min-width: 1170px) {
  .mypage2-1_wrap .cd-popup3 .cd-popup-container {
      margin: 13em auto;
    }
  }
/* 취소/교환/반품/환불 내역 배송조회 팝업 끝 */




/* 팝업4 환불계좌등록 시작 */
.mypage2-1_wrap .cd-popup4 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage2-1_wrap .cd-popup4.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage2-1_wrap .cd-popup4 .cd-popup-container {position: relative; width: 90%; max-width: 650px; margin: 17em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage2-1_wrap .cd-popup4 .cd-popup-container h3 {padding: 25px 0; font-size: 1.5em;}

  .mypage2-1_wrap .cd-popup4 .cd-popup-container p {text-align: left;}
  .mypage2-1_wrap .cd-popup4 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table {width: 100%; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8; font-size: 14px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table tr th {width: 20%; text-align: center; background-color: rgba(125, 172, 168, 0.137);}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table tr td {text-align: left; padding-left: 10px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table select {width: 145px; height: 30px; border: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table input[type=text] {padding-left: 5px; height: 30px; border: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container table button.confirm_btn {background-color: #777777; color: #fff; padding: 5px 20px; margin-left: 5px; vertical-align: top;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .checkbox_box {padding: 10px 0; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .txt_box ul {background-color: #fafafa; padding: 0 2em; font-size: 0.9em; color: #444;} 
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .txt_box ul li {list-style: circle; line-height: 24px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #7daca8; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-buttons li:last-child a:hover {background-color: rgb(97, 151, 147);}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-popup-close::before, .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage2-1_wrap .cd-popup4 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage2-1_wrap .cd-popup4 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
  
@media only screen and (min-width: 1170px) {
  .mypage2-1_wrap .cd-popup4 .cd-popup-container {
      margin: 23em auto;
    }
  }
/* 팝업1 계좌변경 끝 */

/* 마이페이지 환불 내역 팝업 */
/* 팝업1 환불 계좌변경 시작 */
.mypage2-1_wrap .cd-popup5 {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 100;}
.mypage2-1_wrap .cd-popup5.is-visible {opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s;}
.mypage2-1_wrap .cd-popup5 .cd-popup-container {position: relative; width: 90%; max-width: 650px; margin: 17em auto; background: #FFF; border-radius: .25em .25em .4em .4em; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px);
   /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }

  .mypage2-1_wrap .cd-popup5 .cd-popup-container h3 {padding: 40px 0; font-size: 1.5em;}

  .mypage2-1_wrap .cd-popup5 .cd-popup-container p {text-align: left;}
  .mypage2-1_wrap .cd-popup5 .pop_table_wrap {width: 90%; margin: 0 auto; margin-bottom: 40px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table {width: 100%; margin: 10px auto; text-align: center; border-bottom: 1px solid #ddd; border-top: 2px solid #7daca8; font-size: 14px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table tr {height: 40px; border-bottom: 1px solid #fff;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table tr th {width: 20%; text-align: center; background-color:  rgba(125, 172, 168, 0.137);}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table tr td {text-align: left; padding-left: 10px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table select {width: 145px; height: 30px; border: 1px solid #ddd; padding: 0 5px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table input[type=text] {padding-left: 5px; height: 30px; border: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container table button.confirm_btn {background-color: #777777; color: #fff; padding: 5px 20px; margin-left: 5px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .checkbox_box {padding: 10px 0; text-align: left; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .txt_box ul {background-color: #fafafa; padding: 0 2em; font-size: 0.9em; color: #444;} 
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .txt_box ul li {list-style: circle; line-height: 24px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons:after {content: ""; display: table; clear: both;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons li {float: left; width: 50%; list-style: none;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons a {display: block; height: 50px; line-height: 50px; text-transform: uppercase; background-color: #7daca8; color: #000; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons li:first-child a {background: #fc7169;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons li:first-child a:hover {background-color: #f05850;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-buttons li:last-child a:hover {background-color: rgb(97, 151, 147);}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-popup-close {position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-popup-close::before, .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-popup-close::after {content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-popup-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px;}
  .mypage2-1_wrap .cd-popup5 .cd-popup-container .cd-popup-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px;}
  .mypage2-1_wrap .cd-popup5 .is-visible .cd-popup-container {-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
  
@media only screen and (min-width: 1170px) {
  .mypage2-1_wrap .cd-popup5 .cd-popup-container {
      margin: 23em auto;
    }
  }
/* 팝업1 환불 계좌변경 끝 */


/* 취소요청 */
.m_mypage_1_table {display: none;}

.mypage_1_table {width: 100%; text-align: center; border-bottom: 1px solid #f1f1f1;}
.mypage_1_table thead tr th {border-bottom: 1px solid #ddd;}
.mypage_1_table thead tr th {line-height: 40px; word-break: keep-all;}
.mypage_1_table tbody tr {border-bottom: 1px solid #ddd;}
.mypage_1_table td {padding: 5px 0;}
.mypage_1_table td .thumbnail {width: 100%;}
.mypage_1_table td .thumbnail img {max-height: 100px;}
.mypage_1_table th {padding: 0 5px;}
.mypage_1_table td.textleft {text-align: left; padding-left: 10px;}
.mypage_1_table td.textleft > * {display: inline-block;}
.mypage_1_table td.textleft span {margin-right: 10px;}
.mypage_1_table td select {background-color: #fff; height: 35px; border: 1px solid #ddd;}
.mypage_1_table td textarea {resize: none; width: 100%; padding: 5px; border: 1px solid #ddd;}
.mypage_1_table td span.count {display: block; color: #999;}
.mypage_1_table td span.point_txt {padding-left: 10px; margin: 0;}
.mypage_1_table tr.bordertop td {border-top: 1px solid #ddd; padding: 10px 0;}
.won::after {content: '원';}

.cancel_cont .cancel_top {border-bottom: 2px solid #7daca8;}
.cancel_cont .cancel_middle {padding: 10px 0; word-break: keep-all;}
.cancel_cont .cancel_bottom {margin-top: 10px; border-top: 2px solid #ddd;}
.cancel_cont .cancel_bottom h3 {padding-bottom: 5px;}

.cancel_cont .cancel_bottom table td span.price {font-weight: 700;}
.cancel_cont .cancel_bottom table td span.quantity {display: block; color: #999;}
.cancel_cont table.mypage_1_table td span.product_subname {color: #999999; font-size: 0.8em; }

.cancel_cont .cancel_btns {text-align: center; margin-top: 35px;}
.cancel_cont .cancel_btns button {width: 135px; padding: 15px 0; margin: 3px; background-color: #999; color: #fff;}
.cancel_cont .cancel_btns button.result_btn {background-color: #7daca8;}
.cancel_cont .cancel_btns button:hover {background-color: #777;}
.cancel_cont .cancel_btns button.result_btn:hover {background:rgb(97, 151, 147);}

.cancel_cont .inner_txt {padding: 50px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cancel_cont .inner_txt p {font-size: 1.3em; text-align: center; line-height: 1.7; word-break: keep-all;}

/* 교환요쳥 */
.exchange {margin-top: 20px; border-top: 2px solid #ddd;}
.exchange_cont .exchange_top {border-bottom: 2px solid #7daca8;}
.exchange_cont .exchange_top > * {display: inline-block;}
.exchange_cont .exchange_top > span {padding-left: 10px; font-size: 1.1em;}

/* 반품/환불요쳥 */
.exchange_cont .exchange .link {background-color: #f6f8fa; color: #7daca8; padding: 5px 10px; border-radius: 5px;}

/* 1:1문의 목록 */
.mypage_inquiry .inquiry_ques_list > ul .inquiry_ques_title li:nth-child(1) {width:8%;}
.mypage_inquiry .inquiry_ques_list > ul .inquiry_ques_title li:nth-child(2) {width:9%;}
.mypage_inquiry .inquiry_ques_list > ul .inquiry_ques_title li:nth-child(3) {width:65%;}
.mypage_inquiry .inquiry_ques_list > ul .inquiry_ques_title li:nth-child(4) {width:7%;}
.mypage_inquiry .inquiry_ques_title {position: relative; color: #282c37; padding: 15px 0 15px 35px; font-size: 14px; line-height: 20px;}

/* 문의 1~6 시작 */ 
/* 1.문의목록 */
.mypage_inquiry .empty {display:  block;text-align: center; padding: 50px 0; margin: 20px 0;}
.mypage_inquiry .inquiry_top {padding-bottom: 5px;}
.mypage_inquiry .inquiry_top h3 {float: left;}
.mypage_inquiry .inquiry_top .inquiry_btn {float: right;}
.mypage_inquiry .inquiry_top .inquiry_btn{ color: #fff; background-color:#999; font-size: .9em; padding: 7px 18px;}
.mypage_inquiry .inquiry_top .inquiry_btn:hover {background-color:#777; border: 0px;}


.mypage_inquiry_list h2 {margin-top: 30px;}
.mypage_inquiry_list table.inquiry_list {width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.mypage_inquiry_list table.inquiry_list thead tr {border-top: 1px solid #777; background-color:rgba(125, 172, 168, 0.137); height: 40px;}

.mypage_inquiry_list table.inquiry_list tbody > * {text-align: center;}
.mypage_inquiry_list table.inquiry_list tbody tr {height: 50px; border-bottom: 1px solid #eee;}

.mypage_inquiry_list table.inquiry_list tbody tr i {margin-right: 0px; color: #7daca8;}
.mypage_inquiry_list table.inquiry_list tbody tr .txt_under {max-width: 600px; text-align: left;}

.mypage_inquiry_list table.inquiry_list tbody tr .txt_under:hover {text-decoration: underline;}
.mypage_inquiry_list table.inquiry_list tbody tr .txt_color {color: #7daca8; font-weight: bold;}

.mypage_inquiry_list table.inquiry_list tbody .delivery_btn {background-color: #777; color: #fff; border-radius: 5px; padding: 3px 5px; display: block; text-align: center; margin: 2px auto;}
.mypage_inquiry_list table.inquiry_list tbody .mypage_cancel_btn {border: 1px solid #ddd; border-radius: 5px; padding: 3px 5px; display: block; text-align: center; margin: 2px auto;}

.mypage_inquiry .empty {margin-top: 10px; padding: 50px 0; text-align: center; /* border-top: 1px solid #ddd; */ border-bottom: 1px solid #ddd;}




/* 2.문의상세내용 */
.mypage_inpuiry_detail .inquiry_top {padding-bottom: 5px;}
/* 답변/완료 박스 */
.mypage_inpuiry_detail .cs3_table1 .style02 {color: #fc7169; font-weight: 700; border-radius: 5px; padding: 2px 10px;  margin-right: 10px;  background: #777; color: #fff;}
.mypage_inpuiry_detail .cs3_table1 .style03 {color: #fff; font-weight: 500; padding: 2px 5px; margin-right: 10px; border: 1px solid #7daca8; background-color: #7daca8; border-radius: 5px;}

.mypage_inpuiry_detail .cs3_table1 tbody tr td.txtleft {text-align: left; padding-left: 10px;}

/* 문의내역상세 */
.mypage_inpuiry_detail .cs3-1_table1 {width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.mypage_inpuiry_detail .cs3-1_table1 th {background-color: rgba(125, 172, 168, 0.137); padding: 5px 10px; text-align: left;}
.mypage_inpuiry_detail .cs3-1_table1 th > * {display: inline-block;}
.mypage_inpuiry_detail .cs3-1_table1 th > h3 {display: block; line-height: 1.3; margin: 5px 0; color: #555;}
.mypage_inpuiry_detail .cs3-1_table1 th > h3 span {font-size: 1.1rem; padding-right: 6px;}

.mypage_inpuiry_detail .cs3-1_table1 tbody tr td p {line-height: 1.5; min-height: 120px; padding: 20px; text-align: justify;}
.mypage_inpuiry_detail .cs3-1_table1 .Date {color: #555;}
.mypage_inpuiry_detail .cs3-1_table1 .style04 {margin-left: 10px; color: #888;}

.mypage_inpuiry_detail .cs3-1_table1 .style02, .cs3-1_table1 .style03 {margin-right: 20px;}
.mypage_inpuiry_detail .cs3-1_table1 tr.answer_tr {background-color:  #f1f1f1; border-bottom: 1px solid #ddd;}
/* 답변등록하기 */
.mypage_inpuiry_detail .cs3-1_table1 tr.answer_tr .answer_wri {margin: 20px auto; padding: 0px 10px; min-height: 60px;}
.mypage_inpuiry_detail .cs3-1_table1 tr.answer_tr .answer_wri span {display: inline-block; vertical-align: top; margin-right: 5px;}
.mypage_inpuiry_detail .cs3-1_table1 tr.answer_tr .answer_wri .answer_wri_cont {display: inline-block; width: 90%; color: #555; word-break: keep-all;}
.mypage_inpuiry_detail .answer_enter td {padding: 20px;}
.mypage_inpuiry_detail .answer_enter textarea {width: 83%; padding: 5px; color: #666666; display: inline-block; height: 100px; resize: none; border: 1px solid #ddd;}
.mypage_inpuiry_detail .answer_enter .answer_btn {display: inline-block; width: 15%; vertical-align: top; margin-left: 10px;}
.mypage_inpuiry_detail .answer_enter .answer_btn button {width: 100%; height: 100px; background-color:  #7daca8; color: #fff; font-size: 1em;}


/* 3.문의하기 */
.mypage_inpuiry_detail .cs3-2_table {width: 100%; border-top: 2px solid  #7daca8; border-bottom: 1px solid #ddd;}
.mypage_inpuiry_detail .cs3-2_table tr {height: 30px; border-bottom: 1px solid #ddd;}
.mypage_inpuiry_detail .cs3-2_table tr th {background-color: rgba(125, 172, 168, 0.137); width: 20%; padding: 10px 10px; height: 30px; text-align: center}
.mypage_inpuiry_detail .cs3-2_table tr td {padding: 10px; display: block; margin-left: 5px;}
.mypage_inpuiry_detail .cs3-2_table tr td textarea {resize: none; width: 100%; padding: 5px; min-height: 200px; border: 1px solid #ddd;}
.mypage_inpuiry_detail .cs3-2_table tr td input[type='text'] {width: 100%; height: 35px; border: 1px solid #ddd; padding: 3px 0px 3px 5px;}

.mypage_inpuiry_detail .cs3-2_table select {padding: 5px 10px 6px; width: 25%; font-family: inherit; border: 1px solid #dddddd; border-radius: 0; cursor: pointer; background-color: #fff;}


/* 공통css_문의상세_문의하기_하단버튼 */
.mypage_inpuiry_detail .q_btns {text-align: center; margin-top: 30px;}
.mypage_inpuiry_detail .q_btns button {width: 135px; padding: 15px 0; color: #fff; background-color: #999; margin: 3px;}
.mypage_inpuiry_detail .q_btns button:last-child {background-color: #7daca8;}
.mypage_inpuiry_detail .q_btns button:hover {background-color: #777;}
.mypage_inpuiry_detail .q_btns button:last-child:hover {background-color: rgb(97, 151, 147);}
.mypage_inpuiry_detail .q_btns_gray button {background-color: #7daca8;}
.mypage_inpuiry_detail .q_btns_gray button:hover {background-color: rgb(97, 151, 147);}
.mypage_inpuiry_detail .q_btns_gray button:last-child {background-color: #999;}
.mypage_inpuiry_detail .q_btns_gray button:last-child:hover {background-color: #777;}

/* 적립금 */
/* empty */
.point_wrap .empty {display: block;text-align: center;padding: 50px 0; border-bottom: 1px solid #ddd;}
.point_wrap .point_top {padding-bottom: 10px;}
.point_wrap .mypage_point_tit {float: left; padding-top: 34px;}
.point_wrap .mypage_point_tit > h3 {display: inline-block;}
.point_wrap .mypage_point_tit > span {margin-left: 10px; color: #a0a0a0; font-size: 0.9rem;}
.point_wrap .point_box {float: right; width: 250px; border:1px solid #ddd; padding: 0px 30px;}
.point_wrap .point_box .point_txt {line-height: 50px;}
.point_wrap .point_box .point_txt_left {float: left; }
.point_wrap .point_box .point_txt_price {float: right; color: #218380; font-weight: bold; font-size: 1.3rem;}
.point_wrap .point_box .point_txt_price::after {content: '원'; margin-left: 5px; }
/* table */
.point_wrap .mypage4-1_table {width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.point_wrap .mypage4-1_table th {text-align: center; height: 40px; width: 200px; background-color: rgba(125, 172, 168, 0.137);}
.point_wrap .mypage4-1_table td {height: 40px;}
.point_wrap .mypage4-1_table button {background-color: #777; color: #fff; padding: 5px 12px; border-radius: 5px;}
.point_wrap .mypage4-1_table1 tbody td {text-align: center; height: 50px; border-bottom: 1px solid #ddd;}
.point_wrap .mypage4-1_table1 tbody td:last-child {border-right: 0;}
.point_wrap .mypage4-1_table1 span.txt_style01 {color: #444444;}
/* 적립금 페이지 수 */
.point_wrap .board_page {text-align: center; padding: 30px 0 0;}
.point_wrap .board_page a {display: inline-block; width: 30px; height: 30px; margin: 0 3px; border: 1px solid #b1b1b1; border-radius: 3px; color: #444; font-size: 15px; line-height: 30px; font-weight: 600; box-sizing: border-box;}
.point_wrap .board_page a.on {border: 1px solid #666; background-color: #7daca8;;color: #fff;}
.point_wrap .board {margin-bottom: 50px;}
.point_wrap .board_page i {text-align: center; color: #444;}

/* 쿠폰 */
.coupon_wrap .empty {display: block;text-align: center;padding: 50px 0;margin-bottom: 20px; border-bottom: 1px solid #ddd;}
.coupon_wrap .point_top {border-bottom: 2px solid #7daca8; padding-bottom: 10px;}
.coupon_wrap .mypage_point_tit {float: left; padding-top: 34px;}
.coupon_wrap .mypage_point_tit > h3 {display: inline-block;}
.coupon_wrap .mypage_point_tit > span {margin-left: 10px; color: #a0a0a0; font-size: 0.9rem;}
.coupon_wrap .point_box {float: right; width: 250px; border:1px solid #ddd; padding: 0px 30px;}
.coupon_wrap .point_box .point_txt {line-height: 50px;}
.coupon_wrap .point_box .point_txt_left {float: left; }
.coupon_wrap .point_box .point_txt_quantity {float: right; color: #218380; font-weight: bold; font-size: 1.3rem;}
.coupon_wrap .point_box .point_txt_quantity::after {content: '장'; margin-left: 5px; }




/* 새로 추가하는 스타일 */
.coupon_Box ul {margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; justify-content: flex-start;}
.coupon_Box ul li {position: relative; box-sizing: border-box; margin-bottom: 15px; margin-right: 2%; /* float: left; */}
.coupon_Box ul li:nth-child(3n) {margin-right: 0;}
.coupon_Box ul li > div {padding: 25px 30px; width: 384px; height: 180px; background-size: cover; background-repeat: no-repeat;}
.coupon_Box ul li .cp_usable_wrap {background-image: url('../images/sub/cp_style01.png');}
.coupon_Box ul li .cp_unusable_wrap {background-image: url('../images/sub/cp_style02.png');}
.coupon_Box ul li .coupon_dc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 18px; color: #333;}
.coupon_Box ul li .coupon_dc em {vertical-align: top; font-size: 30px;}
.coupon_Box ul li .coupon_tit {width: 245px; margin-top: 5px; font-weight: 600; font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.coupon_Box ul li .coupon_txt {display: block; margin-top: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 18px; white-space: nowrap; font-size: 12px; color: #666666;}
.coupon_Box ul li .coupon_date {overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 18px; white-space: nowrap; font-size: 12px; color: #666666;}
.coupon_Box ul li p {position: absolute; right: 90px; top: 30px; color: #ff7473; border: 1px solid #ff7473; border-radius: 10px; padding: 3px;}
.coupon_Box ul li p.unusable_txt {color: #888889; border: 1px solid #888889;}
.coupon_Box ul li button {position: absolute; background-image: url(../images/sub/coupon_btn.png); background-repeat: no-repeat; background-position: center; width: 53px; height: 34px; top: 60px; right: 10px; color: #fff; padding-top: 40px; letter-spacing: -0.5px;}
.coupon_Box ul li button.downloaded {background-image: url(../images/sub/coupon_downloaded.png);}

.coupon_Box ul li .cp_unusable_wrap > * {color: #999;}
.coupon_Box ul li .cp_unusable_wrap button {background-image: url(../images/sub/coupon_disable.png); color: #ddd;}




/******* 상품후기리스트 *******/

/* 상품후기 게시판표 */
.review_list .board_view_table {width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #ddd;}
.review_list .board_view_table thead {background-color: rgba(125, 172, 168, 0.137); height: 40px; line-height: 50px; }
.review_list .board_view_table tbody tr:nth-child(2n) {background-color:#fafafa;}
.review_list .board_view_table tbody tr td {padding: 20px 0; line-height: 20px; text-align: center;}
.review_list .board_view_table tbody tr .tit div {width: 100%; display: block; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.review_list .board_view_table tbody tr .under a{width: 100%; display: block; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.review_list .board_view_table tbody tr .under:hover {text-decoration: underline;}
.review_list span i {color: #ccc;}
.review_list span.on i {color: #7daca8;}
/* 내역이 없을 경우 */
.review_list .empty {margin-top: 10px; padding: 50px 0; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
/* 상품후기 페이지 수 */
.review_list .board_page {text-align: center; padding: 30px 0 0;}
.review_list .board_page a {display: inline-block; width: 30px; height: 30px; margin: 0 3px; border: 1px solid #b1b1b1; border-radius: 3px; color: #444; font-size: 15px; line-height: 30px; font-weight: 600; box-sizing: border-box;}
.review_list .board_page a.on {border: 1px solid #666; background-color:#7daca8; color: #fff;}
.review_list .board{margin-bottom: 50px;}
.review_list .board_page i {text-align: center; color: #444;}


/******* 상품후기 상세페이지 *******/
.review_list_detail_cont {border-bottom: 0px; margin-bottom: 0px; }
.review_list_detail {margin: 20px 0;}
.review_list_detail .review_tit {text-align: center; padding: 15px 10px; border-top: 2px solid #7daca8; background: rgba(125, 172, 168, 0.137);}
.review_list_detail .review_tit .tit_left {float: left; width: 75%; text-align: left;}
.review_list_detail .review_tit .tit_left > span {display: inline-block; vertical-align: middle;}
.review_list_detail .tit_1 {background-color: #7daca8; color: #fff; border-radius: 5px; padding: 5px 10px; margin-right: 5px;}
.review_list_detail .tit_2 {font-size: 14px; font-weight: bold; color: #333; max-width: 70%; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.review_list_detail .tit_3 {float: right; width: 20%; text-align: right; color: #333; line-height: 30px;}
.review_list_detail .cont {display: block; margin: 0px auto 20px; text-align: center; border-bottom:1px solid #888; padding: 15px 10px;}
.review_list_detail .cont .productBox {border: 1px solid #eeeeee; padding: 5px 20px 5px 5px; margin-bottom: 20px;}
.review_list_detail .cont .productBox .left {float: left;} 
.review_list_detail .cont .productBox .right {float: right;}
.review_list_detail .cont .star_rating {font-size: 14px; color: #7daca8; padding: 0; line-height: 75px; letter-spacing: -1px;}
.review_list_detail div.thumb {display: table-cell; width: 75px; vertical-align: middle;}
.review_list_detail div.thumbWrap {position: relative; height: 75px;} 
.review_list_detail div.thumbWrap::before {position: absolute; top: 0; left: 0; border: 1px solid rgba(0,0,0,0.04); content: '';}
.review_list_detail div.product_name {display: table-cell; overflow: hidden; padding-left: 14px; text-align: left; vertical-align: middle;}
.review_list_detail div.product_name p {display: block; overflow: hidden; text-overflow: ellipsis; line-height: 16px; white-space: nowrap; font-size: 13px; font-weight: 700;}
.review_list_detail div.product_name span {color: #999; font-size: 0.9em;}
.review_list_detail .cont .cont_imgBox {vertical-align: middle;}
.review_list_detail .cont .cont_txt {word-break: keep-all; min-height: 100px; color: #333;}
/* 이전글/다음글 */
.review_list_detail .page{border-bottom:1px solid #aaa; margin:20px 0;}
.review_list_detail .page li:first-child {border-bottom:1px solid #ddd;}
.review_list_detail .page li{ overflow:hidden; width:100%; padding:15px 0;}
.review_list_detail .page li > span , .page li > .txt{float:left; display:block; vertical-align:middle;}
.review_list_detail .page li > span{ width:140px; color:#666;}
.review_list_detail .page li > span > font:first-child{display:inline-block; padding:0 20px 0 30px; color:#7daca8; font-size:1.2em;}
.review_list_detail .page li > .txt{width:calc(100% - 140px);}
.review_list_detail .page li > .txt a{overflow:hidden;}
.review_list_detail .page li > .txt a .left_txt {float: left; width: 300px;  font-weight: 500; color: #7daca8!important;}
.review_list_detail .page li > .txt a .right_txt{float:left; width:calc(100% - 340px); padding: 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#333;}
/* 하단버튼 */
.bottom_btn {text-align: right; margin-right: -10px;}
.bottom_btn button {text-align: center; width: 135px; padding: 15px 0px; background: #999; font-weight: 500; color: #fff; border: 0; cursor: pointer; margin-right: 10px;}
.bottom_btn button:hover {background-color: #777;}

/*******후기작성******/
.review_write {border: 1px solid #ddd; border-bottom-style: hidden; padding: 20px 30px; background-color: #fafafa; max-width: 550px; margin: 0 auto; position: relative;}
.review_write .close_btn {position: absolute; top: 0; right: 20px; margin: 10px 0}
.review_write .close_btn i {font-size: 2em;}
.review_write .deli_title{width: 100%; margin-top: 30px;}
.review_write .deli_title th {width:15%; padding: 5px 0; text-align: left;}
.review_write .deli_title td {width:85%; padding: 5px 0;}
.review_write .deli_title td p.star_rating {text-align: center; padding: 10px 0;}
.review_write .deli_title td.bgcolor {background-color: #fff; border: 1px solid #eeeeee; padding: 5px;}
.review_write .deli_title td div.thumb {display: table-cell; width: 75px; vertical-align: middle;}
.review_write .deli_title td div.thumbWrap {position: relative; height: 75px;} 
.review_write .deli_title td div.thumbWrap::before {position: absolute; top: 0; left: 0; border: 1px solid rgba(0,0,0,0.04); content: '';}
.review_write .deli_title td div.product_name {display: table-cell; overflow: hidden; padding-left: 14px; text-align: left; vertical-align: middle;}
.review_write .deli_title td div.product_name p {display: block; overflow: hidden; text-overflow: ellipsis; line-height: 16px; white-space: nowrap; font-size: 13px; font-weight: 700;}
.review_write .deli_title td div.product_name span {color: #999; font-size: 0.9em;}
.review_write .deli_title td .input_style{width:100%;box-sizing: border-box;border: 1px solid #ddd; height: 33px;}
.review_write .board_Innerbox {width: 85%; padding: 30px;margin: 0 auto;box-sizing: border-box; border: 1px solid #dbdbdb; background-color: #FCFAFA;}
.review_write .deli_title textarea {width: 100%; height: 350px; background: #fff; padding: 5px 5px; resize: none; line-height: 22px; box-sizing: border-box;border: 1px solid #ddd;}
/* 글 등록&취소 버튼 */
.btn_board_Innerbox {text-align: center; max-width: 550px; margin: 0 auto;}
.btn_board_Innerbox button {float: left; width: 50%; padding: 15px 0; text-align: center; color: #fff; border: 0; cursor: pointer;}
.btn_board_Innerbox .cancel {background: #999;}
.btn_board_Innerbox .cancel:hover {background-color: #777;}
.btn_board_Innerbox .ok {background: #7daca8;}
.btn_board_Innerbox .ok:hover {background-color: rgb(97, 151, 147);}
.btn_board_cancel {background: #7daca8;}
.review_write .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0); border: 0; cursor: pointer;}
.review_write .filebox label { display: inline-block; padding: 15px 50px; color: #fff; line-height: normal; vertical-align: middle; background-color: #7daca8; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; width: 100%; text-align: center;}
.review_write input{padding: 0 5px;}
/* 별점등록*/
.star_rating {font-size:0; letter-spacing:-4px; text-align: center; padding: 15px 0;}
.star_rating a {
    font-size:34px;
    letter-spacing:0;
    display:inline-block;
    margin-left:5px;
    color:#ccc;
    text-decoration:none;
}
.star_rating a:first-child {margin-left:0;}
.star_rating a.on {color:#7daca8;}
/* 하단버튼 */
.top_btn {text-align: right; margin-right: -10px; margin-bottom: 5px;}
.top_btn button {text-align: center; padding: 7px 25px; background: #7daca8; font-weight: 500; color: #fff; border: 0; cursor: pointer; margin-right: 10px;}
.top_btn button:hover {background-color: rgb(97, 151, 147);}

/* sub1-1 이용약관 */
.terms_area {height: 580px; overflow: auto; border: 1px solid #ddd; padding: 10px 20px; margin: 0 auto; margin-bottom: 50px; text-align: left; font-size: 12px; line-height: 22px; word-break: keep-all;}

/*** 추가 ***/
/* 공지사항 상세 */
/* 게시글 리스트 제목 */
.board_view {table-layout: fixed; width: 100%; border-top: 2px solid #7daca8; border-bottom: 1px solid #888; margin: 20px 0;}
.board_view tr:first-child {background-color: rgba(125, 172, 168, 0.138);}
.board_view td {padding: 15px 10px; color: #333;}
.board_view .S01 {background-color: #7daca8; color: #fff; border-radius: 5px; padding: 5px 10px; margin-right: 5px;}
.board_view td .tit {font-size: 14px; font-weight: bold;}
.board_view td.data {text-align: right; line-height: 20px;}
/* 게시글 리스트 내용 */
.textus .contEditor {min-height: 200px;}
/* 게시글 리스트 목록보기 버튼 */
.btn_boardlist_view {text-align: center; padding: 50px 0 0;}
.btn_boardlist_view a {width: 200px; height: 50px; display: block; margin: 0 auto; background-color:#666; border-radius: 5px; color: #fff; line-height: 50px;}



/* latest_product 퀵메뉴 sns css*/
/*index*/
div.common_container>div.index_right_latest_product_benefit{position:absolute; right:25px; top:30px; z-index:200;  
	-webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;  transition:all 0.3s;}
 div.common_container>div.index_right_latest_product_benefit.scroll_up{position:absolute; top:30px;}
 div.common_container>div.index_right_latest_product_benefit.scroll_down{position:fixed; top:71px;}
 /*sub*/
 div.common_container>div.right_latest_product_benefit{position:absolute; right:25px; top:30px; z-index:200; 
	-webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;  transition:all 0.3s;}
 /*index, sub common*/
 .latest_product_list{padding:10px;}
 .latest_product_list>strong{display:block; font-weight:500; color:#333333; text-align:center; font-size:14px;}
 .latest_product_list>ul>li>a{display:block;}
 .latest_product_list>ul>li+li{margin-top:10px;}
 
 /*right_top_btn*/
 .right_top_btn{display:block; text-align:center; color:#ffffff; font-size:14px;}

/*모바일용 최근 본상품 latest_product_m.asp*/
/*본 상품이 없을때*/
.nothing_seen{border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; padding:40px 0; text-align:center; font-size:14px;}
.nothing_seen>p{margin-top:20px;}
/*본 상품이 있을때*/
.m_latest_product_list>li{padding:10px 0; position:relative; border-top:1px solid #dddddd; font-size:0;}
.m_latest_product_list>li:last-child{border-bottom:1px solid #dddddd;}
.m_latest_product_list>li>a{position:absolute; left:0; top:0; width:100%; height:100%; display:block; font-size:0; text-indent:-999999px;}
.m_latest_product_list>li>*{display:inline-block; vertical-align:middle; font-size:13px;}
.m_latest_product_img{width:45%;}
.m_latest_product_img>span{display:block; width:100%;}
.m_latest_product_img>span>img{width:100%;}
.m_latest_product_info{width:55%; padding-left:40px;}
.m_latest_product_info h3{display:inline-block; border:1px solid #dddddd; padding:1px 8px; font-weight:400;  font-size:12px; }
.m_latest_product_info strong{display:block; font-size:14px; font-weight:500; color:#333333;margin-top:3px;}
.m_latest_product_info .m_product_price{margin-top:8px;}
.m_latest_product_info .m_product_price dl{font-size:0;} 
.m_latest_product_info .m_product_price dl dt, .m_latest_product_info .m_product_price dl dd{display:inline-block; width:50%; font-size:13px; vertical-align:top;}
.m_latest_product_info .m_product_price dl dd{text-align:right;}
.m_latest_product_info .m_product_price dl dd>span{font-size:14px; color:#333333; font-weight:600;}
.m_latest_product_info .m_product_price .m_card_benefit dd,.m_latest_product_info .m_product_price .m_card_benefit dd span{color:#ef2d7a;}

/*기타메뉴*/
.etc_menu{background-color:#333333; padding:15px 0;}
.etc_menu li{float:left; border-left:1px solid #555555;}
.etc_menu li:last-child{border-right:1px solid #555555;}
.etc_menu li>a{display:block; padding:0 15px; font-size:12px; color:#888888;}

/*footer*/
.footer>div{position:relative;}
.footer h5 {font-size: 13px;}
.company_info01, .company_info02, .info_sns_Box {float: left; width: 33.3333%;}
.company_info01 strong {font-size: 22px;}
.company_info01 dl dt, .company_info01 dl dd{display:inline-block; vertical-align:middle;}
.company_info01 .businessguide {margin-top: 20px;}
.company_info02 dl dt, .company_info02 dl dd{display:inline-block; vertical-align:middle;}
.company_info02 dl dt{padding-right:7px; margin-right:5px; position:relative;}
.company_info02 dl dt:after{content:':'; display:block; position:absolute; right:0; top:0; color:#888888;}
.info_sns_Box p {font-size: 12px; margin-top: 45px;}
.sns_iconBox_inner {margin-top: 20px;}
.sns_iconBox_inner ul li {display: inline-block; padding-right: 5px;}
/*top_btn*/
.top_btn{position:absolute; right:30px; top:-80px; border-left:1px solid #555555; border-right:1px solid #555555; padding:20px 12px 8px; cursor:pointer;
	width:50px; height:50px;}
.top_btn:before{content:''; width:4px; height:4px; display:block; border:2px solid #888888; border-left-width:0; border-bottom-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);
		position:absolute; left:22px; top:14px;}


/*뒤로 돌아가기 back_btn*/
.footer .back_btn{display:none; width:50px; height:50px; position:absolute; left:15px; bottom:20px; border:1px solid #888888;}

/*.common_cs_center 하단 고객센터 안내*/
.footer .common_cs_center{position:fixed; left:0; bottom:0; width:100%; height:100px; background-color: #182848; /* background: linear-gradient( 45deg, #FF5F6D,#ffa371,#ffbe62 ); */ 
		color:#ffffff; padding:20px 0; z-index:290; box-shadow:0 0 5px rgba(0,0,0,0.3); overflow:hidden;}
.common_cs_center_left{float:left; width:55%; height:100%;}
.common_cs_center_left>div{display:inline-block; vertical-align:middle; width:32%;} 
.common_cs_center_left h5{font-size:18px;}
.common_cs_center_left p{font-size:12px;  color:#fff;}
.common_cs_center_left>div:last-child{width:64%;}
.common_cs_center_left>div>a{float:left; width:32%; color:#ffffff; border:1px solid #ffffff; border-radius:1px; text-align:center; font-size:14px; padding:5px 0;}
.common_cs_center_left>div>a.common_cs_center_phone{display:none;}
.common_cs_center_left>div>a+a{margin-left:2%;}
.common_cs_center_left>div>a>*{display:inline-block; vertical-align:middle;}
.common_cs_center_left>div>a>img{width:20px; margin-right:5px;}
.common_cs_center_left>div>a strong{font-weight:500;}
.common_cs_center_right{float:right; width:45%; position:relative; padding-left:4%; height:100%;}
.common_cs_center_right:before{content:''; width:1px; height:200%; display:block; background-color:rgba(255,255,255,0.1); position:absolute;
		left:0; top:-20px;}
.common_cs_center_right>*{display:inline-block; vertical-align:middle; width:32%;}
.common_cs_center_right dt{font-size:12px; color:#fff;} 
.common_cs_center_right dd{font-size:20px; font-weight:500; line-height:1.3;}
.common_cs_center_right>div{background-color:rgba(255,255,255,0.15); position:absolute; right:0; top:-20px; height:100px;  width:32%;
		padding-top:15px;}
.common_cs_center_right>div>*{display:block; text-align:center;}
.common_cs_center_right>div>span:last-child{color:#fff;}




/* 반응형 미디어쿼리 */
/*1280이하 시작 */
@media screen and (max-width:1280px){
.category_layout ul {margin-left: 100px;}

.inner {padding: 0 80px;}

}






/*1260이하 시작 */
@media screen and (max-width:1260px){
/*common*/

.cont_area {width: 100%;}
.inner{width:100%;}
.community_wrap .inner {width: 100%;}
.common_container{padding:50px 0 0px;}

/*  login  */
.cont_area{width: 100%; margin: 0 auto; padding:0 15px; margin-top: 200px; padding-bottom: 100px;margin-top: 200px;}
.cont_area.no_banner{margin-top: 160px;}.box_login fieldset {width:40%; margin:0 auto; border:0;}

/* 주문 완료 */
.complete_order_box .orderer_info_box02 .delivery_title {width: 15%;}
.complete_order_box .payment_information th {width: 15%;}

/* point 부분 리스트 정렬 2021-09-15 h 추가*/
#pointMessage {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin: 0 auto;}

/*header*/
.header_wrap01{display:none;}
.header_wrap02{display:block;}

/*tm_main_visual / main_visual*/
.main_visual{display:none;}
.tm_main_visual{display:block;}

/*Hot Item 제품 리스트*/
.hot_iitem ul>li{width:24.25%;}
.hot_iitem ul>li+li{margin-left:1%; }

.intro_cats {margin: 0; padding: 0;}
.intro_cats .contents_title {top: 150px;}
.intro_cats .bg {display: none;}
.intro_cats div.mid_banner {width: 100%; margin: 0 auto; padding-top: 200px; height: 750px; border-style: none;}
.intro_cats div.mid_banner p {width: 100%; background-size: contain;}


/*community_wrap*/
.community_slide_banner>div{ width:49.5%; }
.community_slide_banner>div+div{margin-left:0; margin-top:15px;}
/*receiving_wrap 실시간 접수현황*/
.community_slide_banner>.receiving_wrap{float:none; width:100%; }
.community_slide_banner>div {float: none; width: 100%;}
/*main_banner02*/
.community_slide_banner>.main_banner02{margin-left:1%;}

/*Best Item리스트*/
.tab_best_product ul>li{ width:24.25%;}
.tab_best_product ul>li+li{margin-left:1%; }

/*최근 본 상품, 카드 혜택 배너*/
div.common_container>div.index_right_latest_product_benefit, div.common_container>div.right_latest_product_benefit{display:none;}
div.common_container>div.index_right_latest_product_benefit {right: 0;}


}/*1260이하 끝 */




/*1024이하 시작 */
@media screen and (max-width:1024px){
/***layout***/
/* .wrap{padding-bottom:77px;} */
/* .cont_area {padding: 0 15px;} */

/***common***/
.inner{padding:0 15px;}
/*header_wrap02 모바일/태블릿 가로 1260px 이하 */
.tm_top_menu{padding:15px;}
.tm_middle{padding:0 15px 10px 15px;}
.tm_bottom{padding:0 15px;}
/*장바구니*/
.tm_cart_link{right:15px; top: 23px;}
/*side_tm_menu_wrap 사이드 메뉴 버튼*/
.btn_tm_nav_open{left:15px;padding-top: 18px;}

/*tm 상단 가로메뉴 펼치기 상단화면*/
.tm_h_menu02_wrap{padding:15px;}

.hot_iitem_img img {width: 100%; height: 100%;}


/*Hot Item 제품 리스트*/
.hot_iitem ul>li{width:49%;}
.hot_iitem ul>li+li{margin-left:1%; }
.hot_iitem ul>li:nth-child(2n+1){margin-left:0; clear:both;}

.main_middle_banner>a:first-child{display:none;}
.main_middle_banner>a.img1024 {display: block;}
.intro_cats div.mid_banner {height: 700px;}
/* .intro_cats div.mid_banner p {background-image: url(/images/main/info_cats_1024.png);} */

/*community_wrap*/
.community_slide_banner>div{ width:100%; float:none;}
.review_wrap span.r_name {width: 90%;}
.review_wrap span.hp_num {width: 10%;}
/*main_banner02*/
.community_slide_banner>.main_banner02{margin-left:0;}

/*new_arrival_wrap 신상품 슬라이드 리스트*/
.new_arrival_slide ul li{height:auto;}
.new_arrival_slide ul li>*{display:block;}
.new_arrival_img{height:auto; width:100%;} 
.new_arrival_img>span>img{position:static; transform:translate(0%,0%); -webkit-transform:translate(0%,0%);
　-moz-transform:translate(0%,0%); -ms-transform:translate(0%,0%); -o-transform:translate(0%,0%);}
.new_arrival_info{width:100%; padding:15px 15px;}
.new_arrival_product_price{margin-top:15px; padding-top:15px;}
/*next prev*/
.new_arrival_button{display:none;}
.new_arrival_pagination{display:block; text-align:center; width:100%; margin-top: 10px;}
.new_arrival_pagination>span+span{margin-left:6px;}
.new_arrival_pagination>span.swiper-pagination-bullet-active{background:#7daca8;}

/*Best Item리스트*/
.tab_best_product ul>li{ width:49.5%;}
.tab_best_product ul>li+li{margin-left:1%; }
.tab_best_product ul>li:nth-child(2n+1){margin-left:0; clear:both;}

/* sns 인스타그램 리스트 */
.snsList_button{display:none;}
.snsList_pagination{display:block; text-align:center; width:100%; margin-top: 10px;}
.snsList_pagination>span+span{margin-left:6px;}
.snsList_pagination>span.swiper-pagination-bullet-active{background:#7daca8;}


/*.common_cs_center 하단 고객센터 안내*/
.footer .inner{padding:0 30px;}
.footer .common_cs_center{height:77px;}
.common_cs_center_left{width:100%;}
.common_cs_center_left>div:first-child{display:none;}
.common_cs_center_left>div:last-child{width:100%;}
.common_cs_center_left>div>a.business_consultant{display:none;}
.common_cs_center_left>div>a.common_cs_center_phone{display:block;}
.common_cs_center_right{display:none;}

/*top_btn*/
.top_btn{ right:15px;}


/* 마이페이지 쿠폰 */
.coupon_Box ul {padding: 0 80px; justify-content: space-between;}
.coupon_Box ul li:nth-child(2n) {margin-right: 0%;}
.coupon_Box ul li:nth-child(3n) {margin-right: 0%;}

/* 로그인 페이지 */
.box_login {border: none;}
.box_login fieldset {width:50%; margin:0 auto; border:0;}

/* 주문서 작성 */
.orderer_info_box table {font-size: 13px;}
.payment_option table {font-size: 13px;}

.cart_box_wrap .cd-popup-container {margin: 15em auto;}

/* 주문 완료 */
.complete_order_box .purchase_number {font-size: 13px;}
.complete_order_box .title_name {font-size: 13px;}
.complete_order_list {font-size: 13px;}
.complete_order_box .choice_product {width: 95px;}
.complete_order_box .product_information {width: 74%;}
.complete_order_box .payment_information table {font-size: 13px;}
.complete_order_box .orderer_info_box02 table {font-size: 13px;}


}/*1024이하 끝 */




/*990이하 시작 */
@media screen and (max-width:990px){
  .f_logo{float:none;}
  .company_info01 {float: none; width: 100%; text-align: center;}
  .company_info01 dl {font-size: 12px;}
  .company_info02{float:none; width: 100%; margin-top:20px;}
  .company_info02>*{text-align:center;}
  .company_info02 dl {font-size: 12px;}
  .company_info02 address {font-size: 12px;}
  .info_sns_Box p {font-size: 10px;}
  .info_sns_Box {float: none; width: 100%; text-align: center; margin-top: 20px;}
  /*top_btn*/
  .top_btn{border:1px solid #888888; left:50%; bottom:-70px; top:auto; margin-left:-25px;}






}




/*768이하 시작 */
@media screen and (max-width:768px){
  
.m_fixed_top_banner .banner_background.txt_type a {font-size: 13px;}

/***layout***/
/* .wrap{padding-bottom:57px;} */
.footer{padding-bottom:90px;}
/*common*/
.common_container{padding:30px 0 0px;}

/*제품 리스트 common item title*/
.contents_title>h4{font-size:28px; margin-bottom:20px;}
.contents_title>h4>span{ font-size:13px;}
/*Hot Item 제품 리스트*/
.hot_iitem ul>li{margin-bottom:5px;}
.hot_iitem_info{padding:20px 15px;}
.hot_product_price dd>span{font-size:16px;}

/*new_arrival_wrap 신상품 슬라이드 리스트*/
.new_arrival_wrap{margin-top:50px; padding:40px 0 60px; }
.new_arrival_model_name>strong{font-size:15px;}
.new_arrival_product_price dt{width:55%; }
.new_arrival_product_price dd{width:45%;} 
.new_arrival_product_price dd>span{font-size:16px;}

.intro_cats .contents_title {top: 100px;}
.intro_cats div.mid_banner {height: 510px; padding-top: 150px;}
.intro_cats div.mid_banner p {background-image: url(/images/main/info_cats_768.png); height: 300px;}

/*community_wrap*/
.community_wrap{margin-top:50px; padding: 30px 0 100px;}
.review_wrap span.r_name {width: 80%;}
.review_wrap span.hp_num {width: 20%;}


/*Best Item tab리스트*/
.best_item{margin-top:50px;}
/*Best Item리스트*/
.tab_best_product ul>li{margin-bottom:5px;}
.best_iitem_info{padding:20px 15px;}
.best_iitem_price dd>span{font-size:16px;}

.insta {margin: 0; padding: 80px 15px 100px;}

/*모바일용 최근 본상품 latest_product_m.asp*/
/*본 상품이 있을때*/
.m_latest_product_info{padding-left:10px;}

/*기타메뉴*/
.etc_menu{text-align:center;}
.etc_menu ul{display:inline-block; vertical-align:top;}

/*footer*/
.f_logo{float:none;}
.company_info01 {float: none; width: 100%; text-align: center;}
.company_info01 dl {font-size: 12px;}
.company_info02{float:none; width: 100%; margin-top:20px;}
.company_info02>*{text-align:center;}
.company_info02 dl {font-size: 12px;}
.company_info02 address {font-size: 12px;}
.info_sns_Box p {font-size: 10px;}
.info_sns_Box {float: none; width: 100%; text-align: center; margin-top: 20px;}
/*top_btn*/
.top_btn{border:1px solid #888888; left:50%; bottom:-70px; top:auto; margin-left:-25px;}

/*뒤로 돌아가기 back_btn*/
.footer .back_btn{display:block;}

/*.common_cs_center 하단 고객센터 안내*/
.footer .common_cs_center{height:57px; padding:10px 0;}


/* 마이페이지 쿠폰 */
.coupon_Box ul {padding: 0px;}
.coupon_Box ul li > div {width: 360px; height: 170px; padding: 18px 30px;}
.coupon_Box ul li:nth-child(2n) {margin-right: 0;}
.coupon_Box ul li:nth-child(3n) {margin-right: 0;}
.coupon_Box ul li button {top: 55px; right: 7px;}

/* 마이페이지 후기작성 팝업 */
.review_write {max-height: 600px;}


/*  login  */
.box_login fieldset {width:70%; margin:0 auto; border:0;}
    
/*  login_find 아이디/비번찾기  */
/*  아이디찾기  */
.find_id_box .find_idpw_lst li {width: 100%; margin-bottom: 10px;}
.find_id_box .find_idpw_lst li:last-child {margin-bottom: 0;}
.find_form_list_box .m_inp{width: 30%;}
.find_form tbody th{font-size: 14px; white-space: nowrap; vertical-align: top;}
/*  휴대폰번호 input너비  */
.find_form_list_box .m_wid {width: 30%;}
/*  이메일 input너비  */
.find_form_list_box .email{width: 40%;}
/*  아이디찾기 하단버튼  */
.find_form .find_send_0 {margin-top: 15px; margin-left: 0px;}
/*  비밀번호 찾기  */ 
.find_form_pw tbody th {vertical-align: top; padding: 20px;}
.find_form_pw tbody th{font-size: 14px; white-space: nowrap;}
.find_form_pw .recive_txt {padding-left: 10px; padding-right: 10px; text-indent: -9px;}
.find_id_box .next_box {margin-top: 10px; text-align: right;}
 /*  완료페이지공통css  */
.member_leave_inner .leave_check_img img{width: 70%; margin: 0 auto;}
.member_leave_inner .complete{font-size: 1.5rem;}

/* 더보기 버튼 */
.prev_next_page {display: none;}
.m_prev_next_page {display: block; margin-bottom: 10px;}


/*  withdrawal1-1 회원탈퇴  */
.pw_check_cont .pw_check_box {position: relative; border: 2px solid #ddd; border-radius: 15px; width: 100%; padding: 0px 15px 40px;; margin-top: 30px;}
.pw_check_cont .pw_check_box .check_left{width: 100%;}
.pw_check_cont .pw_check_box .check_right {width: 100%; text-align: center;}
.pw_check_cont .pw_check_box .check_left .left-icon img {width: 30%; margin: 0 auto;}
.pw_check_cont .pw_check_box .ver-line {display: none;}
.pw_check_cont .pw_check_box .check_right .check_right_cont {padding-left: 0; padding-top: 0%}
.pw_check_cont .pw_check_box .check_right .check_right_cont h3 {font-size: 18px;}
.pw_check_cont .pw_check_box .check_right .check_right_cont h4 {font-size: 15px; word-break: keep-all; padding: 0 20px; display: block;}
.pw_check_cont .pw_input_box {margin-top: 20px; margin-left: 0%; text-align: center;}
 /*  완료페이지공통css  */
.member_leave_inner .leave_check_img img{width: 80%; margin: 0 auto;}

  /* 회원정보수정 */
  .subcontent_join .member_form button {padding: 7px 5px;}
/*   join_회원가입   */
.box_process ul li {width: 55px; height: 55px; padding: 0px 0; border-radius: 0%; background: none;}
.box_process ul li strong {color: #7daca8;}
.box_process ul li span {color: #000; white-space: nowrap; font-size: 15px;}
.box_process ul li ~ li {margin-left: 60px;}
.box_process ul li ~ li:before {left: -35px;}
.box_process ul {margin-left: -20px;}
.subcontent_join .join_btn button {width: 25%;}
.subcontent_join .m_inp {width: 45%;}
.subcontent_join .m_wid {width:25%;}
.subcontent_join .m_wid1 {width:62%;}
.subcontent_join .m_wid2 {width:100%;}

/* 마이페이지 */
.mypage_order_list {margin: 10px 0;}

.mypage2-1_wrap .mypage_inner_tab_con .mypage_inner_tab_txt {font-size: 14px;}
.mypage2-1_wrap .mypage_inner_tab_txt div dt {padding: 0;}
.mypage2-1_wrap ul.mypage_inner_tab li {font-size: 14px;}
.cancel_cont .cancel_bottom table.mypage_1_table col:nth-child(3) {width: 35%;}
.cancel_cont .cancel_bottom table.mypage_1_table col:nth-child(4) {width: 20%;}
.cancel_cont .cancel_bottom table.mypage_1_table col:nth-child(5) {width: 20%;}

.mypage_order_list  {min-height: auto;}
.m_order_history_wrap  {display: block;}
.mypage_order_list table.order_list {display: none;}

.mypage_inquiry_list table.inquiry_list tbody tr .txt_under {max-width: 360px;}
.mypage_inpuiry_detail .cs3-2_table select {width: 190px; font-size: 0.9em;}
/* 마이페이지 - 배송지 목록 팝업 */
.mypage_main_wrap .cd-popup .cd-popup-container table {display: none;}
/* 교환요청 */
.mypage2-1_wrap .mypage_inner_tab_txt div dt {width: 100%;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd {width: 100%; padding: 5px; margin-top: -1px; border-left: 1px solid #ddd;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd .btn01 {margin-left: 0;}
.mypage2-1_wrap .mypage_inner_tab_txt div dd div.right {float: none; display: inline-block;}

  
/*   review_list_상품후기   */
.review_list .board_view_table tbody tr .tit div {width: 80%; white-space:normal;}
.review_list .board_view_table tbody tr .under a{width: 90%; white-space: normal;}
/*   review_list_detail_상품후기상세   */
.review_list_detail .page li > .txt a .left_txt {display: none;}
.review_list_detail .page li > .txt a .right_txt {width: calc(100% - 40px);}

 /*   review_write_상품후기작성   */
.review_write strong {white-space: nowrap;}
.review_write button {width: 120px; height: 40px; margin: 15px 0 0 10px; font-size: 14px;}



/* 주문서 작성 */
.orderer_info_box .post_find, .orderer_info_box .DeliveryList {width: 100px;}
.payment_option fieldset {float: none; width: 100%;}
.payment_option table td {padding: 10px;}
.payment_price_wrap {float: none; width: 100%;}
.payment_option .input_group .BillType1, .payment_option .input_group select.num, .payment_option .input_group input[type=text] {width: 100px; margin: 5px 5px 5px 0;}
.payment_option .input_group p.num_cash > * {width: 73px;}
.agree_wrap #terms table {width: 100%;}
.order_box .order_boxWrap {padding: 0;}
.order_box .left_area {float: none; width: 100%;}
.order_box .right_area {float: none; width: 100%; padding: 20px 0;}
.agree_wrap {padding: 0 20px;}

  /* 배송지 목록 팝업 */
.cart_box_wrap .pop_table_wrap table.table {display: none;}
.m_delivery_list {display: block;}
.cart_box_wrap .pop_table_wrap .registration_btn button {padding: 8px 15px;}

}/*768이하 끝 */





/*440이하 시작 */
@media screen and (max-width:440px){

.contents{font-size: 12px;}
.side_tm_inner {padding: 50px 20px 20px 20px;}

.inner {padding: 0 10px;}
.cont_title {padding: 40px 0 20px;}
.cont_title > h1 {font-size: 24px;}
  

.tm_h_menu>li{width:auto; padding-right: 5px;}

.intro_cats .contents_title {top: 80px;}
.intro_cats div.mid_banner {height: 440px;}
.intro_cats div.mid_banner p {background-image: url(/images/main/info_cats_440.png); height: 180px;}

/*제품 리스트 common item title*/
.contents_title>h4{font-size:20px;}
.contents_title>h4>span{ font-size:12px; display:block;}

/*Hot Item 제품 리스트*/
.hot_product_price dd>span{font-size:13px;}

.main_middle_banner>a.img1024{display:none;}
.main_middle_banner>a.img440 {display: block;}

/*community_wrap*/
/* 상품후기 */
.review_list_detail .review_tit {padding: 10px 5px;}
/* 연구소 소식 */
.board_view td {width: 75% !important; padding: 14px 5px;}
.board_view td.data {width: 25% !important;}
.board_view .S01 {padding: 3px 5px;}
.bottom_btn {text-align: center;}
/*receiving_wrap 실시간 접수현황*/
.receiving_wrap{padding:20px 15px;}
.receiving_wrap span.r_name{width: 60%;}
.receiving_wrap span.hp_num{width: 24%;}
.review_wrap span.r_name {width: 75%;}
.review_wrap span.hp_num {width: 25%;}

/*new_arrival_wrap 신상품 슬라이드 리스트*/
.new_arrival_info{padding:8px 10px;}
.new_arrival_product_price{margin-top:8px; padding-top:8px;}
.new_arrival_model_name>strong{font-size:14px;}
.new_arrival_model_name>span{font-size:12px;}
.new_arrival_product_price dd>span{font-size:12px;}
.new_arrival_product_price dt,.new_arrival_product_price dd{font-size:12px;} 

/*Best Item리스트*/
.tab_best_product ul>li{width:100%;}
.tab_best_product ul>li+li{margin-left:0; }
.best_iitem_price dd>span{font-size:13px;}

/*.common_cs_center 하단 고객센터 안내*/
.common_cs_center_left>div>a>img{display:none; margin-right:0;}

.insta {padding: 80px 15px 80px;}
.scroll_wrap ul li {width: 100px;}


/*  login  */
.box_login fieldset {width:100%; margin:0 auto; border:0;}
.box_login fieldset legend strong {font-size: 35px;}

/*  login_find1 아이디/비번찾기  */
/*  상단탭  */
.find_box>.head>ul>li {width: 100%; border:1px solid #eee;}
.find_box>.head>ul>li:nth-child(2){margin-left: 0; margin-top: -1px;}
.find_box>.head>ul>li.active {border: 1px solid #eee; background: #7daca8; font-weight: bold;}
.find_box>.head>ul>li.active a {color: #fff;}
/*  아이디찾기  */
.find_id_box .find_idpw_lst li {width: 100%;}
.find_form_list_box .m_inp{width: 70%;}
.find_form_list_box .m_wid {width: 30%;}
.find_form_list_box .email{width: 80%;}
.find_form tbody th{font-size: 14px; white-space: nowrap; vertical-align: top;}

/*  비밀번호찾기  */
.find_form .find_send_1 {display: block; margin-left: 0; margin-top: 10px;}
.find_form_pw tbody th {padding: 10px;}
.find_form_pw tbody td {padding-bottom:0px;}
.find_id_box .next_box {text-align: center;}

/*  login_find2  */
.list_id li{text-align: center;}
.list_id li span {display: inline-block;}
.id_list_box h3{font-size: 16px;}
/*   withdrawal1-1 회원탈퇴    */
.pw_check_cont .pw_check_box .check_left .left-icon img {width: 45%; margin: 0 auto;}
/*   withdrawal1-2 회원탈퇴    */
.leave_id .leave_area .leave_area_inner {padding: 40px 20px; margin: 0 auto;}
/*   join_회원가입   */
.box_process ul li {width: 55px; height: 55px; padding: 0px 0; border-radius: 0%; background: none;}
.box_process ul li strong {color: #7daca8;}
.box_process ul li span {color: #000; white-space: nowrap; font-size: 15px;}
.box_process ul li ~ li {margin-left: 60px;}
.box_process ul li ~ li:before {left: -35px;}
.box_process ul {margin-left: 0px;}
.join_list .all {font-size: 14px;}
.subcontent_join .member_form tbody th {word-break: keep-all; padding: 5px;}
.subcontent_join .member_form tbody td {vertical-align: middle;}
.join_list label {font-size: 13px;}
.subcontent_join .m_inp {width: 65%;}
.subcontent_join .m_wid {width:30%;}
.subcontent_join .m_wid1 {width:62%;}
.subcontent_join .m_wid2 {width:100%;}
.subcontent_join .m_wid.email {width: 40%;}
.subcontent_join #email_select {width: 40%;}
.subcontent_join .join_btn .button {width: 40%; padding: 10px 0; font-size: 14px;}
.subcontent_join .join_box {padding: 10px 5px;}
.subcontent_join #terms {padding: 10px;}
.subcontent_join .terms_btn {font-size: 12px;}
.subcontent_join #smsBtn {width: 100%; margin-left: 0; margin-top: 5px;}
.subcontent_join #findAddressButton {margin-left: 0;}

/*  완료페이지공통css  */
.member_leave_inner .leave_check_img img{width: 60%; margin: 0 auto;}

/*   review_list_상품후기   */
.review_list .board_view_table tbody tr td {padding: 10px 0;}
.top_btn button {font-size: 14px;}
.review_list .board_view_table tbody tr .tit div {display: block;display: -webkit-box; max-width: 100%; margin: 0 auto; -webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.review_list .board_view_table tbody tr .under a{display: block;display: -webkit-box; max-width: 100%; margin: 0 auto; -webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.review_list .board_view_table tbody tr td {font-size: 11px; word-break: keep-all;}
.review_list span.star i {font-size: 12px;}

/*   review_list_detail_상품후기상세   */
.review_list_detail .page li > .txt a .left_txt {display: none;}
.review_list_detail h1 .tit_2 {font-size: 18px;}
.review_list_detail .page li > .txt a .right_txt {width: calc(100% - 40px);}
/*   review_write_상품후기작성   */
.review_write {padding: 20px 10px; width: 100%; max-height: 500px; overflow-y: scroll; max-width: 90%; margin-top: 20%;}
.review_write button {margin: 15px 0 0 10px;}
.star_rating a i {font-size: 28px;}
.btn_board_Innerbox {max-width: 90%;}


  /*** 장바구니*관심상품 ***/
  /* 장바구니 반응형 */
  .cart_cont {display: none;}
  .cart_cont_m {display: block; width: 100%; border-bottom-style: hidden; padding: 0;}
  #order_history_table .product_info strong {font-size: 1.0em;}
  .btns_cart_list_last {font-size: 1.0em;}
  .cart_box #order_history_table colgroup col:nth-child(4) {width: 13%!important;}
  .cart_box #order_history_table colgroup col:nth-child(5) {width: 15%!important;}
  .keep_products_wrap #order_history_table tr td.product_info p {font-size: 13px; margin-top: 5px;}
  .cart_box_btn {margin: 10px 0;}
  .cart_box_btn::before, .cart_box_btn::after {content: ''; clear: both; display: block;}
  .cart_box_btn button {float: left; width: 50%; padding: 7px 0; background-color: #fff; border-color: #bbbbbb; color: #888888; margin: 0;} 
  .cart_box_btn button.orderbtn_a {margin-top: -1px;}
  .cart_box_btn button.orderbtn_b {background-color: #7daca8; color: #ffffff; border-color: #7daca8; margin-top: -1px;}
  .cart_box_btn button:nth-child(2n) ,.cart_box_btn button:last-child {border-width: 1px 1px 1px 0;}
  .keep_products_wrap .cart_box .cart_box_btn {text-align: center; margin-bottom: 0;}
  .keep_products_wrap .cart_box .btn_wrap02 {margin-top: 0;}
  /* (변경)장바구니 */
  .keepProducts_cont_m .cart_img {margin: 0 auto;}
  .keepProducts_cont_m .cart_img img {max-height: 80px; vertical-align: middle;}
  .keepProducts_cont_m #order_history_table .product_info {padding: 5px;}
  .cart_box_wrap #order_history_table tr td.product_info p {font-size: 13px;}
  .cart_box_wrap #order_history_table tr td.product_info p.price {margin-top: 0; font-size: 13px;}
  /* 반응형 */
  .cart_box.keepProducts_cont {display: none;}
  .keep_products_wrap .keepProducts_cont_m {display: block;}
  .cart_qty {display: block;}
  .cart_qty .cnt {height: 30px;}
  .cart_qty .number_down {height: 30px;}
  .cart_qty .number_up {height: 30px;}
  .keepProducts_cont_m .order_box_m.pay_wrap {margin-top: 10px; border-bottom: 1px solid #dddddd;}
  .keepProducts_cont_m .order_box_m.pay_wrap fieldset {border: none;}
  .keepProducts_cont_m .order_box_m .order_tit {font-size: 16px; font-weight: 700; padding: 24px 0 14px 20px; line-height: 1;}
  .keepProducts_cont_m table.table_style4 tr th {text-align: left; font-weight: normal; padding-left: 20px; font-size: 14px; color: #707070;}
  .keepProducts_cont_m table.table_style4 tr td {padding: 5px 20px 10px 0; text-align: right; font-size: 13px;}
  .keepProducts_cont_m .order_box_m.sum {padding: 0 20px; border-top-style: none;}
  .keepProducts_cont_m .sum_prc_wrap {text-align: right;}
  .keepProducts_cont_m .sum_prc_wrap dl {display: block; margin: 0; padding: 10px 0;}
  .keepProducts_cont_m .sum_prc_wrap dl dt {font-size: 13px; font-weight: normal; color: #333; float: left; line-height: 28px; font-size: 16px;}
  .keepProducts_cont_m .sum_prc_wrap dl dd {display: inline-block; margin: 0 0 0 10px; font-size: 15px; font-weight: bold;}
  .keepProducts_cont_m .sum_prc_wrap #totalSettlePriceView {font-size: 18px;}
  .keepProducts_cont_m #totalSettlePriceView {color: #218380;}
  .keepProducts_cont_m #totalSettlePriceView_mob {color: #218380;}
  .keepProducts_cont_m .btn_wrap02 {margin-top: 0px; text-align: center; height: auto;}
  .keepProducts_cont_m .btn_wrap02 button {float: left; width: 50%; padding: 10px 0; color: #fff; background-color: #bbbbbb;}
  .keepProducts_cont_m .btn_wrap02 .btn_product_order {background-color: #7daca8; /* border: 1px solid #7daca8; */ color: #fff;}
  /* .keepProducts_cont_m .btn_wrap02 .shopping {color: #707070; border: 1px solid #dddddd;} */
  .keepProducts_cont_m .empty {display: block; text-align: center; padding: 50px 0; border: 1px solid #ddd; border-width: 1px 0;}


  /* 주문서 작성 */
  .order_box .keepProducts_cont {display: block;}
  .order_box .keepProducts_cont_m {display: none;}
  .product_bundle_wrap .product_bundle_item {padding: 0;}
  .product_bundle_wrap .product_list_item {padding: 0;}
  .product_desc_area .product_name .name.order_name {padding: 0; line-height: 30px;}
  .product_desc_area .product_name span {padding-left: 5px;}
  .orderer_info_box .DeliveryList {width: 80px;}
  .orderer_info_box .input_style02 {width: 30%;}
  .orderer_info_box .point_Box input {width: 80px;}
  .orderer_info_box .use_list li {margin: 0; padding: 0;}
  .orderer_info_box #zipCode {width: 50%;}
  .orderer_info_box table td {padding: 5px;}
  .payment_info03 table th {padding: 0; width: 40%;}
  .orderer_info_box table th {letter-spacing: -1px;}
  .orderer_info_box select.m_inp {width: 30%;}
  .payment_option table td {font-size: 13px; padding: 5px;}
  .payment_option .add_txt {font-size: 12px;}
  .agree_wrap .join_box {padding: 10px 5px;}
  .agree_wrap .terms_btn {font-size: 10px;}

  /* 주문 완료 */
  .complete_order_box .choice_product {width: 25%;}
  .complete_order_box .product_information {width: 75%;}
  .complete_order_box .product_information dt {width: 20%;}
  .complete_order_box .product_information dd {width: 80%;}
  .complete_order_box .orderer_info_box02 .delivery_title {width: 25%;}
  .complete_order_box .payment_information th {width: 25%;}
  .complete_order_box .orderer_info_box02 td {padding-left: 10px;}
  .complete_order_box .payment_information td div em {display: block; padding: 0;}
  /* 주문완료 결제정보 추가 css */
  .order_complete_total_wrap {display: block;}
  .order_complete_total_wrap ul {width: 100%; min-height: auto; border-right-style: none;}
  .order_complete_total_wrap ul:last-child {width: 100%;}
  .order_complete_total_wrap ul.payment_order::before, .order_complete_total_wrap ul.payment_deduct::before {display: none;}
  .order_complete_total_wrap ul.payment_order::after, .order_complete_total_wrap ul.payment_deduct::after {display: none;}
  .order_complete_total_wrap ul li {padding: 0 20px;}
  .order_complete_total_wrap ul li.pay_total {border-bottom-style: none; min-height: 50px; line-height: 30px; margin-bottom: 0; padding: 10px 20px;}
  .order_complete_total_wrap ul li.pay_total dl dt {font-size: 13px;}
  
  /* 마이페이지 */
  .mypage_inquiry_list table.inquiry_list tbody tr .txt_under{padding-left: 0;}
  .mypage_inquiry_list table.inquiry_list tbody tr .txt_under div {vertical-align: middle;}
  .m_sub_nav ul.m_sub_nav_ul > li a{font-size: 14px;}
  .mypage_info_box .user_info01 .user_type_txt .left, .mypage_info_box .user_info01 .user_type_txt .right {float: none;}
  .mypage_info_box .user_info01 .user_type_txt .right {padding: 10px 0 0;}
  .mypage_info_box .user_info01 .user_type {padding-top: 5px;}
  .mypage_info_box .user_info01 .user_type img {width: 40px;}
  .mypage_info_box .user_info01 a {display: block;}
  .mypage_inquiry_list table.inquiry_list{letter-spacing: -0.1px;}
  .mypage_inquiry .mypage_inquiry_btn .inquiry_btn{padding: 5px 10px; margin-top: 8px;}
  .m_sub_nav ul.m_sub_nav_ul > ul {position: static;}
  .m_sub_nav ul.m_sub_nav_ul > ul li a{font-size: 12px;}
  .m_sub_nav ul.m_sub_nav_ul > ul li a{padding: 10px 5px;}
  .m_sub_nav > div{width: 100%;}
  .m_sub_nav ul.m_sub_nav_ul > ul{z-index:999; width: 100%;}
  .m_sub_nav ul.m_sub_nav_ul:first-child{border-right:none;}
  /* 주문 내역이 없습니다. */
   .mypage_order_list .empty {border-top: 2px solid #7daca8;}
  /* 배송지관리 팝업 */
  .mypage_main_wrap .pop_table_wrap .registration_btn button {padding: 7px 8px;}
  .mypage_main_wrap .pop_table_wrap {width: 98%;}
  .mypage_main_wrap .cd-popup-container table {font-size: 12px;}
  .mypage_main_wrap .cd-popup-container table tbody tr td {padding: 5px;}
  .mypage_main_wrap .cd-popup-container table tbody tr td .choice_btn button {padding: 2px 8px; font-size: 12px; margin: 3px;}
  .m_delivery_list {max-height: 300px; overflow-y: scroll;}
  /* 배송지 등록/수정 팝업 */
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container {margin: 18em auto;}
  .mypage_main_wrap .cd-popup1-1 .pop_table_wrap {width: 98%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table {font-size: 12px;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td input[type='text'] {width: 30%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table tbody tr td input[type='text'].ipt_style30 {width: 50%;}
  .mypage_main_wrap .cd-popup1-1 .cd-popup-container table button {font-size: 13px;}
    /* 배송조회 팝업 */
  .mypage_main_wrap .cd-popup2 .cd-popup-container {margin: 9em auto;}

  /* 반품/환불 요청 */
  .mypage_1_table td.textleft span {margin: 0;}
  .exchange_cont .exchange .link {text-align: center;}

  .order_info_detailBox {padding: 10px 0;}
  .complete_order_box table.keepProducts_cont tr td.product_info {padding-left: 30px;}
  
  .mypage2-1_wrap .mypage_inner_tab_box table tr td {padding: 5px; font-size: 13px;}
  .mypage2-1_wrap .mypage_inner_tab_box table .tit {font-size: 13px;}
  .mypage2-1_wrap .mypage_inner_tab_box table .product_subname {padding: 0; letter-spacing: -0.7px;}
  .mypage2-1_wrap .mypage_inner_tab_box table .product_name {padding: 0; letter-spacing: -0.5px;}

  .mypage2-1_wrap .mypage_inner_tab_txt > div dl {display: block;}
  .mypage2-1_wrap .mypage_inner_tab_txt div dd {font-size: 13px;}
  .mypage2-1_wrap .mypage_inner_tab_txt div dd span {display: block;}

  .mypage2-1_wrap .cd-popup-container table input[type=text] {width: 60%;}
  .mypage2-1_wrap .cd-popup-container table button.confirm_btn {margin: 0;}
  .checkbox_box input {width: 15px; height: 15px;}
  .checkbox_box label {font-size: 13px;}

  .mypage_1_table {display: none;}
  .cancel_cont .cancel_bottom {margin-top: 0;}
  .cancel_cont .cancel_top .right {font-size: 0.8em;}
  .m_mypage_1_table {display: block; border-bottom: 1px solid #f1f1f1;}
  .m_mypage_1_table th {border-bottom: 1px solid #ddd;}
  .m_mypage_1_table td {position: relative; padding: 5px 0; text-align: center; border-top: 1px solid #f1f1f1;}
  .m_mypage_1_table .textleft {text-align: left; padding-left: 5px;}
  .m_mypage_1_table .textleft textarea {resize: none; border: 1px solid #ddd;}
  .m_mypage_1_table td .thumbnail {position: absolute; top: 7px; left: 5px; width: 25%; overflow: hidden;}
  .m_mypage_1_table td .thumbnail img {width: 50px;}
  .m_mypage_1_table td .padding {padding-left: 60px;}
  .m_mypage_1_table td .padding .price {font-weight: 700;}
  .m_mypage_1_table td .padding .quantity {display: inline-block !important; position: relative; margin-left: 5px; padding-left: 5px;}
  .m_mypage_1_table td .padding .quantity::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 13px;	background-color: #ddd; content: "";}
  .m_mypage_1_table td select {background-color: #fff; height: 35px; border: 1px solid #ddd; padding-left: 0;}
  .mypage_1_table td textarea {width: 95%;}
  .cancel_cont .cancel_top .right strong {padding: 1px;}
  .cancel_cont .cancel_btns {text-align: center;}
  
  .mypage_2_table {display: block;}
  .mypage_2_table td .thumbnail {width: 40px;}
  .mypage_2_table td span.point_txt {display: block; padding-left: 0;}
  .mypage_2_table td textarea {width: 100%;}

  /* 회원정보수정 */
  .pw_check_cont .pw_input_box .pw_left_2 .input_style {width: 160px;}

  /* 1:1문의 */
  .mypage_inquiry_list table.inquiry_list tbody tr td:first-child {letter-spacing: -0.5px;}
  .mypage_inquiry_list table.inquiry_list tbody tr .txt_under {max-width: 170px;}
  .mypage_inpuiry_detail .cs3-1_table1 .style02, .cs3-1_table1 .style03 {margin-right: 2%;}
  .mypage_inpuiry_detail .cs3-1_table1 th {padding: 5px 10px;}
  .mypage_inpuiry_detail .cs3-1_table1 th > h3 {font-size: 1.1em; margin: 5px 0;}
  .mypage_inpuiry_detail .cs3-1_table1 th > h3 span {font-size: 1.1em;}
  .mypage_inpuiry_detail .cs3-1_table1 tbody tr td p {padding: 10px;}
  .mypage_inpuiry_detail .cs3-1_table1 tr.answer_tr .answer_wri .answer_wri_cont {width: 80%;}
  .mypage_inpuiry_detail .answer_enter textarea {width: 75%; height: 70px;}
  .mypage_inpuiry_detail .answer_enter .answer_btn {width: 20%;}
  .mypage_inpuiry_detail .answer_enter .answer_btn button {height: 70px;}

  .mypage_inquiry_list .inquiry_list .inquiry_title {padding-right: 0;}
  .mypage_inquiry_list .inquiry_list .inquiry_title button.right_Delbtn {top: -27px; font-size: 12px;}
  .mypage_inquiry_list .inquiry_list .inquiry_list_qna .inquiry_conts {padding: 10px;}

  /* 후기 */
  .review_list_detail .tit_1 {font-size: 14px; padding: 5px;}
  
  /* 마이페이지-적립금 */
  .point_wrap .mypage_point_tit {padding-top: 0;}
  .point_wrap .mypage_point_tit > span{display: inline-block; font-size: 12px; margin: 0 0 10px 0;}
  .point_wrap .point_box{float: left; width: 100%;}
  .point_wrap .point_box .point_txt{line-height: 25px; padding: 10px 0px;}
  .point_wrap .point_box .point_txt_price{font-size: 16px;}

  /* 마이페이지-쿠폰 */
  .coupon_Box ul {justify-content: center;}
  .coupon_Box ul li {margin-right: 0;}
  .coupon_wrap .mypage_point_tit > span{display: inline-block; font-size: 12px; margin: 0 0 10px 0;}
  .coupon_wrap .point_box{float: left; width: 100%;}
  .coupon_wrap .point_box .point_txt{line-height: 25px; padding: 10px 0px;}
  .coupon_wrap .point_box .point_txt_price{font-size: 16px;}
  

  /* 모바일 버튼 사이즈 */
  .order_box .btn_wrap03 button {padding: 10px 0; margin: 0;}
  .order_box .btn_wrap03 .btn_payment02 {width: 100%;}
  .complete_order_box .btn_wrap04 .shopping {padding: 10px 0;}
  .order_detail_box .btn_wrap04 button {padding: 10px 0;}
  .member_leave_inner div .home_btn {padding: 10px 0;}
  .cancel_cont .cancel_btns button {padding: 10px 0;}
  .leave_id .leave_area_btns button {padding: 10px 0;}
  .btn_board_Innerbox button {padding: 10px 0;}
  .mypage_inpuiry_detail .q_btns button {padding: 10px 0;}
  .bottom_btn button {padding: 10px 0;}
  .find_id_box .next_btn {padding: 10px 0;}
  .find_pw_box .recive_btn button {padding: 10px 0;}
  .find_id_btns button {padding: 10px 0;}

	/* 포인트 부분 리스트 정렬 2021-09-15 h 추가 */
	#pointMessage {width: 132px;}



}/*440이하 끝 */



/* 2021-07-29 추가 */
.ask_bottom_2 .ask_btn {font-size: 1.2em; background: #7daca8;color: #fff; top: 0;width: 18%; display: inline-block; height: 75px; text-align: center;cursor: pointer; border-radius: 5px; border: 0}
.ask_bottom_2 .ask_write .input_box {margin-right: 1.3%;display: inline-block;width: 80%;border: solid 1px #ccc; padding: 5px; background:#ffffff;position: relative;text-align: left;}
.ask_bottom_2 .input_box textarea {height: 60px !important; border: 0!important; width: 100%; display: inline-block;}

.mypage1-1_content .review_btn button {border: 1px solid #ccc; border-radius: 5px; padding: 5px; margin: 70px 0;}
.mypage1-1_content .review_btn {text-align: center;}

/* 마이페이지 비밀번호 재확인 부분 2021-09-15 h 추가 */








@media screen and (max-width: 375px){
	.pw_check_cont .pw_input_box .pw_left_2 input { width: 115px !important; }
	#narrow { display: table-cell !important; }
	#wide { display: none !important; }
}

@media screen and (min-width: 376px){
	#wide { display: table-cell !important; }
	#narrow { display: none !important; }
}





/* 360이하 시작 */
@media screen and (max-width: 360px){

/* 메인 */
.intro_cats div.mid_banner {height: 360px; padding-top: 120px;}


/* 주문서 작성 */
.agree_wrap {padding: 0 10px;}
.payment_option table tr th {padding: 10px;}
.payment_option .payment_info02 dl dd {padding-left: 0;}
.cart_box_wrap .cd-popup3-container textarea {padding: 10px 20px;}

/* 마이페이지 쿠폰 */
.coupon_Box ul li > div {width: 310px; height: 145px; padding: 10px 20px;}
.coupon_Box ul li .coupon_dc em {font-size: 24px;}
.coupon_Box ul li p {top: 18px; right: 70px;}
.coupon_Box ul li button {top: 42px; right: 6px; width: 48px;}
.coupon_Box ul li .coupon_txt {margin-top: 15px;}





}/* 360이하 끝 */




@media screen and (max-width: 280px){
	.pw_check_cont .pw_input_box .pw_left_3 button { width: 40px !important; }
	
	/* 회원정보 수정 부분 */
	.subcontent_join .m_wid { width: 44% !important; }
	
	/* footer */
	.etc_menu li>a { padding: 0 12px !important; }
}