@charset "utf-8";
/* ONLINEPOWERS FED */

html, body {width:100%; min-width:320px; font-weight:400;}
body{background:#f4f4f4;}
body.bgwhite{background:#fff;}

#wrap {position:relative; width:100%; min-width:320px;z-index:1; }
#wrap img {}

#topBanner{min-width:320px; position:relative; }
#topBanner  a{display:block;}
#topBanner > a img{ width:100%;  object-fit: cover;}
#topBanner a.close{width:25px; height:25px; position:absolute; right: 12px; top: 12px;}
#topBanner a.close img{ width:25px; height:25px;}

.hidden{ position: absolute; overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}

/*==================
	헤더
==================*/
#header_wrap { min-width:320px; z-index: 9999;}
.menu.fixed{position:fixed; width:100%;left:0; top:0; }
#header_wrap .header {min-height:50px; padding:13px 10px; background:#fff;box-sizing:border-box; position:relative;}
#header_wrap .header h1 {text-align:center;  }
#header_wrap .header h1 img { height:25px; width:auto; }
#header_wrap .header h1 a { min-height:25px; }
#header_wrap .header .side_menu_btn {position:absolute; top:11px; left:10px; }
#header_wrap .header .side_menu_btn button { width:28px; height:28px; text-align: center;}
#header_wrap .header .side_menu_btn button img{ height: 17px;}
#header_wrap .header .cart {position:absolute; top:11px; right:10px; }
#header_wrap .header .cart a {width:28px; height:28px; padding-top: 5px; text-align: center; }
#header_wrap .header .cart a img{ width: 17px;}
#header_wrap .header .cart .num {position:absolute; top:2px; right:-2px; min-width:12px; height:12px; padding:0 3px; color:#fff; text-align:center; font-size:10px; line-height:12px; -webkit-border-radius:18px; border-radius:16px; background:#e2211c; }
#header_wrap .header .mypage {position:absolute; top:11px; left:43px; }
#header_wrap .header .mypage a {width:28px; height:28px; padding-top: 4px; text-align: center; }
#header_wrap .header .mypage img {width:17px; }

#header_wrap .header .search {position:absolute; top:11px; right:38px; }
#header_wrap .header .search a {width:28px; height:28px; padding-top: 4px; text-align: center; }
#header_wrap .header .search img {width:16px; }

#header_wrap .header a {display:inline-block; }

/*==================
	레이아웃 공통
==================*/
#container { /*margin-top: 51px;*/ position:relative; width:100%; min-width:320px; min-height:200px; }
#wrap.main #container{ margin-top: 1px;}

/* 컨텐츠 상단 */
div.title {position:relative; width:100%;background:#fff; border-top:1px solid #f4f4f4; z-index:9999; }
div.title.fixed{ z-index:9999;width:100%; position:fixed; left:0; top:0; border-bottom:1px solid #f4f4f4;}
div.popup-layer .title.fixed{ z-index:9999;width:100%; position:relative; left:0; top:0; border-bottom:1px solid #f4f4f4;}

div.title h2 {font-size:15px;  color:#000; line-height:42px; font-weight:700; text-align:left; padding-left: 48px; box-sizing:border-box;}
div.title h2.tc{text-align:center; padding-left:0;}
div.title .his_back {position:absolute; top:7px; left:10px; width:28px; height:29px;background:url(../images/icon-back.png) no-repeat left top; background-size:28px auto; }
div.title .mypage-his_back {position:absolute; top:7px; left:10px; width:28px; height:29px;background:url(../images/icon-back.png) no-repeat left top; background-size:28px auto; }
div.title .close{position:absolute; top:7px; right:10px; width:30px; height:30px; 
background:url(../images/icon-close.png) no-repeat left top; background-size:30px 30px; }
div.title a {display:inline-block; width:100%; height:100%; }


/*==================
	사이드메뉴
==================*/

.side_menu{position:fixed; left:-100%; top:0; bottom:0; width:262px; z-index:999999999; overflow-y:scroll;background:#fff; }
.side_menu .inner {position:relative; background:#f4f4f4; color:#000; }

.side_menu .side-login,
.side-logout,.side-mypage,
.side-stepmenu,
.side-help{background:#fff;margin-bottom:5px;box-sizing:border-box;padding:15px;font-size:14px;}
.side-login div{display:inline-block; vertical-align:top;}
.side-login .login-img{ width:48px; height:48px; margin-right:5px;}
.side-login .login-img img{height:48px;}
.side-login .login-name{margin-top:3px;}
.side-login .login-name a{display:block; }
.side-login .login-name span{ display:block; }
.side-login .login-name p:after{content:""; display:inline-block; background:url(../images/icon-arrow.png) left top no-repeat;
width:8px; height:14px; background-size:8px 14px; vertical-align:bottom; margin-left:5px; }
.side-login .login-name strong{font-size:18px; font-weight:700;}
.side-login .login-name em{display:inline-block;margin-top:6px; font-style:normal; margin-left:3px;}


.side-logout .logout-name span{ display:block; margin-bottom:7px; color:#999; font-size:14px;}
.side-logout .logout-name p:after{content:""; display:inline-block; background:url(../images/icon-arrow.png) left top no-repeat;
width:8px; height:14px; background-size:8px 14px; vertical-align:bottom; margin-left:5px; }
.side-logout .logout-name strong{font-size:15px; font-weight:400;}

.side-logout .logout-info{border-radius:5px; background:#f9f9f9; padding:15px 20px; box-sizing:border-box;
font-size:10px; line-height:14px; text-align:center; margin-top:10px; color:#7f7f7f;}
.side-logout .logout-info a{display:block; color:#2b3aa1; font-size:12px; text-decoration:underline; 
margin-top:10px; font-weight:600;}
.side-mypage ul li{display:inline-block; width:24%; text-align:center; height:74px; box-sizing:border-box; 
position:relative;}
.side-mypage{padding:0;}
.side-mypage ul li a{ display:block;}
.side-mypage ul li:nth-child(1){background:url(../images/icon-delivery.png) center 15px no-repeat;background-size:27px 27px;}
.side-mypage ul li:nth-child(2){background:url(../images/icon-products.png) center 15px no-repeat;background-size:27px 27px;}
.side-mypage ul li:nth-child(3){background:url(../images/icon-favorite.png) center 15px no-repeat;background-size:27px 27px;}
.side-mypage ul li:nth-child(4){background:url(../images/icon-coupon.png) center 15px no-repeat;background-size:27px 27px;}
.side-mypage ul li span{ width:100%;font-size:10px; position:absolute; left:0; bottom:15px; display:block; text-align:center;}
.side-mypage ul li em.num{position:absolute; right:5px; top:9px; display:inline-block; border-radius:18px; height:18px; min-width:18px; color:#fff; background:#2b3aa1;
text-align:center; box-sizing:border-box;  font-size:10px; padding:0 3px 0 3px; font-style:normal;}
.side-mypage ul li em.more{position:absolute; right:5px; top:28px; display:inline-block; border-radius:18px; height:18px; min-width:18px; color:#fff; background:#2b3aa1;
text-align:center; box-sizing:border-box;  font-size:10px; padding:0 3px 0 3px; font-style:normal;}

.side_menu_close {position:absolute; top:8px; left:270px; width:24px; height:24px; 
background:url(../images/icon-close-white.png) no-repeat 0 0; background-size:24px; z-index:999999999; display:none; }
.bgDim {display:none; position:fixed; left:0; top:0px; width:100%; height:100%; z-index:99999999; background:#000; opacity:0.7; }

.side-stepmenu{padding:0;}
.side-stepmenu ul.side-tab li{display:inline-block; width:49%; }
.side-stepmenu ul.side-tab li a{display:block;text-align:center; padding:12px 0; font-size:15px; color:#999;}
.side-stepmenu ul.side-tab li a.on{color:#000; border-bottom:2px solid #2b3aa1; font-weight:700;}
.side-tab-cont{ background:#f4f4f4; padding:10px 30px; box-sizing:border-box; overflow:hidden;}
.side-tab-cont ul li{width:50%; float:left;}
.side-tab-cont ul li a{color:#000; display:block;text-align:left; padding:10px 0; letter-spacing: -1px;}

.side-help{padding-top:25px; padding-bottom:25px; margin-bottom:0;}
.side-help dl dt{ font-weight:700; font-size:14px; margin-bottom:20px;}
.side-help dl dd{margin-bottom:10px; }
.side-help dl dd:before{/*content:""; display:inline-block; width:3px; height:3px; border-radius:3px;background:#333; 
margin-top:6px; margin-right:8px;*/}
.side-help dl dd a{ padding-left:20px; padding-top:5px; padding-bottom:5px; display:block;}
.side-help dl dd a.location{background:url(../images/icon-location.png) -6px 1px no-repeat; background-size:27px 27px;}
.side-help dl dd a.qna{background:url(../images/icon-qna.png) -6px 1px no-repeat; background-size:27px 27px;}
.side-help dl dd a.cs{background:url(../images/icon-cs.png) -6px 1px no-repeat; background-size:27px 27px;}


/*==================
	검색 영역
==================*/
.header_search {position:relative; margin-bottom:4px; padding:0 10px; display:none; background:#fff; }
.header_search input {width:100%; height:35px; border:1px solid #b2b2b2; font-size:15px; font-weight:600; color:#1a1a1a; padding:0 13px; }
.header_search .history {position:absolute; top:35px; left:0; width:100%; padding:0 10px; display:none; z-index:11; }
.header_search .history .inner {width:100%; border:1px solid #1c2957; background:#fff; }
.header_search .history .inner h3 {height:29px; line-height:28px; font-size:13px; color:#808080; background:#f5f5f5; border-bottom:1px solid #e8e8e8; padding:0 13px; }
.header_search .history .inner ul {}
.header_search .history .inner ul li {height:35px; line-height:35px; padding:0 13px;  }
.header_search .history .inner ul li a {float:left; font-size:13px; color:#1a1a1a; }
.header_search .history .inner ul li .del {float:right; width:11px; height:11px; display:inline-block; background:url(../images/common/history_del_ico.png) no-repeat left top; background-size:11px; margin-top:12px; }
.header_search .history .inner .history_close {width:100%; height:28px; line-height:28px; border-top:1px solid #e8e8e8; background:#f5f5f5; text-align:right;  padding:0 13px; }
.header_search .history .inner .history_close button {font-size:13px; color:#808080; background:url(../images/common/history_close_ico.png) no-repeat right center; background-size:11px; display:inline-block; padding-right:16px; }

/*==================
	탭 스타일
==================*/
/* 탭 갯수 */
.two_tab li {width:50% !important; }
.three_tab li {width:33.3% !important; }
.four_tab li {width:25% !important; }
.five_tab li {width:20% !important; }

/* 탭스타일 1 주소부분 new 우빈 */
.tab_list01 {overflow:hidden;border-bottom:1px solid #cfcfcf;}
.tab_list01 ul li {float:left; width:50%; height:40px; text-align:center; }
.tab_list01 ul li a {font-weight:normal; display:block;font-size: 14px; background:#f9f9f9;  color:#535353;  height:40px; padding-top:10px; }
.tab_list01 ul li.on a{background:#292929;color:#fff; }
.tab_list01 ul li:active a{background:#292929;color:#fff; }


/* 탭스타일 4 로그인 new 우빈 */
.tab_list04 {overflow:hidden; }
.tab_list04 li {float:left; width:50%; height:34px; line-height:14px; text-align:center; }
.tab_list04 li a {display:block; font-size:15px;  color:#999; font-weight:600; }
.tab_list04 li.on {background:#fff; }
.tab_list04 li.on a {color:#000;  border-bottom:2px solid #2b3aa1; display:inline; }



/*==================
	입력 폼
==================*/
input[type="text"], input[type="tel"] {box-sizing:border-box; width:100%; height:40px; border:1px solid #d7d7d7; 
border-radius:3px; font-size:13px;  color:#000; padding:0 10px; } /* 170412 수정 */
input[type="text"]:focus {border:1px solid #000000;  color:#000;   outline: 0; box-shadow: none;}
input[type="text"]:disabled {border:1px solid #d7d7d7; border:1px solid #cfcfcf; background:#f9f9f9; color:#7f7f7f; }
input[type="text"]:disabled::placeholde {color:#7f7f7f; }
input[type="text"]::-webkit-input-placeholder {color:#cfcfcf; }
input[type="text"]::-moz-placeholder {color:#cfcfcf; } /* firefox 19+ */
input[type="text"]:-moz-placeholder {color:#cfcfcf; }
input[type="text"]:-ms-input-placeholder {color:#cfcfcf; } /* ie */
input[type="text"].transparent {/*border:0;*/ }

input[type="password"] {box-sizing:border-box;  width:100%; height:40px; 
border:1px solid #d7d7d7; border-radius:3px; font-size:13px; color:#000; padding:0 10px; } /* 170412 수정 */
input[type="password"]:focus {border:1px solid #1c2957;    outline: 0; box-shadow: none;}
input[type="password"]:disabled {border:1px solid #d7d7d7; border:1px solid #cfcfcf; background:#f9f9f9; color:#f7f7f; }
input[type="password"]:disabled::placeholde {color:#7f7f7f; }

input[type="password"]::-webkit-input-placeholder {color:#cfcfcf; }
input[type="password"]::-moz-placeholder {color:#cfcfcf; } /* firefox 19+ */
input[type="password"]:-moz-placeholder {color:#cfcfcf; }
input[type="password"]:-ms-input-placeholder {color:#cfcfcf; } /* ie */
input[type="password"].transparent {/*border:0; height:45px;*/ }
textarea {font-size:12px; font-family: SpoqaHanSans; letter-spacing:-1px; height:150px;}

input[type="tel"]:focus {border:1px solid #000000;  color:#000;   outline: 0; box-shadow: none;}
input[type="tel"]:disabled {border:1px solid #d7d7d7; border:1px solid #cfcfcf; background:#f9f9f9; color:#7f7f7f; }
input[type="tel"]:disabled::placeholde {color:#7f7f7f; }
input[type="tel"]::-webkit-input-placeholder {color:#cfcfcf; }
input[type="tel"]::-moz-placeholder {color:#cfcfcf; } /* firefox 19+ */
input[type="tel"]:-moz-placeholder {color:#cfcfcf; }
input[type="tel"]:-ms-input-placeholder {color:#cfcfcf; } /* ie */
input[type="tel"].transparent {/*border:0;*/ }

input[type="search"]{box-sizing:border-box; width:100%; height:40px; border-bottom:1px solid #000; 
font-size:14px;  color:#000; padding:0 10px; } /* 170412 수정 */
input[type="search"]:focus {  color:#000;   outline: 0; box-shadow: none;}
input[type="search"]:disabled { color:#7f7f7f; }
input[type="search"]:disabled::placeholde {color:#7f7f7f; }
input[type="search"]::-webkit-input-placeholder {color:#7f7f7f; }
input[type="search"]::-moz-placeholder {color:#7f7f7f; } /* firefox 19+ */
input[type="search"]:-moz-placeholder {color:#7f7f7f; }
input[type="search"]:-ms-input-placeholder {color:#7f7f7f; } /* ie */
input[type="search"].transparent {/*border:0;*/ }

textarea{border:1px solid #d7d7d7; border-radius:3px; font-size:13px; box-sizing:border-box; width:100%; padding:10px;}
textarea:focus{border:1px solid #000000;  color:#000;   outline: 0; box-shadow: none;}
textarea::placeholder {color:#cfcfcf; opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */}

div.textarea{height:150px; font-family: SpoqaHanSans; letter-spacing:-1px;}
div.textarea{position:relative;}
div.textarea span.count{position:absolute; right:15px; bottom:15px; display:inline-block; font-size:13px;}



/*==================
	체크박스
==================*/
input[type="checkbox"] {display:none; }
input[type="checkbox"] + label {background:url(../images/icon-off.png) no-repeat; background-size:20px 20px; /*width:22px;*/ min-height:22px; line-height:20px; padding-left:22px; display: inline-block; font-size:0; text-indent:-9999px; }
input[type="checkbox"]:checked + label {background:url(../images/icon-on.png) no-repeat; background-size:20px 20px; }
input[type="checkbox"]:disabled + label {background:url(../images/icon-check-dim.png) no-repeat; background-size:20px 20px; }


/*==================
	라디오버튼
==================*/
input[type="radio"] {display:none; }
input[type="radio"] + label {background:url(../images/icon-radio-off.png) no-repeat; background-size:20px 20px; /*width:22px;*/ min-height:22px; line-height:20px; padding-left:22px; display: inline-block; font-size:0; text-indent:-9999px; }
input[type="radio"]:checked + label {background:url(../images/icon-radio-on.png) no-repeat; background-size:20px 20px; }
input[type="radio"]:disabled + label {background:url(../images/icon-radio-dim.png) no-repeat; background-size:20px 20px; }




/*==================
	셀렉트박스
==================*/
select {
	width:100%; 
	height:39px; 
	border:1px solid #d7d7d7; 
	border-radius:3px; 
	font-size:13px; 
	font-weight:400; 
	padding:0 15px 0 10px; 
	background:#fff url(../images/icon-select.png) no-repeat 95% 10px; 
	background-size:14px 14px; 
	appearance:none; 
	-moz-appearance:none;/* Firefox */ 
	-webkit-appearance:none;/* Safari and Chrome */  
	outline: 0; 
	color:#000;
}
select option {font-size:13px; font-weight:400; }
select::-ms-expand {display:none; }
select.transparent {/*border:0; padding-left:10px; background-position:right center;*/ } /* 170405 수정 */
select::selection{color:#000; }
select::-moz-selection { /* Code for Firefox */
color:#000;
}

/*==================
	label
==================*/

.input-radio input[type="radio"]+label{
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-left: 26px;
	margin-right:10px;
}
.input-check input[type="checkbox"]+label{
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-left: 26px;
	margin-right:10px;
}

/*==================
	텍스트스타일
==================*/
.t_black {color:#1a1a1a !important; }
.t_gray {color:#7f7f7f !important; }
.t_lgray {color:#999 !important; }
.t_wgray {color:#b7b7b7 !important; }
.t_point1 {color:#2b3aa1 !important; }
.t_point2 {color:#e50012 !important; }
/*.t_point3 {color:#1c2957 !important; }*/
.t_point3 {color:#000 !important; }
.t_green{ color:#199224 !important; }

.t_bold {font-weight:800 !important; }
.t_medium {font-weight:600 !important; }
.t_light {font-weight:400 !important; }

.ts_large {font-size:17px !important; }
.ts_medium {font-size:13px !important; }
.ts_small {font-size:12px !important; }
.ts_xsmall {font-size:10px !important; }
sub,.sub{line-height:18px; color:#7f7f7f; display:inline-block;}
.sub li{position:relative;padding-left:10px;}
.sub li:before{content:"-"; display:inline-block; position:absolute; left:0; top:0px;  }

.sub.bl{position:relative;padding-left:10px;}
.sub.bl:before{content:"-"; display:inline-block; position:absolute; left:0; top:0px;  }

dl.sub{text-align:left;}
dl.sub dt{ padding-left:14px; margin-bottom:10px;}
dl.sub dd{position:relative;padding-left:10px;}
dl.sub dd:before{content:"-"; display:inline-block; position:absolute; left:0; top:0px;  }

.line-bottom{ border-bottom:1px solid #e1e1e1;}

/*==================
	버튼 NEW
==================*/

.btn{
	font-size:14px; 
	color:#fff; 
	background:#b2b2b2; 
	border-radius:3px; 
	padding:11px 2px;
	height:44px; 
	box-sizing:border-box;
	display:inline-block; 
	text-align:center;
	
}
.btn.gray{background:#666; border:1px solid #666;}
.btn.lgray {background:#cfcfcf; border:1px solid #cfcfcf; }
.btn.blue{background:#2b3aa1; border:1px solid #2b3aa1;}
.btn.black{background:#000;border:1px solid #000; }
.btn.write{background:#fff; border:1px solid #999; }
.btn.join {background:#fff; border:1px solid #2b3aa1; color:#2b3aa1;}
.btn.more {background:#fff; border:1px solid #2b3aa1; color:#2b3aa1; height:30px; padding-top:5px; }
.btn.blue-line {background:#fff; border:1px solid #2b3aa1; color:#2b3aa1;  padding-top:5px; }
.btn.round{padding:2px 5px;height:auto;line-height:20px;min-width:40px;font-size:12px;border-radius:20px;}
.btn.gray-line {background:#fff; border:1px solid #999999; color:#999999;  padding-top:5px; }


.btn.font12{font-size:12px;}
.btn.font10{font-size:10px;}

.btn.disblock{display:block;}

.btn.xsmall{ height:20px; padding:0 10px; font-size:12px;}
.btn.small{ height:30px; padding:0 10px; font-size:12px; padding-top:5px;}




/*==================
	푸터
==================*/
a.foat-top{display:none; width:58px; height:58px; }
a.foat-top.fixed{ display:block; z-index:999; position:fixed; right:15px; bottom:59px;}
a.foat-top img{ width:58px; height:58px;}
#footer_wrap {position:relative; width:100%; min-width:320px; padding: 0 15px 78px; background:#333; color:#797979; float:left}
#footer_wrap .foot_menu {width:100%; height:49px;  border-bottom: 1px solid rgba(255, 255, 255, .1);}
#footer_wrap .foot_menu ul {font-size:0; text-align: center;}
#footer_wrap .foot_menu ul li {display: inline-block; text-align:center; position:relative; vertical-align: top;}
#footer_wrap .foot_menu ul li + li{margin-left: 36px;}
#footer_wrap .foot_menu ul li:after{content:""; width:1px; height:10px; background:#626262; display:inline-block; position:absolute; left:-18px; top: 50%; margin-top: -5px;}
#footer_wrap .foot_menu ul li:first-child:after {background:none; display:none; }
#footer_wrap .foot_menu ul li a {line-height:48px; font-size:12px; color:#797979; }
#footer_wrap .foot_menu ul li a:hover {color:#999; }

#footer_wrap .footer{padding: 22px 15px 0;}
#footer_wrap .footer .foot-txt-info li{font-size: 12px; color: #797979; line-height: 21px;}
#footer_wrap .footer .foot-txt-info li em{font-style: normal; line-height: 21px;}
#footer_wrap .footer a.drop{
	display:block;
	border-top:1px solid #505153;
	border-bottom:1px solid #505153;
	padding:19px 5px;
	box-sizing:border-box;
	color:#ffffff;
	margin-bottom:20px;
	position:relative;
	
}

#footer_wrap .footer a.off.drop:before{
	content:"";
	background:url(../images/icon-foot-up.png) left top no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	background-size:30px 30px; 
	position:absolute;
	right:0; 
	top:10px;

	
}

#footer_wrap .footer a.on.drop:after{
	content:"";
	background:url(../images/icon-foot-down.png) left top no-repeat;
	display:inline-block;
	width:30px;
	height:30px;
	background-size:30px 30px; 
	position:absolute;
	right:0; 
	top:10px;

}




#footer_wrap .footer .addr {text-align:left; }
#footer_wrap .footer .addr span {font-size:12px; line-height:20px; color:#ffffff; display:block; word-break: break-all; }
#footer_wrap .footer .addr .txt:after{content:''; display:inline-block; margin:0 6px; }
#footer_wrap .footer .txt-copy{margin-top: 27px;}
#footer_wrap .footer .txt-copy p{
	font-size:10px; 
	color:#616161;  
	word-break: break-all;
	line-height:18px;
}
#footer_wrap .footer .txt-copy .copy{margin-top: 13px;}

#footer_wrap .footer .txt-info{
	 border-radius: 7px;
     background-color: #242424;
	 margin:20px 20px;
	 padding:20px;
	 box-sizing:border-box;
	 text-align:center;
	 line-height:150%;
	 font-size:12px;
	 color:#666;
}

#footer_wrap .footer .txt-info b{
	font-weight:normal;
	margin-bottom:15px;
	display:block;
	color:#999;
}
#footer_wrap .footer .txt-info a{
	color:#f2f2f2;
	display:block;
	margin:15px 0 20px;
	text-decoration:underline;
}



/*==================
	넓이
==================*/
.w32p {width:32% !important;}
.w22p {width:22% !important;}
.w100p {width:100% !important;}




/*==================
	회원 2020-03-30
==================*/

.pop_con{background:#fff; margin:15px; padding:20px 15px; margin-bottom:20px; box-sizing:border-box;}
.pop_con div:last-child{ margin-bottom:0;}
.pop_con .line{border-top:1px solid #e1e1e1;}
.pop_con .line-bottom{border-bottom:1px solid #e1e1e1;}


.login-info{text-align:center; color:#7f7f7f; line-height:20px; font-size:13px; margin-bottom:20px; }
.login-info b{color:#292929; font-weight:normal;font-size: 13px; vertical-align:bottom;}
.login-info strong{color:#000; font-weight:600;font-size: 15px;}

.login_tab {padding:0 0; box-sizing:border-box; margin-bottom:25px;}

.login_input {/*padding-right:10px; padding-left:10px;*/ margin-bottom:20px;}
.login_input .font10{ color:#7f7f7f;line-height:14px;}
.login_input .font10.clear{  padding-top:5px;}
.login_input .font12{  color:#7f7f7f; line-height:16px;}
.login_input .btn{ color:#fff;}
.login_input .font12.clear{  padding-top:5px;}
.login_input .green{ color:#199224; }
.login_input .red{ color:#e50012; }

.login_input .input_area {margin-bottom:10px; }
.login_input .cert .btn {float:right; width:29%; }
.login_input .login_check {overflow:hidden; margin-top:8px; }
.login_input input[type="checkbox"]+label {font-size:13px; color:#000; text-indent:0; padding-left:26px; }
.login_input input[type="radio"]+label {font-size:13px; color:#000; text-indent:0; padding-left:26px; }
.login_input input.id{background:url(../images/icon-id.png) 10px 11px no-repeat; padding-left: 35px;background-size:17px 17px;}
.login_input input.pw{background:url(../images/icon-password.png) 10px 11px no-repeat; padding-left: 35px;background-size:17px 17px;}

.login_input dl{ margin-bottom:20px;}
.login_input dl:last-child{margin-bottom:0;}
.login_input dl dt{ color:#999; font-weight:normal; margin-bottom:10px;}
.login_input .cols{ overflow:hidden;}
.login_input .cols .fl{width:65%;}
.login_input .cols .btn{
	float: right;
    min-width: 33%;
    height: 39px;
    line-height: 39px;
    padding: 0;
	color:#fff;
	
}
.login_input input.disabled{ border:1px solid #cfcfcf; background:#f9f9f9; color:#7f7f7f;}
.login_input input.disabled::placeholder { color: #7f7f7f;}

.login_btn {padding:0 0;/* margin-top:30px;*/ }
.login_btn.mt0{margin-top:0;}
.login_btn button {width:100%; }
.login_btn .find {text-align:center; font-size:0; margin-top:15px; }
.login_btn .find li {display:inline-block;  }
.login_btn .find li {margin-right:16px;line-height: 0; }
.login_btn .find li:first-child {border-left:none; margin-left:0; padding-left:0; padding-right:16px;  position:relative; }
.login_wrap  .login_btn .find li:first-child:after{ position:absolute; right:0; top: 4px; content:""; 
display:inline-block; width:1px; height:11px; border-left:1px solid #a7a7a7;}
.login_btn .find li a {font-size:12px; color:#000; vertical-align:text-top; }
.login_btn a.under{text-decoration:underline;}
.login_btn .font12{font-size:12px; }
.login_btn .bn{font-weight:normal; }
.login_btn .btn.join{margin-top:10px;}
.login_btn .bb{font-weight:600; }


.join_wrap {margin:25px 10px 25px; padding-top:25px; border-top:1px dotted #dcdcdc; text-align:center; }
.join_wrap p {font-size:14px; color:#666; margin-bottom:11px; }
.join_wrap button {width:100%; }


.no_member {display: none;}
.no_member .tel_area {margin-bottom:5px; }
.no_member .tel_area ul {float:left; width:70%; }
.no_member .tel_area ul li {float:left; height:39px; line-height:39px; text-align:center; vertical-align:middle; }
.no_member .tel_area ul li:nth-child(odd) {width:30%; }
.no_member .tel_area ul li:nth-child(even) {width:5%; }
.no_member .tel_area .btn, .no_member .cert .btn { color:#fff;float:right; width:33%; height:39px; line-height:39px; padding:0; }
.no_member .cert input {float:left; width:65%; }
.no_member .desc {margin:25px 10px 25px; padding-top:25px; border-top:1px dotted #dcdcdc; }
.no_member .desc p {font-size:13px; color:#1a1a1a; text-align:center; line-height:18px; }
.no_member .desc p span {font-size:13px; font-weight:800; color:#23ade3; vertical-align:bottom; }
.non_member {display:none; }
.non_member_txt {font-size:13px; color:#1a1a1a; text-align:center; line-height:18px; margin:25px 0 20px; }
.non_member_txt span {font-size:13px; font-weight:800; color:#1a1a1a; vertical-align:bottom; }


.login_btn.sns{margin:20px 15px; padding:0; text-align:center;}
.login_btn.sns .easy li{ width:31%; display:inline-block; text-align:center;}
.login_btn .easy{margin-top:15px;}
.login_btn .easy li{margin-bottom:10px;}
.login_btn .easy li:first-of-type{margin-left:0;}
.login_btn .easy li a{display:block; height:40px; border-radius:3px; line-height:38px; font-size:13px; color:#fff; 
text-align:left; text-align:center;}
.login_btn .easy li a .logo{display:inline-block; margin-right:5px; vertical-align:top;}
.login_btn .easy li a .logo img{margin-top:-1px;}
.login_btn .easy .login_naver a{background:#2db400 url(../images/common/login_naver_logo.gif) 20px 12px no-repeat;
background-size:15px auto; padding-left:20px;}

.login_btn .easy .login_kakao{margin-right:5px;}
.login_btn .easy .login_kakao a{background:#ffea0f url(../images/common/login_kakao_logo.gif) 20px 11px no-repeat; 
color:#3b1e1e; background-size:18px auto; padding-left:20px; }

.login_btn .easy .login_apple{margin-right:5px;}
.login_btn .easy .login_apple a{background:#000 url(../images/common/login_apple_logo.gif) 20px 10px no-repeat; 
color:#fff; background-size:15px auto; padding-left:20px; }


.login_btn .easy .login_facebook a{background:#3b579d;}
.login_btn .easy .login_facebook a .logo{width:8px;}


/*h3*/
h2,.h2{font-size:15px; color:#000; }
h2 .r{color:#e50012; font-size:15px; vertical-align:bottom;}
h2 .b{color:#535cd2; font-size:15px; vertical-align:bottom;}
h3,.h3{font-size:12px; color:#2b3aa1;  margin-bottom:10px;}
h4,.h4{font-size:15px; color:#000; margin-bottom:20px;}
h5,.h5{color:#000; font-size:18px; line-height:23px; font-weight:600; margin-bottom:20px;}
.agre-info .h3,.agre-info h3{margin:0 0 0 20px;}

h4.bl{font-size:15px; color:#000; margin-bottom:20px; font-weight:600; position:relative; border-bottom:1px solid #e1e1e1;padding-bottom:15px;}
h4.bl:before{ content:""; display:inline-block; vertical-align:top; width:3px; height:15px; background:#2b3aa1;  margin-top: 2px; margin-right:5px;}
h4.bl:after{   content:""; display:inline-block;   width:8px; height:14px; background:url(../images/icon-arrow.png) left top no-repeat; 
background-size:8px 14px; position:absolute; right:3px; top:3px;}

/*agre-info*/
.agre-info{ margin:20px 0 20px 0; font-size: 13px; position:relative; }
.agre-info .input_area{ margin-bottom:15px;}
.agre-info dl label{ font-size: 13px; color: #000; text-indent: 0; padding-left: 26px;}
.agre-info dl dt{border-bottom:1px solid #e1e1e1; padding:0 0 15px 0;}
.agre-info dl dd {padding:0 0; text-align:left; overflow:hidden;}
.agre-info dl dd ul li{margin-top:20px;}

.agre-info dl dd span{float:right;}
.agre-info dl dd a{font-size:10px; color:#999; text-decoration:underline;}

.agre-step{position:absolute; right:20px; top:-3px;}
.agre-step ul li{display:inline-block; width:19px; height:19px; border-radius:19px;
text-align:center; color:#fff; background:#999;  font-size:12px; margin-left:10px;}
.agre-step ul li.on{background:#2b3aa1;}
.agre-step ul:after{ content:""; display:inline-block; width:13px; height:1px; background:#999;
position:absolute; left:29px; top:9px; z-index:1;}

/*join-welcom*/
.join-welcom {background:url(../images/img-welcome.png) top center no-repeat; background-size:auto 70px;
	padding-top:90px;text-align:center;
}
.join-welcom.order {background:url(../images/ionc-order-finish.png) top center no-repeat; background-size:auto 70px;
	padding-top:90px;text-align:center;
}
.join-welcom p.txt-tit{ }
.join-welcom p.txt-info{ color:#2b3aa1; font-size:14px; line-height:18px; font-weight:600; margin-bottom:20px;}
.join-welcom p.txt-info.round{width:80%; font-size:12px; margin:20px auto; background:#f7f7f7;border-radius:22px;  padding:5px 10px; text-align:center;}

/*btn-list*/
.btn-list{text-align:center; margin-bottom:20px; clear:both;}
.btn-list .btn {min-width:49%;}
.btn-list.mb0{margin-bottom:0;}

/*coupon-list*/
.coupon{border-top:3px solid #cfcfcf;}
.coupon-list ul li{margin-bottom:20px;}
.coupon-list ul li a{ display:block;height:94px; font-size:0; text-indent:-999px;  background-size:auto 94px;}
.coupon-list a.cu2000{background:url(../images/icon-join-2000.png) top center no-repeat;background-size:auto 94px;}
.coupon-list a.cu8000{background:url(../images/icon-join-8000.png) top center no-repeat; background-size:auto 94px;}
.coupon-list a.cu1000{background:url(../images/icon-join-1000.png) top center no-repeat; background-size:auto 94px;}


/*tatal-search-wrap*/
.tatal-search-wrap{background:#fff; padding:15px;}
.tatal-search-wrap fieldset{ border:none;}

.tatal-search-form{ border-bottom:2px solid #000; position:relative;}
.main_con .tatal-search-form {border-bottom:0;}
.tatal-search-form input[type="search"]{border:none; width:89%; display:inline-block;}
.tatal-search-form button{background:url(../images/icon-search-small.png) left top no-repeat; background-size:auto 28px;
display:inline-block; width:28px; height:28px; position:absolute; right:5px; top:5px;}

.tatal-search-list div{  font-size:17px; line-height:41px; font-weight:600; }
.tatal-search-list div.slick-active.slick-current{ color:#2b3aa1; }
.tatal-search-list .slider{margin: 3% auto;}

/*==================
	메인 main
==================*/
.main_con {overflow:hidden; background-color: #fff;}
.main_con nav{background:#fff; padding:10px; text-align:center; height:35px; z-index:9999; overflow:hidden;}
.main_con nav a { display:inline-block; font-size:13px; margin-right:13px; position:relative; font-weight:400; }
.main_con nav a span {font-size:13px; position:relative; font-weight:400; }
.main_con nav a:last-child{margin-right:0;}
.main_con nav a.get span:after{ content:""; display:inline-block; width:10px; height:10px; 
background:url(../images/icon-cross.png) left top no-repeat; background-size:9px auto;
position:absolute; right:-9px; top:-3px;}
.main_con nav a:nth-child(1){width:14%;}
.main_con nav a:nth-child(2){width:14%;}
.main_con nav a:nth-child(3){width:20%;}
.main_con nav a:nth-child(4){width:14%;}
.main_con nav a:nth-child(5){width:16%;}

.main_con .tit-wrap{text-align: center; margin-bottom: 38px;}
.main_con .tit-wrap .tit{display: block; font-size: 25px; font-weight: 700; line-height: normal;}
.main_con .tit-wrap .stit{display: block; margin-top: 10px; font-size: 14px; color: #6f6f6f}

div.main_visual_wrap {position: relative; background:url(../images/bg-main-visual.png) left top no-repeat; background-size:cover;text-align:center; padding:20px 0 25px 0;}
div.main-visual .swiper-slide {width: 70%;height: auto;}
div.main-visual .swiper-slide a {display:block;}
div.main-visual .swiper-slide img{width:100%;}
div.main-visual .swiper-pagination{left:0 ; top:299px; height:2px; width:100% !important;}
div.main_visual_wrap .swiper-container-horizontal>.swiper-scrollbar {bottom: 10px;}

.main_visual_wrap + .itemlist{margin-top: 48px;}

.swiper-pagination.type-gray.swiper-pagination-bullets{position: static; margin-top: 19px;}
.swiper-pagination.type-gray.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px !important; height: 8px !important; background-color: #e4e4e4; border-radius: 8px; opacity: 1;}
.swiper-pagination.type-gray.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 31px !important; background-color: #bcbcbc; border-radius: 8px;}

.type-gray.swiper-pagination-bullets{position: static; margin-top: 19px;text-align: center;transition: all .23s;}
.type-gray.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px !important; height: 8px !important; background-color: #e4e4e4; border-radius: 8px; opacity: 1;}
.type-gray.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 31px !important; background-color: #bcbcbc; border-radius: 8px;}

.itemlist div.swiper-slide img{width:100%;height:auto;}
.itemlist div.swiper-slide a{display:block;}
.itemlist ~ .itemlist{margin-top: 60px;}
.itemlist .swiper{padding: 0 15px;}
.itemlist .swiper .swiper-slide{width: 63.43%; height: auto; margin-right: 15px;}
.itemlist .swiper .swiper-slide:last-child{margin-right: 0;}
.itemlist .swiper .swiper-slide a{display: block; height: 100%;}
.itemlist .swiper .swiper-slide .img-box{margin-bottom: 17px;}
.itemlist .swiper .swiper-slide p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 38px; font-size: 14px; line-height: 19px; color: #252525; text-overflow: ellipsis;}
.itemlist .price-info{display: block; margin-top: 11px; font-size: 15px; font-weight: 700;}
.itemlist .price-info .discount{font-style: normal; color: #e2211c;}
.itemlist .price-info .amount-pay{color: #101010;}
.itemlist .price-info .cost{font-weight: 400; font-size: 12px; color: #a7a7a7; text-decoration: line-through;}
.itemlist .rating-info{font-size: 0; line-height: 1;}

.rating-info{margin-top: 10px; font-size: 0; line-height: 1;}
.rating-info .star-rating{display: inline-block; width: 65px; height: 11px; background: url(../images/main-new/img-star-main.png) 0 / 100% no-repeat; vertical-align: top;}
.rating-info .star-rating span{display: block; height: 11px; background: url(../images/main-new/img-star-main-ac.png) 0 / 65px no-repeat;}
.rating-info .rating-count{display: inline-block; margin-left: 7px; font-size: 11px; font-style: normal; color: #c0c0c0; line-height: 1; vertical-align: top;}

/* .itemlist.recommend-line .swiper .swiper-slide:first-child{width: 53.33%;} */
.itemlist.recommend-line .tab-menu-wrap{margin-bottom: 18px;}
.itemlist.recommend-line .tab-menu-wrap ul{overflow-x: auto; padding: 0 15px; white-space: nowrap; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.itemlist.recommend-line .tab-menu-wrap ul::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.itemlist.recommend-line .tab-menu-wrap ul li{display: inline-block;} 
.itemlist.recommend-line .tab-menu-wrap ul li + li{margin-left: 10px;}
.itemlist.recommend-line .tab-menu-wrap ul li .btn-tab-menu{display: block; padding: 0 17px; background-color: #f5f5f5; border-radius: 20px; font-size: 14px; line-height: 40px; color: #707070; letter-spacing: -0.7px; transition: all .23s;}
.itemlist.recommend-line .tab-menu-wrap ul li.active .btn-tab-menu{background-color: #101010; font-weight: 700; color: #fff;}
.itemlist.recommend-line .tab-cont-wrap .tab-content:not(.active){display: none;}
.itemlist.recommend-line .line-type{background-color: #f5f5f5;}
.itemlist.recommend-line .line-type .ti{max-height: 44px; font-size: 15px; font-weight: 700; line-height: 22px; color: #707070;}
.itemlist.recommend-line .line-type .info-txt{margin-top: 10px; font-size: 14px; line-height: 19px; color: #707070;}
.itemlist.recommend-line .line-type .prod-info{padding: 0 15px 15px;}

.itemlist.pro-derma .tit-wrap .tit{position: relative; display: inline-block; padding-top: 5px; vertical-align: top;}
.itemlist.pro-derma .tit-wrap .tit:after{content: ''; position: absolute; top: 0; right: -17px; width: 19px; height: 13px; background: url(../images/main-new/ico-live.png) 0 / 100% no-repeat;}
.itemlist.pro-derma .swiper{padding: 0 30px;}
.itemlist.pro-derma .swiper-slide{width: 100%; box-shadow: 0px 13px 40px 0 rgba(0, 0, 0, 0.18);}
.itemlist.pro-derma .swiper .img-box{margin-bottom: 28px;}
.itemlist.pro-derma .prod-info{padding: 0 30px 28px; text-align: center;}
.itemlist.pro-derma .prod-info .txt-lb{position: relative; display: inline-block; font-size: 12px; font-weight: 700; vertical-align: top;}
.itemlist.pro-derma .prod-info .txt-lb:after{content: ''; position: absolute; top: -4px; right: -14px; width: 14px; height: 9px; background: url(../images/main-new/ico-live.png) 0 / 100% no-repeat;}
.itemlist.pro-derma .prod-info .tit{margin-top: 15px; font-weight: 700; color: #252525;}
.itemlist.pro-derma .prod-info .desc{max-height: 48px; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e4e4e4; font-size: 12px; line-height: 17px; color: #6f6f6f; box-sizing: border-box;}

.skin-pro{margin-top: 60px; padding: 87.47% 15px 67px; background: #efeff2 url(../images/main-new/bg-skin-pro.png) 0 / 100% no-repeat; text-align: center;}
.skin-pro .sub-txt{font-size: 24px; letter-spacing: -1.15px; word-break: keep-all; color: #303030; line-height: 1.2;}
.skin-pro .txt{margin-top: 14px; font-size: 34px; font-weight: 700; letter-spacing: -1.7px; color: #045906; line-height: 1;}
.skin-pro .skin-pro-video{position: relative; margin-top: 26px;}
.skin-pro .skin-pro-video .video-area video{display: block; width: 100%; height: 100%; object-fit: cover;}
.skin-pro .skin-pro-video .play{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/main-new/ico-video.png) center / 61px no-repeat; z-index: 2;}

.find-pharm{display: block; padding: 57px 30px 55px; margin-top: 60px; background-color: #f7f8fb; text-align: center;}
.find-pharm .stit{font-size: 14px; color: #151515;}
.find-pharm .stit:before{content: ''; display: block; width: 28px; height: 31px; margin: 0 auto 16px; background: url(../images/main-new/place.png) 0 / 100% no-repeat;}
.find-pharm .tit{margin-top: 9px; font-size: 25px; font-weight: 700; letter-spacing: -1.25px; line-height: 1;}
.find-pharm .desc{margin-top: 24px; font-size: 14px; line-height: 19px; color: #7b7a7a; word-break: keep-all;}
.find-pharm .search-box{display: flex; height: 40px; background-color: #fff; border-radius: 20px; margin-top: 30px; border: 1px solid #e4e4e4;}
.find-pharm .search-box input{padding: 0 10px 0 25px; border: none; background: none;}
.find-pharm .search-box .btn-search{flex-shrink: 0; display: block; width: 38px; height: 38px; margin-right: 8px; background: url(../images/main-new/icon-search.png) center / 17px 18px no-repeat;}

div.hot-itemlist{padding-top:30px;}
div.hot-itemlist01{padding-bottom:0;}
div.hot-itemlist02{padding-top:0; min-height:270px;}
div.pharmacy-itemlist{padding-top:30px;}

.md-choice{background: white;}
div.get-itemlist{ background:#fff; box-sizing:border-box; padding:20px 15px; min-height:330px; position:relative;}
div.get-itemlist h2{margin-bottom:20px; text-align:left;}
div.get-itemlist div.swiper-slide{ width: 100%;  }
div.get-itemlist div.swiper-slide a img { width: 100%; object-fit: cover;  } 
div.get-itemlist dl{margin-top:10px; color:#7f7f7f;}
div.get-itemlist dl dt{font-size:17px; display: inline-block; width: 98%; white-space: nowrap; overflow: hidden; 
text-overflow: ellipsis; font-weight:300; margin-bottom:10px;color:#000;}
div.get-itemlist dl dd{margin-bottom:10px;}
div.get-itemlist dl dd.line{border-top:1px solid #e1e1e1; padding-top:10px;}
div.get-itemlist dl dd.name{ color:#999;}
div.get-itemlist dl dd.name span{display:inline-block; min-width:23%;}
div.get-itemlist .swiper-pagination{position:absolute; right:15px; bottom:28px;  display:inline-block; border-radius:20px; height:20px; text-align:center;

width:54px !important; text-align:center; color:#2b3aa1; background:#f3f4fa; padding:0 10px; font-size:12px;}
div.get-itemlist #numberSlides{position:absolute; right:15px; bottom:28px;  display:inline-block; border-radius:20px; 
height:20px; text-align:center;width:54px !important; text-align:center; color:#2b3aa1; background:#f3f4fa; padding:0 10px; font-size:12px;}

.main-visual .swiper-pagination{position:absolute; right:15px; bottom:28px;  display:inline-block; border-radius:20px; 
height:20px; text-align:center;width:54px !important; text-align:center; color:#2b3aa1; background:#f3f4fa; padding:0 10px; font-size:12px;}


div.get-itemlist.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:auto; }
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{right:0;}
.hot-itemlist .swiper-pagination-bullet {border-radius: 2.5px;}
.pharmacy-itemlist .swiper-pagination-bullet {border-radius: 2.5px;}
dl.price-info{text-align:left;}
dl.price-info dt{ text-align:left;color:#000; word-break: keep-all;  margin-bottom:5px;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:38px;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
}
dl.price-info dd{text-align:left;  line-height:18px; padding-top:5px;white-space: nowrap;font-size: 0;}
dl.price-info dd.price{ border-top:1px solid #e1e1e1; font-weight:600; font-size:13px;}
dl.price-info dd.price span{ font-size:12px; color:#7f7f7f; text-decoration:line-through; font-weight:300; vertical-align: top;}
dl.price-info dd.icon img{width:auto; height:10px;}
dl.price-info dd.icon img + img {padding-left:3px;} 



.main-banner{ background:#fff;}
.main-banner a{ display:block;}
.main-banner img{ width:100%; /*height:197px;*/ object-fit: cover;}

.live-tab{ background:#fff; margin-top:6px; overflow:hidden;position:relative; min-height:254px; margin-bottom:6px;}
.live-tab h3{width:50%; float:left;}
.live-tab h3 a{ color:#999999; border-bottom:1px solid #e1e1e1; display:block; text-align:center; padding:13px 0; min-height:46px;
text-align:center;  font-size:15px; font-weight: 500;}
.live-tab h3 a.on{color:#000; border-bottom:2px solid #2b3aa1; font-weight:600;}
.live-tab div.cont{position:absolute; left:0; top:55px; width:100%; height:184px;}
/*.live-tab div.cont ol{list-style:decimal; padding:0 10px;}
.live-tab div.cont ol li{list-style-type:decimal; overflow:hidden; }
.live-tab div.cont ol li.on{}
.live-tab div.cont ol li a{color:#7f7f7f; display:block; padding:10px; font-size:13px;}
.live-tab div.cont ol li.on a,.live-tab div.cont ol li.on:hover a{ 
	color:#fff;
	background:#2b3aa1;
	background: -webkit-linear-gradient(left, #2b3aa1 , #6170d6); 
	background: -o-linear-gradient(right, #2b3aa1, #6170d6); 
	background: -moz-linear-gradient(right, #2b3aa1, #6170d6); 
	background: linear-gradient(to right, #2b3aa1 , #6170d6); 
}
.live-tab div.cont ol li.on{box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}

.live-tab div.cont ol li em{font-style:normal; display:inline-block;min-width:15px; font-size:13px;}
.live-tab div.cont ol li span{ display:inline-block; font-size:13px;}
.live-tab div.cont ol li span.price{ float:right;}
*/
.live-tab div.cont .slider{list-style:decimal; padding:0 10px; width:100%; margin:0; font-size:17px; 
color:#7f7f7f; text-align:left; }
.live-tab div.cont .slider div{list-style-type:decimal; overflow:hidden;  width:100%; }
.live-tab div.cont .slider a{color:#7f7f7f; display:block; padding:10px; font-size:13px;}
.live-tab div.cont .slick-active.slick-current a{ 
	color:#fff;
	background:#2b3aa1;
	background: -webkit-linear-gradient(left, #2b3aa1 , #6170d6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #2b3aa1, #6170d6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #2b3aa1, #6170d6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #2b3aa1 , #6170d6); /* Standard syntax */
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.live-tab div.cont .slick-active.slick-current a{color:#fff;}

/*기존*/
.live-tab div.cont ol li.on{box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.live-tab div.cont .slider div em{font-style:normal; display:inline-block;min-width:15px; font-size:13px;}
.live-tab div.cont .slider div span{ display:inline-block; font-size:13px;}
.live-tab div.cont .slider div span.price{ float:right;}


.live-tab div.cont ol{list-style:decimal; padding:0 10px;}
.live-tab div.cont ol li{list-style-type:decimal; overflow:hidden; }
.live-tab div.cont ol li.on{}
.live-tab div.cont ol li a{color:#7f7f7f; display:block; padding:10px; font-size:13px;}
.live-tab div.cont ol li.on a,.live-tab div.cont ol li.on:hover a{ 
	color:#fff;
	background:#2b3aa1;
	background: -webkit-linear-gradient(left, #2b3aa1 , #6170d6); 
	background: -o-linear-gradient(right, #2b3aa1, #6170d6); 
	background: -moz-linear-gradient(right, #2b3aa1, #6170d6); 
	background: linear-gradient(to right, #2b3aa1 , #6170d6); 
}
.live-tab div.cont ol li.on{box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);}

.live-tab div.cont ol li em{font-style:normal; display:inline-block;min-width:15px; font-size:13px;}
.live-tab div.cont ol li span{ display:inline-block; font-size:13px;}
.live-tab div.cont ol li span.price{ float:right;}


.live-tab-wrap .swiper-slide{ height:15px !important; }

/*best-review*/
.best-review{position:relative; background:#fff; box-sizing:border-box; padding:20px 15px; min-height:317px;
margin-top:6px; }
.best-review h2{margin-bottom:20px;}
.best-review .swiper-slide a{ display:block;}
.best-review .swiper-slide a.review p.tump{display:inline-block; position:relative; width:115px; height:115px; float:left;}
.best-review .swiper-slide a.review p.tump img{width:115px;height:115px;object-fit: cover;}
.best-review .swiper-slide span.add {
    display: block;
    background: url(../images/icon-photo-add.png) no-repeat 0 0;
    background-size: 17px 17px;
    width: 17px;
    height: 17px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.best-review .swiper-slide a.review p.tump span.best{background:#000; text-align:center; color:#fff;
width:40px; height:19px; padding-top:0; font-size:11px; position:absolute; left:0; top:0;}
.best-review .swiper-slide a.review dl.review{ display:inline-block; width:56%; margin-left:10px;}
.best-review .swiper-slide a.review dl.review dt{ color:#7f7f7f; font-weight:600; margin-bottom:5px;}
.best-review .swiper-slide a.review dl.review dd.date{ font-size:10px; color:#999; margin-bottom:5px;}
.best-review .swiper-slide a.review dl.review dd.txt{ 
	margin-bottom: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 47px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.star-rating{display: block; height: 13px; background: url(../images/img-star.png) 0 0 no-repeat; 
background-size:auto 13px; width:81px;}
.star-rating span{ background:url(../images/img-star-full.png) left top no-repeat; display:block; height:13px;
background-size:auto 13px;}
/*.star-rating span{ background:url(../images/bg-star-empty.png) left top no-repeat; display:inline-block; width:13px; height:13px; background-size:13px 13px;}*/
.star-rating .full{ background:url(../images/bg-star-full.png) left top no-repeat;background-size:13px 13px;}
.star-rating .half{ background:url(../images/bg-star-half.png) left top no-repeat;background-size:13px 13px;}

.best-review .swiper-slide a.item{border:1px solid #e1e1e1; display:block; margin-top:10px; height:77px; overflow:hidden; }
.best-review .swiper-slide a.item div{display:table; width:100%;}
.best-review .swiper-slide a.item p.tump{ width:75px; display:table-cell; display:inline-block;}
.best-review .swiper-slide a.item p.tump img{ width:75px; height:75px;}
.best-review .swiper-slide a.item p.txt{ display:table-cell;  width:70%; height:75px; 
font-size:14px;word-break: keep-all; line-height:20px; vertical-align:middle;}

.best-review .swiper-pagination{bottom:20px;}
.best-review .swiper-pagination-bullet-active{background:#000;  width:20px; height:5px !important; border-radius:2.5px !important;}

/*
.best-review{margin-top: 60px; padding: 0 15px;}
.best-review .best-review-list li{display: flex; align-items: center;}
.best-review .best-review-list li + li{padding-top: 18px; margin-top: 17px; border-top: 1px solid #e5e5e5;}
.best-review .best-review-list .thumb-box{flex-shrink: 0; width: 127px; margin-right: 15px;}
.best-review .best-review-list .thumb-box img{width: 100%; object-fit: cover;}
.best-review .best-review-list .info{flex: 1; overflow: hidden;}
.best-review .best-review-list .info .ttl{overflow: hidden; display: block; font-size: 14px; font-weight: 700; color: #252525; white-space: nowrap; text-overflow: ellipsis;}
.best-review .best-review-list .info .rating-count{font-weight: 700; color: #282828;}
.best-review .best-review-list .info .review-desc{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:51px; overflow:hidden; text-overflow:ellipsis; margin-top: 14px; font-size: 12px; line-height: 17px; color: #6f6f6f;}
.best-review .best-review-list .info .user-info{margin-top: 14px; font-size: 0; line-height: 1;}
.best-review .best-review-list .info .user-info span{display: inline-block; font-size: 11px; color: #a4a4a4; vertical-align: top; line-height: 1;}
.best-review .best-review-list .info .user-info span + span:before{content: ''; display: inline-block; width: 1px; height: 9px; margin: 1px 5px; background-color: #e1e1e1; vertical-align: top;}
*/

.event-list{position:relative; background:#fff; box-sizing:border-box; padding:20px 15px;  margin-top:6px; }
.event-list h2{margin-bottom:20px;}
.event-list .swiper-slide {width:100%; }
.event-list a.tump img{ width:100%; /*height:162px;*/ object-fit:cover; }
.event-list .swiper-pagination{clear:both;  position:relative; width:100%; bottom:auto;}
.event-list .swiper-pagination-bullet-active{background:#000; width:20px; height:5px !important;  border-radius:2.5px;}
.event-list .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:0;}

.sub-banner{background:#fff; box-sizing:border-box; padding:0 15px 40px 15px; text-align:center; clear:both;}
.sub-banner a{display:block;}
.sub-banner a img{ width:100% ;/* height:110px;*/}

.foot-banner a{display:block;}
.foot-banner a.tump img{ width:100% ; height:180px; object-fit:cover;}


.main-notice{background-color: #444;; color:#fff; overflow:hidden; position:relative;}

.main-notice .rolling-wrap{display: flex; align-items: center; height:47px; padding: 0 30px; line-height: 47px; overflow: hidden;}
.main-notice .rolling-wrap span.tit{flex-shrink: 0; display:inline-block; margin-right: 17px; font-weight:700; text-align:center; font-size:13px; vertical-align:top; }
.main-notice .rolling-wrap .rolling-box{overflow: hidden; flex: 1; position:relative; display:inline-block; height: 100%;}
.main-notice .rolling-wrap .rolling-box li{ height:47px;  overflow:hidden;}
.main-notice .rolling-wrap .rolling-box li a{display: block; height: 100%; color:#b0b0b0; }
.main-notice .rolling-wrap .rolling-box li a span{width:100%; display:block; overflow:hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 47px;}
.main-notice .rolling-wrap a.btn-plus{flex-shrink: 0; display :block; width:30px; height:30px; padding: 9px; margin-right: -9px; margin-left: 21px; text-align: center;}
.main-notice .rolling-wrap a.btn-plus img{width:12px; height:12px; vertical-align: top;}


.swiper-pagination-bullet{width:6px !important; height:6px !important; border-radius:6px;}
.swiper-pagination-bullet-active{background:#000; width:20px  !important; height:5px  !important; 
border-radius:2.5px;}

/*==================
	상품 리스트
==================*/
.no_data {padding:15px 0;}

.board-list-wrap{background:#fff; padding:15px 15px 30px; position:relative;}
.board-list-wrap.border-top{border-top:6px solid #f4f4f4;}
.board-list-total{ position:relative; text-align:right; overflow:visible; margin-bottom:10px; border-bottom:1px solid #e1e1e1; padding-bottom:10px;}
.board-list-total:after{content:""; clear:both; display:block; }
.board-list-total.bnone{border:none;}
.board-list-total .list-align{vertical-align:top; line-height:14px;}
.board-list-total .list-align img{ width:18px; height:18px; display:inline-block;margin-left:3px;}
.board-list-total a.delete{ display:block; padding-left:25px; float:right; background:url(../images/icon-delete.png) no-repeat 0 0;
background-size:20px 20px; font-size:13px; height:20px;}

.board-list-total span select{ height:30px; background: #fff url(../images/icon-select.png) no-repeat 95% 7px; background-size: 14px 14px;}


.list-align-cont{display:none; background:#fff; border:1px solid #e1e1e1; width:95px; position:absolute; right:0; top:25px;}
.list-align-cont ul li a{display:block; text-align:left; padding:10px 15px;}
.list-align-cont ul li a.on,.list-align-cont ul li a:active{ color:#2b3aa1; font-weight:bold;}

.board-list{}
.board-list > ul {text-align:left; overflow:hidden;}
.board-list > ul li{ width:48%; float:left; min-height: 230px;}
.board-list > ul li:nth-child(even){ margin-left:10px;}
.board-list > ul li a{ display:block;}
.board-list > ul li p.tump{text-align:center;}
.board-list > ul li p.tump img{width:130px; height:130px;}

.board-list-normal{background:#fff; padding-bottom:50px; border-top: 1px solid #e1e1e1; }
.board-list-normal ul li{padding:15px; border-bottom:1px solid #e1e1e1;}
.board-list-normal ul li span.icon {display:block;margin-bottom:5px;}
.board-list-normal ul li span.icon img{height:15px;}
.board-list-normal ul li a{ display:block;}
.board-list-normal ul li dl dt{ font-size:13px; margin-bottom:9px;}
.board-list-normal ul li dl dd.data{color:#999;}
.board-list-normal ul li dl dd.data span{color:#999;}
.board-list-normal ul li dl dd.data span:before{content:"|"; font-size:11px; color:#999; display:inline-block; margin:0 5px;}



.board-list .order-cont {padding:15px 0; position:relative; border-bottom:1px solid #e1e1e1; overflow:hidden; }
.board-list .order-cont:last-child{border-bottom:none;}
.board-list .order-cont p.tump{ float:left; width:95px; height:95px; position:relative; }
.board-list .order-cont p.tump span.disabled{display:block; width:100%; height:100%; 
position:absolute; left:0; top:0; background:rgba(250,250,250,0.5); }
.board-list .order-cont p span.disabled b{background:rgba(0,0,0,0.5); display:block; width:70%; height:20px; 
padding:0 0; color:#fff; border-radius:20px; text-align:center; font-weight:normal; margin:35px auto;}

.board-list .order-cont p.tump img{ width:95px; height:95px;}
.board-list .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.board-list .order-cont div.cont p.tit{ margin-bottom:10px; font-size:12px; width:86%;}
.board-list .order-cont div.cont p.price strong{ font-size:15px;}
.board-list .order-cont div.cont p.price .through{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.board-list .order-cont a.delete{ display:block;background:url(../images/icon-close-list.png) right top no-repeat; 
background-size:20px 20px; width:30px; height:30px; position:absolute; right:0; top:23px; font-size:0;}
.board-list .order-cont div.cont p.icon a{display:inline-block; font-size:0; }
.board-list .order-cont div.cont p.icon a.hart{background:url(../images/icon-list-favorite.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.board-list .order-cont div.cont p.icon a.on{background:url(../images/icon-list-full.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.board-list .order-cont div.cont p.icon a.hart:active{background:url(../images/icon-list-full.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }

.board-list .order-cont div.cont p.icon a.cart{background:url(../images/icon-no-cart.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }

/*==================
	상품 쓰기
==================*/

.board-write{ padding:15px 15px; background:#fff;}

.board-write dl{ margin-bottom:10px; clear:both; overflow:hidden;}
.board-write dl dt{ margin-bottom:7px; color:#999;}
.board-write dl dt span.point{font-size:0; vertical-align:bottom;}
.board-write dl dt span.point:after{  font-size:14px; color:#d51414; content:"*"; display:inline-block; width:12px; height:12px;vertical-align: middle;}
.board-write .textarea{ height:150px;}
.board-check input[type="checkbox"]+label {
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-left: 26px;
}
.board-write select{ font-weight:normal;}

.file-add{ margin-bottom:20px;}
.file-add p{ width:25%; height:auto; float:left;  padding:5px; }
.file-add p.tump{  position:relative;}
.file-add p.tump a{ display:block; height:100%;  /*border:1px solid #e1e1e1;*/}
.file-add p.tump a img{ width:100%; height:100%; object-fit:cover;}
.file-add p.tump a.close{ width:34px; height:34px; text-align:right; position:absolute;right:5px; top:5px; border:none;}
.file-add p.tump a.close img{ width:17px; height:17px;}
.file-add p.add a{ border:1px solid #e1e1e1; display:block; height:100%;  background:#f9f9f9 url(../images/icon-file-plus.png) center center no-repeat;
background-size:17px 17px; font-size:0;}
.file-add p.add a{}


.cols{ overflow:hidden;}
.cols .fl{width:65%;}
.cols .btn{
	float: right;
    min-width: 33%;
    height: 39px;
    line-height: 39px;
    padding: 0;
	color:#fff;
	
}


/*==================
	상품 상세
==================*/
.board-view-wrap{overflow:hidden;}
.board-view-img{position:relative; background:#fff; box-sizing:border-box; padding:20px 15px; min-height:280px;}
.board-view-img .swiper-slide {width:100%; height:225px;}
.board-view-img a.tump img{ width:100%; height:100%; object-fit:contain; }
.board-view-img .swiper-pagination{  bottom:20px;}
.board-view-img .swiper-pagination-bullet-active{background:#000; width:20px; height:6px; border-radius:5px;}

.board-view{background:#fff; box-sizing:border-box; padding:20px 15px; position:relative;}
.board-view-tit p.icon img{height:15px;}
.board-view-tit a.share{position:absolute; right:15px; top:13px;}
.board-view-tit a.share img{height:26px;}
.board-view-tit dl { margin-top:10px;}
.board-view-tit dl dt{ font-size:17px; word-break: keep-all; line-height:20px;  margin-bottom:10px; }
.board-view-tit dl dd{ color:#7f7f7f;line-height:16px; margin-bottom:10px;}

.board-view-price{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:10px 0;}
.board-view-price dl{ display:table; width:100%; vertical-align:top;}
.board-view-price dl dt{ color:#7f7f7f;  display:table-cell; width:25%; padding:8px 0;vertical-align:top;}
.board-view-price dl dd{ display:table-cell; width:75%;padding:8px 0; vertical-align:top; }
.board-view-price dl a.down {background:url(../images/btn-down-view.png) right top no-repeat ; background-size:14px 14px; 
display:block;  width:14px; height:14px; position:absolute; right:0; top:7px; padding: 10px 10px 10px 20px; }
.board-view-price dl a.open {background:url(../images/btn-open-view.png) right top  no-repeat ; 
background-size:14px 14px; display:block;  width:14px; height:14px; position:absolute; right:0; top:7px; }

.board-view-price dl a.down img{ width:14px; height:14px;}


.board-view-price dl dd.relative{position:relative;}
.board-view-price dl dd div.d-info{ color:#999; line-height:16px; margin-top:5px;}
.board-view-price .line{ border-top:1px solid #e1e1e1;}

.board-view .hot-itemlist{padding:0; margin:25px 0 0 0; min-height:200px;}

.board-view-detail{background:#fff; box-sizing:border-box; }
.board-view-detail .detail-tab{overflow:hidden; border-bottom:1px solid #cfcfcf;background:#f9f9f9;height: 39px;}
.board-view-detail .detail-tab.fixed{ z-index:999;width:100%; position:fixed; left:0; top:43px;}
.board-view-detail .detail-tab a{display:block; float:left; text-align:center; padding:10px 0;width:25%;background:#f9f9f9;
color:#666;}
.board-view-detail .detail-tab a.on{background:#292929;color:#fff;}
.board-view-detail .detail-tab a.on b{color:#fff; vertical-align:bottom}
.board-view-detail .detail-cont{overflow:hidden; padding: 10px;}
.board-view-detail .detail-cont img{ width:100%; object-fit:cover;}
.board-view-detail .detail-cont .get-item{margin-bottom:10px;}
.board-view-detail #cont2{padding:0;}
.board-view-detail #cont3{padding:0;}

.board-view-detail .qna-info .no_data{text-align:center; margin: 10px 0; background: #f9f9f9;border-radius: 5px; height: 63px;
box-sizing: border-box; padding-top: 21px;}

.board-view-detail .qna-list .no_data,.board-view-detail .qnalist .no_data{text-align:center; margin: 10px; background: #f9f9f9;border-radius: 5px; height: 63px;
box-sizing: border-box; padding-top: 21px;}

.board-view-detail .qna-info .no_data{text-align:center; margin: 10px 0; background: #f9f9f9;border-radius: 5px; height: 63px;
box-sizing: border-box; padding-top: 21px;}

.board-view-detail .no_data{text-align:center; background: #f9f9f9;border-radius: 5px; height: 63px;
box-sizing: border-box; padding-top: 21px;}

.share-wrap{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; z-index:9999999; display:none;}
.share-wrap .share-box{ background:#fff; margin:50% 10px; position:relative; padding:20px 20px 40px 20px; box-sizing:border-box;
border-radius:5px; text-align:center;}
.share-wrap .share-box h4{margin-bottom:40px; text-align:left;}
.share-wrap .share-box a{display:inline-block; width:30%; text-align:center;}
.share-wrap .share-box a img{ width:48px; height:48px;}
.share-wrap .share-box a span{display:block; clear:both; margin-top:15px;}
.share-wrap .share-box a.close {position:absolute; right:10px; top:15px; width:28px; height:28px;}
.share-wrap .share-box a.close img{ width:28px; height:28px;}

.board-view-buy{border-top: 1px solid #e1e1e1; clear:both;box-sizing:border-box; position:fixed; width:100%;left:0; bottom:0; z-index:9999999;text-align:center; padding:5px; background:#fff; }
.board-view-buy.line{border-top: 1px solid #e1e1e1;}
.board-view-buy.none{border-top:none;}

.board-view-buy.btntwo a{ width:49%;}
.board-view-buy a.favorite{ font-size:0; background:#fff url(../images/icon-non.png) center center no-repeat; background-size:21px 21px;
width:24%;}
.board-view-buy a.favorite.on{ font-size:0; background:#fff url(../images/icon-full.png) center center no-repeat; background-size:21px 21px;
width:24%;}

.board-view-buy a.cart{width:24%;}
.board-view-buy a.buy{width:50%;}
.board-view-buy a.soldout{width:75%;}

.popup-layer div.board-view{padding: 15px 0;}
.board-view dl.board-view{padding: 0 15px;}
.board-view dl.board-view dt{ 
	margin-bottom:10px; 
	border-bottom:1px solid #e1e1e1; 
	padding-bottom:10px; 
	line-height:18px; 
	font-size:17px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	
}
.board-view dl.board-view dt.none{ 
	white-space: normal;
	
}
.board-view dl.board-view dt p{margin-bottom:5px;}
.board-view dl.board-view dt p.name{ margin-top:10px; font-size:12px;}
.board-view dl.board-view dt p.name span{color:#7f7f7f;display:inline-block; margin-left:5px;}
.board-view dl.board-view dt p.name span.hit:before{content:"|"; font-size:11px; color:#999; display:inline-block; margin:0 5px;}
.board-view dl.board-view dt p.hashtag{ margin-top:9px;}
.board-view dl.board-view dt p.hashtag span{
	margin-right: 5px;
    border-radius: 8px;
    height: 19px;
    padding: 0 8px;
    text-align: center;
    display: inline-block;
    color: #2b3aa1;
    font-weight: 600;
    background: #f3f3f9;
	font-size:12px;
}
.board-view dt p.tit{ font-size:14px; white-space: none;}
.board-view dt a.share{display:inline-block; position:absolute;right:0; top:-8px;}
.board-view dt a.share img{width:26px; height:26px;}


.board-view dl.board-view dd{ padding:8px 0;}
.board-view dl.board-view dd div.cont{ line-height:18px;}
.board-view dl.board-view dd div.cont img{width:100%; margin-bottom:10px; border-radius:5px;}


/*favorite-wrap*/
.favorite-wrap{ border-radius:5px;margin:0 15px; width:90%; height:165px; position:fixed;
left:0; top:20%; z-index:99999999999; background:rgba(0,0,0,0.8);}
 .favorite-wrap p.icon{ background: url(../images/icon-full.png) center center no-repeat;
 background-size:48px 48px;width:100%; height:48px; margin-top:40px; margin-bottom:20px;}
.favorite-wrap p{ color:#fff; text-align:center; width:100%; text-align:center;}
.favorite-wrap p.txt{ margin-top:70px;}

.bg-wrap{  position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); left:0; top:0; z-index:9999999;
display:none; overflow-y: scroll;}
.bg-box{ background:#fff; margin:50% 10px; position:relative; padding:20px 20px 40px 20px; box-sizing:border-box;
border-radius:5px; text-align:center;}
.bg-box a.close {position:absolute; width:auto; right:10px; top:15px; width:28px; height:28px;}
.bg-box a.close img{ width:28px; height:28px;}

.bg-wrap .nomember-join{ padding-bottom:1px;}
.nomember-join a { display:inline-block;width:30%; text-align:center;}
.nomember-join a img{ height:39px;}
.nomember-join a span{display:block; clear:both; margin-top:15px; font-weight:600;}
.nomember-join p.txt{ border-top:1px solid #e1e1e1; padding-top:15px; margin:15px 0 20px 0; clear:both; line-height:18px;}

.buy-fix{ padding-left:0; padding-right:0; padding-bottom:15px;margin:3% 10px;}
.buy-fix h4{padding-left:20px;}
.buy-fix .order-view{padding:15px 5px; text-align:left; }
.buy-fix .btn-list{padding:0 15px; margin-bottom:0;}
.buy-fix .buy-fix-cupon{padding:0 15px; border-top:6px solid #f4f4f4; padding-top:25px;}
.buy-fix .order-view .order-cont{margin-bottom:0;}
.buy-fix .buy-fix-cupon a.img{display:inline-block; width:45%; margin-right:5px; margin-bottom:20px;}
.buy-fix .buy-fix-cupon a.img img{ width:100%;}

.cartbox .board-view-buy{padding:10px;}
.cartbox .cart-tab {position:relative; text-align:left; /*margin-bottom:20px;*/ vertical-align:bottom;}
.cartbox .cart-tab a.close{ width:100%; height:25px; display:block; text-align:center; position:absolute; left:0; top:-30px; }
.cartbox .cart-tab a.close img{ height:25px;}
.cartbox .sc-box{max-height:420px;overflow-y:auto;padding:0 5px 10px;}
.cartbox .cart-tab .cart-ttl{width:100%;clear:both;margin-bottom:10px;font-size:15px;padding:10px 0;box-sizing:border-box;overflow:hidden;text-overflow: ellipsis;
white-space: nowrap;width: 100%;}
.cartbox .option-area .lb{margin-bottom:5px;font-size:13px;color:#999;}
.cartbox .option-area span.point{font-size:0; vertical-align:bottom;}
.cartbox .option-area span.point:after{font-size:12px; color:#d51414; content:"*"; display:inline-block; width:12px; height:12px;}
/*.cartbox .cart-tab .pick{float:left; overflow:hidden;}*/
.cartbox .cart-tab .pick a{font-size: 0; text-indent: -9999px; display:inline-block; width:30px; height:30px; border-radius:none; float:left;}

.cartbox .cart-tab .pick input.num{border-radius:0;color:#000;text-align:center; padding:0; width:40px; height:30px;float:left; border-left:none; border-right:none;}
.cartbox .cart-tab .pick input.num:focus{border:1px solid #d7d7d7;}
.cartbox .cart-tab .pick a.minus{ background:url(../images/icon-pick-minus.png) left top no-repeat; background-size:30px 30px;}
.cartbox .cart-tab .pick a.plus{background:url(../images/icon-pick-plus.png) left top no-repeat; background-size:30px 30px;}
.cartbox .cart-tab .price{/* float:right; overflow:hidden;*/font-size:15px;text-align:right;}
.cartbox .cart-tab .price strong{ color:#2b3aa1; font-size:20px; display:inline-block; margin:0 3px 0 10px;vertical-align:baseline;}
/* 옵션 */
.option-info{position:relative;width:100%;}
.option-info .btn-option-select{width:100%;height:40px;border:1px solid #cfcfcf;border-radius:3px;padding-left:12px;padding-right: 40px;text-align:left;background:#fff url(../images/icon-select-down.png) no-repeat right center;background-size:43px auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:top;}
.option-info .btn-option-select.selected{background-image: url(../images/icon-select-up.png);}
.option-info .btn-option-select > span{font-size:13px;color:#000;}
.option-info .option-list{display:none;/*position:absolute;top:46px;left:0;*/width:100%;/*max-height:296px;overflow-y:auto;*/margin-top:5px;padding:10px;border:1px solid #cfcfcf;border-radius:4px;background-color:#fff;z-index:9;line-height:normal;}
.option-list li{line-height:1.2;}
.option-list button{min-height:26px;text-align:left;}
.option-list button:hover, .option-list button:active, .option-list button:focus{color:#2b3aa1;}
.option-list button > span{font-size:13px;}
.option-list button:disabled{background-color:#fff !important;color:#999 !important;}
.option-list button .soldout{position:relative;display:inline-block;padding-left:20px;} 
.option-list button .soldout::before{content:'';position:absolute;top:50%;left:10px;margin-top:-6px;width:1px;height:12px;background-color:#e1e1e1;}
.option-info-list{padding-top:20px;}
.option-info-list li + li{padding-top:15px;}
.option-info-list .option-name{padding-bottom:7px;line-height:normal;font-size:14px;color:#222;vertical-align:middle;}
.option-info-list .price{display:inline-block;vertical-align:middle;color:#222;}
.option-info-list .btn-cancel{width:28px;height:28px;margin-left:5px;text-indent:-9999px;background:url(../images/btn-cancel.png) no-repeat;background-size:100% auto;}
.cartbox .btn-list{padding-top:10px;} 


/*item-explan*/
.item-explan{border-top: 1px solid #e1e1e1;overflow: hidden;font-size: 12px; width:100%;table-layout: fixed;}
.item-explan th,.item-explan td {vertical-align:middle; text-align: left;padding:10px 5px;border-bottom: 1px solid #e1e1e1; line-height:18px;}
.item-explan th {vertical-align:middle; position: relative;background-color: #f9f9f9;font-weight: normal; text-align:left;}
.item-explan td {color: #7f7f7f;line-height: 1.43;}
.icon-info {line-height:18px; display:inline-block; padding-left:20px;background: url(../images/icon-info.png) left 3px no-repeat;background-size: 12px 12px;color: #7f7f7f;}

/*detail-review-cont*/
.detail-review-cont{text-align:center; }
.detail-review-cont .star-rating-div{width:90%; margin:10px auto; }
.detail-review-cont .star-rating{ display:inline-block;}
.detail-review-cont .star-rating-div strong{font-size:15px;}
.detail-review-cont .tc span{vertical-align:bottom;}
.detail-review-cont .first-txt{ margin:10px; background:#f9f9f9; border-radius:5px; height:63px; 
box-sizing:border-box;padding-top:21px;}

.detail-review-list{border-top:6px solid #f4f4f4; padding:10px;}
.detail-review-list .no_data {
    text-align: center;
    border-radius: 5px;
    height: 63px;
    box-sizing: border-box;
    padding-top: 21px;
}

.review-tab{text-align:left; padding:10px 0; border-bottom:1px solid #e1e1e1;}
.review-tab input[type="radio"]+label {
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-left: 26px;
	margin-right:10px;
	
}
.review-tab input[type="radio"]:checked + label{font-weight:600;}
.review-tab a.custom{display:inline-block;padding-right:25px; background:url(../images/icon-align.png) right top no-repeat; background-size:18px 18px;}

.review-comment{padding:10px; text-align:left;}
.review-comment .comment{ border-bottom:1px solid #e1e1e1; padding:10px 0;}
.review-comment .comment p{margin-bottom:5px; line-height:18px;}
.review-comment .comment p.name span{color:#999; font-size:12px; display:inline-block; margin-left:5px;}
.review-comment .comment p.more a{ color:#999; font-weight:600; }
.review-comment .comment p.reviewMore a{ color:#999; font-weight:600; }
/* .review-comment .comment p.txt{  height:54px; overflow:hidden;} */
.review-comment .comment p.txt.auto{  height:auto;}
.review-comment div.more{margin-top:15px;}
.review-comment div.more a{ padding:5px 0; display:block; border-radius:5px; border:1px solid #2b3aa1; text-align:center; color:#2b3aa1;}


.review-photo{overflow:hidden; padding:15px;  }
.popup-layer .board-view .review-photo{overflow:hidden; padding:0 15px;  }
.review-photo p.tump{padding:5px; float:left; width:25%; height:auto; position:relative; }
.review-photo p.tump a{display:block; height:100%; /* border:1px solid #e1e1e1;*/}
.review-photo p.tump img{ width:100%; height:100%; object-fit:cover;}

.review-photo > p{padding:5px; float:left; width:25%; height:auto; position:relative; }
.review-photo > p a{display:block; height:100%; /* border:1px solid #e1e1e1;*/}
.review-photo > p img{ width:100%; height:100%; object-fit:cover;}


/*.review-photo p.tump:last-child a:after{display:block;content:""; 
position:absolute; left:5px; top:5px; display:block; width:89%; height:89%; background:rgba(0,0,0,0.7);}
.review-photo p.tump:last-child span{ z-index:2; color:#fff; display:block; position:absolute; left:0; top:33%;text-align:center; width:100%;}
*/

.review-photo p.tump.more a:after{display:block;content:""; 
position:absolute; left:5px; top:5px; display:block; width:89%; height:89%; background:rgba(0,0,0,0.7);}
.review-photo p.tump.more span{ z-index:2; color:#fff; display:block; position:absolute; left:0; top:37%; text-align:center; width:100%;}


.review-photo ul{text-align:left; overflow:hidden;}
.review-photo ul li{ padding:5px;  box-sizing:border-box; float:left; width:25%; height:auto; position:relative;}
.review-photo ul li:nth-child(4n){ margin-right:0; }
.review-photo ul li a{display:block;height:100%; border:1px solid #e1e1e1;}
.review-photo ul li img{ width:100%; height:100%; object-fit:cover;}
.review-photo ul li span.add{display:block; background:url(../images/icon-photo-add.png) no-repeat 0 0;
background-size:17px 17px; width:17px; height:17px; position:absolute; right:5px; bottom:5px;}

.review-reply-box{padding:15px;background-color:#efefef;border-radius:3px;}
.review-reply-box .name{font-weight:700;}
.review-reply-box .txt{color:#000;}

.dropboxDiv{  }

.qna-info{ padding:15px;}
.qna-list {clear:both; background:#fff; margin-top:5px; border-top:6px solid #f4f4f4; }
.qna-list .qnalist {}
.qna-list .qnalist li{  border-bottom:1px solid #e1e1e1; }

.qna-list .qnalist li a.drop {position:relative; display:block; overflow:hidden; padding:15px;}
.qna-list .qnalist li a.drop .arr { position:absolute; right:15px; bottom:14px; display:inline-block; width:18px; height:18px; 
background:url(../images/btn-down-s.png) no-repeat 0 0; background-size:18px 18px; margin-top:14px; }
.qna-list .qnalist li a.on {color:#1a1a1a; }
.qna-list .qnalist li a.on .arr {background:url(../images/btn-up-s.png) no-repeat 0 0; background-size:18px 18px; }
.qna-list .qnalist li a.drop span{display:block; margin-bottom:7px;}
.qna-list .qnalist li a.drop span em{font-style:normal; color:#acacac; display:inline-block; margin-left:5px;}
.qna-list .qnalist li a.drop p.txt{
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:34px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
	margin-bottom:5px;
}
.qna-list .qnalist li a.drop p.txt em{font-style:normal; padding-right:20px; display:inline-block;background:url(../images/icon-password.png) no-repeat right top; background-size:17px 17px;}
.qna-list .qnalist .dropbox { border-top:1px solid #e1e1e1; display:none; width:100%; background:#f9f9f9; padding:15px; line-height:18px;}
.qna-list .qnalist .dropbox dl dt{margin-bottom:10px; padding-left:25px; background:url(../images/icon-q.png) no-repeat 0 2px; background-size:17px 17px;}
.qna-list .qnalist .dropbox dl dd{padding-left:25px; background:url(../images/icon-a.png) no-repeat 0 2px; background-size:17px 17px;}
.qna-list .qnalist .dropbox p.tump{ margin:10px 0;}
.qna-list .qnalist .dropbox p.tump a{display:block;}
.qna-list .qnalist .dropbox p.tump img{ width:100%;}

/*==================
	팝업 레이아웃
==================*/

/*popup-layer*/
div.popup-layer{ z-index:9999999999999999; background:#fff; width:100%; height:100%; position: fixed; left:0; top:0;
overflow-y: scroll; padding-bottom:50px;}
div.popup-layer .title{border-bottom:1px solid #e1e1e1;}
div.popup-layer .board-view-buy{ border-top:1px solid #e1e1e1;}


/*==================
	주문결제
==================*/
.order-wrap{background:#fff; overflow:hidden;}
.order-drop-box{ border-top:6px solid #f4f4f4; padding:15px; background:#fff;}

.order-tit{  margin-bottom:17px; /*padding-top:10px;*/ text-align:left; overflow:hidden; vertical-align:bottom; border-bottom:1px solid #e1e1e1;}
.order-tit h4{ float:left; font-weight:normal; margin-bottom:15px; }
.order-tit a{ display:block; float:right; font-weight:600; padding-left:20px;}
.order-tit a.drop span.arr{ display:inline-block; margin-left:10px; background:url(../images/btn-down-s.png) no-repeat 0 0; width:17px; height:17px; background-size:17px 17px;}
.order-tit a.drop.on span.arr{ display:inline-block; margin-left:10px; background:url(../images/btn-up-s.png) no-repeat 0 0; width:17px; height:17px; background-size:17px 17px;}

.order-tit span.round{ margin-left:10px; float:left; font-size:10px; color:#e50012; border-radius:10px; height: 21px; padding: 0 10px; background:#f4f4f4;}

.order-tit.normal span.round{ margin-left:0; float:right; font-size:10px; color:#e50012; border-radius:10px; 
height: 21px; padding: 0 10px; background:#f4f4f4;}
.order-tit.normal b{margin-left:10px; display:inline-block;}
.order-tit.none{border-bottom:none;}

.order-view{/* border-top:1px solid #e1e1e1;padding-top:20px;*/ }
.order-view .order-cont { border-radius:5px; box-sizing:border-box; overflow:hidden; margin-bottom:20px;}
.order-view .order-cont a{display:block;}
.order-view .order-cont p.tump{ float:left; width:95px; height:95px;}
.order-view .order-cont p.tump img{ width:95px; height:95px;}
.order-view .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.order-view .order-cont div.cont p.tit{ 
	margin-bottom:10px; 
	font-size:14px;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:43px;
    line-height:1.5;
    overflow:hidden;
	
	
}
.order-view .order-cont div.cont p.price strong{ font-size:14px;}
.order-view .order-cont div.cont p.price .through{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.order-view .order-cont div.cont p.price b:before{content:""; display:inline-block; width:1px; height:11px; 
background:#e1e1e1; display:inline-block; margin-right:5px; vertical-align:middle;}

.order-view .order-cont div.cupon{ clear:both; background:#f9f9f9; padding:10px 20px; overflow:hidden; text-align:left;}
.order-view .order-cont div.cupon span{vertical-align:bottom; float:left; margin-right:5px;}
.order-view .order-cont div.cupon a{display:block; float:right; text-decoration:underline; font-weight:bold;}

.order-view .order-cont.normal {border:none; margin-bottom:0; }
.order-view .order-cont.normal p.tump{ height:65px; width:65px;}
.order-view .order-cont.normal p.tump img {height:65px; width:65px;}
.order-view .order-cont.normal div.cont{padding-top:0; display:table;min-height: 65px; width:74%;}
.order-view .order-cont.normal div.cont p.tit{font-size:12px; margin-bottom:10px;margin-top: 10px;
	vertical-align:middle; margin:0; display: table-cell; }

.order-view .board-write{ padding:0;}

.order-view .order-add{ }


.order-view dl{ margin-bottom:10px; clear:both; overflow:hidden;}
.order-view dl dt{ margin-bottom:7px; color:#999;}
.order-view dl dt span.point{font-size:0; vertical-align:bottom;}
.order-view dl dt span.point:after{  font-size:14px; color:#d51414; content:"*"; display:inline-block; width:12px; height:12px;}
.order-view .textarea{ height:150px;}
.order-view input[type="checkbox"]+label {
    font-size: 13px;
    color: #000;
    text-indent: 0;
    padding-left: 26px;
}
.order-view select{ font-weight:normal;}




.order-add p.name {margin-bottom:10px; font-size:14px;vertical-align:bottom; overflow:hidden; text-align:left;}
.order-add p.name b{font-size:14px; vertical-align:top; display:inline-block; margin-right:5px;}
.order-add p.name b:after{content:""; padding-left:9px; border-right:1px solid #e1e1e1; display:inline-block; height:12px; }
.order-add p.name a.btn{float:right;}
.order-add p.add{word-break: keep-all; }

.order-add-address{overflow:hidden;}

.agree-cont{  border-top:6px solid #f4f4f4; padding:15px; background:#fff;}
.agree-cont ul.policy{ border-top:1px solid #e1e1e1; padding-top:15px; margin-top:10px;}
.agree-cont ul.policy li{ font-size:13px; text-align:left; overflow:hidden; margin-bottom:15px;}
.agree-cont ul.policy li a{ float:right; padding:0 10px; text-decoration:underline; color:#7f7f7f;}
.agree-cont .board-view-buy{ border-top:1px solid #e1e1e1;}
.agree-cont label{ font-weight:600;}

.pay-box{ min-height:150px;}
.pay-box ul{overflow:hidden;}
.pay-box ul.easy li{ width:33%; float:left; height:71px;}
.pay-box ul.easy li a{display:block; height:100%; border:1px solid #e1e1e1; text-align:center; padding-top:25px;}
.pay-box ul.easy li:active{display:block; height:71px; border:1px solid #2b3aa1;}
.pay-box ul.easy li.on{display:block; height:71px; border:1px solid #2b3aa1;}

.pay-box ul.easy li:nth-child(2) a,.pay-box ul.easy li:nth-child(3) a{ border-left:none;}
.pay-box ul.easy li:nth-child(4) a{border-top:none;}
.pay-box ul.easy li:nth-child(5) a{border-top:none;border-left:none;}

.pay-box ul.easy li:nth-child(1) img{ height:25px;}
.pay-box ul.easy li:nth-child(2) img{ height:13px;}
.pay-box ul.easy li:nth-child(3) img{ height:13px;}
.pay-box ul.easy li:nth-child(4) img{ height:13px;}
.pay-box ul.easy li:nth-child(5) img{ height:14px;}

.pay-box ul.motion li{ width:33%; float:left; height:71px;}
.pay-box ul.motion li a{display:block; height:100%; border:1px solid #e1e1e1; text-align:center; padding-top:25px;}
.pay-box ul.motion li:active{display:block; height:71px; border:1px solid #2b3aa1;}
.pay-box ul.motion li.on{display:block; height:71px; border:1px solid #2b3aa1;}

.pay-box ul.motion li:nth-child(2) a,.pay-box ul.motion li:nth-child(3) a{ border-left:none;}


/*결제내역*/
.paid-list ul li{text-align:right; overflow:hidden; margin-bottom:5px;}
.paid-list ul li span{float:left;}
.paid-list ul li.line{border-top:1px solid #e1e1e1;}
.paid-list ul li.mb0{margin-bottom:0;}
.paid-list p.total{ overflow:hidden; border-top:1px solid #e1e1e1; padding-top:15px; margin-top:15px;}
.paid-list p.total b{float:left; font-size:13px;}
.paid-list p.total strong{float:right; color:#2b3aa1; font-size:15px;}
.paid-list p.total strong span{font-size:12px;}

.paid-list ul.align-left li{ text-align:left; margin-bottom:20px;}
.paid-list ul.align-left span{display:inline-block; min-width:30%; text-align:left; }
.paid-list ul.align-left li.tr{text-align:right;}
.paid-list ul.align-left li.mb0{margin-bottom:0;}

/*배송지 변경*/
.address-list{background:#fff; padding:15px; margin-top:10px;}
.address-list.line{border-top:6px solid #f4f4f4; margin-top:0; min-height: 600px;}
.address-list ul li{ border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px; position:relative;}
.address-list .input-radio label{font-weight:bold; }
.address-list span.deliver{ border-radius:20px;font-size:10px; display:inline-block; height:20px; color:#2b3aa1; padding:0 10px 0 28px; background:#f9f9f9 url(../images/icon-default-delivery.png) no-repeat 10px 3px; background-size:15px 15px;}
.address-list div.txt{margin-left:25px; margin-top:5px;}
.address-list div.txt p{ margin-bottom:7px;}
.address-list div.txt p:last-child{ margin-bottom:0;}
.address-list.line div.txt{margin-left:0; margin-top:5px;}
.address-list a.delete{ display:block;background:url(../images/icon-close-list.png) right top no-repeat; 
background-size:20px 20px; width:30px; height:30px; position:absolute; right:0; top:0; font-size:0;}
.address-list.line .input-radio label{font-weight:bold; font-size:13px;}


/*쿠폰리스트*/

.cupon-wrap{ padding:15px;}
.cupon-list{ padding:0; margin-top:10px; text-align:left;}
.cupon-list ul li{ border-bottom:1px solid #e1e1e1; padding-bottom:15px; margin-bottom:15px;}
.cupon-list .input-radio label{ }
.cupon-list span.round{ border-radius:20px;font-size:10px; display:inline-block; height:20px; color:#2b3aa1;padding:0 10px; background:#f9f9f9; }
.cupon-list .input-radio.disabled span.round{color:#999;}

.cupon-list div.txt{margin-left:25px; margin-top:5px;}

.cupon-wrap a.close{ position: absolute; width: auto;right: 10px;top: 15px;width: 28px;height: 28px;}
.cupon-wrap a.close img { width: 28px;height: 28px;}


.cupon-list-drop {clear:both; background:#fff; margin-top:5px; border-top:6px solid #f4f4f4; }
.cupon-list-drop .cuponlist li{  border-bottom:1px solid #e1e1e1; }

.cupon-list-drop .cuponlist li a.drop {position:relative; display:block; overflow:hidden; padding:15px;}
.cupon-list-drop .cuponlist li a.drop .arr { position:absolute; right:15px; bottom:14px; display:inline-block; width:18px; height:18px; 
background:url(../images/btn-down-view.png) right top no-repeat ; background-size:14px 14px; margin-top:14px; }
.cupon-list-drop .cuponlist li a.on {color:#1a1a1a; }
.cupon-list-drop .cuponlist li a.on .arr {background:url(../images/btn-open-view.png) right top no-repeat ; background-size:14px 14px; }
.cupon-list-drop .cuponlist li a.drop span{display:block; margin-bottom:7px;}
.cupon-list-drop .cuponlist li a.drop span em{font-style:normal; color:#acacac; display:inline-block; margin-left:5px;}
.cupon-list-drop .cuponlist li a.drop p.txt{
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:34px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
	margin-bottom:5px;
}
.cupon-list-drop .cuponlist .dropbox { overflow:hidden; border-top:1px solid #e1e1e1; display:none; width:100%; background:#f9f9f9; padding:15px; line-height:18px;}



/*==================
	장바구니
==================*/
.basket-wrap{background:#fff; padding-bottom:50px; overflow:hidden;}
.basket-none{background:url(../images/bg-cart.png) center 85px no-repeat; border-top:6px solid #f4f4f4;
background-size:60px 60px; min-height:271px; text-align:center; padding-top:162px; font-size:14px; color:#7f7f7f; }
.basket-wrap .hot-itemlist{border-top:6px solid #f4f4f4; min-height:296px;}


.basket-top{padding:10px 15px; background:#f4f4f4; text-align:left; overflow:hidden;}
.basket-top .input-check{ float:left;}
.basket-top .input-check span{ font-size:13px; display:inline-block; margin-left:5px;}
.basket-top .input-check span:before{ content:""; display:inline-block; border-left:1px solid #ccc; height:12px; margin-right:5px;}
.basket-top a.delete{ display:block; padding-left:25px; float:right; background:url(../images/icon-delete.png) no-repeat 0 0;
background-size:20px 20px; font-size:13px; height:20px;}

.basket-list a.area{display:block; }
.basket-list .order-cont { margin:15px; padding:5px 0 20px 0; position:relative; border-bottom:1px solid #e1e1e1; overflow:hidden; margin-bottom:20px;}
.basket-list .order-cont p.tump{ float:left; width:95px; height:95px; position:relative; margin-top:10px;}
.basket-list .order-cont p.tump.disabled img{opacity: 0.5;}
.basket-list .order-cont p.tump span.disabled{display:block; width:100%; height:100%; 
position:absolute; left:0; top:0;  }
.basket-list .order-cont p span.disabled b{background:rgba(0,0,0,0.5); display:block; width:70%; height:20px; 
padding:0 0; color:#fff; border-radius:20px; text-align:center; font-weight:normal; margin:35px auto;}

.basket-list .order-cont p.tump img{ width:95px; height:95px; object-fit: contain;}
.basket-list .order-cont div.cont{ padding-top:0; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.basket-list .order-cont div.cont p.tit{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;/* max-height:43px;*/line-height:1.5;overflow:hidden;width:76%;}
.basket-list .order-cont div.cont .option-txt-box{position:relative;margin-top:5px;padding-right:60px;}
.basket-list .order-cont div.cont .sub-tit{display:block;font-size:13px;color:#7e7e7e;}
.basket-list .order-cont div.cont p.price{margin-top:10px;}
.basket-list .order-cont div.cont p.price strong{vertical-align:baseline;font-size:15px;}
.basket-list .order-cont div.cont p.price .through{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.basket-list .order-cont a.delete{ display:block;background:url(../images/icon-close-list.png) right top no-repeat;
background-size:20px 20px; width:30px; height:30px; position:absolute; right:0; top:0; font-size:0;}

.basket-list .order-cont div.cont p.icon a{display:inline-block; font-size:0; }
.basket-list .order-cont div.cont p.icon a.cart{background:url(../images/icon-no-cart.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.basket-list .btn.round{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.basket-list .input-check{ position:absolute; left:0; top:5px; z-index:999;}
.basket-list .input-check input[type="checkbox"]+label{font-size:0;}

.basket-list .pick{float:left; overflow:hidden; padding:0; }
.basket-list .pick a, .basket-list .pick button{ font-size: 0; text-indent: -9999px; display:inline-block; width:30px; height:30px; border-radius:none; float:left;}
.basket-list .pick input.num{border-radius:0;color:#000;text-align:center; padding:0; width:40px; height:30px;float:left; border-left:none; border-right:none;}
.basket-list .pick input.num:focus{border:1px solid #d7d7d7;}
.basket-list .pick a.minus, .basket-list .pick button.minus{ background:url(../images/icon-pick-minus.png) left top no-repeat; background-size:30px 30px;}
.basket-list .pick a.plus, .basket-list .pick button.plus{background:url(../images/icon-pick-plus.png) left top no-repeat; background-size:30px 30px;}

.basket-total{border-radius:5px; background:#f9f9f9; margin:0 15px;padding:15px;}

/*==================
	이용약관
==================*/
.txt-policy{background:#fff; padding:15px; border-top:6px solid #f4f4f4; text-align:justify;}



/*==================
	전체상품 | 단계별 상품
==================*/
.category-wrap{background:#fff;  }
.category-tab-box{  position:relative;}
.category-tab{ border-bottom:1px solid #e1e1e1; overflow:hidden;}
.category-tab a{display:inline-block; text-align:center;  padding:10px 8%;  height:100%; }
.category-tab a:active,.category-tab a.on{font-weight:bold;border-bottom:3px solid #3240a4;}
.category-tab a.open{ position:absolute; right:10px;top:0; z-index:99999; width:33px; height:100%;  padding:0; text-align:right; font-size:0; background:url(../images/icon-select.png) right center no-repeat; background-size:13px 13px;}
.category-tab a.open:active{border:none;}
.category-tab a.open1{background:url(../images/icon-open.png) 95% center no-repeat; background-size:13px 13px;}


.category-tab-cont{display:none;position:absolute; width:100%; left:0; top:0; z-index: 999; background:#fff;}
.category-tab-cont:after{content:""; width:100%; height:100%; position:fixed; z-index:-1; left:0; top:51px; display:block; background:rgba(0,0,0,0.5);}
.category-tab-cont > p {overflow:hidden;background:#fff;}
.category-tab-cont > p a{ padding:10px 0; font-size:13px; text-align:center; display:block;}
.category-tab-cont ul{overflow:hidden; border:1px solid #979797; padding:15px;background:#fff;}
.category-tab-cont ul li{ width:33%; float:left; height:50px;  }
.category-tab-cont ul li a{ border:1px solid #e1e1e1; display:block; height:100%; text-align:center; padding-top:15px; }
.category-tab-cont ul li:active{ border:1px solid #2b3aa1;}

.category-tab-cont ul li:nth-child(3n-1) a{border-left:0;}
.category-tab-cont ul li:nth-child(3n) a{border-left:0;}
.category-tab-cont ul li:nth-child(n+4) a{border-top:0; }
.none{
	display:none;
}


/*==================
	약사추 천템
==================*/
.get-itemlist-wrap{ overflow:hidden;}
.get-itemlist-wrap div.get-itemlist{clear:both;  background:#fff; box-sizing:border-box; 
padding:15px; min-height:auto; position:relative;}
.get-itemlist-wrap div.get-itemlist div.swiper-slide{ width: 100%; height: auto; border-bottom:1px solid #e1e1e1; margin-bottom:15px; padding-bottom:15px;}
.get-itemlist-wrap div.get-itemlist:first-child > div{padding-top:0;}
.get-itemlist-wrap div.get-itemlist div.swiper-slide a{position:relative; display:block;}
.get-itemlist-wrap div.get-itemlist div.swiper-slide a span.name{width:100%; position:absolute; left:0;bottom:0; text-align:right;display:block; 
height:30px; background:rgba(0,0,0,0.4); color:#fff; padding-top:5px; padding-right:10px;}
.get-itemlist-wrap div.get-itemlist div.swiper-slide img { width: 100%; height: 163px; object-fit: cover;  } 
.get-itemlist-wrap div.get-itemlist dl{margin-top:10px; color:#7f7f7f;}
.get-itemlist-wrap div.get-itemlist dl dt{font-size:17px; display: inline-block; width: 98%; white-space: nowrap; overflow: hidden; 
text-overflow: ellipsis; font-weight:300; margin-bottom:10px;color:#000;}
.get-itemlist-wrap div.get-itemlist dl dd{margin-bottom:0;}
.get-itemlist-wrap div.get-itemlist dl dd.line{border-top:1px solid #e1e1e1; padding-top:10px;}
.get-itemlist-wrap div.get-itemlist dl dd.name{ color:#999;}
.get-itemlist-wrap div.get-itemlist dl dd.name span{display:inline-block; min-width:23%;}

.get-itemlist-wrap div.hot-itemlist{min-height:330px; margin-top:0;}
.get-itemlist-wrap div.itemlist{padding-top:20px;}
.get-itemlist-wrap .swiper-pagination{bottom:46px;}
.get-itemlist-wrap #numberSlides{bottom:46px;}
.main-visual .swiper-pagination{bottom:46px;}
.get-itemlist-wrap .swiper-pagination-bullet-active{background:#000; width:20px;  height:5px !important; border-radius:2.5px !important;}

.get-itemview{ background:#f4f4f4; min-height:290px; padding:15px;}

/*==================
	베스트
==================*/
.best-wrap{ background:#fff; padding: 15px 15px 30px;    position: relative;}
.best-wrap ol > .item:nth-child(odd){position:relative;  padding-bottom:15px; width: 46%;float:left; margin: 0 1% 0 1%; }
.best-wrap ol > .item:nth-child(even){position:relative; padding-bottom:15px; width: 46%;float:right; margin: 0 1% 0 1%; }


/* .best-wrap ol li:last-child{border-bottom:none;} */
.best-wrap ol li a{display:block; height:100%;}
.best-wrap ol li p.num{ background:url(../images/bg-combined-shape.png) left bottom no-repeat; background-size:30px 35px; 
position:absolute; left:-7px; top:3px; width:30px; height:50px; box-sizing:border-box; color:#fff; 
padding-top:20px; text-align:center; font-weight:bold; font-size:16px; float: left;}


.best-wrap ol li:nth-child(1) p.num:after{ content:""; display:block; background:url(../images/bg-crown.png) left top no-repeat;
background-size:30px 22px; position:absolute; left:0; top:0; width:30px; height:35px; }
.best-wrap ol li:nth-child(2) p.num:after{ content:""; display:block; background:url(../images/bg-crown.png) left top no-repeat;
background-size:30px 22px; position:absolute; left:0; top:0; width:30px; height:35px; }
.best-wrap ol li:nth-child(3) p.num:after{ content:""; display:block; background:url(../images/bg-crown.png) left top no-repeat;
background-size:30px 22px; position:absolute; left:0; top:0; width:30px; height:35px; }


/* .best-wrap ol li p.tump{width:100%; text-align: center;}
.best-wrap ol li p.tump img{width:72%;} */
.best-wrap ol li p.tump{width:100%; text-align: center;}
.best-wrap ol li p.tump img{width:85%;}

/* .best-wrap dl.price-info{ margin:10px 15px;} */
.best-wrap dl.price-info dt{font-size:15px; min-height:38px; margin-bottom:0;}
.best-wrap dl.price-info dd.price{ font-size:17px; overflow:hidden;  border-top:1px solid #e1e1e1;}
.best-wrap dl.price-info dd.price a:first-child{display:flex;}
.best-wrap dl.price-info dd.price span{ font-size:12px;}

.best-wrap p.icon a{display:inline-block; font-size:0; }
.best-wrap p.icon a.hart{background:url(../images/icon-list-favorite.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.best-wrap p.icon a.on{background:url(../images/icon-list-full.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.best-wrap p.icon a.hart:active{background:url(../images/icon-list-full.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }
.best-wrap p.icon a.cart{background:url(../images/icon-no-cart.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }


/*==================
	마이페이지
==================*/
.my-order-wrap{background:#fff; padding-bottom:50px;}
.my-order-wrap .order-tit{padding-top:0;}

.my-order-total{background:#f4f4f4; overflow:hidden; margin-bottom:15px;}
.my-order-total.mb0{margin-bottom:0;}
.my-order-total ul li{ float:left; width:25%; text-align:center; padding:20px 0;}
.my-order-total ul li b{display:block; font-size:15px; margin-bottom:5px;}
.my-order-total ul li span{display:block; }

.my-order-total ul.inline{ padding:10px;}
.my-order-total ul.inline li{ width:50%; text-align:left; padding:0; margin-bottom:15px;}
.my-order-total ul.inline li span{display:inline-block; width:50px; text-align:center;}
.my-order-total ul.inline li.clear{display:block; width:100%;}

.my-order-total ul.txt{ padding:15px; overflow:hidden;}
.my-order-total ul.txt li{display:block; color:#7f7f7f; width:auto; clear:both; padding:0;}

.my-order-select{ margin:0 15px;}

.my-order-list{}
.my-order-list ul li{border-bottom:6px solid #f4f4f4; overflow:hidden;}
.my-order-list ul li:last-child{ border-bottom:none;}

.my-order-list .order-cont { border-bottom: 1px solid #e1e1e1; padding-bottom:15px; box-sizing:border-box; 
overflow:hidden; margin:0 15px; margin-bottom:20px; }
.my-order-list ul li div.order-cont:last-of-type{border-bottom:none; margin-bottom:0;}

.my-order-list .order-cont a{display:block;}
.my-order-list .order-cont p.tump{ float:left; width:95px; height:95px;}
.my-order-list .order-cont p.tump img{ width:95px; height:95px;}
.my-order-list .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; 
box-sizing:border-box;} 
.my-order-list .order-cont div.cont p.tit{ margin-bottom:10px; font-size:14px;}
.my-order-list .order-cont div.cont p.price strong{ font-size:14px;}
.my-order-list .order-cont div.cont p.price .through{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.my-order-list .order-cont div.cont p.price .gray{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.my-order-list .order-cont div.cont p.price b:before{content:""; display:inline-block; width:1px; height:11px; background:#e1e1e1; display:inline-block; margin:0 10px; vertical-align:middle;}
.my-order-list .order-cont div.cont p.icon{margin-bottom:5px;}
.my-order-list .order-cont div.cont p.icon img{height:15px;}
.my-order-list .order-btn{ clear:both; padding-top:15px;}
.my-order-list .order-btn a{ display:inline-block; width:24.3%;}

.my-order-list .order-cont p.select{ width:67%; clear:both; float:right; }
.my-order-list .order-cont p.select label{display:inline-block; text-align:left;}

.basket-list .order-cont div.cont p.icon a{display:inline-block; font-size:0; }
.basket-list .order-cont div.cont p.icon a.cart{background:url(../images/icon-no-cart.png) left top no-repeat; 
background-size:27px 27px; width:27px; height:27px; }


.my-order-list a.detail{background:url(../images/icon-arrow.png) right 5px no-repeat; background-size:8px 14px; 
margin:15px 15px; display:block; border-bottom: 1px solid #e1e1e1; padding-bottom:10px;}
.my-order-list a.none{background:none;}
.my-order-list a.detail span.date{ display:inline-block; }
.my-order-list a.detail span.round {  display:inline-block; background: #f4f4f4; padding: 0 10px;margin-left: 10px;
font-size: 10px;color: #e50012;border-radius: 10px;height: 21px;}
.my-order-list .no_data{min-height:125px; padding-top:47px;}

.my-order-list ul.round li{ border-radius:5px; border:1px solid #e1e1e1; margin-bottom:15px;}
.my-order-list ul.round li a.detail{ margin:0; padding:15px; background:#f9f9f9;}
.my-order-list ul.round li a.detail span.round{ background: #eceaea;}
.my-order-list ul.round li .order-cont{margin:0;}
.my-order-list ul.round li .order-cont div.cont{padding-top:15px;}



.my-level{ overflow:hidden; border-top:6px solid #f4f4f4; border-bottom:6px solid #f4f4f4; padding:15px; background:#fff;}
.my-level p.member{ margin-bottom:10px; overflow:hidden;}
.my-level p.member a{display:inline-block; }
.my-level p.member a.modify{background:url(../images/icon-arrow.png) right 3px no-repeat; 
background-size:8px 14px;  display:inline-block; float:right; padding-right:15px;}

.my-level p.member span.icon{ margin-right:5px; display:inline-block;background:url(../images/icon-my-super.png) left top no-repeat; 
width:20px; height:20px;background-size:20px 20px;}

.my-level p.member span.icon.label1{ background:url(../images/icon-my-membership-001.png.png) left top no-repeat;width:20px; height:20px;background-size:20px 20px; }
.my-level p.member span.icon.label2{ background:url(../images/icon-my-membership-002.png.png) left top no-repeat; width:20px; height:20px;background-size:20px 20px;}
.my-level p.member span.icon.label3{ background:url(../images/icon-my-membership-003.png.png) left top no-repeat;width:20px; height:20px;background-size:20px 20px; }


.my-level ul{ overflow:hidden; border-radius:10px; background:#f9f9f9; text-align:center;}
.my-level ul li{float:left; width:33%; padding:12px 0; min-height:80px; position:relative;}
.my-level ul li a{display:block; }
.my-level ul li:before{ content:"";  display:inline-block; width:41px; height:41px; background:#fff; border-radius:41px;}
.my-level ul li:nth-child(1):before{background:#fff url(../images/icon-my-order.png) center center no-repeat; background-size:29px 29px;}
.my-level ul li:nth-child(2):before{background:#fff url(../images/icon-my-coupon.png) center center no-repeat; background-size:29px 29px;}
.my-level ul li:nth-child(3):before{background:#fff url(../images/icon-my-review.png) center center no-repeat; background-size:23px auto;}
.my-level ul li em.num {
    position: absolute;
    right: 22%;
    top: 9px;
    display: inline-block;
    border-radius: 18px;
    height: 18px;
    min-width: 18px;
    color: #fff;
    background: #2b3aa1;
    text-align: center;
    box-sizing: border-box;
    font-size: 10px;
    padding: 0 3px 0 3px;
    font-style: normal;
}

.mypage-menu{ border-top:6px solid #f4f4f4; border-bottom:6px solid #f4f4f4; padding:15px 15px 15px 25px; overflow:hidden;}
.mypage-menu ul li{ float:left; width:50%; padding:10px 0;}
.mypage-menu ul li a{ display:block; padding-left:25px; }
.mypage-menu ul li:nth-child(1){background:url(../images/icon-my-membership.png) left center no-repeat; background-size:auto 12px;}
.mypage-menu ul li:nth-child(2){background:url(../images/icon-my-wish.png) left center no-repeat; background-size:auto 12px;}
.mypage-menu ul li:nth-child(3){background:url(../images/icon-my-delivery.png) left center no-repeat; background-size:auto 12px;}
.mypage-menu ul li:nth-child(4){background:url(../images/icon-my-review.png) left center no-repeat; background-size:auto 14px;}
.mypage-menu ul li:nth-child(5){background:url(../images/icon-my-qna.png) -5px center no-repeat; background-size:27px 27px;}
.mypage-menu ul li:nth-child(6){background:url(../images/icon-my-1vs1.png) left center no-repeat; background-size:auto 12px;}
.mypage-menu ul li:nth-child(7){background:url(../images/icon-my-order.png) left center no-repeat; background-size:auto 18px;}
.mypage-menu ul li:nth-child(8){background:url(../images/icon-coupon2.png) left center no-repeat; background-size:auto 16px;}



.mypage-foot{padding:20px 15px; text-align:center;}
.mypage-foot a{display:inline-block; position:relative; padding-right:15px; padding-left:15px;}
.mypage-foot a:last-child:after{content:""; width:1px; height:11px;position:absolute; left:0; top:4px; background:#cfcfcf;}


/*카미등급 혜택*/
.my-level-txt{ border-bottom:6px solid #f4f4f4; padding:15px ; background:#fff;}
.my-level-txt:last-child{ border-bottom:none;}
.my-level-txt dl dt{ font-size:15px; font-weight:600; margin-bottom:15px;}
.my-level-txt dl dd{position:relative; padding-left:10px; margin-bottom:5px;}

.my-level-txt dl.bl dt{ font-size:15px; font-weight:600; margin-bottom:15px;}
.my-level-txt dl.bl dd{position:relative; padding-left:10px; margin-bottom:5px;}
.my-level-txt dl.bl dd:before{content:""; width:4px; height:4px; border-radius:4px; background:#000; display:inline-block;
position:absolute; left:0; top:7px;}

.my-level-txt ul.img{text-align :center; margin-top:20px;}
.my-level-txt ul.img li{display:inline-block; width:45%; text-align :center; margin-bottom:15px}
.my-level-txt ul.img li img{ width:100%;}

.my-level-txt dl.none dd{ padding-left:0;}
.my-level-txt dl.none dd:before{ display:none;}

.my-level-txt dl.sub dt{font-size:12px;} 
.my-level-txt dl.sub{text-align:left;}
.my-level-txt dl.sub dt{ padding-left:14px; margin-bottom:10px;}
.my-level-txt dl.sub dd{position:relative;padding-left:10px;}
.my-level-txt dl.sub dd:before{content:"-"; display:inline-block; position:absolute; left:0; top:0px; background:none;  }


.my-level-txt .lavel-list li{border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.my-level-txt .lavel-list li:last-child{margin-bottom:0; border-bottom:none;}
.my-level-txt .lavel-list li p.lavel{ margin-bottom:20px; text-align:center;}
.my-level-txt .lavel-list li p.lavel b{width:141px; height:80px; display:inline-block; font-size:15px; font-weight:bold; 
 padding-top:30px;text-align:right;}
.my-level-txt .lavel-list li p.lavel span{ padding:2px 10px 0 10px; padding-top:2px; display:inline-block; 
background:#f4f4f4; border-radius:21px; height:23px; text-align:center; color:#666;}

.my-level-txt .lavel-list li p.lavel-1 b{background:url(../images/icon-lavel-01.png) left top no-repeat;background-size:80px 80px;}
.my-level-txt .lavel-list li p.lavel-2 b{background:url(../images/icon-lavel-02.png) left top no-repeat;background-size:80px 80px;}
.my-level-txt .lavel-list li p.lavel-3 b{background:url(../images/icon-lavel-03.png) left top no-repeat;background-size:80px 80px;}


.my-level-txt .lavel-list .cupon-choice {}
.my-level-txt .lavel-list .cupon-choice a{ margin-bottom:15px; display:inline-block; width:45%; text-align:center;}
.my-level-txt .lavel-list .cupon-choice a img{width:100%;}
.my-level-txt .lavel-list .cupon-choice a:nth-child(even){margin-left:10px; }
.my-level-txt .lavel-list .cupon-choice span{ display:block; margin-top:2px;}

/*review-wrap 이용후기*/
.review-wrap{ background:#fff;  padding-bottom:50px;}

.review-cupon{padding:15px;text-align:center;}
.review-cupon ul li{text-align:center; display:inline-block; width:32%; position:relative;}
.review-cupon ul li:before{content:""; width:38px; height:38px; border-radius:38px; display:inline-block; }
.review-cupon ul li span{display:block; color:#7f7f7f; line-height:15px;}
.review-cupon ul li:nth-child(1):before{background:#8369aa url(../images/icon-review1.png) center center no-repeat;background-size:21px 21px;}
.review-cupon ul li:nth-child(2):before{background:#8369aa url(../images/icon-review2.png) center center no-repeat;background-size:21px 21px;}
.review-cupon ul li:nth-child(3):before{background:#f9b806 url(../images/icon-review3.png) center center no-repeat;background-size:21px 21px;}

.review-cupon ul li:nth-child(1):after{content:""; width:5px; height:5px; border-radius:5px;  display:inline-block;
position:absolute; right:0; top:30px;  background:#e1e1e1;}
.review-cupon ul li:nth-child(2):after{content:""; width:5px; height:5px; border-radius:5px;  display:inline-block;
position:absolute; right:0; top:30px;  background:#e1e1e1;}


.review-list {padding:0 15px;}
.review-list .order-cont { padding:15px 0; position:relative; border-bottom:1px solid #e1e1e1; overflow:hidden; }
.review-list .order-cont p.tump{ float:left; width:95px; height:95px; position:relative; margin-top:0;}
.review-list .order-cont p.tump span.disabled{display:block; width:100%; height:100%; 
position:absolute; left:0; top:0; background:rgba(250,250,250,0.5); }
.review-list .order-cont p span.disabled b{background:rgba(0,0,0,0.5); display:block; width:70%; height:20px; 
padding:0 0; color:#fff; border-radius:20px; text-align:center; font-weight:normal; margin:35px auto;}

.review-list .order-cont p.tump img{ width:95px; height:95px;}
.review-list .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.review-list .order-cont div.cont p.tit{ margin-bottom:10px; font-size:14px;}
.review-list .order-cont div.cont p.price strong{ font-size:15px;}
.review-list .order-cont div.cont p.price .through{ margin:0 5px; color:#7f7f7f;  font-size:12px;}
.review-list .order-cont div.cont p.price b:before{content:""; display:inline-block; width:1px; height:11px; 
background:#e1e1e1; display:inline-block; margin-right:5px; vertical-align:middle;}


.review-list .review-cont{padding:15px; border-bottom:6px solid #f4f4f4;} 
.review-list .review-cont > a{display:block; border-bottom:1px solid #e1e1e1; padding-bottom:15px;} 
.review-list .review-cont > a p.tump{display:inline-block; position:relative; 
width:66px; height:66px; float:left;} .review-list .review-cont > a p.tump img{ 
width:66px; height:66px;} .review-list .review-cont > a p.tump 
span.best{background:#000; text-align:center; color:#fff; width:40px; 
height:19px; padding-top:0; font-size:11px; position:absolute; left:0; top:0;}

.review-list .review-cont > p.tump{display:inline-block; position:relative; width:66px; height:66px; float:left;}
.review-list .review-cont > p.tump img{ width:66px; height:66px;}
.review-list .review-cont > p.tump span.best{background:#000; text-align:center; color:#fff;
width:40px; height:19px; padding-top:0; font-size:11px; position:absolute; left:0; top:0;}

.review-list .review-cont dl.review{ display:inline-block; width:73%; margin-left:10px;}
.review-list .review-cont dl.review dt{margin-bottom:5px;font-size: 14px;}
.review-list .review-cont dl.review dd.date{ font-size:12px; color:#999; margin-bottom:5px;}


.review-list .review-cont .comment{clear:both; margin-top:20px;}
.review-list .review-cont .comment p.txt{margin-bottom:5px;display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;max-height: 50px;font-size: 13px;line-height:16px;overflow:hidden;text-overflow:ellipsis;}
.review-list .review-cont .review-photo {margin-top:10px;}
.review-list .review-photo p.tump.more a:after{display:none;}


/*review-write 이용후기 등록*/
.review-write {background:#fff;padding-bottom:50px; border-top:6px solid #f4f4f4;}
.review-write .order-cont { padding:15px; position:relative; border-bottom:6px solid #f4f4f4; overflow:hidden; }
.review-write .order-cont p.tump{ float:left; width:95px; height:95px; position:relative; margin-top:0;}
.review-write .order-cont p.tump img{ width:95px; height:95px;}
.review-write .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.review-write .order-cont div.cont p.tit{ margin-bottom:10px; font-size:12px; font-weight:600;}
.review-write .order-cont div.cont p.price{color:#7f7f7f; }


/*.review-wrap 이용후기 전체후기*/
.review-wrap .detail-review-list{padding:15px; }
.review-wrap .review-comment{overflow:hidden; border-bottom:1px solid #e1e1e1; clear:both; padding:0;}
.review-wrap .review-comment div.tump{ width:62px; height:62px; border:1px solid #e1e1e1; margin-top:10px;}
.review-wrap .review-comment div.tump a {display:block}
.review-wrap .review-comment div.tump img{ width:60px; height:auto;}
.review-wrap .review-comment .comment{float:right; width:74%; border-bottom:none;}
.review-wrap .review-comment .more{clear:both;}
.review-wrap .review-comment .hashtag span{
	margin-right: 5px;
    border-radius: 8px;
    height: 19px;
    padding: 0 8px;
    text-align: center;
    display: inline-block;
    color: #2b3aa1;
    font-weight: 600;
    background: #f3f3f9;
}
.review-wrap .best-review {padding:15px 0; margin-top:0; min-height:auto;}
.review-wrap .best-review .swiper-slide{clear:both; margin-bottom:20px; border-bottom:1px solid #e1e1e1; padding-bottom:15px;}

/*상품 qna*/
.review-write .qna-list{padding:15px; border-top:none; margin-top:0;}

/*review-question*/
.review-question{ padding:15px;}
.review-question dl{margin-bottom:20px;}
.review-question dl dt{font-size:14px; font-weight:600; margin-bottom:15px;}
.review-question dl dd input[type="checkbox"]+label{
    font-size: 13px;
    color: #7f7f7f;
    text-indent: 0;
    padding-left: 26px;
	margin-right:10px;
	margin-bottom:10px;
	background:#fff;
	border:1px solid #e1e1e1;
	width:30%;
	height:30px;
	border-radius:30px;
	text-align:center;
	padding-left:0;
	padding-top:3px;
	margin-right:5px;
	
}
.review-question dl dd  input[type="checkbox"]:checked + label {
	background:#2b3aa1;
	border:1px solid #2b3aa1;
	color: #fff;
}

.review-question dl dd input[type="checkbox"]{display:none;}

.review-question .star-rating{display: block; height: 31px; background: url(../images/img-star-big.png) 0 0 no-repeat; 
background-size:auto 31px; width:174px; margin:0 auto;}
.review-question .star-rating span{ background:url(../images/img-star-big-full.png) left top no-repeat; display:block; 
height:31px; background-size:auto 31px;}
/*.star-rating span{ background:url(../images/bg-star-empty.png) left top no-repeat; display:inline-block; width:13px; height:13px; background-size:13px 13px;}*/
.review-question .star-rating .full{ background:url(../images/bg-star-full.png) left top no-repeat;background-size:31px 31px;}
.review-question .star-rating .half{ background:url(../images/bg-star-half.png) left top no-repeat;background-size:31px 31px;}


/*review-photo-wrap 마이페이지 포토후기*/
.review-photo-wrap {padding:15px;}
.review-photo-wrap .review-cont{ border-bottom:1px solid #e1e1e1; padding-bottom:15px;}
.review-photo-wrap .review-cont > a.review{display:block;}
.review-photo-wrap .review-cont > a p.tump{display:inline-block; position:relative; width:66px; height:66px; float:left;}
.review-photo-wrap .review-cont > a p.tump img{ width:66px; height:66px;}
.review-photo-wrap .review-cont > a p.tump span.best{background:#000; text-align:center; color:#fff;
width:40px; height:19px; padding-top:0; font-size:11px; position:absolute; left:0; top:0;}

.review-photo-wrap .review-cont > p.tump{display:inline-block; position:relative; width:66px; height:66px; float:left;}
.review-photo-wrap .review-cont > p.tump img{ width:66px; height:66px;}
.review-photo-wrap .review-cont > p.tump span.best{background:#000; text-align:center; color:#fff;
width:40px; height:19px; padding-top:0; font-size:11px; position:absolute; left:0; top:0;}

.review-photo-wrap .review-cont dl.review{ display:inline-block; width:73%; margin-left:10px;}
.review-photo-wrap .review-cont dl.review dt{  margin-bottom:5px;}
.review-photo-wrap .review-cont dl.review dd.date{ font-size:10px; color:#999; margin-bottom:5px;}
.review-photo-wrap .board-view .cont{line-height:18px;}
.review-photo-wrap .board-view .cont img{width:100%; border-radius:5px;}

/**/
.item-qna-list{ padding:15px; background:#fff; border-top:6px solid #f4f4f4;}
.item-qna-list .order-cont { overflow:hidden; border-bottom:1px solid #d1d1d1;    padding: 5px 0; /* margin-bottom:20px;*/}
.item-qna-list .order-cont a{display:block;}
.item-qna-list .order-cont p.tump{ float:left; width:95px; height:95px;}
.item-qna-list .order-cont p.tump img{ width:95px; height:95px;}
.item-qna-list .order-cont div.cont{ padding-top:10px; line-height:16px; float:right; width:67%;min-height:95px; box-sizing:border-box;} 
.item-qna-list .order-cont div.cont p.state{ margin-bottom:10px; font-size:14px;}
.item-qna-list .order-cont div.cont p.state span{color:#666; text-align:center; font-size:12px; display:inline-block; background:#f4f4f4; width:90px; height:18px; border-radius:15px;}
.item-qna-list .order-cont div.cont p.tit{ margin-bottom:10px; font-size:12px;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:31px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
}

/*qna-list-wrap 상품정보 질문 답변*/
.qna-list-wrap{background:#fff;}
.qna-list-wrap .my-qna{padding:15px; }
.qna-list-wrap .my-qna .cont{position:relative; overflow:hidden; border-bottom:1px solid #e1e1e1; margin-bottom:15px; }
.qna-list-wrap .my-qna p span.icon-q{font-size:0; text-indent:-999px; background:url(../images/icon-q.png) left top no-repeat;background-size:17px 17px; width:17px; height:17px ;display:inline-block;}
.qna-list-wrap .my-qna p span.state{margin-left:5px; color:#666; text-align:center; font-size:12px; 
display:inline-block; background:#f4f4f4; min-width:62px; padding:0 5px; height:18px; border-radius:15px;}
.qna-list-wrap .my-qna p.tit{ 
	margin-top:10px;
	margin-bottom:10px; 
	font-size:12px;
	display:-webkit-box;
   /*-webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:31px;*/
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
	width:70%;
	margin-left:26px;
}

.qna-list-wrap .my-qna a.drop span.arr {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/btn-down-s.png) no-repeat 0 0;
    background-size: 18px 18px;
    margin-top: 14px;
}
.qna-list-wrap .my-qna a.drop.on span.arr {
   background: url(../images/btn-up-s.png) no-repeat 0 0;
   width: 18px;
    height: 18px;
	background-size: 18px 18px;
    margin-top: 14px;
}

.qna-list-wrap .my-ansear{background:#f9f9f9; padding:15px; min-height:190px;}
.qna-list-wrap .my-ansear span.icon-a{margin-bottom:5px; font-size:0; text-indent:-999px; background:url(../images/icon-a.png) left top no-repeat;background-size:17px 17px; width:17px; height:17px ;display:block; }


.cs-wrap .qna-list-wrap .my-qna{ padding:0; overflow:hidden;  clear:both;}
.cs-wrap .qna-list-wrap .my-qna .cont{ margin-bottom:0; padding:15px;}
.cs-wrap .qna-list-wrap .my-qna p.tit{margin-bottom:0;}
.cs-wrap .qna-list-wrap .my-ansear{ min-height:auto; overflow:hidden;}
.cs-wrap .qna-list-wrap .my-ansear p.fl{ width:80%; margin-left:10px;}
.cs-wrap .qna-list-wrap .my-ansear p.fl + p {margin-left: 24px;}


/*1:1문의  my-counsel-wrap*/
.my-counsel-wrap{background:#fff;}
.my-counsel-info{padding:15px; border-top:6px solid #f4f4f4;}
.my-counsel-info .btn-list{margin-bottom:0;}
.my-counsel-info .blue-line{padding-top:9px; font-size:12px; height:40px;}

.my-counsel-list{border-top:6px solid #f4f4f4;}
.my-counsel-list .board-list-total{padding:15px 15px 0 15px;}
.my-counsel-list .board-list-total h2{ margin-top:5px;}

.my-counsel-list .order-cont { overflow:hidden; border-bottom:1px solid #d1d1d1; margin-bottom:0; padding:15px;}
.my-counsel-list .order-cont a{display:block;}
.my-counsel-list .order-cont div.cont{line-height:16px;min-height:95px; box-sizing:border-box;} 
.my-counsel-list .order-cont div.cont p.state{ margin-bottom:10px; font-size:14px;}
.my-counsel-list .order-cont div.cont p.state span{color:#666; text-align:center; font-size:12px; display:inline-block; background:#f4f4f4;height:18px; border-radius:15px;} /* 2020-07-30 */
.my-counsel-list .order-cont div.cont p.tit{ margin-bottom:10px; font-size:12px;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:31px;
    line-height:16px;
    overflow:hidden;
    text-overflow:ellipsis;
}


/*회원정보 수정*/
.modify-wrap{background:#fff; padding:15px; border-top:6px solid #f4f4f4;}
.modify-info{background:url(../images/img-pw.png) center 20px no-repeat;background-size:90px 70px; 
min-height:180px; text-align:center; padding-top:110px; border-bottom:1px solid #e1e1e1; margin-bottom:30px;}
.modify-info.bye{background:url(../images/img-bye.png) center 20px no-repeat;background-size:90px 70px; 
min-height:180px; text-align:center; padding-top:110px; border-bottom:none; margin-bottom:30px;}
.modify-login{width:90%; margin:0 auto; min-height:180px;}
.modify-login label{ display:inline-block; width:21%; color:#999;vertical-align:middle;}
.modify-login ul li{margin-bottom:10px; vertical-align:middle;}
.modify-login input{width:75%;}


.gray-box{background:#f9f9f9; text-align:left; padding:15px; margin-top:20px;}


/*회원탈퇴*/
.withdrawal{ padding:20px; text-align:center;}
.withdrawal a{text-decoration:underline; color:#7f7f7f;}


/*쿠폰함 my-cupon*/
.my-cupon{}
.icon-cupon{padding:15px 15px 15px 25px; position:relative; background:url(../images/bg-cupon.png) left top no-repeat;
width:280px; height:125px; background-size:280px 125px; margin:15px auto;}
.icon-cupon p{margin-bottom:10px;}
.icon-cupon span{text-align:center; position:absolute; display:block; width:70px; height:125px; right:0; top:0; 
padding-top:70px;}
.icon-cupon span.down{color:#2b3aa1; background:url(../images/icon-cupon-download.png) center 38px no-repeat; background-size:27px 27px;}
.icon-cupon span.ok{color:#999999; background:url(../images/icon-cupon-completion.png) center 38px no-repeat; background-size:27px 27px;}

/*==================
	border
==================*/

.border-top{border-top:6px solid #f4f4f4 !important;margin-bottom: 10px;}
.border-bottom{border-bottom:6px solid #f4f4f4 !important;}
.border-none{border:none !important;}
/*==================
	판매약국찾기
==================*/
.find-search-wrap{background:#fff; }
.find-search-wrap .search-form{padding:15px;}
.find-search-wrap .search-form .hbox select{ width:47%;}
.find-search-wrap .search-form .hbox select:last-child{ margin-left:11px;}
.find-search-wrap .search-form .board-search{border: 1px solid #000000; border-radius: 3px; height: 40px; overflow:hidden;}
.find-search-wrap .search-form .board-search input{border:none; width:80%; height: 35px;}
.find-search-wrap .search-form .board-search button{text-indent: -9999px;width: 50px;height: 100%;
background: url(../images/icon-search-small.png) no-repeat center center;background-size:28px 28px; float:right;}

.find-search-wrap .find-search-total{padding:0 15px; padding-top:10px; text-align:left;font-size:13px;
 height:40px; overflow:hidden;}
.find-search-wrap .find-search-total span.icon{padding-left:25px; background: url(../images/icon-map.png) no-repeat left top;background-size:20px 20px;}
.find-search-wrap .find-search-total span.list{padding-left:25px; background: url(../images/icon-list.png) no-repeat left top;background-size:20px 20px;}

.find-search-list{ border-top:6px solid #f4f4f4; padding:15px; text-align:left;}
.find-search-list ul li{position:relative; border-bottom:1px solid #e1e1e1; padding:15px 0;}
.find-search-list ul li:first-child{padding-top:0;}
.find-search-list ul li p.tit{ font-size:15px; font-weight:600; margin-bottom:15px; width:70%; }
.find-search-list ul li  span.address{margin-bottom:5px; display:block; font-size:13px;}
.find-search-list ul li a.more{position:absolute;right:0; top:15px; background: url(../images/icon-enter-more.png) no-repeat right center;background-size:8px 8px; padding-right:10px;}
.find-search-list ul li span.tel{ font-size:13px;margin-bottom:5px; color:#7f7f7f; background: url(../images/icon-call.png) no-repeat left center;background-size:13px 13px; display:block; padding-left:18px;}
.find-search-list ul.bul-list li{ font-size:13px;padding-left:10px; color:#2b3aa1; margin-bottom:5px; border-bottom:none; padding:0 0 0 10px;}
.find-search-list ul.bul-list li:before{content:""; width:3px; height:3px;background-color: #2b3aa1; position:absolute; left:0; top:7px; }
.find-search-list ul.bul-list li em{font-style:normal; display:inline-block; margin-left:10px;}

.find-search-map{background:#fff; min-height:600px; }

.map-info {position:fixed; background:#fff; width:100%; left:0; bottom:0; padding:15px;box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.3);}
.map-info p.tit{ font-size:15px; font-weight:600; margin-bottom:15px; width:70%; }
.map-info span.address{margin-bottom:5px; display:block; font-size:13px;}
.map-info span.tel{ font-size:13px;margin-bottom:5px; color:#7f7f7f; background: url(../images/icon-call.png) no-repeat left center;background-size:13px 13px; display:block; padding-left:18px;}
.map-info a.close{position:absolute; right:10px; top:10px; }
.map-info a.close img{width:28px; height:28px;}
.map-info a.more{position:absolute;bottom:10px; right:10px; background: url(../images/icon-enter-more.png) no-repeat right center;background-size:8px 8px; padding-right:10px;}


.find-search-view{ text-align:left;}
.find-search-info {background:#f9f9f9; padding:15px;}
.find-search-info p.tit{ font-size:15px; color:#2b3aa1; font-weight:600; margin-bottom:15px; }
.find-search-info span.address{margin-bottom:5px; display:block; font-size:13px;}
.find-search-info span.tel{ font-size:13px;margin-bottom:5px; color:#7f7f7f; background: url(../images/icon-call.png) no-repeat left center;background-size:13px 13px; display:block; padding-left:18px;}

.find-search-view dl.bl{padding:15px; }
.find-search-view dl.bl dt{padding-bottom:10px; margin-bottom:5px;  font-size:14px; border-bottom:1px solid #e1e1e1;}
.find-search-view dl.bl dd{font-size:13px; padding:8px 0; position:relative; padding-left:10px;}
.find-search-view dl.bl dd:before{content:""; width:3px; height:3px;background-color: #2b3aa1; position:absolute; left:0; top:17px; }
.find-search-view dl.bl dd span{margin-right:5px; border-radius:8px; height:19px; padding:0 10px;text-align:center; display:inline-block; color:#2b3aa1; font-weight:600; background:#f3f3f9;}


/*================== 
		이벤트 
==================*/ 
.event-list-wrap {padding:15px; background:#fff;}

.event-list-cont{ margin-bottom:20px; position:relative;}
.event-list-cont p.tump {margin-bottom:10px; position:relative;}
.event-list-cont p.tump a{display:block;} 
.event-list-cont p.tump img{ width:100%;}
.event-list-cont dl dt{ font-weight:600; font-size:13px; margin-bottom:5px;}
.event-list-cont dl dd span:after{z-index:1; display:inline-block; content:"|"; font-size:9px; margin:0 3px 0 8px;}

.event-list-cont.end p:after{content:"";width:100%; height:100%; position:absolute; left:0; top:0; display:block;background:rgba(0,0,0,0.5);}
.event-list-cont a.prize{z-index:2;display:block; position:absolute; left:0; top:50%; width:100%;height:90px; text-align:center;transform: translateY(-50%); }
.event-list-cont a.prize img{width:30%; height:;}


.event-view-wrap{padding:15px; background:#fff; }
.event-view-tit{border-bottom:1px solid #e1e1e1; position:relative; padding-bottom:10px; margin-bottom:15px;}
.event-view-tit dl dt{ font-weight:600; font-size:13px;}
.event-view-tit dl dd{ color:#999;}
.event-view-tit a.share{display:inline-block; position:absolute;right:0; top:0;}
.event-view-tit a.share img{width:26px; height:26px;}
.event-view-tit a.prize{position:absolute; right:0; bottom:10px; background: url(../images/bg-crown.png) no-repeat left center;background-size:21px 13px; display:block; padding-left:25px;}
.event-view-tit span.end{display:inline-block;}
.event-view-tit span.end:before{z-index:1; display:inline-block; content:"|"; font-size:9px; margin:0 3px 0 8px;}


.event-view-cont{ min-height:300px;}

.event-view-replay{ /*background:#f9f9f9;*/}
.event-view-replay .replay-total{background:#fff; padding:10px 15px; border-bottom:1px solid #000;}
.event-view-replay .replay-info {padding:15px; }
.event-view-replay .replay-info .textarea{ height:100px;}
.event-view-replay .replay-cont{position:relative; padding:15px; border-top:1px solid #e1e1e1; margin:0 15px;padding:15px 0;}
.event-view-replay .replay-cont p.name{margin-bottom:5px;}
.event-view-replay .replay-cont p.name b{display:inline-block; margin-right:5px;}
.event-view-replay .replay-cont p.txt{height:51px;overflow:hidden; margin-bottom:3px;}
.event-view-replay .replay-cont p.txt.auto{ height:auto;}
.event-view-replay .replay-cont p.more a{color:#999;}
.event-view-replay .replay-cont p.buttom{position:absolute;right:0; top:15px;}
.event-view-replay .replay-cont p.buttom a{ margin-left:5px;  display:inline-block; text-decoration:underline;color:#999;}

/*당첨자 발표*/
.prize-list{background:#fff; padding-bottom:50px; border-top: 1px solid #e1e1e1; }
.prize-list ul li{padding:15px; border-bottom:1px solid #e1e1e1;}
.prize-list ul li span.icon {display:block;margin-bottom:5px;}
.prize-list ul li span.icon img{height:15px;}
.prize-list ul li a{ display:block;}
.prize-list ul li dl dt{ font-size:13px; margin-bottom:9px;}
.prize-list ul li dl dd.data{color:#999;}
.prize-list ul li dl dd.data span{color:#999;}
.prize-list ul li dl dd.data span:before{content:"|"; font-size:11px; color:#999; display:inline-block; margin:0 5px;}

/*==================
	고객센터
==================*/
.cs-wrap{background:#fff;}
.cs-qna{padding:15px;}
.cs-qna ul{text-align:center;}
.cs-qna ul li{ display:inline-block; width:85px; height:85px; border-radius:12px; margin-bottom:17px; margin-left:9px;border:2px solid #e1e1e1;}
.cs-qna ul li:hover{border:1px solid #000;}
.cs-qna ul li.on{border:1px solid #000;}
.cs-qna ul li a{display:block; height:100%; padding-top:50px;}
.cs-qna ul li a.login{background:url(../images/icon-login.png) center center no-repeat; background-size:40px; height:40px;}
.cs-qna ul li a.order{background:url(../images/icon-order.png) center center no-repeat; background-size:40px; height:40px;}
.cs-qna ul li a.deliver{background:url(../images/icon-delivery-1.png) center center no-repeat; background-size:40px; height:40px;}
.cs-qna ul li a.exchange{background:url(../images/icon-exchange.png) center center no-repeat; background-size:40px; height:40px;}
.cs-qna ul li a.etc{background:url(../images/icon-etc.png) center center no-repeat; background-size:40px; height:40px;}
.cs-qna ul li a.all{background:url(../images/icon-allmenu.png) center center no-repeat; background-size:40px; height:40px;}

.cs-qna ul li:nth-child(4){clear:both;}
.cs-qna ul li:nth-child(7){clear:both;}

.cs-info{ padding:15px;}
.cs-info ul { overflow:hidden; box-sizing:border-box;}
.cs-info ul li{border:1px solid #e1e1e1; float:left;text-align:center;}
.cs-info ul li a{display:block; padding:15px;  height:100%;}
.cs-info ul li b,.cs-info ul li span{ display:block;}
.cs-info ul li span.tel{color:#fff; background:#2b3aa1; height:22px; padding:2px 10px 0 10px; margin:5px 0; text-align:center; border-radius:11px;}
.cs-info ul li:nth-child(1),.cs-info ul li:nth-child(2){width:50%; height:90px; }
.cs-info ul li:nth-child(1) a{ padding-top:10px; }
.cs-info ul li:nth-child(2) a{ padding-top:35px; }
.cs-info ul li:nth-child(3){clear:both;}
.cs-info ul li:nth-child(n+3){ width:33.3%; height:50px; border-top:none; }
.cs-info ul li:nth-child(n+3) a{padding:15px 0;}

.cs-info ul li:nth-child(3n-1){border-left:0;}
.cs-info ul li:nth-child(3n){border-right:0;}
.cs-info ul li:nth-child(n+4) a{border-top:0; }

.cs-notice{}
.cs-notice h4{margin:15px 15px 0 15px;}
.cs-notice ul li{ border-bottom:1px solid #e1e1e1; }
.cs-notice ul li a{padding:15px; display:block;}
.cs-notice ul li b{display:block; font-weight:normal; margin-bottom:10px; font-size:13px;}
.cs-notice ul li span{display:block; color:#999999;}
.cs-notice ul li span em{font-style:normal;}
.cs-notice ul li span em:before{content:"|"; font-size:11px; color:#999; display:inline-block; margin:0 5px;}


/* 배송안내 | 고객센터 */
.cs-system-wrap{background:#fff; padding:15px;}
.cs-system-wrap h4{ font-size:16px; color:#2b3aa1;  margin-top:10px;}

.line_title{font-size:14px;line-height:1.29;font-weight:300;}
.line_title > em{display:inline-block;position:relative;font-weight:bold; font-style:normal; font-size:inherit;z-index:1;}
.line_title > em:before{content:'';position:absolute;width:100%;height:10px;bottom:0;left:0;background-color:#ccf0ff;z-index:-1;}
.pharm_dv_info .sub_txt{font-size:12px;line-height:1.63;color:#7f7f7f; position:relative;}
.pharm_dv_info .img_list{margin-top:20px;font-size:0; text-align:center;}
.pharm_dv_info .img_list li{display:inline-block; width:45%; margin-bottom:25px; position:relative;}
.pharm_dv_info .img_list li img{width:100px;}

.pharm_dv_info .img_list li:nth-child(1):after{position:absolute; right:-10px; top:46px; display:inline-block; content:""; width:22px; height:7px;
background:url(../images/bg-arrow-1.png) left top no-repeat; background-size:22px 7px;  }
.pharm_dv_info .img_list li:nth-child(2):before{position:absolute; left:-30px; top:81px; display:inline-block; content:""; width:56px; height:56px;
background:url(../images/bg-arrow-2.png) left top no-repeat; background-size:56px 56px;  }

.pharm_dv_info .img_list li:nth-child(3):after{position:absolute; right:-10px; top:46px; display:inline-block; content:""; width:22px; height:7px;
background:url(../images/bg-arrow-1.png) left top no-repeat; background-size:22px 7px;  }


.img_info_box{position:relative;margin-top:15px;}
.img_info_box img{width:100%;}
.img_info_box:after{content:'';display:block;clear:both;}
.img_info_box .txt.left{position:relative; font-size:12px;line-height:1.33; padding:15px 15px 0 20px;}
.img_info_box .txt.left:after{content:''; position:absolute; left:10px; bottom:0;width:1px;height:100px;background-color:#000;}

.img_info_box .txt.right{text-align:right; padding:15px 25px 0 20px;}
.img_info_box .txt.right:after{content:'' ;position:absolute; right:10px; bottom:0; width:1px;height:100px;background-color:#000;}


/*==================
	브랜드 소개
==================*/
.brand-info-wrap{background:#fff; padding-bottom:50px;}
.brand-info-wrap .border-top{padding:15px;}
.brand-info-wrap .brand-tit span{line-height: 1.47;}
.brand-info-wrap dl dt{ font-size:16px; color:#2b3aa1; margin-bottom:15px; font-weight:600;}
.brand-info-wrap dl dd.cont{font-size:13px;}
.brand-info-wrap p.img img{width:100%;}
.brand-info-wrap .cont p{margin-bottom:10px; }
.brand-info-wrap .cont p.t_gray{font-size:12px;}
.brand-info-wrap p.img-inline{vertical-align:middle;}
.brand-info-wrap p.img-inline img{ width:78px; vertical-align:middle;}

.img-align {text-align:center;}
.img-align ul.inline li{ display:inline-block; width:32%; vertical-align:top;}
.img-align ul.inline li img{width:94px; height:94px;object-fit: cover;}
.img-align ul.inline span{display:block; margin-top:10px; font-size:12px;}

.img-align div.inline{ display:inline-block; width:40%;  vertical-align:top;}
.img-align div.inline img{width:90px; height:90px;}
.img-align div.inline b{font-size:17px; margin:5px 0;display:block;}
.img-align div.inline span{display:block; font-size:12px;}
.img-align span.inblock {width:19px; margin-top:70px; display:inline-block;}
.img-align span.inblock img{ height:22px; vertical-align:middle;}


/*magazine-list*/
div.magazine-list{padding:15px; overflow:hidden;}
div.magazine-list ul li{position:relative;float:left; text-align:center; width:50%; box-sizing:border-box; margin-bottom:25px;}
div.magazine-list ul li a{display:block;text-align: center;padding: 0 5px;}
div.magazine-list ul li p{ width:100%; height:auto; margin:0 auto; margin-bottom:10px; text-align:left;}
div.magazine-list ul li p img{ width:100%; height:100%;}
div.magazine-list ul li span{font-size:12px; display:block; text-align:left;}
div.magazine-list ul li em{background:red; font-style:normal; position:absolute; left:0; top:0; font-size:12px; color:#fff; 
text-align:center; display:inline-block; height:18px; padding:0 5px 0 5px;}

div.magazine-list ul li em.red{background:#cd383a; }
div.magazine-list ul li em.purple{background:#941eb3; }
div.magazine-list ul li em.blue{background:#2b3aa1; }
div.magazine-list ul li em.green{background:#188b78; }



/* 별점 */
.clear-rating{display:none !important;}
.theme-krajee-svg.rating-lg .krajee-icon, 
.theme-krajee-svg.rating-lg .krajee-icon-clear{ width:32px !important;height:32px !important; }
.rating-container .caption{display:none !important;}
.rating-lg{font-size:initial !important;}
.theme-krajee-svg .empty-stars .krajee-icon-star{background-image:url('../images/btn-empty-big.png') !important;}
.theme-krajee-svg .filled-stars .krajee-icon-star{background-image:url('../images/btn-full-big.png') !important;}
.rating-container .star{margin:0 3px !important;}



/*명관 추가본*/
.ellipsis{width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:120%}
.ellipsis3 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;	line-height: 1.2em;	height: 54px;}
.main-ellipsis{width: 70%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.review-photo span.add {display: block;   background: url(../images/icon-photo-add.png) no-repeat 0 0;   background-size: 17px 17px;   width: 17px;   height: 17px;   position: absolute;   right: 5px;   bottom: 5px;}
#loading-dimmed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=40);
    background: #000;
    background: rgba(0,0,0,.4);
    z-index: 1500;
}
/* 로딩 */
#loading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -50px;
	margin-left: -50px;
	z-index: 1501;
	width:100px;
	height:100px;
}



/* 약관 */
.terms-view{overflow:hidden;padding:20px !important;}
.terms-item{display:block !important;padding: 0 10px}
.terms-item *{font-size:14px !important;line-height:1.71 !important;}
.terms-l-ttl{display:block !important;font-size:20px !important;line-height:1.71 !important;padding-bottom:10px !important;}
.terms-item b, .terms-item .b{font-weight:bold !important;color:#000;}
.terms-item u, .terms-item .u{text-decoration:underline !important;}
.terms-item + .terms-item{margin-top:25px !important;}
.terms-item .terms-item-ttl{font-weight:600;}
.terms-item .terms-item-txt{display:block;padding-left:10px;}
.terms-item .terms-item-list{display:block;padding-left:32px;text-indent:-17px;}
.terms-item .terms-item-list ul,
.terms-item .terms-item-txt ul{display:block;padding:4px 0 8px;}
.terms-item .terms-item-list li,
.terms-item .terms-item-txt li{display:block;padding-left:17px;text-indent:-17px;}
.terms-item .terms-item-list .type-bar li,
.terms-item .terms-item-txt .type-bar li{padding-left:10px;text-indent:-10px;}
.terms-item .terms-item-list .type-nospc li,
.terms-item .terms-item-txt .type-nospc li{padding-left:0;text-indent:0;}
.terms-item .terms-item-list .bd-left,
.terms-item .terms-item-txt .bd-left{margin:20px 0;padding-left:20px;border-left:5px solid #ccc;}
.terms-item .terms-item-list li + li,
.terms-item .terms-item-txt li + li{margin-top:4px;}
.terms-tbl{width:100% !important;margin:10px 0 20px !important;padding:0  !important;border-top:2px solid #ccc;table-layout:fixed;border-collapse: collapse;}
.terms-tbl *{text-indent:0;font-size:12px !important; vertical-align: middle;}
.terms-tbl caption{display:none;}
.terms-tbl thead th{text-align: center;padding:10px 0;border:1px solid #ccc;background-color:#f6f6f6 !important;}
.terms-tbl tbody td, .terms-tbl tbody th{padding:8px 5px !important;border:1px solid #ccc;}
.terms-tbl tbody th{background-color:#f6f6f6 !important;font-weight:400 !important;}

/* 이미지 100% 나열 */
.img_full_box{overflow:hidden;position:relative;display:block;width:100%;}
.img_full_box img{display:block;width:100%;}

/*약사추천템*/
.interview_wrap .title_box{padding-bottom:20px;text-align:center;border-bottom:1px solid #e1e1e1;}
.interview_wrap .info_round{display:inline-block;padding:0 14px;height:34px;line-height:34px;border-radius:17px;background-color:rgba(255,149,13,0.08);color:#ff6600;font-weight:bold;font-size:16px;}
.interview_wrap .title_box > p{margin-top:14px;font-size:15px;}
.interview_list{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.interview_list:after{content:'';display:table;clear:both;}
.interview_list > p{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

.interview_list .question, .interview_list .comment{
	-ms-flex-item-align:end;align-self:flex-end;max-width: 95%; min-height:100px;margin:0 0 50px 20px;padding:18px 70px 18px 15px;border:1px solid #000;
	background:url('../images/profile-cami.png') no-repeat right center;background-color:#fff;border-radius:15px;font-size:15px;line-height:1.5;background-size: 60px;
}
.interview_list .question:after{content:'';position:absolute;bottom:-35.5px;right:20px;width:34px;height:36px;background:url('../images/img-tail-blk.png') no-repeat;background-size: 25px;}

.interview_list .answer{
	max-width: 95%;margin:0 20px 50px 0;padding:18px 15px 18px 70px;border:2px solid rgba(0,0,0,0.1);background:url('../images/profile-copy-2.png') no-repeat 10px 20px;background-color:#ff950d;border-radius:15px;color:#fff;font-size:15px;line-height:1.5;letter-spacing:-1.3px;font-weight:300;background-size: 50px;
}
.interview_list .answer:after{content:'';position:absolute;bottom:-36px;left:50px;width:33px;height:36px;background:url('../images/img-tail-org.png') no-repeat;background-size: 25px;}
.interview_list > img{margin-bottom:40px;}
.interview_list img {width: 100%;height: auto;}
.interview_list .answer .icon_star{position:absolute;top: -30px;left: 10px;}
.interview_list .answer .icon_star img{width: 20px;height: auto;}
.interview_list .comment{margin-left: 0;max-width: 100%; padding: 85px 20px 18px; text-align: center;font-size: 14px; background-image:url('../images/profile-copy-3.png');background-position:center 15px;background-color:#555;color:#fff;font-weight:300;}
.interview_list p:last-of-type{margin-bottom:0;}


.answer em.inline.bold {display: inline;font-weight:bold !important;vertical-align: baseline;}
.interview_list > p.answer {display: block;}
.interview_list > p.answer strong {display: block;padding-bottom: 10px;}
.pharmacy-info {margin: 60px 0 0; border-radius: 15px;background-color: #f4f4f4;text-align: center;}
.pharmacy-info p {padding: 20px 0;color: #000; font-size:13px;line-height:2;letter-spacing:-1.3px;font-weight:400;}
.pharmacy-info p strong {
  display: block;padding-left: 0;color: #000; 
  font-size:13px;line-height:2;letter-spacing:-1.3px;font-weight: bold;background:url('../images/ic-ad-map-location.png') no-repeat left center;background-size: 56px;
}
.interview_wrap {padding: 100px 0 30px;}
.bold {font-weight: bold !important;}
.iht {font-size: inherit;color: inherit;font-weight: inherit;font-style: normal;}
.comment + .pharmacy-info {margin-top: 20px;}

/* 종료된 이벤트 명관 추가 */
.event_none{padding-top:330px;height:556px;text-align:center;background:url('/content/images/bg-noevent.png') no-repeat center 190px;background-color:#f9f9f9;border-radius:10px;}
.event_none p{font-size:20px;color:#7f7f7f;}

/* == 211213 == */
dl.price-info{margin-top: 9px;}
.best-wrap{overflow: hidden;padding: 30px 15px;}
.best-wrap ol li p.num{left: -10px;top: -20px;}
.best-wrap ol > .item:nth-child(even){padding-bottom: 32px;}
.best-wrap ol > .item:nth-child(odd){padding-bottom: 32px;}
.best-wrap dl.price-info dt{margin-bottom: 6px;}
.swiper-wrapper.detail-swiper-wrapper{margin-top: 10px;}
.btn-seller-can button{display: block;width: 100%;height: 40px;color: #2b3aa1;font-size: 14px;border: 1px solid #2b3aa1;border-radius: 3px;background: #fff;}
.btn-seller-can button em{display: inline-block;padding-left: 26px;font-size: 14px;line-height: 38px;background: url(../../images/icon-pharm2.png) center left / 14px no-repeat;}

/* == 211215 팝업 컨텐츠 없을 때 == */
.none-cont{display: table;width: 100%;height: 300px;}
.none-cont p{display: table-cell;color: #7f7f7f;font-size: 14px;line-height: 1.6;vertical-align: middle;text-align: center;}

/*======211020 : 모바일 메인 메뉴 카테고리 변경======*/
.side-mypage ul li{width: 25%;}
.side-stepmenu{margin-bottom: 0;border-bottom: 1px solid #e5e5e5;}
.side-mypage ul,.side-stepmenu .side-tab{font-size: 0;}
.side-stepmenu ul.side-tab li{width: 33.3%;}
.side-stepmenu ul.side-tab li a {border-bottom: 1px solid #e5e5e5;}
.side-tab-cont{display: none;padding: 0;}
.side-tab-cont:first-of-type{display: block;}
.side-tab-cont ul{float: left;width: 50%;min-height: 342px;}
.side-tab-cont ul li{float: unset;width: 100%;}
.side-tab-cont ul li a{padding: 10px 15px;}
.side-tab-cont .side-tab-ti li a.on{color: #2b3aa1;font-weight: 500;background: #fff;}
.side-tab-menu{display: none;background: #fff;}
.side-tab-ti + ul.side-tab-menu{display: block;}
.side-tab-menu.on{display: block;}

/* == 211217 배너 == */
#topBanner{width: 100%;height: 100%;overflow: hidden;}
#topBanner a img{width: 100%;object-fit: cover;}
/* == 211220 배너 == */
#topBanner a.close{z-index: 1;}
@media all and (max-width:320px) {
	.main_con nav a:nth-child(3){width: auto;}
}

/* 220124 - 간편 결제 추가 */
.pay-box ul.easy li{height: 111px;}
.pay-box ul.easy li:active{height: 111px;}
.pay-box ul.easy li.on{height: 111px;}
.pay-box ul.easy li.on a span{color: #2b3aa1;}
.pay-box ul.easy li a{padding-top: 18px;}
.pay-box ul.easy li a span{display: block;margin-top: 10px;padding-bottom: 10px;font-size: 12px;line-height: 25px;}
.pay-box ul.easy li a img{display: block;width: 100%;height: 44px !important;}
.pay-box ul.easy li:nth-child(6) a{border-top: 0;border-left: 0;}
.pay-box ul.easy li:nth-child(7) a{border-top: 0;}

/* 220207 - 메인 여백 리스트 수정 */
/* .itemlist div.swiper-wrapper{margin-top: 20px;} */
dl.price-info dd.price{border-top: 0;}
dl.price-info dd.price span{display: block;}
dl.price-info dd.price em.price-sale{margin-right: 4px;color: #E50012;font-size: 12px;font-style: normal;font-weight: 700;}
div.hot-itemlist01{padding-bottom:20px;}

/* 220207 - 서브 페이지 여백 리스트 수정 */
.board-list > ul li{min-height: 310px;}
.board-list > ul li p.tump img {width: 150px;height: 150px;}


/* 220322 - 베스트 순번 리스트 수정 */
.best-wrap dl.price-info dd.price > a:first-child{min-height: 46px;}

.best-wrap ol > .item:nth-child(odd){ padding-bottom:32px;}
.best-wrap ol > .item:nth-child(even){padding-bottom:32px;}



/* 221013 - 메인 스와이프 수정 */
div.main_visual_wrap{padding: 0;padding-bottom: 27px;background: #fff;}
div.main_visual_wrap .main-visual-new a{display: block;}
div.main_visual_wrap .main-visual-new a img{display: block;width: 100%;height: auto;}
.main_visual_wrap .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 0;width: 100% !important;height: 8px;}
.main_visual_wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {width: 8px !important;height: 8px !important;transform: initial;opacity: 1;border-radius: 50%;background: #e4e4e4;}
.main_visual_wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px !important;opacity: 1;border-radius: 12px;background: #bcbcbc;}



/* 20230131 */
.itemlist.pro-derma .tit-wrap .tit.procalm:after {content: none;}
.itemlist.pro-derma .tit-wrap .tit.procalm:before {
	content:"";background:url(../images/main-new/icon-instagram.png) left center no-repeat;
	display:inline-block;width:30px;height:40px;background-size:21px;vertical-align: top;
}
.itemlist .swiper.procalm .swiper-slide {height: 100%;box-shadow: 0px 4px 10px 0 rgb(0 0 0 / 14%);}
.skin-pro.procalm {padding: 87.47% 15px 67px;background: #efeff2 url(../images/main-new/bg-skin-pro2.png) 0 / 100% no-repeat;text-align: center;}