/* 특화 템플릿 캠핑,아웃도어 - 2019.10.11 - sjy */
.template_area{ width:100%; position:relative; display:inline-block;}
.template>img{width:100%; vertical-align:middle;}
.template_area .blind{ overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; line-height:0; white-space:normal; word-break:break-all; word-wrap:break-word; clip:rect(0,0,0,0);}
.template_area .tem_btn01{ position:absolute; top:12.6%; left:36.5%; width:26.5%; height:2.8%;}
.template_area .tem_btn02{ position:absolute; top:32.5%; left:7.4%; width:41.2%; height:19.7%;}
.template_area .tem_btn03{ position:absolute; top:34.8%; left:51.2%; width:40.6%; height:19.7%;}
.template_area .tem_btn04{ position:absolute; top:56.5%; left:7.4%; width:40.6%; height:19.7%;}
.template_area .tem_btn05{ position:absolute; top:58.9%; left:51.2%; width:40.6%; height:19.7%;}
.template_area .tem_btn06{ position:absolute; top:93%; left:30.2%; width:39.5%; height:2.9%;}


.template_win7 {position:relative;}
.template_win7 p {font-size:1.2em; border-bottom:5px solid #000; letter-spacing: -1px; font-family:spoqa M; padding:0.5em}
.template_win7 p span {font-size: 1em; font-weight: bold;}

.template_win7 .label {position: absolute; top: 32%; right: 10%; background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) no-repeat 0 -79px;
    width: 136px; height: 130px; z-index: 10;}

