@charset "utf-8";

/* review-content*/
.review-content .grade-area{ margin-top:8px; display:flex; align-items:center; }
.review-content .grade-area > .num{ font-size:24px; font-weight:700; }
.review-content .grade-area > .mark{ margin-right:4px; font-size:0; }
.review-content .grade-area > .mark > *{ margin:0; }

.view-review > .review-summary{ margin-top:40px; padding:40px; display:flex; background-color:#fff; border:1px solid #000; align-items:center; }
.view-review > .review-summary .summary-area{ display:flex; justify-content:center; align-items:center; }
.view-review > .review-summary .summary-area > li:not(:first-child){ margin-left:40px; padding-left:40px; border-left:1px solid #000; }
.view-review > .review-summary .summary-area > li > p{ font-size:12px; }
.view-review > .review-summary .summary-area > li > .tit{ margin-bottom:8px; }
.view-review > .review-summary .summary-area > li > p > .strong{ font-size:26px; }
.view-review > .review-summary .right{ margin-left:auto; }

/* .view-review > .sort-list .input-checkbox{ line-height:26px; padding-left:24px; } */
/* .view-review > .sort-list .input-checkbox .ico-checkbox{ width:16px; height:16px; top:5px; } */
/* .view-review > .sort-list .input-checkbox{ line-height:22px; padding-left:26px; font-size:14px; }
.view-review > .sort-list .input-checkbox .ico-checkbox{ width:18px; height:18px; top:3px; }
.view-review > .sort-list .input-checkbox .txt{ font-size:14px; font-weight:700; } */
/* } */
.view-review > .sort-list .right{ display:flex; align-items:center; }
.view-review > .sort-list .right > *:not(:first-child){ margin-left:16px; position:relative; }
.view-review > .sort-list .right > *:not(:first-child):before{ content:''; width:1px; position:absolute; top:7px; left:-6px; bottom:5px; background-color:#000; }

.view-review .list-content > li{ margin-top:24px; padding-top:24px; border-top:1px solid #C4C4C4; }
.view-review .list-content > li:first-child{ border-top-color:#000; }
.view-review .list-content > li .review-head{ display:flex; align-items:center; }
.view-review .list-content > li .review-head .right{ margin-left:auto; }
.view-review .list-content > li .review-head .user-layout .tit-dep4 small{ font-size:12px; color:#8F8F8F; }

.view-review .list-content > li .review-cont{ padding-left:64px; }/* margin-top:16px;  */
/* .view-review .list-content > li .review-cont .grade-area .num{ font-size:16px; } */
.view-review .list-content > li .review-cont .grade-area [class^='ico']{ width:18px; height:18px; }
.view-review .list-content > li .review-cont .cont-area{ margin-top:8px; display:flex; }
.view-review .list-content > li .review-cont .cont-area > .cont{ flex:1; }
.view-review .list-content > li .review-cont .cont-area .txt{ margin-top:4px; }
.view-review .list-content > li .review-cont .cont-area .img-area{ width:72px; margin-left:16px; margin-bottom:auto; position:relative; border:1px solid #C4C4C4; } 
.view-review .list-content > li .review-cont .cont-area .img-area .txt-num{ width:24px; height:24px; display:flex; position:absolute; right:0; bottom:0; background-color:rgba(0, 0, 0, .5); font-size:16px; color:#fff; justify-content:center; align-items:center; }
.view-review .list-content > li .review-cont .list-images{ display:none; }
.view-review .list-content > li .review-cont .list-images > ul{ margin:16px -8px 0; display:flex; }
.view-review .list-content > li .review-cont .list-images > ul > li{ margin:0 8px; flex:1; }
.view-review .list-content > li .review-cont .list-images > ul > li .img-area{ padding-bottom:56.25%; position:relative; background-color:#F5F6FA; }
.view-review .list-content > li .review-cont .list-images > ul > li .img-area > img{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden; }
.view-review .list-content > li .review-reply{ margin-top:16px; padding-left:64px; }
.view-review .list-content > li .review-reply .review-head .user-layout > .img-area{ width:36px; height:36px; }
.view-review .list-content > li .review-reply .review-head .user-layout > .cont-area{ margin-left:8px; }
.view-review .list-content > li .review-reply .review-head .user-layout > .cont-area .tit-dep4{ font-size:14px; }
.view-review .list-content > li .review-reply > li .review-cont{ padding-left:0; }
.view-review .list-content > li .review-reply > li .review-cont .cont-area{ margin-left:16px; padding:16px; position:relative; border:1px solid #000; -webkit-box-shadow:0 20px 60px rgba(96, 110, 170, .16); box-shadow:0 20px 60px rgba(96, 110, 170, .16); }
.view-review .list-content > li .review-reply > li .review-cont .cont-area:before{ content:''; width:17px; height:26px; position:absolute; top:-1px; left:-17px; background:url(//img.inclass.co.kr/common/bg_review.png) 0 0 no-repeat; background-size:100% 100%; }
.view-review .list-content > li .review-reply > li .review-cont .cont-area .txt{ margin-top:0; }

/* list-teach */
.list-teach > li{ margin:40px auto; padding-top:40px; display:flex; border-top:1px solid #E9E9E9; }
.list-teach > li:first-child{ margin-top:0; padding-top:24px; border-top:none; }
.list-teach > li .user-layout{ width:276px; margin:0 16px; }
.list-teach > li .user-layout > .img-area{ width:120px; height:120px; }
.list-teach > li .user-layout > .cont-area .tit-dep4 .ico-home-v2{ position:relative; top:-2px; }
.list-teach > li .editor-layout{ margin-left:auto; flex:1; }

/* product-list-container */
.product-list-container .content-layout > .tab-type2:first-child{ margin-top:80px; }

/* product-view-container */
#container.product-view-container{ padding:40px 0 0; }

.product-view-container .price-area [class^='color-']{ line-height:inherit; font-size:16px; }
.product-view-container .price-area .price{ font-size:20px; }

.product-view-container .visual-content{ margin-bottom:80px; display:flex; }
.product-view-container .visual-content .info-area{ width:488px; margin-right:16px; }  
.product-view-container .visual-content .info-area .top-area{ display:flex; align-items:center; }
.product-view-container .visual-content .info-area .top-area .link-teach{ margin:-4px -4px 0; }
.product-view-container .visual-content .info-area .top-area .link-teach > a{ margin:4px 4px; display:inline-flex; font-size:14px; font-weight:500; align-items:center; }
.product-view-container .visual-content .info-area .top-area .link-teach > a .ico-right-cir-s{ width:14px; height:14px; margin-left:4px; }
.product-view-container .visual-content .info-area .top-area .btn-share{ margin-left:auto; }
.product-view-container .visual-content .info-area .tit-dep2{ margin-top:16px; }
.product-view-container .visual-content .info-area > .price-area{ margin-top:24px; }
.product-view-container .visual-content .info-area > .price-area [class^='color-']{ font-size:24px; }
.product-view-container .visual-content .info-area .sticker-area{ margin-top:24px; }
.product-view-container .visual-content .prod-area{ width:488px; }
.product-view-container .visual-content .prod-area .img-area{ padding-bottom:56.25%; position:relative; background-color:#F5F6FA; border:1px solid #E9E9E9; overflow:hidden; }
.product-view-container .visual-content .prod-area .img-area > *{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) }
.product-view-container .visual-content .prod-area .img-area .sticker{ line-height:22px; padding:0 5px; top:8px; left:auto; right:8px; background-color:#FFDA50; font-size:12px; font-weight:700; transform:translate(0, 0); }

.product-view-container .box-coupon{ margin-top:16px; }
.product-view-container .box-coupon .price-area{ align-items:center; }
.product-view-container .box-coupon .price-area > *:first-child{ line-height:160%; margin-right:24px; flex:1; }
.product-view-container .box-coupon .price-area [class^='color-']{ margin-top:4px; margin-right:2px; display:inline-block; font-size:22px; }
.product-view-container .box-coupon .btn-area{ text-align:right; }
.product-view-container .box-coupon .btn-area .btn-ico [class^='ico']{ margin-left:4px; }

.product-view-container .tab-product{ background-color:#fff; border-top:1px solid #E9E9E9; box-shadow:0 2px 4px rgba(0, 0, 0, .1); }
.product-view-container .tab-product > ul{ display:flex; justify-content:center; }
.product-view-container .tab-product > ul > li{ max-width:180px; height:48px; position:relative; flex:1; }
.product-view-container .tab-product > ul > li:after{ content:''; width:1px; height:16px; position:absolute; top:50%; right:0; background-color:#C4C4C4; transform:translate(0, -50%); }
.product-view-container .tab-product > ul > li:last-child:after{ display:none; }
.product-view-container .tab-product > ul > li > a{ line-height:48px; display:block; position:absolute; top:0; left:-1px; right:-1px; bottom:0; font-size:14px; font-weight:700; text-align:center; }
.product-view-container .tab-product > ul > li.selected > a{ background-color:#FFDA50; color:#282828; z-index:9; }

.product-view-container .lecture-summary{ margin-top:80px; padding:24px; background-color:#F5F6FA; }
.product-view-container .lecture-summary .summary-area{ margin-top:-16px; display:flex; flex-wrap:wrap; }
.product-view-container .lecture-summary .summary-area > li{ width:33.33%; margin-top:16px; font-size:16px; font-weight:500; }
.product-view-container .lecture-summary .summary-area > li [class^='ico']{ margin-right:4px; }

.product-view-container .fixed-bottom .product-layout{ padding:16px 0; display:none; border-bottom:1px solid #E9E9E9; }
.product-view-container .fixed-bottom .product-layout .tit-dep4{ margin-bottom:16px; position:relative; }
.product-view-container .fixed-bottom .product-layout .tit-dep4 .btn-close{ position:absolute; top:0; right:0; }

.product-view-container .fixed-bottom .list-product{ padding:0 16px; max-height:150px; border:1px solid #C4C4C4; overflow-x:hidden; overflow-y:auto; }
.product-view-container .fixed-bottom .list-product > ul{ margin:0 -8px; font-size:0; overflow:hidden; }
.product-view-container .fixed-bottom .list-product > ul > li{ width:calc( 100% - 16px ); margin:0 8px; padding:16px 0; display:inline-flex; border-bottom:1px solid #E9E9E9; }
.product-view-container .fixed-bottom .list-product > ul > li:last-child{ border-bottom:none; }
.product-view-container .fixed-bottom .list-product > ul > li .input-checkbox{ width:100%; display:flex; font-weight:500; align-items:center; }
.product-view-container .fixed-bottom .list-product > ul > li .input-checkbox .ico-checkbox{ margin-top:-1px; top:50%; transform:translate(0, -50%); }
.product-view-container .fixed-bottom .list-product > ul > li .input-checkbox .tit{ line-height:1.4; }
.product-view-container .fixed-bottom .list-product > ul > li .input-checkbox .tit .fs12{ line-height:1.3 }
.product-view-container .fixed-bottom .list-product > ul > li .input-checkbox .price{ margin-left:8px; font-size:14px; font-weight:400; flex:none; }

.product-view-container .fixed-bottom .list-schd{ margin:0 -4px; display:flex; align-items:flex-start; }
.product-view-container .fixed-bottom .list-schd > li{ min-width:160px; height:100%; margin:0 4px; padding:8px 4px; border:1px solid #282828; border-radius:8px; font-weight:500; text-align:center; }
.product-view-container .fixed-bottom .list-schd > li.end{ border-color:#E9E9E9; color:#8f8f8f; }
.product-view-container .fixed-bottom .list-schd > li .tit{ margin-bottom:4px; }
.product-view-container .fixed-bottom .list-schd > li .txt{ font-size:12px; }

.product-view-container .fixed-bottom .btn-type2{ display:none; }

.product-view-container .fixed-bottom .box-coupon{ margin-top:0; margin-right:16px; padding:8px 16px; display:inline-flex; align-items:center; }
.product-view-container .fixed-bottom .box-coupon .price-area{ margin-right:8px; flex:1; }
.product-view-container .fixed-bottom .box-coupon .price-area .price{ display:none; }
.product-view-container .fixed-bottom .box-coupon .btn-area [class^='ico']{ display:none; }

/* coupon */
.coupon-list-container{ padding-top:80px; }

.modal-coupon .modal-content{ padding:16px; }
.modal-coupon .tit-dep3{ margin:0 auto 4px; }
.modal-coupon .list-dotted{ margin-bottom:16px; }



/** Tablets **/
@media screen and (max-width:1024px){
    /* review-content*/
    .view-review > .review-summary .right .btn{ width:200px; }
    .view-review .list-content > li .review-cont{ padding-left:0; }
    .view-review .list-content > li .review-reply{ padding-left:0; }
    .view-review .list-content > li .review-reply > li .review-cont{ padding-left:16px; }

    /* list-teach */
    .list-teach > li{ flex-direction:column; }
    .list-teach > li .user-layout{ width:100%; margin:0 0 16px 0; }
    .list-teach > li .editor-layout{ margin-left:0; }

    /* product-view-container */
    #container.product-view-container{ padding-top:0; }

    .product-view-container .visual-content{ margin-bottom:40px; padding:0; flex-direction:column; }
    .product-view-container .visual-content .info-area{ width:100%; padding:0 16px; order:2; }
    .product-view-container .visual-content .prod-area{ width:100%; margin-bottom:16px; order:1; }

    .product-view-container .box-coupon .price-area > *:first-child{ margin-right:16px; }

    .product-view-container .tab-product .content-layout{ padding:0; }

    .product-view-container .lecture-summary .summary-area > li{ width:50%; }

    .product-view-container .fixed-bottom .product-layout{ padding-bottom:0; }
    .product-view-container .fixed-bottom .product-layout > .content-layout{ padding:0; }
    .product-view-container .fixed-bottom .product-layout .tit-dep4{ padding:0 16px; }
    .product-view-container .fixed-bottom .product-layout .tit-dep4 .btn-close{ right:16px; }
    .product-view-container .fixed-bottom .list-product{ border:none; }

    .fixed-bottom > .content-layout .right{ width:auto; }
    .fixed-bottom > .content-layout .right .price-area{ margin-right:24px; } 
}

/** mobiles **/
@media screen and (max-width:767px){
    /* review-content */
    .view-review > .review-summary{ padding:16px; flex-direction:column; }
    .view-review > .review-summary .summary-area{ width:100%; justify-content:flex-start; }
    .view-review > .review-summary .summary-area > li:not(:first-child){ margin-left:24px; padding-left:24px; }
    .view-review > .review-summary .summary-area > li > .tit{ margin-bottom:4px }
    .view-review > .review-summary .summary-area > li > p > .strong{ font-size:20px; }
    .view-review > .review-summary .right{ width:100%; margin:24px 0 0; }
    .view-review > .review-summary .right .btn{ width:100%; }

    .view-review > .sort-list{ margin-top:24px; }
    /* .view-review .list-content > li .review-cont .grade-area .num{ font-size:14px; }
    .view-review .list-content > li .review-cont .grade-area [class^='ico']{ width:16px; height:16px; } */
    .view-review .list-content > li .review-cont .cont-area .img-area{ display:none; }
    .view-review .list-content > li .review-cont .list-images{ display:block; }
    .view-review .list-content > li .review-cont .list-images > ul{ margin:0; flex-direction:column; }
    .view-review .list-content > li .review-cont .list-images > ul > li{ margin:16px 0 0; }
    .view-review .list-content > li .review-reply > li .review-cont .cont-area .txt{ font-size:12px; }

    /* list-teach */
    .list-teach > li{ margin-top:24px; padding-top:24px; }

    /* product-list-container */
    .product-list-container .content-layout > .tab-type2:first-child{ margin-top:40px; }

    /* product-view-container */
    .product-view-container .visual-content .info-area .tit-dep2{ margin-top:8px; }
    .product-view-container .visual-content .info-area .price-area{ margin-top:16px; }
    .product-view-container .visual-content .info-area .box-coupon .price-area{ margin-top:0; }
    .product-view-container .visual-content .info-area .sticker-area{ margin-top:16px; }

    .product-view-container .tab-product > ul > li > a .num{ display:none; }

    .product-view-container .lecture-summary{ margin-top:40px; }
    .product-view-container .lecture-summary .summary-area{ margin-top:-4px; }
    .product-view-container .lecture-summary .summary-area > li{ width:100%; margin-top:4px; font-size:14px; }
    .product-view-container .lecture-summary .summary-area > li [class^='ico']{ width:16px; height:16px; margin-right:4px; }

    .product-view-container .fixed-bottom .price-area{ display:none; }

    /* coupon */
    .coupon-list-container{ padding-top:56px; }
}

/** mobiles xs **/
@media screen and (max-width:360px){
    /* review-content */
    .view-review > .review-summary .summary-area > li:not(:first-child){ margin-left:16px; padding-left:16px; }

    /* product-view-container */
    .product-view-container .price-area [class^='color-']{ font-size:14px; }
    .product-view-container .price-area .price{ font-size:18px; }
    .product-view-container .visual-content .info-area .price-area [class^='color-']{ font-size:22px; }
}