/* BASIC css start */
body {width:100%; height:100%; font-family: 'Noto Sans KR', sans-serif;}
.ssc_container {width:100%; height:100%; background-color:#eaf6fe; text-align:center;}
.ssc_container p{line-height:120%;}
.ssc_container img{width:100%;}
mark {
  display: inline-block;
  line-height: 0em;
  padding-bottom: 0.5em;
}
.color_chip {display:inline-block; width:16px; height:4px; margin:16px 2px 8px; border:1px solid #ddd;}
.color_chip.sb {background-color:#92c0f4;}
.color_chip.cw {background-color:#f9f7ed;}
.color_chip.nm {background-color:#a0e6cc;}
.color_chip.ss {background-color:#b4b4b4;}

.review_ex_list {margin:16px auto; padding:0 10%;}
.review_ex {padding-right:40px;clear:both; margin-bottom:4px; overflow:hidden;}
.review_ex img{width:24px; border-radius:30px; float:left;}
.review_ex div {margin-right:-40px; width:100%; float:right; text-align:left;position:relative;}
.review_ex div p {background-color:#f5f5f5; border-radius:8px; padding:10px; font-size:14px;position:relative;}

.review_ex div:before {
    content: '';
    top: -2px;
    left: -16px;
    position: absolute;
    border: 0px solid;
    display: block;
    width: 20px;
     height: 14px;
    background-color: transparent;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    box-shadow: 12px 8px 0px 4px #f5f5f5;
}

.ssc_prd_title {clear:both; padding-top:80px;}
.ssc_prd_title:first-child {padding-top:48px;}

.ssc_prd_name {font-size:16px; margin:24px 0 8px;}
.ssc_prd_cp { font-size:13px; text-decoration: line-through;}
.ssc_prd_sp {font-size:16px; font-weight:700; margin-bottom:8px;}
.ssc_prd_sp span {font-size:12px; font-weight:500; color:red;}

.ssc_prd_btn {width:120px; font-size:14px; font-weight:700; background-color:#000; margin:0 auto; padding:8px 0; color:#fff;}
.ssc_prd_link {display:block; position:absolute; z-index:2; left:0; top:0; right:0; bottom:0; width:100%; height:100%;}



.swiper-pagination {width:100%; margin-bottom:106px;}
.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: none !important;
    outline:none;
    opacity:0.3;
}
.swiper-pagination .swiper-pagination-bullet:after {
    content: "";
    width: 6px;
    height: 6px;
    margin: 6px auto;
    display: block;
    border-radius: 10px;
    border: #333 solid 1px;
    background-color: #333;
    box-sizing: border-box;   
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #333;
     opacity: 1;
}

.swiper-pagination.dark .swiper-pagination-bullet:after {
    border: #fff solid 1px;
    background-color: #fff; 
}
.swiper-pagination.dark .swiper-pagination-bullet-active {
    background: #fff;
}

.btn_ssc_bottom {display:block; width:300px; margin:0 auto; border-radius:50px; padding:12px 0; font-size:16px;}


@media screen and (min-width: 768px) {
  .ssc_container {width: 720px; margin: 0 auto;}
}
/* BASIC css end */