@charset "utf-8"; 

.empty_list {display: block; font-size: 15px; text-align: center; color: #999; width: 100%; min-height: 100px; line-height: 100px;}
.empty_table {display: block; font-size: 15px; text-align: center; color: #999; width: 100%; min-height: 100px; line-height: 100px;}

/*-----------------------------------------
    메인배너slide
------------------------------------------*/

#main_bn {background:#e8ecef;padding:0; max-width:100%; overflow: hidden; position: relative;}
#main_bn .swiper-slide {overflow: hidden; position: relative; width: 100% !important;height: 600px;}
#main_bn .swiper-slide span {display: block;width: 100% !important;height: 600px;background-position: center;background-repeat: no-repeat;position: relative;}


#main_bn .arrow_wr {width:100%; position: absolute; top:50%;}
#main_bn .swiper-button-next,
#main_bn .swiper-button-prev {position:absolute;top:50%;right:50px;margin-top:-25px;background:url(../../../img/slide-arrow-right.png) no-repeat 50% 50% rgba(255,255,255,0.4);width:50px;height:50px;;text-indent:-999px;overflow:hidden;border-radius: 50%; transition:all 0.2s; opacity: 0.6;}
#main_bn .swiper-button-prev {left:50px; background:url(../../../img/slide-arrow-left.png) no-repeat 50% 50% rgba(255,255,255,0.4); }
#main_bn .swiper-button-next:hover, 
#main_bn .swiper-button-prev:hover{background-color:rgba(255,255,255,1); opacity: 1}

#main_bn .swiper-pagination {z-index: 9999;bottom: 30px;width: 100px;text-align: center;position: absolute;left: 50%;margin-left: -50px;display: flex;justify-content: center;}
#main_bn .swiper-pagination .swiper-pagination-bullet {width: 7px;height: 7px;cursor: pointer;display: block;margin: 0 3px;}
#main_bn .swiper-pagination .swiper-pagination-bullet-active {width: 30px;border-radius: 7px; background-color: #333; opacity: 0.8;}


  
/*-----------------------------------------
    메인 상품아이템
------------------------------------------*/
 
/* 상품 목록 스킨 10 */
.smt_10  {margin: 0 auto;display: flex;justify-content:flex-start;}
.smt_10 .smt_li {position:relative;display: block;margin: 0;background: #fff;margin-right:30px;}
.smt_10 .smt_last {margin:0;}
.smt_10 .smt_clear {clear:both}

.smt_10 .smt_img {}
.smt_10 .smt_img a {display: block;padding: 5px;background: #f5f5f5;border-radius: 15px;transition: all 0.5s ease-out; box-sizing: border-box;}
.smt_10 .smt_img a img {width: auto;height: auto;max-width: 100%;max-height: 100%;}

.smt_10 .smt_li:hover .smt_img a {box-shadow: 1px 1px 7px rgba(0,0,0,0.2); transform: translateY(-5px);}

.smt_10 .smt_info {position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999; background: #fff; padding: 10px; border-top: 1px solid #f5f5f5;}
.smt_10 .smt_icon {text-align:left;padding: 10px 0 7px 0;}
.smt_10 .smt_icon img {margin-right: 2px;}
.smt_10 .smt_txt { padding:  0; margin:0; width:100%; box-sizing:border-box; text-align:left; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.smt_10 .smt_txt a {font-size: 15px;line-height: 25px;font-weight: 400;color: #000;width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.smt_10 .smt_txt .btn_wish {display:inline-block; background:none; border:0; padding:0; font-size:14px; padding-left:1px; margin-top:-4px; margin-right:3px;}
.smt_10 .smt_txt .btn_wish:focus {outline:none;} 
.smt_10 .smt_txt .btn_wish .fa-heart-o {color:#fba345; vertical-align:middle;}
.smt_10 .smt_txt .btn_wish .fa-heart {color:#fba345; vertical-align:middle;}
.smt_10 .smt_cost strike {display:inline-block;margin:0 0 5px;color:#aaa;font-weight:normal;font-size:11px; padding: 0 5px; }
.smt_10 .smt_cost {float: left; padding:0; display:inline-block;font-weight:bold;font-size:13px; line-height: 25px; color: #864d2f;}


.smt_10 .smt_id {display:block;margin:0 0 5px}
.smt_10 .smt_basic {margin:0 0 10px}
.smt_10 .smt_sns {}

.smt_noitem {display: block; font-size: 15px;  text-align: center; color: #999; width: 100%; min-height: 100px; line-height: 100px;}


/*---------------------------------------------------------------
    navbar 템플릿 2차메뉴
----------------------------------------------------------------*/

.pagettl {font-size: 26px;line-height: 36px;font-weight: 700;padding-top: 40px;text-align: left;padding-bottom: 15px;}
.page_desc {display: block;text-align: left;font-size: 15px;color: #888;font-weight: 400;}

.shop_navbar {position:relative;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:left; margin-bottom: 40px;}
.shop_navbar h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/*.shop_navbar {display:inline-block; height:36px; margin-top:12px; text-align:center; color:#000; padding:0;margin-right:3px; }*/
.shop_navbar a {color:#d0cece;margin:0;display:inline-block;font-size:15px;font-weight:normal;height: 40px;line-height: 40px;text-align:center;color:#999;padding: 0 18px;margin-right:3px;border-radius: 30px;cursor:pointer;background-color: #eee;}

.shop_navbar a:hover {background-color: #ddd;}

.shop_navbar a.shop_navbar_on {background-color: #2ab673;color:#fff;}




/*-----------------------------------------------------------------
	마이편집 - 상단바
------------------------------------------------------------------*/

/* 마이페이지info */
#smb_my_info {position:relative;width:100%;background: #eaf8f1;border-bottom: 1px solid #dae6e0;}
#smb_my_info .container {padding: 0;display: flex;justify-content: space-between;height: auto;}
#smb_my_info .container:after {display:none;}

/* 프로필 */
#smb_my_info .myinfo {float:left;text-align:left;font-size:13px;line-height:23px;font-weight:normal;color:#88817f;border-radius: 30px;padding: 20px 0;}
#smb_my_info .myinfo ul {float:left; text-align:left; }
#smb_my_info .myinfo ul.label {margin-right: 10px;padding: 0 20px;display: inline-block;vertical-align: middle;}
#smb_my_info .myinfo ul.myinfo_con {margin-right: 30px;display: inline-block;vertical-align: middle;}
#smb_my_info .myinfo .nickname {display:inline-block;font-size:20px;line-height:24px;font-weight: 700;color: #000;vertical-align:middle;margin: 0;}
#smb_my_info .myinfo .nickname a {display:inline-block; line-height:24px;  vertical-align:middle; margin-left: 3px; margin-top: -3px;}
#smb_my_info .myinfo .nickname img {vertical-align:middle;}
#smb_my_info .myinfo .email,
#smb_my_info .myinfo .menber_type {display:block;font-size: 14px;line-height: 23px;font-weight:400;color: #999;}
#smb_my_info .myinfo .btn_grade {display:inline-block; background: #864d2f; padding: 0 20px; line-height: 34px; border-radius: 30px; color: #fff; font-size: 15px; margin-top:23px;  }
#smb_my_info .myinfo .btn_my {font-size: 16px;display: inline-block;vertical-align: middle;margin-top: -6px;}
#smb_my_info .myinfo .btn_my:hover {color: #1a8c55;}
.freecp {border: 1px solid #cea552; line-height: 23px; display: inline-block; padding: 0 7px; margin-left: 5px; vertical-align: middle; font-size: 12px; color: #f6bc34; border-radius: 2px;}

/* 마이메뉴 */
#smb_my_info .mymenu {float:right;text-align: right;padding: 0;border-right: 1px solid #dae6e0;}
#smb_my_info .mymenu > ul {display: flex;height: 100%;position: relative;}
#smb_my_info .mymenu > ul a {border-left: 1px solid #dae6e0;text-align: center;margin:0px auto;min-width: 120px;height: 100%;display: block;position: relative;padding: 26px 0;}
#smb_my_info .mymenu > ul a i {font-size: 24px;display: block;margin-bottom: 10px;color: #a6bab0;}
#smb_my_info .mymenu > ul a span {font-size: 15px;color: #333;line-height: 25px;}




#smb_my_info .mymenu > div:nth-child(1) {background:rgba(255,255,255,0.03); }
#smb_my_info .mymenu > div:nth-child(2) {background:rgba(255,255,255,0.06); }
#smb_my_info .mymenu > div:nth-child(3) {background:rgba(255,255,255,0.09); }
#smb_my_info .mymenu > div:nth-child(4) {background:rgba(255,255,255,0.12); }
#smb_my_info .mymenu > div a {font-size:15px; color:#fff; }

#smb_my_info .mymenu .cnt {position:absolute;right: 33px;top: 37px;display:block;min-width: 25px;height: 18px;line-height: 18px;border-radius:10px;text-align:center;font-size:13px;padding: 0 5px;color: #fff;background: #2ab673;box-sizing:border-box;}
#smb_my_info .mymenu .a_menu {display:block; width:100%; text-align:center; padding-top:30px; }
#smb_my_info .mymenu .a_menu img {margin-bottom:15px; }



/*-----------------------------------------------------------------
	마이편집 : 상세편집
------------------------------------------------------------------*/
.myedit_view {}
 
/*---------마스타편집---------*/

.my-master {position:relative;padding:0;overflow:hidden;text-align:left;border:1px solid #eee;background: #333333;box-shadow:2px 2px 2px rgba(0,0,0,0.05);border-radius:5px;margin-bottom:30px;display: flex;}

.my-master .mas-img  {width: 130px;text-align: center;box-sizing:border-box;padding:20px;font-weight:normal;color:#fff;background: #222;}
.my-master .mas-img  img {max-width:100%; height:auto; max-height:90px; }

.my-master .mas-info {width: 40%;box-sizing:border-box;padding: 20px;font-weight: normal;color:#fff;}
.my-master .mas-info .mas-name {display:block; margin-bottom:10px; }
.my-master .mas-info .mas-name input {width:300px; height:30px; line-height:30px; border:1px solid #eee; }
.my-master .mas-info .mas-page,
.my-master .mas-info .mas-date {display:block;padding:0;font-size: 15px;line-height: 25px;}
.my-master .mas-info label {color:rgba(255,255,255,0.5); } 
.my-master .mas-info label:before {content:"/"; color:rgba(255,255,255,0.3); margin:0 10px; } 
.my-master .mas-info p {vertical-align: middle; display: inline-block; font-size: 15px;}

.my-master .mas-info span label:first-child:before {content:""; display:none; } 

.my-master .mas-manage {width: calc(60% - 130px);box-sizing:border-box;padding:45px 20px;padding-left:0;text-align:right;}

.my-master .mas-btn {display:inline-block;font-weight:normal;text-align:center;cursor:pointer;white-space:nowrap;margin:0;padding: 0px 15px;font-size: 13px;line-height: 34px;vertical-align:middle;box-sizing:border-box;border-radius:20px;border: 1px solid rgba(255,255,255,0.5);color:#fff;}
.my-master .mas-btn .fa {margin-right:3px; font-size:16px; vertical-align:middle; }
.my-master .mas-btn:hover {background:#fff; color:#2ab673; }


 
/*---------학생별편집---------*/



/*학반*/
.my-class {position: relative;margin-top: 70px;display: flex;justify-content: space-between;border-radius: 10px;overflow: hidden;margin-bottom: 30px;}

.my-class .my_class_ttl {position: relative;background: #ccc;width: 140px;padding: 30px 15px;font-size: 15px;font-weight: 700;line-height: 24px;}
.my-class .my_class_ttl ul {background: #ccc;width: 140px;padding: 30px 15px;font-size: 16px;font-weight: 700;line-height: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.my-class .my_class_ttl .class_btn {display: block;width: 110px;background: #888;padding: 5px 7px;border: 0;border-radius: 0;border-bottom:0;color: #fff;font-size: 12px;font-weight: 400;line-height: 15px;cursor:pointer;z-index: 2;position: relative;margin-top: 10px;}
.my-class .my_class_ttl .class_btn:hover { background:#777;} 
.my-class .my_class_ttl .class_btn i {font-size: 12px;color: #ffffff;margin-right: 2px;}
 
.class-list {position:relative;width: calc(100% - 140px);box-sizing:border-box;text-align:left;border: 0;box-shadow: 2px 2px 2px rgba(0,0,0,0.05);padding:20px;font-weight:normal;border-radius: 0;color:#fff;background:#eee;overflow:hidden;margin: 0;}
.class-item {float:left;min-width: 40px;background:#fff;border: 1px solid #ddd;overflow:hidden;padding: 4px 10px;margin-left:5px;cursor:pointer;border-radius:3px;margin-bottom: 5px;}
.class-list .classname {display:inline-block;font-size: 13px;line-height: 23px;vertical-align:middle;font-weight: 400;color:#555;}					
.class-item .student-num {display:inline-block; font-size:13px; min-width: 16px; height: 16px; line-height: 16px; text-align:center;color:#fff; background: #2ab673; border-radius:50px; vertical-align: middle; font-weight: 700;}

.class-item:hover { background:#f5f5f5; }	

.class-item.selected {background:#2ab673;}
.class-item.selected .classname {color:#fff; }
.class-item.selected .student-num { color:#2ab673; background: #fff; }


/*학생*/
.my-student {position: relative;display:block;width:100%;border: 1px solid #d5dce0;overflow: hidden;border-radius: 10px;margin-bottom: 70px;}
.my-student h3 {display: block;float: left;font-size: 16px;line-height: 25px;background: #eaf1f6;border-bottom: 1px solid #d5dce0;width: 100%;padding: 15px 20px;text-align: left;}
.my-student h3 .groupMemberManager {float: right;background: #f9f9f9;padding: 5px 7px;line-height: 15px;font-size: 12px;font-weight: 500;border: 1px solid #ddd;}


.student-list {position:relative;width:100%;box-sizing:border-box;text-align:left;box-shadow:2px 2px 2px rgba(0,0,0,0.05);padding:20px;font-weight:normal;color:#fff;overflow:hidden;margin: 0;border: 0;}

.stu-item {}
.stu-item ul {padding:7px 10px; border-bottom:1px solid #eee; overflow:hidden;}
.stu-item li {float:left; width:9%; display:inline-block; box-sizing:border-box; margin:0; text-align:center; font-size:13px; line-height:28px;color:#777;}

.stu-item li.stu-chkbox {width:5%;}
.stu-item li.stu-no {width:5%;}
.stu-item li.stu-name {width:19%;}
.stu-item li.stu-date {width:7%;}
.stu-item li.stu-editbtn {width:10%;}
.stu-item li.stu-preview {width:10%;}
.stu-item li.stu-quantity {width:5%;}
.stu-item li.stu-state {width:10%;}
.stu-item li.stu-manage {width:22%; word-break: keep-all;}

.stu-item ul.stu-item-head li {color:#bbb; font-size:12px;}


.stu-btn {display:inline-block; font-weight:normal; text-align:center; cursor:pointer;white-space:nowrap; margin:0; padding:3px 8px; font-size:12px; line-height:18px; vertical-align:middle;vertical-align:middle; box-sizing:border-box;border-radius:20px; background:#fff; border:1px solid #ddd; color:#aaa;}
.stu-btn .fa {margin-right:2px; font-size:14px; vertical-align:middle; }
.stu-btn:hover {background:#ddd; border:1px solid #ccc; color:#fff;}

.stu-btn.b-copy {background:#fff;color:#2ab673;background: #d7ffec;border: 0;}
.stu-btn.b-copy:hover {background:#2ab673; border:1px solid #2ab673; color:#fff;}

.stu-btn.b-green {background:#fff; border:1px solid #c3db9e; color:#96c64d;}
.stu-btn.b-green:hover {background:#96c64d; border:1px solid #96c64d; color:#fff;}

.stu-btn.b-blue {background:#fff; border:1px solid #96c0ee; color:#3d91ec;}
.stu-btn.b-blue:hover {background:#3d91ec; border:1px solid #3d91ec; color:#fff;}

.stu-btn.b-blue2 {background:#3d91ec; border:1px solid #3d91ec; color:#fff;}
.stu-btn.b-blue2:hover {background:#2e7fd6; border:1px solid #2e7fd6; color:#fff;}

.stu-btn.b-red {background:#fff; border:1px solid #eea5a2; color:#ec5a55;}
.stu-btn.b-red:hover {background:#ec5a55; border:1px solid #ec5a55; color:#fff;}


/*학생없음*/
.stu-empty {padding:40px 20px; overflow:hidden; text-align:center;font-size:13px; color:#999}
.stu-empty span {font-size: 17px;line-height: 27px;color:#bbb;padding: 30px;margin-bottom:20px;display:inline-block;}
.stu-empty span .fa {display:block;font-size: 30px;color:#ddd;margin-bottom: 10px;}
.stu-empty a {padding:0; display:inline-block; color:#3956A6; font-size:13px;  line-height:16px; border-bottom:1px solid #3956A6; cursor:pointer;  margin-top: 10px;}

 
.my-student .btn-confirm {position:relative;padding: 20px 0 10px 0;overflow:hidden;}
.my-student .btn-confirm ul {width:33%; float:left; text-align:left; box-sizing:border-box;}
.my-student .btn-confirm ul:nth-child(2) {width:34%; text-align:center;}
.my-student .btn-confirm ul:nth-child(3){ text-align:right;}
.my-student .btn-confirm .btn {display:inline-block; font-weight:normal; text-align:center; cursor:pointer;white-space:nowrap; margin:0; padding:0px 15px; font-size:15px; line-height:36px; vertical-align:middle;vertical-align:middle; box-sizing:border-box;border-radius:20px; border:1px solid #fff; color:#fff; }


.my-master .mas-btn2 .fa {margin-right:3px; font-size:16px;line-height:30px; vertical-align:middle; }
.my-master .mas-btn2:hover {background:#fff; color:#2ab673; }
 
  
/*학반
.myit-class {position:relative; padding:15px; overflow:hidden; text-align:left; border:1px solid #ddd; background:#fff; margin-bottom:5px; } */
/*학반item 폴더 기본*/

/*학반item 폴더 manager
.class-item.manager .cfolder {background:url(/html/img/class/folder-managed.png) no-repeat !important; }									

.class-item.manager .classname {padding-top:8px; font-size:12px; color:#37a3be; }								
*/

/*basic-student */ 
.basic-student {font-size:13px; margin:0; border-top:2px solid #e9e9e9; background:#fff; }
.basic-student > thead > tr > th,
.basic-student > tbody > tr > th,
.basic-student > thead > tr > td,
.basic-student > tbody > tr > td {padding:15px 7px; border-bottom:1px solid #e9e9e9; vertical-align:middle; line-height:22px; font-size:13px; color:#777;letter-spacing:0;vertical-align:middle !important; }
.basic-student > thead > tr > th {padding:5px 7px; color:#999; background:#f9f9f9; font-size:12px; font-weight:normal; text-align:center; }
.basic-student > tbody > tr > th {text-align:center; }
 


/*-----------------------------------------------------------------
	마이편집 : 학반, 학생관리
------------------------------------------------------------------*/

/*------------학반------------*/
#classm {position:relative; padding:40px 0; width:100%;}
#classm > div {position:relative; padding:30px; overflow:hidden; text-align:left; border:1px solid #ddd; background:#fff; margin-bottom:30px; box-shadow:2px 2px 2px rgba(0,0,0,0.05); border-radius:5px;}

#classm .cm-class {position:relative; width:25%; min-width:220px; padding-right:30px; float:left; border-right:1px solid #ddd; }

#classm .btn-cm {display:inline-block; font-weight:normal; text-align:center; cursor:pointer;white-space:nowrap; margin:0; padding:0px 15px; font-size:15px; line-height:36px; vertical-align:middle;vertical-align:middle; box-sizing:border-box;border-radius:20px; border:1px solid #f4bf44; color:#f4bf44; width:100%;  }
#classm .btn-cm .fa {margin-right:3px; font-size:16px;line-height:30px; vertical-align:middle; }
#classm .btn-cm:hover {background:#f4bf44; color:#fff; }
  
#classm .cm-class-list {position:relative; margin-top:20px;}

/*학반item 폴더 기본*/
#classm .cm-item {display:block; width:100%; background:#fff; border:1px solid #eee; overflow:hidden; padding:7px 15px; cursor:pointer; border-radius:3px; margin-bottom:10px;}
#classm .cm-item .classname {display:inline-block;font-size:15px; line-height:24px; vertical-align:middle; font-weight:bold; color:#777;}					
#classm .cm-item .stu-num {display:inline-block; background:#ddd; padding:3px 7px; border-radius:20px; font-size:12px; text-align:center;color:#fff; margin-left:5px;}

#classm .cm-item:hover {background:#f3f3f3;}					

#classm .cm-item.selected {background:#f4bf44; border:1px solid #f4bf44;}
#classm .cm-item.selected .classname {color:#fff;}
#classm .cm-item.selected .stu-num {background:#fff; color:#f4bf44;}


/*학반관리 모달팝업*/
.button.b-close, .button.bClose {box-shadow: none;  font: bold 131% sans-serif; padding: 0 6px 2px; position: absolute; right: 10px;  top: 10px; cursor:pointer;}

.class-manager {-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px; overflow:hidden; width:500px;}
.class-manager .cm-body {padding:0; background:#fff;max-height:500px; overflow-y:auto; text-align:left;}
.class-manager h2 {font-size:15px; font-weight:bold; line-height:25px; margin:0; padding:5px 0; color:#555;} 


.class-manager .cm-add {position:relative; background:#f3f3f3; padding:10px 20px; padding-bottom:20px;}
.class-manager .cm-add label {width:15%; display:inline-block; color:#888;}
.class-manager .cm-add .form-control {width:70%; display:inline-block;}

 
.class-manager .cm-editlist {position:relative; background:#fff; padding:10px 20px; padding-bottom:20px;}
.class-manager .cm-editlist div {margin-bottom:5px;} 
.class-manager .cm-editlist label {width:5%; display:inline-block; color:#888;}
.class-manager .cm-editlist .form-control {width:70%; display:inline-block;}
 

/*------------학생------------*/

#classm .sm-stu {position:relative; width:75%; padding-left:30px; float:left; }

#classm .sm-stu .sm-manage article {background:#f5f5f5; padding:10px; text-align:center; border:1px solid #eee;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.sm-manage article label {font-size:15px; color:#333; display:inline-block; padding:0 5px;} 
.sm-manage article input {margin-right:10px;}

#classm .sm-stu .sm-list {}
.sm-list .choose-ment {display:block; width:100%; border:2px dotted #ddd ; border-radius:5px; text-align:center; font-size:20px; line-height:30px;  padding:20px 40px; box-sizing:border-box; color:#cc3949; margin-top:58px;}
.sm-list .choose-ment i {font-size:32px; margin: 0 10px;} 

.sm-item {position:relative; border-top:1px solid #e3e3e3; margin:20px 0;}
.sm-item ul {padding:10px 20px; border-bottom:1px solid #eee; overflow:hidden;}

.sm-item li {float:left; width:20%; display:inline-block; text-align:center; font-size:13px; line-height:23px;color:#777; box-sizing:border-box; margin:0;}
.sm-item li.sm-no  {text-align:left; width:10%;}
.sm-item li.sm-name  {text-align:left;width:80%;}
.sm-item li.sm-name span {background:#f0f0f0; font-size:11px; line-height:13px; display:inline-block; padding:5px 7px; color:#999; margin-left:10px;} 
.sm-item li.sm-btn {text-align:right;width:10%;}




/*-----------------------------------------
    상품리스트
------------------------------------------*/
 
#sct {margin-bottom: 50px;}


/* 상품 목록 스킨 10 */
.sct_10  {margin: 0 auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}

.sct_10 .sct_li {position:relative;display: block;margin: 0;padding: 0 10px;background: #fff;margin-bottom: 30px;transition: all 0.3s;}

.sct_10 .sct_last {margin-right: 0;}
.sct_10 .sct_clear {clear:both}

.sct_10 .sct_img {border: 1px solid #eee;}
.sct_10 .sct_img a {display: block;width: 100% !important;transition: all 0.3s ease-out;}
.sct_10 .sct_img a img {max-width: 100%; height: auto;}

.sct_10 .sct_info_wrap {position: relative;width: 100%; padding: 5px 0; padding-right: 25px; text-align: left;}
.sct_10 .sct_icon {text-align:left;padding: 0;}
.sct_10 .sct_icon .sit_icon {display: block;margin: 0;}
.sct_10 .sct_icon img {margin: 5px 2px 5px 0;}


.sct_10 .sct_icon .btn_wish {position: absolute;right: 0;top: 4px;display: inline-block;width: 20px;background:none;border:0;padding:0;font-size: 18px;}
.sct_10 .sct_icon .btn_wish:focus {outline:none;} 
.sct_10 .btn_wish .fa-heart.fa-solid {color:#36b573; vertical-align:middle;}
.sct_10 .btn_wish .fa-heart.fa-regular {color:#ddd; vertical-align:middle;}


.sct_10 .sct_txt { padding:  0; margin:0; width:100%; box-sizing:border-box; text-align:left; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sct_10 .sct_txt a {font-size: 15px;line-height: 25px;font-weight: 400;color: #000;width: 100%;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.sct_10 .sct_cost strike {display:inline-block;margin:0 0 5px;color:#aaa;font-weight:normal;font-size:11px; padding: 0 5px; }
.sct_10 .sct_cost {float: left; padding:0; display:inline-block;font-weight:bold;font-size:13px; line-height: 25px; color: #864d2f;}

.sct_10 .sct_id {display:block;margin:0 0 5px}
.sct_10 .sct_basic {margin:0 0 10px}

.sct_10 .sns {}

.sct_10 .sct_li:hover {border-radius: 15px; overflow: hidden; box-shadow: 1px 1px 7px rgba(0,0,0,0.2); padding: 0; z-index: 999;}
.sct_10 .sct_li:hover .sct_img {border:0}
.sct_10 .sct_li:hover .btn_wish {right:10px;}
.sct_10 .sct_li:hover .sct_info_wrap {padding: 10px;}

.sct_noitem {display: block; font-size: 15px;  text-align: center; color: #999; width: 100%; min-height: 100px; line-height: 100px;}