body{letter-spacing:-0.05em;}
.oneLineCut{overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}
.secondLineCut{width:100%;height:50px;line-height:25px;overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.threeLineCut{width:100%;overflow: hidden;height:75px;line-height:25px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

img{max-width:100%;}

.pageTitle{font-size:28px;margin-bottom:20px;font-weight:700;text-align:center;}

tr.reply{background-color:#f3f3f3;}

/*index title */
#mainTitle{margin-bottom:30px;width:100%;}
#mainTitle .swiper-slide{width:100%;}
#mainTitle .swiper-slide a{display:block;width:100%;text-align:center;}
#mainTitle .swiper-slide a  img{}

.container.mainCont{padding-top:50px;}
.mainCont .mainTitle{margin-bottom:30px;font-size:26px;font-weight:bold;color:#222;text-align:center;}

/**/

.mainSwiper{margin-bottom:50px;width:100%;}
.mainSwiper .swiper{padding-bottom:40px;}
.mainSwiper swiper-slide{}
.mainSwiper .ban_item{width:100%;}
.mainSwiper .ban_item .ban_img{margin-bottom:10px;position:relative;width:100%;height:0px;padding-bottom:100%;}
.mainSwiper .ban_item .ban_img a{display:block;position:absolute;top:0px;left:0px;width:100%;height:100%; background:no-repeat center center;background-size:cover;border-radius:15px;}
.mainSwiper .ban_item .ban_name{margin-bottom:5px;font-size:19px;line-height:25px;color:black;font-weight:bold;}
.mainSwiper .ban_item .ban_basic{margin-bottom:15px;line-height:20px;font-size:15px;color:black;color:#999}

.mainSwiper .ban_item .ban_cust_price{line-height:20px;margin-bottom:0px;font-size: 15px; color: #999999;}
.mainSwiper .ban_item .ban_cust_price span{display:inline-block;text-decoration: line-through;}
.mainSwiper .ban_item .ban_price{line-height:25px;display:flex;align-items:flex-end;font-size: 20px; color: #000000;font-weight: bold;}
.mainSwiper .ban_item .ban_price .ban_dc{display:inline-block;font-size: 22px;font-weight: bold;line-height:22px;padding-left: 10px;color: #e70401;}
.mainSwiper .ban_item .ban_price .ban_dc:after{ display:inline-block;content: "%";font-size: 16px;font-weight:bold;}

.mainTitle{margin-bottom:20px;font-size:28px;font-weight:bold;text-align:center;}

.main_list{margin-bottom:20px;display:grid;grid-template-columns: repeat(4, 1fr);gap: 20px 10px;}
li.itemBox{}

li.itemBox > a {display:block;width:100%;}
li.itemBox .item_img{position:relative;margin-bottom:10px;width:100%;height:0px;padding-bottom:100%;border:1px solid #ccc;}


@media (max-width: 1020px) {
	.main_list{grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 600px) {
	.main_list{grid-template-columns: repeat(2, 1fr);}
}

@media (max-width: 700px) {
	
}

li.itemBox .item_img > div{position:absolute;top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:no-repeat center center;background-size:cover;}
li.itemBox .item_name{margin-bottom:10px;padding:0px 3px;font-size:18px;color:#333;text-align:center;}
li.itemBox .item_price{padding:0px 3px;font-size:22px;font-weight:bold;color:black;text-align:center;}



.itemtypeBg{width:100%;display:flex;align-items:center;justify-content:center;}
.itemtypeBg img{max-width:100%;max-height:400px;}

.itemtypeCon{padding:40px 0px;}
.itemtypeCon .shopList{}
.pageTitleBg{display:flex;align-items:center;justify-content:center;width:100%;height:130px;font-size:28px;font-weight:700;color:white;background-color:rgb(50, 122, 255)}

/* PDF List */
#pdfList .listBody{padding:30px 0px;width:100%;display:flex;justify-content:space-between;}
#pdfList .listBody .menu{width:200px;}
#pdfList .listBody .cont{width:calc(100% - 230px);}

#pdfLM{border:1px solid #ccc;border-top:0px;}
#pdfLM > li{}
#pdfLM > li a{display:block;width:100%;padding:6px 10px;}
#pdfLM li.on > a{color:red !important;}
#pdfLM > li > a{padding:10px 10px;border-top:1px solid #ccc;background-color:#f3f3f3;font-weight:bold;}
#pdfLM > li > a{}
#pdfLM > li > ul {padding-left:10px;}
#pdfLM > li > ul > li{}
#pdfLM > li > ul > li > a{}
#pdfLM > li > ul > li > a:before{display:inline-block;content:"-";margin-right:3px;}
#pdfLM > li > ul > li > ul{padding-left:10px;}
#pdfLM > li > ul > li > ul > li{}
#pdfLM > li > ul > li > ul > li > a{}
#pdfLM > li > ul > li > ul > li > a:before{display:inline-block;content:"·";margin-right:3px;}

.pdf_list{display:flex;flex-wrap:wrap;margin-bottom:30px;width:100%;}
.pdf_list li{width:calc(33.33% - 10px);margin-right:15px;margin-bottom:40px;}
.pdf_list li:nth-child(3n+3){margin-right:0px;}
.pdf_list li div.image{position:relative;margin-bottom:15px;width:100%;height:0px;padding-top:75%;background:no-repeat center center;background-size:cover;border:1px solid #ccc;}
.pdf_list li div.image .no_image{position:absolute;top:0px;left:0px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;font-size:25px;color:#777;}

.pdf_list li .it_type_con {margin-bottom:10px;display:flex;align-items:center;}
.pdf_list li .it_type_con span{margin-right:3px;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0px 5px;border-radius:3px;border:0px solid #aaa;font-size:11px;}
.pdf_list li .it_type_con span.it_type1{background-color:slateblue;color:white;}
.pdf_list li .it_type_con span.it_type2{background-color:yellowgreen;color:white;}
.pdf_list li .it_type_con span.it_type3{background-color:teal;color:white;}
.pdf_list li .it_type_con span.it_type4{background-color:steelblue;color:white;}
.pdf_list li .it_type_con span.it_type5{background-color:orangered;color:white;}
.pdf_list li .it_name{padding-bottom:10px;margin-bottom:12px;font-size:17px;font-weight:bold; line-height:25px;border-bottom:1px solid #ccc;}
.pdf_list li .it_basic{margin-bottom:15px;font-size:15px;color:#777; line-height:23px;}
.pdf_list li  .it_info{display:flex;align-items:center;justify-content:center;}
.pdf_list li .it_info a{width:100px;margin:0px 3px;display:inline-flex;align-items:center;justify-content:center;height:40px;font-size:14px;border:1px solid #aaa;}

.pdf_list li .it_info a.pdfBtn{background-color:#f3f3f3;color:black;border:1px solid #aaa;}
.pdf_list li .it_info a.shopBtn{background-color:yellowgreen;color:white;border:1px solid yellowgreen;;}

/*pdf modal*/
#cpModal .modal-content{justify-content:center;background-color:transparent;}
#cpModal .modal-content .copyright{margin:0px auto;border:1px solid #ddd}
#cpModal .modal-content .copyright .btnCon{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;}
#cpModal .modal-content .copyright .btnCon button, 
#cpModal .modal-content .copyright .btnCon a{display:inline-flex;align-items:center;justify-content:center;width:50%;height:40px;border:0px;background-color:white;}
#cpModal .modal-content .copyright .btnCon a{border-right:1px solid #ddd;}


.indexMore{padding:0px 0px 30px 0px;text-align:center;}
.indexMore a{display:inline-flex;align-items:center;justify-content:center;padding:0px 50px;height:50px;font-size:15px;color:white;background-color:#51abf3;}

div.main_cs {padding:50px 15px;display:flex;justify-content:space-between;}
.main_cs .main_youtube{width:calc(55% - 20px);}
.main_cs .main_review{width:calc(45% - 20px);}

.main_cs .mainTitle{margin-bottom:10px;display:flex;align-items:center;}
.main_cs .mainTitle .title{display:inline-flex;align-items:center;padding-left:2px;font-size:20px;font-weight:bold;color:#222;}
.main_cs .mainTitle .title i{margin-right:10px;font-size:25px;}
.main_cs .mainTitle .more{display:inline-flex;align-items:cener;margin-left:auto;font-size:16px;color:#555;font-weight:normal;}
.main_cs .mainTitle .more i{margin-left:10px;}


.main_cs .youtube{width:100%;max-width:890px;}
.main_cs .youtube .swiper{padding-bottom:50px;}

.youtube_video {margin:0px auto; width: 100%;}
.video-container { position: relative; width: 100%; height: 0px; padding-top: 56.25%;overflow:hidden;}
.video-container iframe {position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);}


/*review*/
.review_list{margin-bottom:40px;height:400px;overflow:hidden;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.review_list .swiper-slide{height:100px;}
.review_list .ir_item{width:100%;height:100px;display:flex;align-items:center;border-bottom:1px solid #ccc;font-size:16px;}
.review_list .ir_item div.subject{margin-bottom:3px;flex:1;padding:0px 10px;text-align:left;font-size:16px;}
.review_list .ir_item div.subject .cate{font-size:16px;margin-bottom:2px;color:#990000;}
.review_list .ir_item div.subject .wr_subject{color:black;height:auto;line-height:22px;max-height:44px;color:#111;}
.review_list .ir_item div.name{width:100px;text-align:center;color:#666;}
.review_list .ir_item div.date{width:70px;text-align:center;color:#888;}


/**/
.head_offer{width:100%;}
.head_offer > div{margin-bottom:10px;display:flex;align-items:center;}
.head_offer > div a{display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;height:40px;margin-right:5px;border:1px solid #aaa;color:black;font-size:13px;}
.head_offer > div a.on, 
.head_offer > div a:hover{background-color:#333;color:white;}

.td_preview{width:120px;}
.td_preview a{display:inline-block;width:100%;}

.kakaoTalk{position:fixed;bottom:150px;width:100%;right:0px;z-index:1001;}
.kakaoTalk a{display:block;position:absolute;top:0px;right:10px;}


/*use form*/
.usePage{width:100%;padding:10px 20px;}
.useTitle{margin-bottom:10px;font-size:20px;font-weight:bold;text-align:center;}
.useForm{width:100%;text-align:center;}
.useForm .scoreHead{margin-bottom:10px;font-size:18px;color:black;font-weight:500;}

.useForm .it_box{padding:5px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.useForm .it_box .image{width:60px;height:60px;margin-right:20px;}
.useForm .it_box .it_name{flex:1;font-size:15px;line-height:23px;text-align:left;}



#score{margin-bottom:5px;display:flex;align-items:center;justify-content:center;}
#score .jq-star{margin:0px 5px;}
#score svg{width:35px !important;height:35px !important;}

#scoreText{margin-bottom:20px;line-height:25px;font-size:14px;color:crimson;}
#scoreHead2{display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px;height:48px;line-height:24px;font-size:18px;font-weight:500;}

.usePage .use_content{margin-bottom:10px;}
.usePage .use_content textarea{width:100%;height:160px;padding:10px;}

.usePage .input_file{margin-bottom:10px;text-align:left;}
.usePage .input_file label{margin-bottom:5px;font-size:15px;font-weight:500;text-align:left;}
.usePage .textarea_con .length{text-align:right;}

.usePage .win_btn{padding:10px 0px;display:flex;align-items:center;justify-content:center;}
.usePage .win_btn button{margin:0px 3px;padding:0px 30px;height:40px;border:1px solid #aaa;font-size:14px;background-color:#fafafa;}

.usePage .win_btn button[type='submit']{background-color:black;color:white;border-color:black;}


/*use list*/
.useHead{padding-bottom:20px;margin-bottom:30px;display:flex;justify-content:center;border-bottom:1px solid #ccc;text-align:center;}
.useHead .total{width:35%;}
.useHead .review{width:25%;margin-right:5%}
.useHead .per{width:35%;}

.useHead .sHead{margin-bottom:15px;font-weight:500;}

.useHead .total_cnt{font-size:30px;font-weight:700;}
.useHead .total_icon{margin:10px auto 20px auto;font-size:45px;font-weight:700;color:#777;}
.useHead .starText{font-size:35px;font-weight:700;color:black;}
.useHead .starText span{color:#999;font-weight:400;}
.useHead .starText2{margin-bottom:0px;font-size:14px;color:#777;}

.starCon{margin:30px auto 20px auto;position:relative;width:150px;}
.starCon .startSet{position:relative;display:flex;align-items:center;z-index:2;}
.starCon .startSet img{width:30px;}
.starCon .startBg{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:red;z-index:1;}

.useChart{margin-bottom:10px;display:flex;}
.useChart li{width:20%;text-align:center;}
.useChart li .num{margin-bottom:5px;display:inline-flex;align-items:center;height:20px;font-size:11px;padding:0px 15px;background-color:tomato;color:white;border-radius:10px;}
.useChart li .num.num0{background-color:white;}
.useChart li .bar{margin:0px auto 5px auto;position:relative;height:80px;width:6px;font-size:12px;}
.useChart li .bar > div{position:absolute;width:100%;bottom:0px;left:0px;}
.useChart li .bar .outBar{height:100%;background-color:#eee;}
.useChart li .bar .inBar{background-color:tomato;}


@media (max-width: 550px) {

	.useHead .review{width:23%;margin-right:2%}
	.useHead .per{width:40%;}

	.starCon{width:75px}
	.starCon .startSet img{width:15px;}
	.useHead .starText{font-size:25px;}
	.useHead .total_icon{font-size:28px;margin-bottom:27px;}
	.useHead .total_cnt{font-size:25px;}
	.useChart li .num{padding:0px;color:black;}
	.useChart li .text{font-size:12px;}
	.useChart li .bar{height:60px;}
}

/**/
#useCon{width:100%;}
#useCon .useNav{padding:15px 10px;display:flex;align-items:center;border-bottom:1px solid #ccc}
#useCon .useNav .sTitle{font-size:16px;font-weight:700;color:black;}
#useCon .useNav .useOrder{margin-left:auto;display:flex;align-items:center;}
#useCon .useNav button{border:0px;background:transparent;color:black;outline:none;font-size:13px;margin:0px 5px;}
#useCon .useNav button.on{color:red;font-weight:500;}

#useList{width:100%;}
#useList li{width:100%;padding:10px 5px;border-bottom:1px solid #ccc;}
#useList li .info{margin-bottom:12px;display:flex;align-items:center;font-size:13px;}
#useList li .info .star{margin-right:5px;display:flex;align-items:center;}
#useList li .info .star i{font-size:18px;margin-right:4px;}
#useList li .info .star i.bi-star-fill{color:red;}
#useList li .info .num {margin-right:30px;color:black;font-size:15px;font-weight:500;}
#useList li .info .name{margin-right:15px;color:#777;}
#useList li .info .date{color:#777;}


#useList li .it_name{margin-bottom:10px;font-size:14px;font-weight:500;}

#useList .useflex{display:flex;justify-content:space-between;}
#useList .useflex .useCont{flex:1;}
#useList .useflex .useCont .useText{font-size:14px;line-height:30px;color:#555;max-height:120px;overflow:hidden;}
#useList .useflex .useCont .useAnswer{width:100%;margin:15px 0px 5px 0px;padding:15px;font-size:14px;line-height:25px; background-color:#f3f3f3;color:#444;}
#useList li.on .useflex .useCont .useText{height:auto;max-height:initial;}

#useList li .useflex .useCont .useImage{padding-top:20px;display:none;}
#useList li.on .useflex .useCont .useImage{display:block;}
#useList li .useflex .useImage > div{margin-bottom:15px;cursor:pointer;}
#useList li .useflex .useImage > div img{border:1px solid #eee;border-radius:10px;}

#useList li .useflex .useOpen{padding:15px 20px;color:#777;}
#useList li.out .useflex .useOpen{display:none;}

#useList li .useflex .useOpen > span{cursor:pointer;}
#useList li .useflex .useOpen .close{display:none;}
#useList li.on .useflex .useOpen .open{display:none;}
#useList li.on .useflex .useOpen .close{display:inline-block;;}

#useList .useflex .useThumb{margin-left:30px;width:80px;}
#useList .useflex .useThumb .thumb{position:relative;width:80px;height:80px;background:no-repeat center center;background-size:contain;border:1px solid #ccc;cursor:pointer;}
#useList .useflex .useThumb .thumb span{position:absolute;bottom:0px;right:0px;display:inline-flex;align-items:center;padding:0px 10px;height:20px;background-color:rgba(0,0,0,0.5);color:white;font-size:13px;}

.ajax_pg{padding:20px 0px;display:flex;align-items:center;justify-content:center;}
.ajax_pg button{width:40px;height:40px;margin:0px 2px;border:1px solid #aaa;background-color:white;color:black;font-size:16px;}
.ajax_pg button.on{background-color:steelblue;color:white;border:1px solid steelblue;}
/*pdf down*/


@media (max-width: 780px) {
	/*index title */
	#mainTitle .swiper-slide a{}
	#mainTitle .swiper-slide a > div{position:absolute;height:100%;top:0px;left:0px;margin:0px auto;background:no-repeat center center;background-size:cover;}

	li.itemBox .item_img > div{top:0px;left:0px;width:100%;height:100%;}
	
	.mainTitle{font-size:21px;}
}
@media (max-width: 600px) {
	li.itemBox .item_name{margin-bottom:5px;font-size:15px;}
	li.itemBox .item_price{font-size:18px;}
	.mainTitle{font-size:20px;}
}

@media (max-width: 450px) {
}