.section_area {padding: 5vw 0;position: relative;}
.section_area .area_title { position: relative; padding-bottom: .3em; letter-spacing: .1em; text-align: center; }
.section_area .area_title:before { position: absolute; width: 3em; height: .1em; background: var(--primary); display: block; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; }
.section_area .sub_title {font-weight: 500;font-size: 1.1em;color: var(--primary);display: flex;align-items: center;gap: 10px;font-family: "Poppins", sans-serif;font-size: 20px;}
.section_area .sub_title:before{content:url(/images/01/icon-sun.svg);width: 30px;}
.section_area .h2_title {font-weight: 600;font-size: 30px;}
.section_area .more_btn {padding: 20px 1.7em;gap: 50px;background: linear-gradient(90deg, var(--primary), var(--secondary));color: var(--white);font-weight: 400;display: inline-flex;align-items: center;border-radius: 50px;}
.section_area .more_btn:hover{background: linear-gradient(45deg, var(--primary), var(--secondary));}
.section_area .more_btn span{display:inline-block;width: 7px;aspect-ratio: 1/1;background: white;border-radius: 50px;}
.section_area .more_btn:hover span{border:1px solid #fff;background:none}
.section_area .list_box { margin-top: 2vmax; }
.section_area .list_box .item_row {margin: 0 2em;}
.section_area .list_box .slick-dots { position: relative; margin: 1em 0; bottom: 0; }

/* about_area */
#about_area {background-image: url(/images/01/about-bg.png);background-repeat: no-repeat;background-position: bottom;background-size: contain;background-color: #fff;}
#about_area:after{content:url(/images/01/img-hand.png);position: absolute;right: -40px;bottom: -50px;animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
@keyframes fish{0%{transform-origin:right bottom;transform:rotate(-3deg)}100%{transform-origin:right bottom;transform:rotate(3deg)}}
#about_area .workframe {display: grid;justify-content: space-between;width: min(90%, 1340px);align-items: center;grid-template-columns: 47% 43%;}
#about_area .info_box h1 {margin: 50px 0 40px;word-spacing: 100vw;line-height: 1.7;word-break: keep-all;}
#about_area .info_box article p{line-height: 2.2;text-align: justify;font-weight: 300;margin-bottom: 50px;}
#about_area .img_box img {width: 100%;aspect-ratio: 6/7;border-radius: 50px;}

/* book_area */
#book_area{padding: 2vw 0 10vw;background-image: url(/images/01/img-bookbottom.png);background-repeat: no-repeat;background-position: bottom;background-size: contain;}
#book_area:after{content:url(/images/01/img-lover.png);position: absolute;bottom: -130px;left: -80px;animation-name: people;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;z-index: 2;}
@keyframes people{0%{transform-origin:left bottom;transform:rotate(-3deg)}100%{transform-origin:left bottom;transform:rotate(3deg)}}
#book_area .workframe{width: min(90vw, 1680px);}
#book_area .titleBox {width: min(90%, 1340px);margin: 0 auto 4vw;display: flex;flex-direction: row;gap: 40px;}
#book_area li:nth-child(even){margin-top:100px}
#book_area li img{border-radius:50px;aspect-ratio: 2 / 2.6;width: 100%;}
#book_area li{margin: 0 40px;position: relative;display: flex;flex-direction: column;}
#book_area li p{background:linear-gradient(90deg, var(--primary), var(--secondary));height: auto;text-align: center;color: #fff;padding: 20px 1.7em;border-radius: 50px;margin: -35px 50px 0;position: relative;font-size: 18px;font-weight: 500;}
#book_area li:nth-child(even) p{order:-1;margin: 0 50px -35px;}
#book_area li:hover p{background: linear-gradient(45deg, var(--primary), var(--secondary));}

/* news_area */
#news_area{background-color: #fff;background-image: url(/images/01/news-bg.png);background-repeat: no-repeat;background-position: bottom;background-size: contain;padding-bottom: 10vw;}
#news_area .workframe{width: min(90vw, 1400px);display: grid;grid-template-columns: 8% 90%;justify-content: space-between;align-items: end;}
#news_area .titleBox{display:flex;flex-direction: column;align-items: center;gap: 180px;}
#news_area .titleBox .h2_title{writing-mode: vertical-lr}
#news_area .titleBox .btn{display:flex;flex-direction: column;gap: 10px;}

/* photo_area */
#photo_area .item_row { padding: 4% 6%; border: 2px var(--g_100) solid; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
#photo_area .item_row .img_box img { width: 100px; aspect-ratio: 1/1; }
#photo_area .item_row .info_box { margin-left: 6%; width: 1%; flex: 1 1 auto; }
#photo_area .item_row .info_box h3 { margin-bottom: .5em; max-height: 3.2em; height: auto; -webkit-line-clamp: 2; }
#photo_area .item_row .info_box font { padding: .5em 1em; background: var(--primary); border-radius: 2em; display: inline-block; line-height: 1; font-weight: 300; font-size: .9em; color: white; }

/* news_list */
#news_list{margin:0}
#news_list .bottom {display: flex;align-items: center;justify-content: space-between;}
#news_list .linen{display:block;w;width: 80%;height: 4px;background: #faf8f4;position: relative;}
#news_list .linen:before{content:'';position: absolute;top: 0;left: 0;height: 4px;background: var(--primary);width: 46%;}
#news_list .info_box { margin-top: .5em; }
#news_list .info_box .time { font-size: .9em; color: var(--g_500); }
#news_list .info_box h3 { margin: .2em 0 .5em; }
#news_list .info_box article { margin-bottom: .5em; height: 3.2em; font-size: .9em; color: var(--g_600); -webkit-line-clamp: 2; }
#news_list ul{margin-bottom: 40px;}
#news_list li{border:1px solid #f1f1f1;margin: 0 15px;padding: 30px 10px;border-radius: 30px;}
#news_list li:nth-child(even){margin-top:35px;}
#news_list li font{font-family: "Arimo", sans-serif;font-size: 15px;color: var(--primary);font-weight: 600;display: flex;align-items: center;gap: 10px;position: relative;}
#news_list li font b{font-family: "Arimo", sans-serif;color: #303231;font-size: 15px;}
#news_list li font a{color:#747a77;font-weight: 400;border: 1px solid #c6c6c6;display: inline-block;height: auto;font-size: 15px;padding: 3px 20px;position: absolute;right: 0;}
#news_list li h3{font-size: 25px;-webkit-line-clamp: 2;height: auto;line-height: 1.6;margin: 15px 0;color: #292b2a;}
#news_list li .item_row >span{display: block;width: 22px;height: 4px;background: var(--yellow);margin: 20px 0;}
#news_list li article{-webkit-line-clamp:3;height: auto;font-size: 15px;text-align: justify;margin-bottom: 50px;font-weight: 300;}
#news_list li p{display:flex;align-items: center;gap: 60px;color: var(--primary);}
#news_list li p span{display:inline-block;width: 7px;aspect-ratio: 1/1;background: linear-gradient(90deg, var(--primary), var(--secondary));border-radius: 50px;}
#news_list li:hover p span{border:1px solid var(--primary);background:none}

/* product_area */
#product_area .workframe{width: min(90vw, 1200px);}
#product_area .titleBox {display:flex;flex-direction: row;align-items: center;justify-content: center;gap: 40px;}
#product_area .btn{position:absolute;padding: 0;width: 120%;display: flex;justify-content: space-between;align-items: center;left: -10%;bottom: 50%;}
#product_area:before{content:url(/images/01/img-bird.png);position: absolute;right: 7%;top: 0;animation-name: bird;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(0.79, 0.17, 1, 1);animation-duration: 3s;}
@keyframes bird{0%{top:-10%;right:0%;}100%{top:0;right:7%;}}

@media screen and (min-width: 1161px){
	#photo_area .item_row:hover { border-color: var(--primary); }
}
@media screen and (max-width: 1440px){
    #product_area .btn{left:-5%;width: 110%;}
    #about_area:after, #book_area:after{zoom: 70%;}
}
@media screen and (max-width: 1280px){
    #about_area:after, #book_area:after{zoom: 50%;}
    #product_area .btn{display:none;}
}
@media screen and (max-width: 1024px){
    #news_list .linen{width:70%}
    .section_area .h2_title{font-size:26px;}
}
@media screen and (max-width: 768px){
    #product_area:before{zoom:80%;}
    #book_area li{margin: 0 20px;}
    #about_area .info_box h2{margin: 20px 0 30px;}
    #about_area .workframe{grid-template-columns:1fr;gap: 40px;}
	#about_area .img_box { width: 100%; max-width: inherit; }
	#about_area .info_box { order: 1; }
}
@media screen and (max-width: 640px) {
    #about_area .workframe{display:block;}
    #about_area .img_box{margin-bottom:30px}
    #product_area:before{zoom: 50%;}
    #news_list .bottom{justify-content: center;}
    #news_list .linen{display:none;}
    #news_list{margin-top: 8vw;}
    #news_list li:nth-child(even){margin-top:0}
    #news_area .titleBox .h2_title{writing-mode: unset;}
    #news_area .titleBox .btn{display:none;}
    #news_area .workframe{display:block}
    #book_area li, #book_area li:nth-child(even){margin-top:0}
    #book_area .titleBox{display:flex;flex-direction: column;gap: 5px;margin-bottom: 40px;}
    #about_area:after, #book_area:after{zoom: 30%;}
    #book_area:after{bottom: -200px;}
    .section_area{padding: 16vw 0;}
	#photo_area .item_row .img_box { width: 100%; }
	#photo_area .item_row .img_box img { width: 100%; aspect-ratio: 1/1; }
	#photo_area .item_row .info_box { margin: .5em 0 0; width: 100%; }
}