/* index.less */
#product_area .list_box ul li{transform:translate(0,0);-webkit-transform:translate(0,0);padding: 60px;}@media (min-width:1281px){#product_area .list_box ul li:hover{transform:translate(0,-20px);-webkit-transform:translate(0,-20px);}}#book_area .list_box li .img_box:before,#book_area .list_box li .img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0);}#book_area .list_box li .img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom;}@media (min-width:1281px){#book_area .list_box li:hover .img_box:before,#book_area .list_box li:hover .img_box:after{transform:scaleY(1);-webkit-transform:scaleY(1);}}#youtube_box a{width:83px;height:83px;border-radius:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-webkit-animation:spineer 2s infinite;animation:spineer 2s infinite;}



/* section */
section {padding: 5vw 0;overflow: hidden;}
section.section_pad { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box { margin-bottom: 40px; }
section .title_box .area_title {font-weight: 400;font-size: 23px;line-height: 120%;color: #434241;}
section .title_box .sub_title {font-weight: 600;font-size: 60px;font-family: 'Anek Devanagari', sans-serif;line-height: 100%;}

/* bg_box */
.bg_box { width: 100%; height: 100%; background: no-repeat 50% / cover; background-attachment: fixed; opacity: .3; top: 0; left: 0; }
.bg_box:before { width: 100%; height: 100%; display: block; background: rgba(var(--primary-rgb), .2); content: ""; }
.bg_box.white:before { background: rgba(var(--white-rgb), .2); }



/* about_area */
#about_area:before{content:'';position:absolute;right: 0;top: 0;width: 40%;height: 35%;background: #f6f6f6;border-radius: 0 0 0 350px;}
#about_area:after{content:'';position:absolute;left: 0;top: 15%;width: 50%;height: 70%;background: #624167;border-radius: 0 450px 450px 0;}
#about_area .workframe{width: min(90%, 1440px);display: grid;grid-template-columns: 50% 40%;justify-content: space-between;align-items: center;}
#about_area .workframe >div{margin:0;}
#about_area .img_box *{height: 100%;}
#about_area .img_box img{aspect-ratio: 3.5/3;}
#photo_list{overflow: hidden;}
#about_area .info_box .aboutTxt {margin-bottom: 30px;width: 90%;line-height: 210%;letter-spacing: 1.5px;font-weight: 300;text-align: justify;}
#about_area .info_box .aboutTxt p{color: var(--black);margin-bottom: 10px;font-size: 16px;}
#about_area .info_box .aboutTxt .value{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin: 30px 0;}
#about_area .info_box .aboutTxt .value .point{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--black);font-size:16px}
#about_area .info_box .aboutTxt .value .point svg{width: 55px;aspect-ratio:1/1;object-fit:cover}
#about_area .info_box .aboutTxt .value .point:hover svg{transform: scaleX(-1);fill: var(--secondary);}
#about_area .info_box .list{margin: 5px 0;}
#about_area .info_box .list select{background:url(/images/40/arrow.png) no-repeat scroll 100% center #ffffff00;background-repeat:no-repeat;background-position:98% 50%;padding:15px 10px;}

/* dialog_area */
#dialog_area{padding:0;overflow:hidden}
#dialog_area .workframe{display:grid;grid-template-columns:45% 45%;justify-content:center}
#dialog_area .dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 60px}
#dialog_area .dialog:nth-child(1):before{content:'';position:absolute;width:2px;height:100%;background:#efefef;right:0;top:0}
#dialog_area .dialog h3{position:relative;font-size:24px;background-color:var(--secondary);padding:7px 30px;border-radius:50px;margin-bottom:40px;color:#fff;font-weight:400}
#dialog_area .dialog h3:before{content:'';position:absolute;border-style:solid;border-width:15px 15px 0 15px;border-color:var(--secondary) transparent transparent transparent;bottom:-15px;left:45%}
#dialog_area .dialog article{font-weight:300}
#dialog_area .man{width:400px;z-index:5;bottom:-20px;left:0}
#dialog_area .woman{width:400px;z-index:5;bottom:-20px;right:0px}

/* product_area */
#product_area {overflow: hidden;background: #f6f6f6;padding: 10vw 0 3vw;}
#product_area:before{content:'';position:absolute;top: 0;left: 0;width: 100%;height: 120px;background: #fff;border-radius: 0 0 750% 750%;z-index: 0;}
#product_area .slick-list { overflow: visible; }

/* news_area */
#news_area .list_box img { height: 320px; }
#news_area .list_box .info_box { padding: 15px 30px; }
#news_area .list_box .info_box p a { margin-right: 10px; max-width: calc(100% - 100px); font-weight: 400; z-index: 2; }
#news_area .list_box .info_box p .time { width: 90px; font-weight: 300; }
#news_area .list_box .info_box h3 { height: 34px; font-size: 20px; }

/* book_area */
#book_area .list_box img { height: 450px; }
#book_area .list_box .img_box { border: var(--white) solid; border-width: 0 1px 1px 0; }
#book_area .list_box .img_box:before , #book_area .list_box .img_box:after { position: absolute; width: 100%; height: 100%; background: var(--white); z-index: 9; opacity: .4; content: ""; }
#book_area .list_box .img_box:after { right: 0; bottom: 0; }
#book_area .list_box .atag_item { z-index: 10; }
#book_area .list_box .badge { margin: auto; padding: 10px 20px; max-width: calc(80% - 40px); height: 34px; line-height: 36px; font-size: 20px; }

/* youtube_box */
#youtube_box { min-height: 1px; padding-bottom: 30%; }
#youtube_box a { position: absolute; background: var(--white); display: flex; top: 50%; left: 50%; z-index: 99; }
#youtube_box a i { margin: auto; font-size: 30px; color: var(--primary); }
#youtube_box iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; }

/* custom_area */
#custom_area {padding:0}
#custom_area .workframe {width: 90%;margin: 0;display: grid;grid-template-columns: 50% 42%;justify-content: space-between;}
#custom_area .box{padding: 5vw 0;}
#custom_area .bg img{height:100%;object-fit: cover;}
#faqlist, #faqlist *{transition:unset;-webkit-transition:unset;}
#faqlist{overflow-y: scroll;height: 430px;}
#faqlist li{border-bottom:1px solid #ddd;padding: 30px 0;width: 95%;}
#faqlist li .icon{font-family: "Anybody", serif;font-size: 20px;font-weight: 600;width: 45px;aspect-ratio: 1/1;background: var(--primary);display: inline-flex;color: #fff;align-items: center;justify-content: center;border-radius: 50px;margin-right: 20px;}
#faqlist li .txt{font-size:20px;color: #1d1d1d;width: calc(100% - 70px);}
#faqlist li .info{border-top:1px solid #ddd;margin-top: 20px;padding: 20px 70px 0;color: #3d3c3c;font-weight: 400;text-align: justify;}
#faqlist::-webkit-scrollbar{width:5px}
#faqlist::-webkit-scrollbar-track{background:rgb(255 255 255 / 0%)}
#faqlist::-webkit-scrollbar-thumb{background:rgba(0,0,0,.4);border-radius:50px}

@-webkit-keyframes spineer { 0% { -webkit-box-shadow: 0 0 0 0 var(--info); } 70% { -webkit-box-shadow: 0 0 0 20px transparent; } 100%{ -webkit-box-shadow: 0 0 0 0 transparent; } }
@keyframes spineer { 0% { box-shadow: 0 0 0 0 var(--info); } 70% { box-shadow: 0 0 0 20px transparent; } 100%{ box-shadow: 0 0 0 0 transparent; } }

@media screen and (max-width:1710px){
	#dialog_area .man{left:-110px}
	#dialog_area .woman{right:-120px}
}
@media screen and (max-width:1470px){
	#about_area .workframe{width:95%}
	#about_area .info_box article{width:100%}
	#dialog_area .man{left:-150px}
	#dialog_area .woman{right:-185px}
}
@media screen and (min-width:1281px){
	#book_area .list_box li:hover .badge{background:var(--primary);color:var(--white)}
	#custom_box li:hover .row{box-shadow:0 4px 17px 0 rgba(var(--black-rgb),.2)}
}
@media screen and (max-width:1280px){
	#dialog_area .man{left:-140px}
	#dialog_area .woman{right:-150px}
}
@media screen and (max-width:1024px){
	#photo_list img{height:300px}
	#about_area >.workframe{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;flex-direction:column}
	#about_area .workframe >div{width:100%}
	#about_area:after{display:none}
	#about_area .workframe .img_box{order:2;margin-top:50px}
	#dialog_area .workframe{grid-template-columns:repeat(1,1fr)}
	#dialog_area .man,#dialog_area .woman,#dialog_area .dialog:nth-child(1):before{display:none}
}
@media screen and (max-width:980px){
	#custom_area .workframe{grid-template-columns:1fr;width:100%}
	#custom_area .box{width:90%;margin:0 auto;padding:8vw 0}
}
@media screen and (max-width:768px){
	#about_area{padding:10vw 0 0}
	#about_area .info_box .aboutTxt .value{grid-template-columns:repeat(3,1fr)}
	#news_area .list_box .info_box{padding:15px 0}
	#youtube_box{padding-bottom:60vw}
	#custom_box li .row{margin:10px 15px;padding:10px 0}
	#custom_area .bg img{height:auto}
	#product_area{padding-bottom:10vw}
}
@media screen and (max-width:640px){
	#book_area .list_box img{height:65vw}
}
@media screen and (max-width:500px){
    #about_area .info_box .list{height:41px;}
	#dialog_area .workframe{padding:10vw 0;gap:40px}
	#dialog_area .dialog{padding:0}
	#dialog_area .dialog h3{font-size:20px}
}