@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");
@import url("font.css");

.c_blue {color:#1e01f4 !important;}
.c_red {color:#d41111 !important;}

	label.radio {position:relative; padding-left:30px; font-size:15px; color:#555; font-weight:500; line-height:22px;}
	label.radio input {display:none;}
	label.radio i {position:absolute; top:50%; left:0; width:22px; height:22px; border:#ddd 1px solid; border-radius:50%; transform:translateY(-50%); transition:.2s linear;}
	label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:var(--iden); border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
	label.radio input:checked + i {border-color:var(--iden);}
	label.radio input:checked + i:before {width:12px; height:12px;}

/* 체크박스 */
	label.check {position:relative; padding-left:30px; font-size:15px; color:#555; font-weight:500; line-height:22px;}
	label.check input {display:none;}
	label.check i {position:absolute; top:0; left:0; width:22px; height:22px; border:#ddd 1px solid; border-radius:5px; background:#fff url('/images/icon_check.png') no-repeat 50% 50%; transition:.2s linear;}
	label.check input:checked + i {background-color:#00457e; border-color:#00457e;}

/* header */
	.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
	.header .top {position:relative; height:74px; padding:14px 0;}
	.header .logo {position:absolute; top:0; left:0; line-height:74px;}
	.header h1 {display:none;}
	.header .search_area {position:relative; width:310px; height:46px; padding-right:64px; margin:0 auto; border:#ddd 1px solid; border-radius:23px; overflow:hidden;}
	.header .search_area input {width:100%; border:0; outline:0; line-height:44px; padding-left:25px; font-size:13px;}
	.header .search_area .btn {position:absolute; top:0; right:0; width:64px; height:100%; background:url('/images/btn_search.png') no-repeat 50% 50%; font-size:0;}
	.header .right_menu {position:absolute; top:0; right:0; display:flex; align-items:center; gap:24px;}
	.header .right_menu a {position:relative; font-size:13px; color:#666; line-height:74px;}
	.header .right_menu a + a:before {content:""; position:absolute; top:50%; left:-12px; width:1px; height:8px; background:#e1e1e1; transform:translateY(-50%);}
	.header .gnb ul {display:flex; background:#1c2e4a;}
	.header .gnb li {position:relative; width:25%;}
	.header .gnb li + li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:24px; background:#ebebeb47; transform:translateY(-50%);}
	.header .gnb li > a {display:block; font-size:15px; color:#fff; font-weight:500; line-height:46px; text-align:center;}
	.header .sitemap {display:none;}
/* footer */
	.footer {border-top:#ebebeb 1px solid;}
	.footer .links {border-bottom:#ebebeb 1px solid;}
	.footer .links ul {display:flex; gap:18px;}
	.footer .links a {display:block; font-size:13px; color:#797979; line-height:58px;}
	.footer .info {padding:40px 0; font-size:14px; color:#7c7c7c; font-weight:500;}
	.footer .info .inner {position:relative;}
	.footer .bank {position:absolute; top:0; right:0; color:#222;}
	.footer .bank span {display:block; font-size:14px; font-weight:500;}
	.footer .bank strong {display:block; font-size:19px; line-height:29px; margin:10px 0;}
	.footer .bank p {font-size:14px; color:#797979; font-weight:500;}
	
	.footer .cscenter {position:absolute; top:0; right:200px; color:#222;}
	.footer .cscenter span {display:block; font-size:14px; font-weight:500;}
	.footer .cscenter strong {display:block; font-size:19px; line-height:29px; margin:10px 0;}
	.footer .cscenter p {font-size:14px; color:#797979; font-weight:500;}	
	
	.footer .info ul {display:flex; flex-wrap:wrap; gap:0 20px; line-height:26px;}
	.footer .info li strong {color:#565656;}
	.footer .info .copy {margin-top:25px;}

/* layout */
	.container {display:flex; gap:14px; padding-top:134px; padding-bottom:150px;}
	.aside {width:250px;}
	.aside dt {font-size:15px; color:#fff; font-weight:500; line-height:44px; background:#1c2e4a; padding:0 10px;}
	.aside dd {background:#f2f5f9; padding:10px;}
	.aside dd.flex {flex-wrap:wrap; gap:0 10px;}
	.aside dd a {display:block; font-size:12px; color:#222; line-height:30px;}
	.aside .btm {margin-top:12px;}
	.aside .btm dl + dl {margin-top:6px;}
	.aside .btm dt {background:#408584; font-size:17px; font-weight:700; display:flex; justify-content:center; align-items:center; gap:8px;}
	.aside .btm dt:before {content:""; display:block; width:18px; height:18px; background:no-repeat 50% 50%;}
	.aside .btm dd {text-align:center; background:#f5f5f5; padding:30px 10px;}
	.aside .btm dd strong {display:block; font-size:21px; color:#222; line-height:31px;}
	.aside .btm dd p {font-size:14px; color:#222; margin-top:12px;}
	.aside .btm .i1 dt:before {background-image:url('/images/icon_aside01.png');}
	.aside .btm .i2 dt:before {background-image:url('/images/icon_aside02.png');}
	.container .contents {width:calc(100% - 264px);}
	
	.container .contents .video_area {max-width:85%;}
	
	
	
	/* 로그인 박스 */
	.login-box{  border:1px solid #e5e7eb;  background:#fff;  padding:12px;     margin-bottom:12px;}
	.login-box form{display:block;}
	.login-box input{  width:100%;  height:34px;  border:1px solid #d1d5db;  padding:6px 8px;  font-size:14px;  color:#222;  outline:0;  margin-bottom:8px;}
	.login-box input:focus{  border-color:#1c2e4a;  box-shadow:inset 0 0 0 1px #1c2e4a;}
	.btn-login{  width:100%;  height:38px;  border:0;  background:#004890;    color:#fff;  font-weight:700;  font-size:15px;  cursor:pointer;  margin:4px 0 8px;}
	.login-links{  text-align:center;  font-size:13px;  color:#666;  margin:0;}
	.login-links a{color:#666; text-decoration:none;}
	.login-links .bar{display:inline-block; padding:0 8px; color:#cfcfcf;}
	.login-box .login_txt{ padding:10px 8px; font-weight:700;  text-align:center;}



/* main */
	.mvisual {position:relative; margin-bottom:14px;}
	.mvisual .slick-slide {font-size:0;}
	.mvisual .slick-dots {position:absolute; bottom:20px; left:0; width:100%; display:flex; justify-content:center; gap:5px;}
	.mvisual .slick-dots button {display:block; width:12px; height:12px; border:#fff 1px solid; opacity:.78; border-radius:50%; font-size:0;}
	.mvisual .slick-dots .slick-active button {background:#fff;}
	.mlink {display:flex; gap:14px;}
.mlink a {
  text-decoration: none;
}

.mlink a:hover {
  text-decoration: none; /* 혹시나 대비 */
}


	.mlink a {width:calc((100% - 28px)/3); height:154px; display:flex; justify-content:center; align-items:center; font-size:20px; color:#fff; font-weight:700; text-align:center; background:no-repeat 50% 50% / cover;}
	.mlink a.i1 {background-image:url('/images/img_mlink01.jpg');}
	.mlink a.i2 {background-image:url('/images/img_mlink02.jpg');}
	.mlink a.i3 {background-image:url('/images/img_mlink03.jpg');}
	.mtit {font-size:20px; color:#222; font-weight:700; line-height:1.2; margin:30px 0 15px;}
	.product_list { position:relative; display:flex; flex-wrap:wrap; gap:30px 15px;}
	.product_list a { width:calc((100% - 30px)/3);}
	.product_list span {display:block;}
	.product_list .imgfit { position: relative;   text-align: center; border:#ddd 1px solid; /*aspect-ratio:87/76;*/}
	.product_list .txt {padding-top:10px; font-size:15px; color:#222;}
	.product_list .txt p {text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
	.product_list .txt .pay {font-weight:700; margin-top:10px;}

	.guide-box {height:250px;  background:#f9f9f9;  border:1px solid #e5e7eb;  padding:20px 20px;  margin-top:14px;}
	.guide-box ol {  list-style:none;  margin:0;  padding:0;  display:flex;  flex-direction:column;  gap:10px;}
	.guide-box li {  padding: 8px 0; display:flex;  align-items:flex-start;  gap:10px;  line-height:1.6;  color:#222;  font-size:35px;font-weight:700;}
	.guide-box .num {  display:inline-flex;  justify-content:center;  align-items:center;  width:55px;  height:55px;  background:#2a63c7;  color:#fff;  font-weight:700;  font-size:24px;  border-radius:50%;  flex-shrink:0;}
	.guide-box .blue {color:#0046ff; }
	.guide-box .red {color:#d91616; }
	.guide-carousel .slick-dots {  display:flex !important;  justify-content:center;  gap:8px;  margin-top:20px;  list-style:none;}
	.guide-carousel .slick-dots li button.dot {  width:12px;  height:12px;  border-radius:50%;  background:#ccc;  border:none;  cursor:pointer;}
.guide-carousel .slick-dots li.slick-active button.dot {  background:#2a63c7;}
.guide-carousel {  position:relative;}
/* 화살표 공통 */
.guide-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10;
  width:42px;
  height:42px;
  background:rgba(0,0,0,0.45);
  border-radius:50%;
  border:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* 왼쪽 화살표 위치 */
.guide-prev { left:14px; }

/* 오른쪽 화살표 위치 */
.guide-next { right:14px; }

/* 아이콘 만들기 */
.guide-prev::before,
.guide-next::before {
  content:'';
  display:block;
  width:12px;
  height:12px;
  border:3px solid #fff;
  border-top:none;
  border-right:none;
}

/* 왼쪽 꺾쇠 */
.guide-prev::before {
  transform:rotate(45deg);
}

/* 오른쪽 꺾쇠 */
.guide-next::before {
  transform:rotate(-135deg);
}

/* hover 효과 */
.guide-arrow:hover {
  background:rgba(0,0,0,0.7);
}
	
	
/* ---- 앱 다운로드 버튼 ---- */
.app-btn {
  display:flex;
  align-items:center; margin:0 auto;
  gap:12px;  margin-top:18px; width:380px; background-color:#fff;
  padding:12px 18px;  border:2px solid #4b49b3;  text-decoration:none;  color:#000;  font-weight:700;
  font-size:16px;
  transition:all 0.2s;
}
.app-btn img {
  width:44px;
  height:44px;
  object-fit:cover;
}
.app-btn:hover {
  background:#4b49b3;
  color:#fff;
}
.app-btn:hover img {
  filter:brightness(1.1);
}



/* sub */
	.ctit {font-size:27px; color:#222; font-weight:700; line-height:1; padding:30px 0; text-align:center; border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; margin-bottom:40px;}
	.stit {position:relative; font-size:25px; color:#222; font-weight:700; line-height:24px; margin:55px 0 25px; padding-left:26px;}
	.stit:before {content:""; position:absolute; top:50%; left:0; width:16px; height:16px; border:#1c2e4a 4px solid; transform:translateY(-50%);}
	.stit:first-child {margin-top:0;}
	.btit {position:relative; font-size:28px; color:#222; font-weight:700; line-height:24px; margin:55px 0 25px; }
	.inside_padding2 {padding:0 0 0 20px;}
	
/* 메시에 마라톤 완전정복_770 앱 - 자료로 소개 */
	.inside_padding {padding:0 0 0 26px; font-size:20px; color:#222; line-height:32px;}
	.inside_padding p {padding-left:25px;}
	.inside_padding p + p {margin-top:30px;}
	.inside_padding .pl {padding-left:125px; display:block;}
	.img_tac {margin:60px 0; text-align:center; font-size:0;}
/* 메시에 마라톤 완전정복_770 앱 - 녹화 동영상으로 소개 */
.video_area {
  position: relative;
  width: 65%;
  margin: 0 auto;
  background: #000;
  overflow: hidden;
}
.video_area video {
    width: 100%;
    height: auto;
    display: block;
    z-index: 5;
    position: relative;
}
video {
    object-fit: contain !important;
    background: #000;
}


/*앱 설치*/
p.indent {
  position: relative;
  padding-left: 1.1em;
  text-indent: -0.7em;
  line-height: 1.6;
}



/* 내 장비 소개·구성·호핑 방법 - 파인더 구성 */
	.finder_configuration {display:flex; flex-wrap:wrap; gap:16px;}
	.finder_configuration.mt {margin-top:40px;}
	.finder_configuration li {width:calc((100% - 32px)/3); border:#ebebeb 1px solid;}
	.finder_configuration .imgfit {aspect-ratio:5/4; border-bottom:#ebebeb 1px solid;}
	.finder_configuration .txt {font-size:17px; color:#222; font-weight:700; line-height:25px; height:55px; text-align:center; display:flex; justify-content:center; align-items:center;}
/* 파인더등 안시장비 구매 - 상세 */
	.product_view .head {display:flex; gap:2.4%;}
	.product_view .img_area {width:46.6%; overflow:hidden;}
	.product_slide {position:relative; border:#ddd 1px solid; margin-bottom:24px;}
	.product_slide .slick-arrow {position:absolute; top:50%; width:50px; height:50px; margin-top:-25px; background:url('/images/arrow_slide.png') no-repeat 50% 50%; z-index:1; font-size:0;}
	.product_slide .slick-prev {left:0;}
	.product_slide .slick-next {right:0; transform:scaleX(-1);}
	.product_slide_nav {margin:0 -5px;}
	.product_slide_nav .slick-slide {padding:0 5px; font-size:0;}
	.product_slide_nav .slick-slide > div {border:#eee 1px solid;}
	.product_slide_nav .slick-current > div {border-color:#aaa;}
	.product_view .txt {width:51%;}
	.product_view .tit {font-size:20px; color:#222; font-weight:700; line-height:40px; padding-bottom:5px; border-bottom:#ddd 1px solid;}
	.product_view .txt dl {display:flex; font-size:14px; padding:10px 0;}
	.product_view .txt dt {width:120px; color:#333; font-weight:500;}
	.product_view .txt dd {width:calc(100% - 120px); color:#666;}
	.product_view .txt dd strong {color:#333;}
	.product_view .info,
	.product_view .option {padding:15px 0; border-bottom:#ddd 1px solid;}
	.product_view .option select {display:block; width:100%; max-width:240px; height:30px; border:#ddd 1px solid; padding:0 15px;}
	.product_view .count {display:flex; line-height:28px;}
	.product_view .count button {width:30px; height:30px; border:#eddd 1px solid; text-align:center;}
	.product_view .count input {width:40px; height:30px; border:0; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid; text-align:center;}
	.product_view .total {text-align:right; font-size:15px; color:#666; padding:20px 0;}
	.product_view .total strong {font-size:21px; color:#222;}
	.product_view .btns {display:flex; gap:8px;}
	.product_view .btns .like {width:65px;}
	.product_view .btns .like input {display:none;}
	.product_view .btns .like span {position:relative; display:block; width:65px; height:65px; border:#aaa 1px solid;}
	.product_view .btns .like span:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icon_heart.png') no-repeat 50% 50%;}
	.product_view .btns .btn {width:calc((100% - 81px)/2); height:65px; line-height:63px; font-size:18px; font-weight:700; text-align:center; border:#0353df 1px solid;}
	.product_view .btns .btn_cart {color:#0353df; background:#fff;}
	.product_view .btns .btn_buy {color:#fff; background:#0353df;}

	.product_detail {margin-top:70px;}
	.product_detail .jq_tab {display:flex; border:#ddd 1px solid; margin-bottom:30px;}
	.product_detail .jq_tab li {width:25%;}
	.product_detail .jq_tab button {position:relative; display:block; font-size:15px; color:#898989; line-height:58px; text-align:center; width:100%;}
	.product_detail .jq_tab button:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#0353df; transform:translateX(-50%);}
	.product_detail .jq_tab .on button {color:#0353df;}
	.product_detail .jq_tab .on button:before {width:100%;}

/* 게시판 목록 */
	.board_list {border-top:#aaa 1px solid;}
	.board_list th,
	.board_list td {height:54px; text-align:center; border-bottom:#ddd 1px solid; padding:10px 0;}
	.board_list th {color:#222; line-height:34px;}
	.board_list td {color:#666;}
	.board_list td.tal a {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.board_list .w60 {width:60px;}
	.board_list .w80 {width:80px;}
	.board_list .w100 {width:100px;}
	.board_list .w130 {width:130px;}
	.board_list .w160 {width:160px;}
	.board_list .w200 {width:200px;}
	
/* 갤러리 목록 */
.gall_list {display:flex; flex-wrap:wrap; gap:50px 30px;}
.gall_list a {display:block; width:calc((100% - 60px)/3); text-align:center;}
.gall_list i {display:block; width:100%; /*aspect-ratio:223/150;*/ overflow:hidden;}
.gall_list .tit {display:block; font-size:16px; font-weight:700; height:26px; line-height:26px; margin:10px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gall_list p {font-size:14px; color:#525252; line-height:20px;}
/* 게시판 상세 */
.board_view {border-top:#273a58 2px solid;}
.board_view .tit {position:relative; font-size:30px; color:#022; font-weight:700; line-height:1.2; padding:35px 160px 35px 0; border-bottom:#ddd 1px solid;}
.board_view .tit .date {position:absolute; top:50%; right:0; font-size:16px; color:#999; font-weight:400; transform:translateY(-50%);}
.board_view .con {padding:60px 0; border-bottom:#ddd 1px solid;}
.board_view .file {display:flex; border-bottom:#ddd 1px solid; line-height:24px; padding:20px 0;}
.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
.board_view .file dd {width:calc(100% - 90px);}
.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}
	
/* 장바구니 */
	.cart_wrap .board_list .tal a {padding-left:86px; height:75px; line-height:75px;}
	.cart_wrap .board_list .tal a .imgfit {position:absolute; top:0; left:0; width:75px; height:75px;}
	.cart_wrap .btns {display:flex; gap:10px; padding:25px 0 40px;}
	.cart_wrap .btns .btn {display:block; font-size:15px; color:#888; line-height:34px; height:36px; width:130px; text-align:center; border:#e3e3e3 1px solid;}
	.cart_wrap .total {background:#f7f7f7; padding:20px;}
	.cart_wrap .total li {position:relative; width:calc(100%/3); max-width:250px; color:#111; text-align:center;}
	.cart_wrap .total li:after {position:absolute; top:50%; right:-10px; width:20px; height:20px; line-height:20px; transform:translateY(-50%); font-size:26px;}
	.cart_wrap .total li.i1:after {content:"+";}
	.cart_wrap .total li.i2:after {content:"=";}
	.cart_wrap .total span {display:block; font-size:16px; color:#222;}
	.cart_wrap .total strong {display:block; font-size:26px; color:#111; font-weight:500; margin-top:10px;}
	.cart_wrap .btns_center {gap:10px; margin-top:50px;}
	.cart_wrap .btns_center .btn {width:220px; height:60px; line-height:58px; font-size:17px; font-weight:700; text-align:center; border:#0353df 1px solid;}
	.cart_wrap .btns_center .btn_l {color:#0353df; background:#fff;}
	.cart_wrap .btns_center .btn_g {color:#fff; background:#0353df;}
/* 게시판 하단 */
	.board_bottom .btns {display:flex; justify-content:center; gap:5px; margin-top:20px;}
	.board_bottom .btns.flex_between {justify-content:space-between;}
	.board_bottom .btns.right {justify-content:flex-end;}
	.board_bottom .btns .left,
	.board_bottom .btns .right {display:flex; gap:10px;}
	.board_bottom .btns .btn {display:block; width:80px; height:40px; line-height:38px; background:#fff; font-size:15px; color:#1a4a9e; border:#1a4a9e 1px solid; text-align:center; vertical-align:top;}
	.board_bottom .paging {display:flex; justify-content:center; gap:10px; margin-top:70px;}
	.board_bottom .paging a {width:32px; height:32px; line-height:31px; text-align:center; font-size:17px; border-bottom:#fff 1px solid; margin:0 8px;}
	.board_bottom .paging a.on {border-color:#1a4a9e;}
	.board_bottom .paging .arrow {font-size:0;}
	.board_bottom .paging .prev {margin-right:10px;}
	.board_bottom .paging .next {margin-left:10px;}
/* 게시판 상세 */
	.board_view {border-top:#aaa 1px solid;}
	.board_view .tit {position:relative; padding:30px 0; border-bottom:#ddd 1px solid;}
	.board_view .tit strong {display:block; font-size:20px; color:#222; font-weight:700; line-height:30px;}
	.board_view .tit .info {display:flex; gap:15px;}
	.board_view .tit .info dl {display:flex; gap:3px; font-size:15px; line-height:22px;}
	.board_view .tit .info dt {color:#222;}
	.board_view .tit .info dd {color:#999;}
	.board_view .con {padding:40px 0; border-bottom:#ddd 1px solid;}
	.board_view .file {display:flex; border-bottom:#ddd 1px solid; line-height:24px; padding:20px 0;}
	.board_view .file dt {width:90px; font-size:17px; color:#222; font-weight:500;}
	.board_view .file dd {width:calc(100% - 90px);}
	.board_view .file dd a {display:block; font-size:16px; color:#666; font-weight:500;}

/* 게시판 쓰기 */
	.board_write {border-top:#aaa 1px solid;}
	.board_write th,
	.board_write td {border-bottom:#ddd 1px solid; font-size:14px;}
	.board_write th {width:120px;}
	.board_write td {padding:10px;}

/* 마이페이지 */
	.tabs {gap:10px; margin-bottom:80px;}
	.tabs a {font-size:15px; color:#222; font-weight:500; line-height:48px; height:50px; width:140px; text-align:center; border:#222 1px solid;}
	.mypage_wrap .tit {font-size:20px; color:#222; font-weight:700; line-height:24px; padding-bottom:10px;}
	.order_search {border-top:#181818 1px solid; border-bottom:#ddd 1px solid; padding:25px 0; display:flex; justify-content:space-between; padding-right:20px; margin-bottom:40px;}
	.order_search dl {display:flex; align-items:center;}
	.order_search dt {font-size:16px; color:#222; width:130px;}
	.order_search dd {display:flex; border:#ddd 1px solid;}
	.order_search dd label {width:83px; max-width:calc(100%/6);}
	.order_search dd label + label {border-left:#ddd 1px solid;}
	.order_search dd label input {display:none;}
	.order_search dd label span {display:block; width:100%; font-size:14px; color:#999; line-height:38px; text-align:center;}
	.order_search dd label input:checked + span {color:#fff; background:#666; border-color:#666;}
	.order_search .btn_search {font-size:15px; color:#fff; line-height:35px; height:35px; width:120px; background:#aaa; text-align:center; border:0;}
	.mypage_wrap .board_list th {font-size:15px; font-weight:600; line-height:24px;}
	.mypage_wrap .board_list td {padding:10px 0;}
	.mypage_wrap .board_list td .btn {display:block; font-size:13px; color:#999; line-height:24px; height:26px; width:84px; text-align:center; border:#ddd 1px solid; margin:5px auto 0;}
	.mypage_wrap .order_list .info{color:#000; line-height:24px;}

	/* 나의게시글 */
	.tbl {border-top: 1px solid #e9e9e9;}
	.tbl th {width:20%; border-bottom: 1px solid #e9e9e9;}
	.tbl td {padding:10px; border-bottom: 1px solid #e9e9e9;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.shop_icon_soldout {position:absolute;z-index:1;display:flex;justify-content:center; align-items:center;top:0;left:0;width:100%;height:100%;background:#000;background:rgba(0,0,0,0.5);text-align:center;color:#fff;font-size:1.2em;font-weight:bold;letter-spacing:1px}
.shop_icon_soldout.h160{line-height:160px}
.shop_icon_coupon {background:#d45959}