.template_win7 .win_area_bg {background: #fff; border-radius: 0.85em; position: absolute; top: 50%; width: -webkit-fill-available; padding: 2em; margin: 0 2em; box-shadow: -5px -2px 21px 3px rgba(0, 0, 0, 0.04);}
.template_win7 .graph {width:100%; height:9px; float:left; border-radius: 999rem; background:#e4e4e4; margin-top:25px; position:relative;}
.template_win7 .graph_bar {position: absolute; top: 0; left: 0;  border-radius:999rem;  background: #a217ff; width: 0; height:100%;}

.template_win7 .best_timer{float:left; margin:6px 0 0 18px;}
.template_win7 .best_timer .day{float: left; position: relative; line-height: 22px; vertical-align: top; padding: 4px 0 0 69px; font-size:14px;}
.template_win7 .best_timer .day b{font-size:35px; color:#a217ff;}
.template_win7 .best_timer .day .icon_time{display:inline-block; width:55px; height:53px; background:url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) -163px 0 no-repeat; font-size:14px; position: absolute;
left:9px; top: -2px;}
.template_win7 .best_timer .time_counter{display:block; float:left; margin:8px 0 0 15px;}
.template_win7 .best_timer .time_counter em{overflow:hidden;float:left;width:28px;height:34px;margin-right:3px;background:url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) no-repeat;}
.template_win7 .best_timer .time_counter em.num0{background-position:0 0}
.template_win7 .best_timer .time_counter em.num1{background-position:-28px 0}
.template_win7 .best_timer .time_counter em.num2{background-position:-56px 0}
.template_win7 .best_timer .time_counter em.num3{background-position:-84px 0}
.template_win7 .best_timer .time_counter em.num4{background-position:-113px 0}
.template_win7 .best_timer .time_counter em.num5{background-position:0 -34px}
.template_win7 .best_timer .time_counter em.num6{background-position:-28px -34px}
.template_win7 .best_timer .time_counter em.num7{background-position:-56px -34px}
.template_win7 .best_timer .time_counter em.num8{background-position:-84px -34px}
.template_win7 .best_timer .time_counter em.num9{background-position:-113px -34px}
.template_win7 .best_timer .time_counter em.colon{width:8px;height:34px;background-position:-148px 0}

.template_lst p {font-size: 1.3em; letter-spacing: -1.5px; font-family: spoqa M; font-weight: bold; width: 100%; text-align: center;}
.template_lst p span {font-size: 1em;}
.template_lst .lst { padding:18px 0 30px 0; box-sizing:border-box; }
.template_lst .lst ul { width:100%; display:flex; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch;}
.template_lst .lst ul li { width:32%; min-width:140px; max-width:640px; display:inline-block; padding: 0 0px 0 20px; flex-shrink:0; text-align:center; }
.template_lst .lst ul li:last-child { padding-right:20px;}
.template_lst .lst ul li .prdimg { width:100%; display:block; margin-bottom:10px;}
.template_lst .lst ul li .prdimg >a { width:100%; display:flex !important; box-sizing:border-box; border: 1px solid #ddd;}
.template_lst .lst ul li .prdimg >a img { width:100%; height:100%; max-width:640px; }
.template_lst .lst ul li .prdname { display:flex; box-sizing:border-box; font-size:0.9rem; margin-bottom:4px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.template_lst .lst ul li .prdprice{font-size:1.3rem; height:1.3rem; line-height:1.3rem; font-weight:bold; color:#e2423c;}


/* 최대 320 (아이폰) */
@media (max-width:320px) {
	* {font-size:13px;}
.template_lst p {font-size: 1.2em; letter-spacing: -1px; font-family: spoqa M; font-weight: bold; width: 100%; text-align: center;}
.template_lst p span {font-size: 0.8em;}
.template_win7 .win_area_bg {margin: 1em; padding:1.5em 2em;}
.template_win7 .best_timer {margin:0;}
.template_win7 .best_timer .day {padding:0; line-height:19px;}
.template_win7 .best_timer .day .icon_time {display:none;}
.template_win7 .best_timer .time_counter {margin: 8px 0 0 7px;}
.template_win7 .best_timer .day b {font-size: 25px;}

.template_win7 .best_timer .time_counter em {width: 20px; height: 23px; background-size: auto 156px;}
.template_win7 .best_timer .time_counter em.num0 {background-position: 1px 0;}
.template_win7 .best_timer .time_counter em.num1 {background-position: -18px 0;}
.template_win7 .best_timer .time_counter em.num2{background-position:-37px 0}
.template_win7 .best_timer .time_counter em.num3{background-position:-56px 0}
.template_win7 .best_timer .time_counter em.num4{background-position:-76px 0}
.template_win7 .best_timer .time_counter em.num5{background-position:1px -23px}
.template_win7 .best_timer .time_counter em.num6{background-position:-18px -23px}
.template_win7 .best_timer .time_counter em.num7{background-position:-37px -23px}
.template_win7 .best_timer .time_counter em.num8{background-position:-56px -23px}
.template_win7 .best_timer .time_counter em.num9{background-position:-75px -23px}
.template_win7 .best_timer .time_counter em.colon{width:8px;height:23px;background-position:-98px 0}
.template_win7 .graph {margin-top:5px;}

.template_win7 .label {background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) no-repeat 31px -55px; background-size: auto 180px;}
}

/* 최소 321 ~ 480 (갤럭시노트 시리즈 360기준) */
@media (min-width:321px) and (max-width:399px) {
	* {font-size:13px;}
.template_win7 .win_area_bg {margin: 1em 1.5em; padding:1.5em 3em;}
.template_win7 .best_timer {margin:0;}
.template_win7 .best_timer .day {padding:0; line-height:19px;}
.template_win7 .best_timer .day .icon_time {display:none;}
.template_win7 .best_timer .time_counter {margin: 8px 0 0 7px;}
.template_win7 .best_timer .day b {font-size: 25px;}

.template_win7 .best_timer .time_counter em {width: 20px; height: 23px; background-size: auto 156px;}
.template_win7 .best_timer .time_counter em.num0 {background-position: 1px 0;}
.template_win7 .best_timer .time_counter em.num1 {background-position: -18px 0;}
.template_win7 .best_timer .time_counter em.num2{background-position:-37px 0}
.template_win7 .best_timer .time_counter em.num3{background-position:-56px 0}
.template_win7 .best_timer .time_counter em.num4{background-position:-76px 0}
.template_win7 .best_timer .time_counter em.num5{background-position:1px -23px}
.template_win7 .best_timer .time_counter em.num6{background-position:-18px -23px}
.template_win7 .best_timer .time_counter em.num7{background-position:-37px -23px}
.template_win7 .best_timer .time_counter em.num8{background-position:-56px -23px}
.template_win7 .best_timer .time_counter em.num9{background-position:-75px -23px}
.template_win7 .best_timer .time_counter em.colon{width:8px;height:23px;background-position:-98px 0}
.template_win7 .graph {margin-top:5px;}

.template_win7 .label {background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) no-repeat 31px -55px; background-size: auto 180px;}
}

/* 최소 400 ~ 480 (아이폰~4 가로 480기준) */
@media (min-width:400px) and (max-width:480px) {
.template_win7 .best_timer .day {padding:0; line-height:19px;}
.template_win7 .best_timer .day .icon_time {display:none;}
.template_win7 .best_timer .time_counter {margin: 8px 0 0 7px;}
.template_win7 .best_timer {margin: 6px 0 0 0px;}
.template_win7 .graph {margin-top:15px;}

.template_win7 .label {background: url(//image5.compuzone.co.kr/img/images/product_list/productList_N/productB_window7_oj.png) no-repeat 31px -55px; background-size: auto 180px;}
}

/* 최소 481~800 (갤럭시가로 640기준) */
@media (min-width:481px) and (max-width:767px) {

.template_win7 .best_timer {margin: 6px 0 0 0px;}
.template_win7 .best_timer .time_counter {margin: 8px 0 0 5px;}
.template_win7 .graph {margin-top: 17px;}
}

/* 태블릿으로 실행할 CSS */
@media all and (min-width:768px) and (max-width:859px){

.template_win7 .win_area_bg {padding: 3em; margin: 1em 4em;}
.template_win7 .best_timer {margin: 6px 0 0 99px;}
.template_win7 .label {top:44%;}

}

/* 태블릿으로 실행할 CSS */
@media all and (min-width:860px){
* {font-size:17px;}
.template_win7 .win_area_bg {padding: 4em; margin: 1em 7em;}
.template_win7 .best_timer {margin: 6px 0 0 8em;}

.template_win7 .label {top: 48%; right: 17%;}

}