@charset "utf-8";


/* =================================
*		사이트 공통 디자인
*		2021-01-15 작성
================================== */
body{font-family: 'Pretendard', Apple SD Gothic Neo, 돋움, dotum, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.4; color: #222; word-break: break-all; word-wrap: break-word; white-space: normal;}

/* 이미지 선명도 이슈 보완을 위하여 넣음 */
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: crisp-edges;
    transform: translateZ(0);
    backface-visibility: hidden;
}

/* 폰트 깨짐현상 보완 */
p,a,h1, h2, h3, h4, h5, h6{
    transform: skew(0.05deg);
}

.clear::after{content: ""; width: 0; height: 0; display: block; clear: both;}
.subClr{color:#2a6496;}
.red{color: #c00000;}
.green{color: green;}

html.noscroll, body.noscroll{width: 100%; height: 100vh; overflow: hidden; touch-action: none;}
/* =======================================================
  웨이팅 progress-wrapper
========================================================*/
.progress-wrapper {display: block; position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%;}
.progress-inner {position: absolute; top: 50%; left: 50%; z-index: 9998; transform: translate(-50%, -50%);}
.progress-wrapper span {display: inline-block; width: 10px; height: 10px; margin-right: 7px; animation: popWave 1.4s linear infinite; }
.progress-wrapper .progress-dot01 {background-color: #6ab5d5 ; opacity: 0.5; }
.progress-wrapper .progress-dot02 {background-color: #6ab5d5 ; opacity: 0.7; animation-delay: -1.2s; }
.progress-wrapper .progress-dot03 {background-color: #6ab5d5; opacity: 0.9; animation-delay: -1.0s; }

@keyframes popWave {
  0%, 60%, 100% {
    transform: initial;
  }

  30% {
    transform: translateY(-15px);
  }
}




/* =======================================================
	텍스트
========================================================*/
.text-guide {font-size: 12px !important; color: #888 !important; }
.text-small {font-size: 0.8em !important; }


.symbol {font-style: normal; font-size: inherit; color: inherit; }


/* =======================================================
	페이지 공통 영역
========================================================*/
.title-area {position: relative; text-align: center; margin-bottom: 3%; box-sizing: border-box;}
.title-area:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.title-area .title{font-size: 32px; font-weight:600;}

.page-header {padding: 20px 0; box-sizing: border-box;}
.page-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.page-header .title {font-size: 34px; text-align: center; font-weight: 600;}
.page-header .subtitle {font-size: 16px; color: #6ab5d5; text-align: center; }


.page-bottom {padding: 20px 15px; box-sizing: border-box; }
.page-bottom:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.page-bottom .btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.page-bottom .btn-group .btn-half {float:left; width: calc(50% - 5px); }
.page-bottom .btn-group .btn-half + .btn-half {margin-left: 10px; }


/* =======================================================
	아이콘
========================================================*/
.icon {display: inline-block; }

/* 언어설정 지구본 */
.icon-lang {/* background-image: url("/AppData/images/site/icon_02/icon_lang.png");  */background-repeat: no-repeat; background-size: 28px auto; background-position: left center; }

/* sns아이콘 */
.icon-kakao {background-image: url("/AppData/images/site/sns/icon_kakao.png"); }
.icon-facebook {background-image: url("/AppData/images/site/sns/icon_facebook.png"); }
.icon-twitter {background-image: url("/AppData/images/site/sns/icon_twitter.png"); }
.icon-instagram {background-image: url("/AppData/images/site/sns/icon_instagram.png"); }
.icon-kakaostory {background-image: url("/AppData/images/site/sns/icon_kakaostory.png"); }
.icon-line {background-image: url("/AppData/images/site/sns/icon_line.png"); }
.icon-band {background-image: url("/AppData/images/site/sns/icon_band.png"); }
.icon-blog {background-image: url("/AppData/images/site/sns/icon_blog.png"); }





/* =======================================================
	꼬리표
========================================================*/
.marking-area:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.marking {text-align:left; font-size: 14px; margin-bottom: 5px; } 
.marking:last-child { margin-bottom: 0; }
.marking span { display: inline-block; padding: 0 4px; height:22px; line-height:22px; border-radius: 2px; box-sizing: border-box; }
.marking:last-child{margin-right:0;}
.marking-coupon{background-color: #eda12e; color: #fff;}
.marking-agent{ background-color:#de4a92; color:#fff;}
.marking-subscribe{background-color: #1baedb; color: #fff;}
.marking-order{background-color: #3cb257; color: #fff;}
.marking span.marking-order { white-space: initial; height: auto; }
.marking-save-area { width: 100%; margin-bottom: 5px; }

/* 지우기 */
/* .marking-save-area .marking-slash { float: left; font-size: 9px; margin: 0 6px; line-height: 22px; color: #999; } */
.marking-save-area .marking { display: block; white-space: initial; padding: 0; }
.marking-save-area .marking span { margin-right: 3px; color: #fff; }
.marking-earn { color:#a327cc; border-radius: 0; margin-right: 0;}
.marking-earn span {  background-color: #a327cc;  }
.marking-earn em{font-style:normal;}
.marking-buy { color:#fd852d; }
.marking-buy span { background-color:#fd852d; }
.marking-buy em{font-style:normal; }

.marking-complete {border-color: #666; background-color: #666; color: #fff; }
.marking-waiting,
.marking-ongoing {border-color: #6ab5d5; background-color: #6ab5d5; color: #fff; }
.marking-black {background-color: #222; border-color: #222; color: #fff; }

.marking-round {display: inline-block; padding: 2px 8px; font-size: 11px;border: 1px solid #6ab5d5; border-radius: 999px; line-height: 1.2; }

.label-mark {
	font-weight: 400;
	display: inline-block;
	background-color: #6ab5d5;
	margin-right: 3px;
	color: #fff;
	padding: 0 4px;
	height: 22px;
	line-height: 22px;
	border-radius: 2px;
	box-sizing: border-box;
	font-size: 14px;
}

/* =======================================================
	list 리스트
========================================================*/
.list li {margin-top: 8px; }
.list ul {margin: 5px 0 10px; padding: 0 5px; box-sizing: border-box; }

.list-dash > li:before {content: "-"; padding-right: 5px; }

.list-dot {}
.list-dot > li {padding-left: 12px; background-image: url("/AppData/images/site/common/bullet_dot.png"); background-repeat: no-repeat; background-size: 2px 2px; background-position: left 9px; }

.list-number {counter-reset: period; }
.list-number > li {counter-increment: period; }
.list-number > li:before {content: counter(period)"."; margin-right: 5px; }

.list-number.circle > li:before {content: counter(period); display: inline-block; width: 16px; height: 16px; margin: 0 4px 3px 0; border: 1px solid #777; border-radius: 100%; box-sizing: border-box; background-color: transparent; text-align: center; color: #777; font-size: 10px; line-height: 13px; vertical-align: middle; }

.dl-info02 {}

.dl-table {display: table; width: 100%; table-layout: fixed; }
.dl-table dt {display: table-cell; text-align: left; padding-right: 5px; font-size: 13px; vertical-align: top; }
.dl-table dd {display: table-cell; text-align: right; padding-left: 5px; font-size: 13px; vertical-align: top; }



/* =======================================================
	list 리스트
========================================================*/
table {width: 100%; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; background-image: none; }
table th,
table td {padding: 10px 10px; font-size: 13px; }

.table-line table {}
.table-line table th ,
.table-line table td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table-line table tr:first-child th,
.table-line table tr:first-child td {border-top: 1px solid #ddd; }
.table-line table th:first-child,
.table-line table td:first-child {border-left: 1px solid #ddd; }
.table-line table th {font-size: 13px; font-weight: 500; }
.table-line table td {text-align: left; }



/* =======================================================
	버튼
========================================================*/
.btn {height: 50px; padding: 0 15px; border: 1px solid #bbb; background-color: #fff; font-size: 14px; font-weight: 400; line-height: 48px; color: #666; border-radius: 0;}
.btn:hover {background-color: #f2f2f2; color: #666; }


/* 버튼 형태 */
.btn-round {height: 45px; padding: 0 16px; border: 1px solid #bbb; border-radius: 999px; background-color: #fff; font-size: 14px; font-weight: 400; line-height: 43px; color: #666;}
.btn-round:hover {background-color: #f2f2f2; color: #444; }

.btn-goto {padding-right: 25px; background-image: url("/AppData/images/site/button/btn_goto.png"); background-repeat: no-repeat; background-position: right center ; background-size: 30px 30px; font-size: 13px; color: #777; font-weight: 400; }
.btn-goto:hover {background-image: url("/AppData/images/site/button/btn_goto_on.png"); color: #6ab5d5; }

.btn-text {display: inline-block; text-align:  center; font-size: 12px; color: #aaa; text-decoration: underline; }


/* 버튼 사이즈 */
.btn-full {display: block; width: 100% !important;}
.btn-half {width: 50%; }
.btn-small {padding: 0 5px; height: 28px; line-height: 26px; font-size: 12px;}


/* 버튼 컬러 */
.btn-black {background-color: #222; border-color: #222; color: #fff; }
.btn-black:hover {background-color: #000; border-color: #000; color: #fff; }
.btn-blue{background-color: #6ab5d5; border-color: #6ab5d5; color: #fff;}
.btn-blue:hover{background-color: #6ab5d5; border-color: #6ab5d5; color: #fff;}

/* 버튼 기능 */
.btn-submit {background-color: #222; border-color: #222; color: #fff; }
.btn-submit:hover {background-color: #000; border-color: #000; color: #fff; }

.btn-search {background-color: #222; color: #fff; border-color: #222; }
.btn-search:hover {background-color: #222; border-color: #222; color: #fff; }

.btn-group {}
.btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


.btn.style01 {height: auto; padding: 0 0 5px; border: 0; background-color: transparent; border-bottom: 2px solid #6ab5d5; font-family: 'Pretendard', Apple SD Gothic Neo, 돋움, dotum, sans-serif; font-size: 12px; font-weight: 900; color: #6ab5d5; line-height: 20px; }

@media all and (min-width: 768px){
	.btn.style01 {font-size: 14px; }
}


/* =======================================================
	간편로그인
========================================================*/
.simple-sns-wrapper {text-align: center; }
.simple-sns-wrapper .simple-title {margin-bottom: 20px; background-image: url("/AppData/images/site/sub/divider.png"); background-repeat: repeat-x; background-position: left 10px; }
.simple-sns-wrapper .simple-title strong {display: inline-block; font-weight: 400; color: #444; background-color: #fff; padding: 0 10px; }
.simple-sns-wrapper li + li {margin-top: 5px; }

.btn-simple-sns {display: block; width: 100%; border: none; }
.btn-simple-sns span {display: inline-block; padding-left: 23px; background-repeat: no-repeat; background-position: left center; background-size: 16px auto; }

.btn-simple-sns.naver {background-color: #1ec800; color: #fff; }
.btn-simple-sns.naver span {background-image: url("/AppData/images/site/sns/sns_naver.png"); }

.btn-simple-sns.kakao {background-color: #fee500; color: #444; }
.btn-simple-sns.kakao span {background-image: url("/AppData/images/site/sns/sns_kakao.png"); }






/* =======================================================
	페이지네이션
========================================================*/
.pagination-wrapper {padding: 40px 15px; box-sizing: border-box; text-align: center; }
.pagination-wrapper .btn-load {display: block; width: 100%; }


.pagination-page {display: inline-block; margin: 0 10px; }

.pagination-arrow,
.pagination-page li {display: inline; }

.pagination-arrow a,
.pagination-page li a {display: inline-block; min-width: 28px; height: 28px; padding: 0 4px; background-color: #fff; border: 1px solid #ddd; box-sizing: border-box; font-size: 12px; color: #666;  letter-spacing: -0.5px; text-align: center; text-decoration: none; vertical-align: middle; line-height: 26px; font-weight: 400; }

.pagination-arrow img {display: block; width: 26px; height: 26px; }
.pagination-page li a.current {background-color: #111; color: #fff; }

.pagination-arrow a {padding: 0; }






/* =======================================================
	tab-nav
========================================================*/
/* tab-nav */
.tab-nav ul {width: 100%; }
.tab-nav ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.tab-nav li {float: left; margin-right: 5px; padding: 4px 0; }

.tab-nav li > a,
.tab-nav li > button {display: inline-block; min-width: 80px; height: 36px; padding: 0 15px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; background-color: #fff; font-size: 13px; color: #888; text-align: center; line-height: 36px; }

.tab-nav li > a:hover,
.tab-nav li > button:hover {background-color: #f5f5f5; }

.tab-nav li.current > a,
.tab-nav li.current > button {background-color: #000; color: #fff; }


/* tab-nav02 */
.tab-nav02 {width: 100%; }
.tab-nav02 ul {display: table; width: 100%; margin: 0 auto; background-color: #fff; border-bottom: 1px solid #ddd; }
.tab-nav02 ul li {display: table-cell; position: relative; width: 1%; height: 50px; text-align: center; vertical-align: middle; }
.tab-nav02 ul li + li {border-left: 1px solid #e0e0e0; }

.tab-nav02 ul li > a,
.tab-nav02 ul li > button {display: block; width: 100%; height: 50px; line-height: 48px; }

.tab-nav02 ul li.current a:after,
.tab-nav02 ul li.current button:after {content: ""; position: absolute; left: 0; bottom: -1px; z-index: 33; width: 100%; height: 2px; background-color: #; }

.tab-nav02.col-02 li {width: 50%; }


/* tab-nav03 */
.tab-nav03 {position: relative; }
.tab-nav03 ul {display: table; width: 100%; margin: 0 auto; table-layout: fixed; }

.tab-nav03 li {display: table-cell; width: 1%; }
.tab-nav03 li + li {background-image: url(/AppData/images/site/layout/tab_bar.png); background-repeat: no-repeat;  background-position: left center; }

.tab-nav03 li > a,
.tab-nav03 li > button {display: block; width: 100%; margin: 0 auto; padding: 30px 0; font-size: 14px; line-height: 1; color: #888; box-sizing: border-box; text-align: center; }

.tab-nav03 li.current > a,
.tab-nav03 li.current > button {color: #6ab5d5; }




/* =======================================================
	폼 form
========================================================*/
/* input */
.input-text,
.input-search,
.input-date {display: block; width: 100%; height: 45px; padding: 0 8px; background-color: #fff; border: 1px solid #ccc; border-radius: 0; font-size: 14px; line-height: 1.5; color: #444;  }
.input-text:focus {border-color: #111; background-color: #fff; }

/* readonly & disabled */
.input-text:read-only {background-color: #e6e4e4; color: #888; }
.input-text.readonly {background-color: #e6e4e4; color: #888; }
.input-text:disabled {background-color: #e6e4e4; color: #888; }
.input-text.disabled {background-color: #e6e4e4; color: #888; }
input[type="text"][readonly="readonly"] {background-color: #e6e4e4; color: #888; }
input[type="text"].readonly {background-color: #e6e4e4; color: #888; }
input[type="text"]:disabled {background-color: #e6e4e4; color: #888; }
input[type="text"][disabled="disabled"] {background-color: #e6e4e4; color: #888; }

/* check */
input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
input[type="checkbox"] + label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 20px;
  vertical-align: middle;
}
input[type="checkbox"] + label::before {
  content: "";
  display: inline-block;
  width: 20px; height: 20px;
  margin-right: 8px;
  border: 2px solid #888;
  border-radius: 5px;
  background: transparent;
  background-image: none;
  box-sizing: border-box;
  vertical-align: middle;
}
input[type="checkbox"]:checked + label:before {
  content: "";
  background-color: #222;
  background-image: url("/AppData/images/mediacommerce/white/form/check_checked.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px 9px;
  border: none;
}


.input-text:read-only:focus {background-color: #e6e4e4; border-color: #ccc; color: #888; }
.input-text.readonly:focus {background-color: #e6e4e4; border-color: #ccc; color: #888; }
.input-text:disabled:focus {background-color: #e6e4e4; border-color: #ccc; color: #888; }
.input-text.disabled:focus {background-color: #e6e4e4; border-color: #ccc; color: #888; }


/* placeholder */
.input-text:-webkit-input-placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text:-moz-placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text:-ms-input-placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text::-ms-input-placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text::-moz-placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text::placeholder  {color: #888 !important; font-weight: 400 !important; }
.input-text:placeholder  {color: #888 !important; font-weight: 400 !important; }


.radio-wrapper {}
.radio-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.radio-wrapper .radio-group { margin-top: 5px;  }
.radio-wrapper .radio-group:first-child {margin-top: 0; }



/* select */
select,
.selectbox {display: block; width: 100%; height: 45px; border: 1px solid #ccc; font-size: 14px; line-height: 1.5; color: #444; }
select:focus,
.selectbox:focus {border-color: #111; background-color: #fff; }

.select-custom {position: relative; width: 100%; box-sizing: border-box; }
.select-custom .selectbox {text-align: left; }

.select-custom-list {display: none; position: absolute; top: 40px; width: 100%; padding-top: 4px; background-color: #fff; border: 1px solid #ccc; border-top: none; box-sizing: border-box; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.select-custom-list li {border-top: 1px solid #ddd; }
.select-custom-item {display: block; width: 100%; height: 40px; line-height: 40px; color: #444; padding: 0 10px; text-align: left;  outline: none; vertical-align: middle; }
.select-custom-item:hover {background-color: #f2f2f2; }


/* select-lang */ 
.select-lang { position: relative; padding: 0 10px 0 50px; }
.select-lang img { position: absolute; width: 30px; left: 10px; top: 50%; transform: translateY(-50%); }
.selectbox img { position: absolute; width: 30px; left: 10px; top: 50%; transform: translateY(-50%); }
.selectbox { padding: 0 10px 0 50px; }


/* textarea */
.textarea {display: block; width: 100%; height: 200px; margin: 0; padding: 15px 15px; border-radius: 0; border: 1px solid #ccc; box-sizing: border-box; background-color: #fff; font-size: 14px; line-height: 1.5; color: #444;   }
.textarea:focus {border-color: #111; background-color: #fff; }



/* =======================================================
	조회/검색
========================================================*/
/* 검색 */
.search-group {}
.search-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.search-group .input-text {float: left; width: calc(100% - 100px); }
.search-group .btn-search {width: 100px; }


/* 조회 */
.criteria-wrapper {padding: 20px 20px; border-width: 0 0 1px 0; margin: 0 auto; }
.criteria-wrapper .title {font-size: 14px; margin-bottom: 10px; }



/* =======================================================
	기간 .range-wrapper
========================================================*/
.range-wrapper {}
.range-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }


/* tab형 */
.range-tab {display: table; table-layout: fixed; width: 100%; border: 1px solid #ccc; }
.range-tab:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.range-tab ul {display: table-row;}
.range-tab li {display: table-cell; width: 1%; border-left: 1px solid #ccc; }
.range-tab li:first-child {border-left: 0; }

.range-tab button {width: 100%; display: block; height: 43px; padding: 0 10px; background-color: #fff; font-size: 14px; font-weight: 400; color: #666; box-sizing: border-box; }
.range-tab .active button {background-color: #000; color: #fff;}


/* 날짜 선택형 */
.range-date {}
.range-date:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.range-date .input-date {float: left; width: calc(50% - 10px); padding-left: 36px; background-image: url("/AppData/images/site/icon/datepicker.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: 16px 16px; }
.range-date .input-sign {float: left; width: 20px; text-align: center; line-height: 45px; }


.range-wrapper > * + * {margin-top: 10px; }
.range-wrapper .btn-search {width: 100%; display: block; }




/* =======================================================
	수량체크 quantity-wrapper
========================================================*/
.quantity-wrapper {display: inline-block; border: 1px solid #bbb; }
.quantity-wrapper:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.quantity-wrapper .btn-quantity {float: left; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.quantity-wrapper .btn-quantity.minus {background-image: url("/AppData/images/site/button/minus.png"); border-right: 1px solid #bbb; }
.quantity-wrapper .btn-quantity.minus.disabled {background-image: url("/AppData/images/site/button/minus_disabled.png"); }
.quantity-wrapper .btn-quantity.plus {background-image: url("/AppData/images/site/button/plus.png"); border-left: 1px solid #bbb;}
.quantity-wrapper .btn-quantity.plus.disabled{background-image: url("/AppData/images/site/button/plus_disabled.png");}

.quantity-wrapper .input-quantity {float: left; width: 45px; height: 30px; border: none; text-align: center; padding: 0 4px; }




/* =======================================================
	폼요소
========================================================*/
.form-container {padding: 0; }


.form-header {margin-bottom: 20px; padding: 20px 15px 0; }
.form-header:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.form-guide {box-sizing: border-box;  font-size: 12px; color: #888; }

.form-title-area {width: 100%; background-color: #333; padding: 10px 15px; box-sizing: border-box; }
.form-title-area:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.form-title-area .title  {float: left; font-size: 16px; color: #fff; font-weight: 400; }
.form-title-area .btn,
.form-title-area .btn-text {float: right; }
.form-title-area .btn-text {margin-top: 5px; }


.form-wrapper + .form-header {margin-top: 30px; }


.form-wrapper {display: block; padding: 20px 15px 30px; background-color: #fff; }

.form-dl {display: block; padding: 0; margin-top: 30px; box-sizing: border-box; }
.form-dl:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.form-dl:first-child {margin-top: 0; }

.form-dl dt,
.form-dl dd {display: block; border: 0; vertical-align: middle; word-break: break-all; word-wrap: break-word;}


.form-dl .input-title {display: block; font-size: 14px; color: #000; margin-bottom: 5px; }

.form-dl .text-guide {display: block; float: none; clear: both; margin-top: 5px; white-space: normal; }
.form-dl .check-group {margin-top: 10px; }

.form-dl .text {font-size: 14px; color: #666; white-space: normal; }



/* input-btn-group */
.input-btn-group {}
.input-btn-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.input-btn-group .input-title {display: block; }
.input-btn-group .input-text {float: left; width: calc(100% - 134px); }
.input-btn-group .input-text + .btn {float: left; width: 130px; margin-left: 4px; }
.input-btn-group .text-guide {display: block; float: none; clear: both; padding-top: 5px; }


/* input-email-group */
.input-email-group {}
.input-email-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.input-email-group .input-text {float: left; width: 155px; margin-bottom: 10px; }
.input-email-group .input-sign { float: left; margin: 0 5px; line-height: 45px; }
.input-email-group .email02 {width: calc(100% - 180px); }
.input-email-group .selectbox {margin-top: 10px; }


/* input-birth-group */
.input-birth-group {}
.input-birth-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.input-birth-group > label {position: relative; display: inline-block; float: left; width: calc((100% - 20px) / 3); height: 45px; font-weight: 400; color: #444; }
.input-birth-group > label + label {margin-left: 10px; }

.input-birth-group span {position: absolute; top: 0; right: 10px; display: inline-block; font-size: 14px; font-weight: 400; color: #444; text-align: right; line-height: 40px; }

/* input-address-group */
.input-address-group > .input-text {margin-top: 5px; }

/* input-message-group */
.input-message-group .input-message {margin-top: 5px; }


/* input + select */
label + select,
label + .selectbox {margin-left: 5px; }
select + .input-text,
.selectbox + .input-text {margin-top: 5px; }


/* upload */
.upload-wrapper {width: 100%; box-sizing: border-box; }

.upload-wrapper ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.upload-wrapper li {float: left; width: calc((100% - 20px)/3); height: calc((100vw - 50px)/3); box-sizing: border-box; } /* 전체 width - 양옆 마진 + li간 간격 / 3*/
.upload-wrapper li + li {margin-left: 10px; }

.upload-file {position: relative; display: block; width: 100%; height: 100%; }

.upload-btn {position: relative; display: block; width: 100%; height: 100%; border: 1px solid #e3e3e3; border-radius: 2px; box-sizing: border-box; overflow: hidden; }
.upload-btn .icon {width: 34px; height: 27px; margin: 0 auto; }
.upload-btn img {position: relative; z-index: 1; display: block; width: 100%; border: 0; }

.upload-btn-delete {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; width: 100%; height: 100%; border-radius: 5px; box-sizing: border-box; overflow: hidden; background-color: rgba(34, 34, 34, 0.3); background-image: url("/AppData/images/mediacommerce/button/file_delete.svg"); background-repeat: no-repeat; background-position: right 5px top 5px; background-size: 24px 24px; }

.icon-upload {
  background-image: url("/AppData/images/mediacommerce/white/button/file_upload.svg");
  background-size: 34px 27px;
  background-repeat: no-repeat;
  background-position: center;
}
.upload-wrapper .text-gudie {margin-top: 10px; }





/* =======================================================
	휴대폰 인증번호 box-certification
========================================================*/
.box-certification .btn-certification {margin-top: 10px; display: block; width: 100%; }





/* =======================================================
	아이템
========================================================*/
.item-container {}

.item-container ul {}
.item-container ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.item-container li {float: left; margin-bottom: 0;  box-shadow: 0 3px 10px 4px rgba(5, 5, 5, 0.08); }


.item { width: 100%; }
.item a { width: 100%; }
.item .item-image {position: relative; width: 100%; height: 0; padding-top: 56.25%;  background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; background-size: 60% auto; }


/* 사이트 소개 */
.item-info {padding: 15px 10px; }
.item-info .title {font-size: 16px; margin-bottom: 10px; font-weight: 400; color: #000; }
.item-info .text {font-size: 14px; line-height: 18px; height: 36px; }


/* 하단 util 그룹  */
.item-util > button {height: 40px; padding: 0 8px; box-sizing: border-box; font-size: 13px; text-align: center; color: #666; }
.item-util > button span {display: inline-block; background-repeat: no-repeat; background-position: left center; vertical-align: middle; line-height: 40px; }
.item-util > button:hover {background-color: #f8f8f8; border-radius: 999px; }
.item-util > button:hover span {color: #6ab5d5; }



/* 공유하기 버튼*/
.item-util { position: absolute; top: 10px; left: auto; right: 10px; width: 40px; height: 40px; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 999px;}
.item-util .item-share { width: 100%; position: absolute; }
.item-util .item-share span {padding-left: 20px; font-size: 0; background-image: url("/AppData/images/site/icon/icon_share02.png");  background-size: 17px 16px; background-position: center; }
.item-util .item-share:hover span {background-image: url("/AppData/images/site/icon/icon_share02_on.png"); }


/* 가입하기 버튼 */
.item-util .item-join {float: left; width: 50%; border-left: 1px solid #f0f0f0; }
.item-util .item-join span {padding-left: 28px; background-image: url("/AppData/images/site/icon/join.png"); background-repeat: no-repeat; background-position: left center; background-size: 22px 18px; }
.item-util .item-join:hover span {background-image: url("/AppData/images/site/icon/join_on.png"); }

.item-util .item-join + .item-share {width: 50%; }


/* close */
.item-close .text {font-size: 40px; font-weight: 900; }


/* open */
.item-open {display: block; opacity: 1; }
.item-open .text {position: absolute; top: 50%; left: 50%; width: 100%; font-size: 20px; color: #fff; font-weight: 900; transform: translate(-50%, -50%); }
.item-open .date {position: absolute; top: 50%; left: 50%; display: inline-block; margin-top: -30px; padding: 4px 8px; background-color: #6ab5d5; border-radius: 5px; box-sizing: border-box; font-size: 12px; transform: translate(-50%, -50%); white-space: nowrap;}


/* item:hover 했을 때 나옴 */
/* .item-introduction {display: none; position: relative; z-index: 11; width: 100%; height: 100%; padding: 20px 20px; box-sizing: border-box; }
.item-introduction .title {display: block; margin-bottom: 5px; font-size: 15px; font-weight: 400; }
.item-introduction .text {font-size: 12px; font-weight: 300;  white-space: normal; } */
.item-dimlayer {display: none; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box;overflow: hidden; }


/* hover */
.item:hover { cursor: pointer;}
.item:hover .item-introduction {display: block; }
.item:hover .item-dimlayer {display: block; }
.item:hover .item-info > * {color: #6ab5d5; }

.item.open:hover .item-introduction,
.item.close:hover .item-introduction {display: none; }

.item.open:hover .item-dimlayer,
.item.close:hover .item-dimlayer {display: none; }

.item.open:hover .item-info > *,
.item.close:hover .item-info > * {color: inherit; }




/* =======================================================
  상품 product //2021-03-24 mine추가
========================================================*/
.product-container {}
.product-container ul {}
.product-container ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.product-container li {float: left; width: calc(50% - 10px); margin-bottom: 20px; }
.product-container li:nth-child(even) {margin-left: 20px; }

.product-container .nodata  {float: none; width: 100%; padding: 110px 0; text-align: center; font-size: 14px; color: #666; cursor: default; }

.product {position: relative; box-shadow: 2px 2px 6px 3px rgba(5, 5, 5, 0.08); }
.product-link {display: block; width: 100%; text-align: left; }

.product .product-image {position: relative; width: 100%; background-color: #f7f7f7; background-repeat: no-repeat; background-position: center; background-size: cover; }

/* matching tag */
.product .matching-tag {position: absolute; top: 10px; left: 0; display: inline-block; padding: 3px 12px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; z-index: 10; }
.product .matching-tag span {color: #fff; display: inline-block; padding-left: 11px; background-image: url("/AppData/images/mediacommerce/icon/icon_video.png"); background-repeat: no-repeat; background-position: left center; background-size: 6px 8px; font-size: 13px; }

.product-info {position: relative; box-sizing: border-box; padding: 10px 10px; }
.product-info .title {display: block; overflow: hidden; font-size: 13px; margin-bottom: 10px; font-weight: 400; color: #000; text-overflow: ellipsis; white-space: nowrap; }
.product-info .text {font-size: 12px; font-weight: 400; color: #444; line-height: 16px; height: 32px; }

.product-util {border-top: 1px solid #eee; }
.product-util:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.product-util > button {height: 30px; padding: 0 10px; box-sizing: border-box; font-size: 13px; text-align: center; color: #666; }

.product-util .product-site {float: left; width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #666; }
.product-util .product-site span {background-image: none; padding: 0; }


.product-info .product-sitename {font-size: 12px; }
.product-info .title {display: block; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 20px; color: #222;}
.product-info .price {font-size: 18px; color: #000; }
.product-info .sale {padding-left: 5px; font-size: 15px; }
.product-info .marking-area {height: 20px; margin-bottom: 5px; }

/* soldout */
.product .soldout-text {display: none; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
.product.soldout .soldout-text {display: block; }
.product .soldout-text span {position: absolute; top: 50%; margin: 0 auto; margin-top: -38px; display: block; width: 100%; font-size: 28px; text-align: center; font-weight: 900; color: #fff; }




/* =======================================================
  policy
========================================================*/
.fm--policy {}
.fm--policy .policy-container {padding: 30px 0px; box-sizing: border-box; }


.policy-wrapper {width: 100%; box-sizing: border-box; }
.policy-wrapper h3 {margin-top: 80px; margin-bottom: 20px; font-size: 20px; }
.policy-wrapper h3:first-child {margin-top: 0; }
.policy-wrapper ul {}
.policy-wrapper li {}
.policy-wrapper dl dt,
.policy-wrapper dl dd {font-size: 15px; }


.policy-title {display: block; margin-top: 60px; margin-bottom: 10px; font-size: 18px; font-weight: 700; }
.policy-title:first-of-type {margin-top: 20px;}
.policy-list > li {margin-top: 20px; }
.policy-list > li:first-child {margin-top: 0; }
.policy-text {margin-top: 10px; margin-bottom: 15px; line-height: 1.5;}



.policy-wrapper .list-depth {}
.policy-wrapper .list-depth > li {margin-top: 7px; }
.policy-wrapper .list-depth > li > p {margin-top: 5px; margin-bottom: 10px; }
.policy-wrapper .list-depth + .list-depth {margin-top: 20px; }
.policy-wrapper .list-depth .list-depth > li {margin-top: 5px; font-size: 15px; color: #666; }
.policy-wrapper .list-depth .list-depth > li:first-child {margin-top: 0; }
.policy-wrapper .list-depth .list-depth > li > p {margin-top: 0; margin-bottom: 0; font-size: 15px; color: #666; }

.policy-wrapper .list-depth dl {margin-top: 5px; padding-left: 10px; }


/* depth 항목그룹 */
.article-group .list-depth > li {margin-top: 0; }


.policy-wrapper .table-line {margin-bottom: 20px; }
.policy-wrapper table {margin-bottom: 10px; }
.policy-list table td a { white-space: normal; color:#6ab5d5;}


.policy-wrapper .font-red {font-size: 13px; }


/* chapter-box */
.chapter-box {margin: 40px 0; padding: 24px 24px; box-sizing: border-box; border: 1px solid #e3e3e3; background-color: #f8f7f8; }
.chapter-box ul:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.chapter-box li {margin-top: 8px; }
.chapter-box li:nth-child(1) {margin-top: 0; }
.chapter-box li a {font-size: 15px; color: #222;}
.chapter-box li a:hover {text-decoration: underline; }


/* policy-box */
.policy-box {margin-top: 20px; }


.bx-wrapper {
  margin-bottom: 0 !important;
  background: none;
  border: 0;
  box-shadow: none;
}
.bx-wrapper .bx-loading {
  background: none;
}
.bx-wrapper img {
  width: 100%;
}
.bx-controls {
  width: 100%;
  display: block;
}
.bx-controls .bx-pager {
  left: 50%; bottom: 10px;
  display: block;
  width: auto; min-width: 50px;
  padding-top: 0;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(34, 34, 34, .6);
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 24px;
  font-weight: 400;
}

@media (max-width:768px){
  .page-header .title{font-size: 20px;}
  .title-area .title{font-size: 24px; }
  
  .label-mark,
  .marking{font-size: 13px !important;}

}

@media (max-width: 500px){
  .fm--policy .policy-container{
    padding: 0;
  }

  .title-area {margin-bottom: 8%; }

}

/* =======================================================
  개인정보처리방침 - [정보보기] 팝업
========================================================*/
.policy-popup-area{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; max-width:400px; max-height:600px; height:auto; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,.1); z-index:1002; box-sizing:border-box;}
.policy-pop{position:relative;}
.policy-pop-close{position:absolute; top:-50px; right:0; width:50px; height:50px; text-indent:-99999px; background-image:url(/AppData/images/site/button/btn_close_w.png); background-repeat:no-repeat; background-position:right center; background-size:25px auto;}

.policy-pop-cont{width:100%; padding:20px; box-sizing:border-box;}
.pop-tit-area{text-align:center; padding:20px 0 30px;}
.pop-tit{display:inline-block; font-size:22px; font-weight:700;}
.pop-cont-list{width:100%; height:auto; max-height:400px; padding:20px; background-color:#f7f7f7; box-sizing:border-box; overflow-y:auto;}
.pop-cont-list ul li{padding:10px 0;}
.pop-cont-list ul li::before{content:"·"; display:inline-block; margin-right:2px;}





/* =======================================================
  order 2021-02-17 eunah 추가
========================================================*/

/* order */
.order-contents .form-dl .radiobox {display: inline-block; }
.order-contents .form-dl .radiobox + .radiobox {margin-left: 10px; }

.order-contents.order-method .form-dl dd {padding: 10px 20px; border: 0; }



/* order-detail */
.fm--order .title-area .btn {position: absolute; top: 8px; right: 10px; }


/* =======================================================
  layer-coupon
========================================================*/
.layer-coupon .layer-header {width: 100%; }
.layer-coupon .layer-body {width: 100%; overflow: hidden; overflow-y: auto; box-sizing: border-box; }
.layer-coupon .mycoupon-wrapper {padding: 20px 15px; line-height: 1.5; }
.layer-coupon .mycoupon-wrapper > div + div {margin-top: 10px; }

.layer-coupon .mycoupon-top {padding: 0 0 10px; }
.layer-coupon .mycoupon-top p {font-size: 13px; color: #777;}
.layer-coupon .mycoupon-content {color: #777; }
.layer-coupon .mycoupon-content .date {font-size: 13px; }

.layer-coupon .mycoupon-wrapper .mycoupon-product {background-color: #f6f6f6; padding: 10px 15px; }
.layer-coupon .mycoupon-wrapper .coupon-title {font-weight: 800; font-size: 16px; }


/* =======================================================
  modal-tracking 2021-02-19 eunah
========================================================*/
.section-tracking + .section-tracking {margin-top: 20px; }
.section-tracking .title-area {margin-bottom: 10px; }
.section-tracking .dl-table + .dl-table {margin-top: 5px; }




/* =======================================================
	modal-address 2021-02-16 eunah
========================================================*/
/* contents */

.address-search-container {padding: 20px 15px; box-sizing: border-box; background-color: #fff; }
.address-search {position: relative; }
.address-search .input-search {width: 100%; padding-right: 54px; padding-left: 8px; }
.address-search .btn-search {position: absolute; right: 18px; top: 3px; z-index: 3; display: block; background-color: transparent; background-image: url(/AppData/images/site/common/btn_search.png); background-repeat: no-repeat; background-position: right center; background-size: 18px 18px; }
.address-search .icon-search {display: block; width: 40px; height: 40px; }


/* 검색 전 */
.address-search-tip {margin-top: 20px; padding: 0 15px; box-sizing: border-box; }
.address-search-tip strong {display: block; margin-bottom: 15px; font-size: 16px font-weight: 700; color: #444; }
.address-search-tip p {font-size: 14px; color: #666; }
.address-search-tip .text-guide {margin-top: 10px; }


/* 검색 후 */
.address-result-container {min-height: calc(100% - 85px); border-top: 1px solid #e9eaee; background-color: #efefef; padding-bottom: 15px; box-sizing: border-box; /*141px */ }
.address-result-container .count {font-size: 12px; color: #444; line-height: 30px; text-align: center; }
.address-result-container .count span {font-weight: 700; }
.address-list li {width: 100%; padding: 20px 15px; box-sizing: border-box; background-color: #fff; border-bottom: 1px solid #dadbdf; }
.address-list li hr {margin: 5px 0; }
.address-list li + li {margin-top: 10px; }
.address-list li a {display: inline-block; white-space: normal; font-size: 14px; color: #444; text-align: left; }
.address-list li a:hover {text-decoration: underline; }
.address-list li .font-main {margin-bottom: 10px; font-size: 13px; font-weight: 700; }

.address-result-container .pagination-wrapper {margin-bottom: 0; }


/* 데이터 없는 경우 */
.address-list .nodata {padding: 40px 20px; }
.address-list .nodata p {color: #888; font-size: 12px; border-top: 1px solid #f2f2f2; }
.address-list .nodata p:first-child {text-align: center; font-size: 14px; border-top: none; }
.address-list .nodata p + p {margin-top: 40px; padding-top: 10px; }



/* =======================================================
  tracking
========================================================*/
/* 배송조회 */
.section-tracking thead th {border-bottom: 1px solid #000; }
.section-tracking tbody td {font-size: 13px; }


/* =======================================================
  pagination
========================================================*/
.modal-container .pagination-wrapper {margin: 20px auto; text-align: center; }

.pagination {display: inline-block; }
.pagination:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.pagination > li {display: inline; }

.pagination > li > a,
.pagination > li > span {position: relative; float: left; display: inline-block; min-width: 22px; height: 22px; margin: 0 5px; padding: 0 5px; box-sizing: border-box; border-radius: 5px; font-size: 14px; line-height: 22px; color: #444; font-weight: 400; }

.pagination .page-pprev {background: url("/AppData/images/site/common/page_pprev.png") no-repeat center center; background-size: 10px 10px; }
.pagination .page-prev {background: url("/AppData/images/site/common/page_prev.png") no-repeat center center; background-size: 6px 10px; }
.pagination .page-next {background: url("/AppData/images/site/common/page_next.png") no-repeat center center; background-size: 6px 10px; }
.pagination .page-nnext {background: url("/AppData/images/site/common/page_nnext.png") no-repeat center center; background-size: 10px 10px; }
.pagination .current > a {color: #fff; background-color: #222; }


/* =======================================================
  error message
========================================================*/
.error-message-area{margin:150px auto; padding:0 20px; box-sizing:border-box;}
.error-img{margin:0 auto 50px; text-align:center;}
.error-img img{width:100%; max-width:150px;}
.error-txt{text-align:center; word-break:keep-all;}


@media (min-width: 1025px) {

/*


  .board-list .title {font-size: 16px; }
  .board-list .date {font-size: 14px; }

  .fm--board-view .board-header {padding: 20px 20px; }
  .fm--board-view .board-header .date {font-size: 14px; }

  .fm--board-view .board-bottom .board-page {margin-bottom: 40px; }
  .fm--board-view .board-bottom .btn.pc {display: block; }
  .fm--board-view .board-bottom .btn-text.mobile {display: none; }

  .fm--board-view .board-view {min-height: 480px; }


  .fm--board-view .board-page > div {padding: 24px 32px; }
  .fm--board-view .board-page > div:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
  .fm--board-view .board-page > div:hover {background-color: #fafafa; }

  .fm--board-view .board-prev span,
  .fm--board-view .board-next span {float: left; width: 10%; font-size: 14px; }
  .fm--board-view .board-prev a,
  .fm--board-view .board-prev button,
  .fm--board-view .board-next a,
  .fm--board-view .board-next button {float: left; width: 90%; font-size: 14px; }


/* item-container
.item-util > button:hover span {color: #6ab5d5; }
.item-util .item-share:hover span {background-image: url("/AppData/images/site/icon/icon_share02_on.png"); }
.item:hover .item-info > * {color: #6ab5d5; }

*/




/* =======================================================
  layer-coupon 결제 쿠폰적용
========================================================*/
.layer-coupon {position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; }
.layer-coupon .layer-contents {position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; overflow-y: hidden; border-radius: 0; background-color: #fff; transform: translate(-50%, -50%); }
.layer-coupon .layer-body {height: 450px;}
.layer-coupon .dimlayer {position: absolute; top: 0; left: 0; z-index: 600;width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); }
.layer-coupon .input-btn-group .input-text {width: calc(100% - 134px); }



/* =======================================================
  orderlist
========================================================*/

.fm--orderlist .ordergroup-inventory .inventory-thumb {width: 120px; height: 120px; }
.fm--orderlist .ordergroup-inventory .inventory-thumb img {width: 120px; height: 120px; }


}


/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {

/* =======================================================
  order 2021-02-17 eunah 추가
========================================================*/

/* inventory-receipt */
.inventory-receipt {padding: 15px 15px; border-top: 1px solid #ddd; box-sizing: border-box; background-color: #e1ebe4; }
.inventory-receipt:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }

.inventory-receipt .receipt-group {float: right; }
.inventory-receipt .receipt-group:after {content: ""; clear: both; display: block; height: 0; visibility: hidden; }
.inventory-receipt .receipt-group .mobile {display: none; }
.inventory-receipt .receipt-info,
.inventory-receipt .receipt-total {float: left; text-align: right; }

.inventory-receipt .receipt-info + .receipt-info {margin-left: 10px; padding-left: 36px;background-image: url("/AppData/images/site/icon/plus_gray.png"); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; }
.inventory-receipt .receipt-total {margin-left: 10px; padding-left: 36px;background-image: url("/AppData/images/site/icon/equal_gray.png"); background-repeat: no-repeat; background-position: left center; background-size: 26px 26px; }

.inventory-receipt dt {float: left; font-size: 13px; line-height: 26px; margin-bottom: 0; margin-right: 16px; }
.inventory-receipt dd {float: left; font-size: 13px; line-height: 26px; font-weight: 700; }



/* =======================================================
  layer
========================================================*/
.layer-coupon .layer-header {position: fixed; background-color: #fff; z-index: 700; }
.layer-coupon .layer-body {padding-top: 50px; }
}



@media (max-width: 768px) {
  body{font-size: 14px !important; }

  /* 이용약관, 개인정보처리방침 */
  .policy-wrapper h3{font-size: 18px;}
  .policy-title{font-size: 16px;}
  .chapter-box{padding: 15px;}
  .chapter-box li{display: flex;}
  .chapter-box li a{white-space: normal; text-align: left; width: calc(100% - 25px);}
  .policy-wrapper dl dt, .policy-wrapper dl dd{font-size: 13px;}
  
}


@media (max-width: 425px) {


/* =======================================================
  order 2021-02-23 eunah 추가
========================================================*/
.fm--order .order-method .form-wrapper {padding: 20px 0; }
.fm--order .order-method .form-dl {margin-top: 0; }


/* =======================================================
  layer
========================================================*/
.layer-coupon .layer-header {position: fixed; background-color: #fff; z-index: 700; }
.layer-coupon .layer-body {padding-top: 50px; }

}