/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform:translate3d(0,0,0);}
.slick-slide img{display:block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

.slick-slider .slick-track,
.slick-slider .slick-list { transform:translate3d(0, 0, 0); }
.slick-slide { transform:translate3d(0,0,0); }


#main { padding:185px 0 65px; }
@media screen and (max-width:1024px){
	#main { padding:100px 0 65px; }
}
@media screen and (max-width:760px){
	#main { padding:130px 0 65px; }
}

.visual { position:relative; width:100%; height:100%; z-index:2; overflow:hidden; }
.visual.swiper-container { position:relative; width:100%; height:100%; background-color:#fff }
.visual .swiper-slide { position:relative; width:100%; height:499px; overflow:hidden; display:flex; transition:all 0.3s ease-in-out; z-index:9; }
.visual .swiper-slide .bg { position:absolute; width:100%; height:100%; right:0; bottom:0; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover}
.visual .swiper-slide .inner { position:relative; width:100%; height:100%; z-index:6; }
.visual .swiper-slide .visual_txt { position:absolute; top:25%; left:0; z-index:100; }
.visual .swiper-slide .visual_txt .vs_title { opacity:0; color:#fff; font-size:42px; overflow:hidden; }
.visual .swiper-slide .visual_txt .vs_title span { display:block; line-height:1.3; font-weight:800; }
.visual .swiper-slide .visual_txt .txt { opacity:0; color:#fff; font-size:20px; overflow:hidden; margin-top:15px;}
.visual .swiper-slide .visual_txt .txt span { display:block; line-height:1.6; font-weight:300; }
.visual .swiper-slide .visual_txt .btn {  opacity:0; margin-top:40px; }
.visual .swiper-slide .visual_txt .btn a  { display:flex; align-items:center; justify-content:center; width:160px; height:60px; border-radius:50px; background-color:#f7941d; font-weight:600; font-size:18px; color:#fff;  }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt .vs_title span { animation:txtLeft 1.5s 0.3s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt_c span { animation:blur_txt 1.8s 0.3s; animation-fill-mode:both;  }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt { opacity:1; }
.visual .swiper-slide.swiper-slide-active .visual_txt .txt span { animation:txtLeft 1.5s 0.6s; animation-fill-mode:both; }
.visual .swiper-slide.swiper-slide-active .visual_txt .btn { animation:ani_5 1.8s 0.9s; animation-fill-mode:both;  }


.visual .swiper-pagination { position:relative; text-align:left; max-width:1500px; width:100%; margin:0 auto; }
.visual .btnbox { position:absolute; bottom:40px; left:50%; margin-left:-15px; transform:translateX(-50%); z-index:9; text-align:center; }
.visual .btnbox .box { position:relative; }
.visual .btnbox .swiper-pagination { width:140px; display:inline-block; vertical-align:bottom; }
.visual .btnbox .txt { position:absolute; top:8px; font-size:14px;font-weight:500; color:#fff; width:25px; }
.visual .btnbox .txt.txt_l { left:-25px; text-align:left;}
.visual .btnbox .txt.txt_r { right:-25px; text-align:right; }
.visual .totalslide { position:relative; color:#fff; display:inline-block; }
.visual .activeslide { position:relative; color:#fff; display:inline-block; }
.visual .swiper-pagination-progressbar { background:rgba(255,255,255,0.5) !important; height:1px !important; }
.visual .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#fff !important; }
.visual .btnbox .playstop { position:absolute; top:8px; right:-55px; }
.visual .btnbox .playstop span { display:block; width:13px; height:13px; cursor:pointer; background: url(/img/main/btn_swiper_stop.png) center center no-repeat; }
.visual .btnbox .playstop span.play { background: url(/img/main/btn_swiper_play.png) center center no-repeat;}

.swiper-btn { width:82px; height:82px; border:1px solid rgba(255,255,255,0.5); border-radius:50%; font-size:24px; color:#fff }
.swiper-btn.swiper-button-prev { left:50%; margin-left:-42%; }
.swiper-btn.swiper-button-next { right:50%; margin-right:-42%; }
.swiper-btn.swiper-button-prev,
.swiper-btn.swiper-button-next { opacity:0; }
.swiper-btn.swiper-button-prev { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.swiper-btn.swiper-button-next { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }
@media screen and (max-width:1740px){
	.swiper-btn.swiper-button-prev { left:0; margin-left:10px; }
	.swiper-btn.swiper-button-next { right:0; margin-right:10px; }
}
@media screen and (max-width:1340px){
	.visual .swiper-slide .visual_txt { left:100px; padding-right:50px; }
	.visual .swiper-slide .visual_txt .vs_title { font-size:32px;  }
	.visual .swiper-slide .visual_txt .txt { font-size:18px; }
	.visual .swiper-slide .visual_txt .btn { margin-top:30px; }
	.visual .swiper-slide .visual_txt .btn a  { width:150px; height:50px; font-size:17px; }
	.swiper-btn { width:65px; height:65px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.visual .swiper-slide { height:400px; }
	.visual .swiper-slide .bg { background-size:cover !important; background-position:60% bottom; }
	.visual .swiper-slide .visual_txt .vs_title { font-size:24px;  }
	.visual .swiper-slide .visual_txt .txt { font-size:17px; }
	.visual .btnbox .swiper-pagination { width:110px; }
	.visual .swiper-slide .visual_txt .btn { margin-top:30px; }
	.visual .swiper-slide .visual_txt .btn a  { width:140px; height:45px; font-size:16px; }
	.swiper-btn { width:60px; height:60px; font-size:17px; }
}
@media screen and (max-width:760px){
	.visual .swiper-slide .visual_txt .vs_title { font-size:20px;  }
	.visual .swiper-slide .visual_txt .txt { font-size:16px; }
}
@media screen and (max-width:640px){
	.visual .swiper-slide { height:350px; }
	.visual .swiper-slide .visual_txt { left:60px; }
	.visual .swiper-slide .visual_txt .vs_title { font-size:18px;  }
	.visual .swiper-slide .visual_txt .txt { font-size:15px; }
	.visual .btnbox .swiper-pagination { width:80px; }
	.visual .swiper-slide .visual_txt .btn { margin-top:25px; }
	.visual .swiper-slide .visual_txt .btn a  { width:130px; height:40px; font-size:15px; }
	.swiper-btn { width:45px; height:45px; font-size:15px; }
	.swiper-btn.swiper-button-prev { margin-left:5px; }
	.swiper-btn.swiper-button-next { margin-right:5px; }
}

#main .notice { padding-top:65px; }
#main .cont-box { display:flex; flex-wrap:wrap; gap:30px 30px;}
#main .cont-box > div { width:calc((100% - 30px) / 2); }
#main .listbox { position:relative; margin-top:55px; border:1px solid #eaeaea; border-radius:15px; z-index:3; }
#main .listbox dt { position:relative; height:69px; color:#111; font-size:18px; font-weight:500; background-color:#f8f8f8; padding-left:20px; display:flex; align-items:center; border-radius:15px 15px 0 0;}
#main .listbox dt i {  display:inline-block; margin:0 8px 0 0; vertical-align:middle }
#main .listbox dt .btn_more { position:absolute; right:18px; top:50%; transform:translateY(-50%); color:#666; font-size:12px; font-weight:300; width:110px; height:30px; border:1px solid #ebebeb; background-color:#fff; border-radius:15px;  display:flex; align-items:center; justify-content:center; }
#main .listbox dt .btn_more i { font-size:12px; margin:0 0 0 10px; color:#f7941d; font-size:17px; display:inline-block; }
#main .listbox dd { position:relative; z-index:3; padding:30px 20px 25px 20px; background-color:#fff; border-radius:0 0 15px 15px; min-height:225px; }
#main .listbox dd .list li:not(:last-child) { margin-bottom:18px; }
#main .listbox dd .list li { position:relative; padding:0 215px 0 8px; line-height:1.4; }
#main .listbox dd .list li:before { content:""; display:block; position:absolute; left:0; top:8px; background-color:#7a7a7a; width:2px; height:2px; }
#main .listbox dd .list li a { color:#666; font-size:16px; font-weight:300; }
#main .listbox dd .list li .link { line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#main .listbox dd .list li .stxt { position:absolute; right:0; top:0; color:#666; font-size:16px; font-weight:300; line-height:1.4; display:flex;  }
#main .listbox dd .list li .stxt strong { word-break:break-word; width:105px; padding-left:15px; font-weight:300; text-align:right; font-weight:300; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#main .listbox dd .list li .stxt .txt-p { margin:-5px 0 0 0; margin-left:25px; display:inline-block; vertical-align:middle; width:75px; padding:7px 0; text-align:center; color:#fff; font-size:12px; font-weight:500; border-radius:4px; }
#main .listbox dd .list li .stxt .receipt { background-color:#6ac21d; } 
#main .listbox dd .list li .stxt .receipt-co { background-color:#1575bc; } 
#main .listbox dd .list li .stxt .finish { background-color:#666; } 

#main .product { position:relative; padding:65px 0; margin-top:65px; background-color:#fffaf5; overflow:hidden }
#main .product .listbox dd .product-list { display:flex; flex-wrap:wrap; gap:30px 55px; }
#main .product .listbox dd .product-list li { width:calc((100% - 110px) / 3);}
#main .product .listbox dd .product-list li .imgbox { position:relative; border:1px solid #ececec; border-radius:15px; }
#main .product .listbox dd .product-list li .imgbox:after { content: ""; display:block; padding-bottom:54.5%; }
#main .product .listbox dd .product-list li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:15px; }
#main .product .listbox dd .product-list li .txtbox { margin-top:25px; }
#main .product .listbox dd .product-list li .txtbox p { position:relative; padding:0 0 0 8px; color:#666; font-size:16px; font-weight:300; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
#main .product .listbox dd .product-list li .txtbox p:before { content:""; display:block; position:absolute; left:0; top:8px; background-color:#7a7a7a; width:2px; height:2px; }
#main .product .listbox dd .product-list li .txtbox .txt { display:block; padding:8px 0 0 8px; color:#999; font-size:14px; font-weight:300; }
#main .product .listbox dd .product-list li .txtbox .txt span { display:inline-block; margin-left:10px; }
@media screen and (max-width:1340px){
	#main .product .listbox dd .product-list { gap:30px 35px; }
	#main .product .listbox dd .product-list li { width:calc((100% - 70px) / 3);}
}
@media screen and (max-width:1024px){
	#main .notice { padding-top:40px; }
	#main .cont-box { gap:20px 30px;}
	#main .cont-box > div { width:100%; }
	#main .listbox { margin-top:40px; }
	#main .cont-box .listbox:nth-child(2) { margin-top:0; }
	#main .product .listbox dd .product-list { gap:30px 20px; }
	#main .product .listbox dd .product-list li { width:calc((100% - 40px) / 3);}
	#main .listbox dt { height:60px; font-size:17px; }
	#main .listbox dd { padding:20px 10px; border-radius:0 0 15px 15px; min-height:200px; }
	#main .listbox dd .list li a { font-size:15px; }
	#main .listbox dd .list li:not(:last-child) { margin-bottom:14px; }
	#main .listbox dd .list li .stxt,
	#main .product .listbox dd .product-list li .txtbox p { font-size:15px; }
}
@media screen and (max-width:760px){
	#main .product .listbox dd .product-list { gap:30px 0; }
	#main .product .listbox dd .product-list li { width:100%;}
	#main .product .listbox dd .product-list li .txtbox { margin-top:15px; }
	#main .listbox dd .list li { padding:0 150px 0 8px; }
	#main .listbox dd .list li .stxt strong { width:70px; padding-left:10px; }
}

#main .library { padding:65px 0; background-color:#fff; }
#main .cont-box .listbox dd .list li { padding:0 190px 0 8px; }
#main .free { padding:65px 0; background-color:#f5f5f5; overflow:hidden }
#main .comment { padding:65px 0 0 0; }
@media screen and (max-width:1024px){
	#main .library { padding:40px 0; }
	#main .free { padding:40px 0; }
	#main .comment { padding:40px 0 0 0; }
}
@media screen and (max-width:760px){
	#main .cont-box .listbox dd .list li { padding:0 150px 0 8px; }
}


#main .product .listbox:after { content:""; display:block; position:absolute; left:-150px; top:90px; width:45px; height:45px; border:20px solid #feefeb; border-radius:90px;}
#main .product .listbox:before { content:""; display:block; position:absolute; right:-240px; top:-240px; width:340px; height:340px; border:1px dashed #f89c2f; border-radius:500px; }
#main .free .listbox:nth-child(1):after { content:""; display:block; position:absolute; left:-320px; top:-65px; width:273px; height:146px; background:url(/img/main/free_bg1.png) center center no-repeat;}
#main .free .listbox:nth-child(2):before { content:""; display:block; position:absolute; right:-58px; bottom:-15px; width:118px; height:41px; background:url(/img/main/free_bg2.png) center center no-repeat;}