/* section */
section {margin: 0;}
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: 45px; }
section .title_box .sub_title { font-weight: 300; font-size: 23px; }

/* 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); }


/* Offer Section */
.offer_section{background:radial-gradient(ellipse at 90% 60%,rgb(255 228 189 / 35%),transparent 30%),radial-gradient(ellipse at 0% 40%,rgba(220,239,254,.65),transparent 36%),linear-gradient(180deg,#fff 0%,#f8fbff 100%);padding-bottom: 200px;}
.offer_section:before{content:"";position:absolute;top:45px;right:3%;width:230px;height:230px;border-radius:50%;background: radial-gradient(circle at 45% 45%, rgb(255 209 108), rgb(255 219 147 / 4%) 50%, #00000000 72%);opacity:.65;pointer-events:none;}
.offer_section:after{top: 160px;left: 6%;content: "";position: absolute;width: 230px;height: 230px;border-radius: 50%;background: radial-gradient(circle at 45% 45%, rgb(83 152 195 / 44%), rgb(255 219 147 / 4%) 50%, #00000000 72%);opacity: .65;pointer-events: none;}

.offer_section .sun_container{z-index:1;}
.offer_section .sun_section_head{margin-bottom:18px;}
.offer_section .sun_section_title:after{content:"";position:absolute;right:1%;bottom:-7px;width:27%;height:8px;border-top:7px solid #ff941d;border-radius:50%;transform:rotate(1deg);}
.offer_title_line{font-weight:400;margin:0 3px;}
.offer_section .sun_section_desc{margin-top:16px;margin-bottom: 30px;}
/* Notice */
.offer_notice{display:inline-flex;align-items:center;justify-content:center;gap:11px;max-width:100%;margin:13px auto 0;padding:9px 25px;color:#294b6c;background:linear-gradient(90deg,#fff0f0,#ffe8e8,#fff3f1);background: linear-gradient(110deg,#ffa115 0%,#ff8314 52%,#ff6816 100%);border-radius:50px;font-size:17px;font-weight:700;line-height:1.6;letter-spacing:.02em;flex-wrap: wrap;}
.offer_notice strong{color: #ffffff;font-weight:900;}
.offer_notice span.offer_notice_icon{display:flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;color: #ee8213;background: #ffffff;border-radius:50%;font-family:Arial,sans-serif;font-size:17px;font-weight:900;line-height:1;}
.offer_notice span { color: white; display: flex; align-items: center; }

/* Main Card */
.offer_card{position:relative;width:100%;margin: 60px auto 0;background:rgba(255,255,255,.94);border:2px solid #ffe7a4;border-bottom:0;border-radius:35px;box-shadow:0 15px 38px rgba(14,69,112,.11);isolation:isolate;}
.offer_card_main{position:relative;display:grid;grid-template-columns:40% 60%;min-height:315px;}
/* Left Figure */
.offer_visual{position:relative;min-height:315px;}
.offer_visual_sun{position:absolute;left: 5%;bottom: -7%;width:87%;aspect-ratio:1;background:radial-gradient(circle at 50% 35%,#ffda80 0%,rgba(255,220,151,.44) 55%,transparent 73%);border-radius:50%;opacity:.75;pointer-events:none;}
.offer_visual_circle{position:absolute;left:6%;bottom: -29%;width:93%;height:94%;border-radius:55% 55% 0 0;background:linear-gradient(135deg,rgba(255,215,132,.4),rgba(255,255,255,0) 65%);pointer-events:none;opacity: 0;}
.offer_visual img{position:absolute;left:5%;bottom: -28%;z-index:2;display:block;width: 90%;height: 139%;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 13px rgba(50,45,35,.06));}
/* Right Benefits */
.offer_benefits{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;margin: 60px 45px 18px 0;padding-left:45px;border-left:2px solid #ffad51;}
.offer_benefit{display:flex;align-items:center;gap:21px;min-height:63px;padding: 16px 0;border-bottom:1px solid #e9e9e9;}
.offer_benefit:last-child{border-bottom:0;}
.offer_benefit_icon{display:flex;align-items:center;justify-content:center;flex:0 0 60px;width:60px;height:54px;background:#fff;border:1px solid #fff0d6;border-radius:14px;box-shadow: 0 2px 7px rgb(89 78 58 / 10%);}
.offer_benefit_icon svg{width:36px;height:36px;fill:none;stroke:#ff9800;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.offer_benefit_txt{min-width:0;color:#153f66;font-size:clamp(16px,1.32vw,22px);font-weight:800;letter-spacing:.025em;line-height:1.5;}
.offer_benefit_txt span{font-size:.88em;font-weight:700;}
.offer_highlight{display:inline-block;margin:0 3px;color:#064b80;font-family:Arial,sans-serif;font-size:1.65em;font-weight:900;line-height:1;vertical-align:middle;}

/* Bottom Wave */
.offer_card_bottom{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height: 150px;margin:-3px -2px 0;overflow:hidden;border-radius:0 0 35px 35px;z-index: 5;}
.offer_wave_svg{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;}
.offer_action{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;padding: 45px 20px 60px;text-align:center;}
.offer_action_slogan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px;margin-bottom:17px;color:#fff;font-size:21px;font-weight:800;letter-spacing:.035em;line-height:1.5;text-shadow:0 2px 3px rgba(0,51,97,.1);}
.offer_action_slogan i{width:2px;height:24px;background:#ffb22d;}

/* Closing Remark */
.offer_remark{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:26px;color:#264a70;font-size:17px;font-weight:800;line-height:1.7;letter-spacing:.04em;text-align:center;}
.offer_remark>span{display:block;flex:0 1 100px;width:100px;height:1px;background:#b8c9d9;}

/* Responsive */
@media screen and (max-width:1400px) {
  .offer_card_main { grid-template-columns: 38% 62%; }
  .offer_benefits { margin-right: 30px; padding-left: 30px; }
  .offer_benefit { gap: 14px; }
  .offer_benefit_txt { font-size: 18px; }
  .offer_visual img { left: 0; width: 100%; height: 400px; }
  .offer_action_slogan { font-size: 19px; }
}
@media screen and (max-width:1199px) {
  .offer_card_main { grid-template-columns: 36% 64%; min-height: 290px; }
  .offer_visual { min-height: 290px; }
  .offer_visual img { height: 350px; }
  .offer_benefits { margin: 22px 20px 15px 0; padding-left: 23px; }
  .offer_benefit { gap: 12px; min-height: 56px; }
  .offer_benefit_icon { flex-basis: 49px; width: 49px; height: 46px; border-radius: 11px; }
  .offer_benefit_icon svg { width: 29px; height: 29px; }
  .offer_benefit_txt { font-size: 16px; }
  .offer_card_bottom { min-height: 190px; }
  .offer_action_slogan { gap: 11px; font-size: 17px; }
  .offer_action .sun_btn { min-width: 260px; min-height: 60px; font-size: 23px; }
}
@media screen and (max-width:991px) {
  .offer_card_main { grid-template-columns: 33% 67%; }
  .offer_visual img { left: -8%; width: 118%; height: 330px; }
  .offer_benefits { margin-right: 15px; padding-left: 17px; }
  .offer_benefit_txt { font-size: 15px; }
  .offer_action_slogan { font-size: 15px; }
  .offer_notice { font-size: 15px; }
}
@media screen and (max-width:767px) {
  .offer_section:before { top: 80px; right: -90px; width: 180px; height: 180px; }
  .offer_section:after { top: 220px; right: -40%; width: 80%; border-top-width: 9px; }
  .offer_section .sun_section_title {font-size: clamp(23px,5.8vw,35px);}
  .offer_section .sun_section_title:after { bottom: -5px; height: 5px; border-top-width: 5px; }
  .offer_title_line { margin: 0; }
  .offer_section .sun_section_desc { font-size: 14px; line-height: 1.8; }
  .offer_notice { gap: 8px; padding: 9px 13px; border-radius: 16px; font-size: 13px; line-height: 1.6; }
  .offer_notice_icon { flex-basis: 20px; width: 20px; height: 20px; font-size: 13px; }
  .offer_card { border-radius: 25px; }
  .offer_card_main { display: flex; flex-direction: column; min-height: 0; }
  .offer_visual {width: 100%;height: 265px;min-height: 265px;overflow: hidden;}
  .offer_visual_sun { left: 16%; bottom: -145px; width: 68%; }
  .offer_visual_circle { left: 18%; bottom: -135px; width: 64%; height: 100%; }
  .offer_visual img { left: 50%; bottom: -12px; width: 340px; max-width: 90%; height: 305px; transform: translateX(-50%); }
  .offer_benefits { margin: 0 20px 20px; padding: 0; border-left: 0; border-top: 2px solid #ffd391; }
  .offer_benefit { gap: 13px; min-height: 64px; padding: 10px 0; }
  .offer_benefit_icon { flex: 0 0 46px; width: 46px; height: 44px; }
  .offer_benefit_icon svg { width: 27px; height: 27px; }
  .offer_benefit_txt { font-size: 15px; line-height: 1.55; }
  .offer_card_bottom { min-height: 200px; border-radius: 0 0 25px 25px; }
  .offer_action { padding: 70px 15px 20px; }
  .offer_action_slogan { gap: 8px; margin-bottom: 15px; font-size: 14px; line-height: 1.6; }
  .offer_action_slogan i { height: 17px; }
  .offer_action .sun_btn { min-width: 240px; min-height: 57px; font-size: 21px; }
  .offer_remark {gap: 10px;margin-top: 35px;font-size: 13px;}
  .offer_remark>span { flex-basis: 25px; width: 25px; }
}
@media screen and (max-width:480px) {
  .offer_card { border-radius: 20px; }
  .offer_visual {height: 275px;min-height: 225px;}
  .offer_visual img {width: 275px;height: 275px;}
  .offer_benefits { margin: 0 15px 14px; }
  .offer_benefit {gap: 10px;min-height: 60px;padding: 12px 0;}
  .offer_benefit_icon { flex-basis: 42px; width: 42px; height: 42px; }
  .offer_benefit_icon svg { width: 25px; height: 25px; }
  .offer_benefit_txt {font-size: 16px;}
  .offer_highlight { font-size: 1.4em; }
  .offer_card_bottom { min-height: 210px; border-radius: 0 0 20px 20px; }
  .offer_action { padding: 76px 12px 17px; }
  .offer_action_slogan { gap: 5px; font-size: 12px; }
  .offer_action_slogan i { height: 13px; width: 1px; }
  .offer_action .sun_btn { min-width: 220px; min-height: 52px; font-size: 19px; }
  .offer_line_icon { flex-basis: 32px; width: 32px; height: 29px; font-size: 9px; }
  .offer_remark {font-size: 15px;letter-spacing: 0;font-weight: 400;}
}




/* Product Section */
#product_area{--product-curve-height:clamp(65px,6vw,112px);position:relative;padding-top: 100px;padding-bottom:105px;background:linear-gradient(180deg,#fdfaf6 0%,#fcf9f5 100%);overflow:visible;isolation:isolate;padding-bottom: 170px;}
#product_area:before{content:"";position:absolute;top:0;right:0;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(255,221,162,.15),transparent 70%);pointer-events:none;}
#product_area .sun_container{position:relative;z-index:2;}

/* Section Transition */
#product_area .product_section_transition{position:absolute;top:calc(-1 * var(--product-curve-height) + 1px);left:0;display:block;width:100%;height:var(--product-curve-height);overflow:visible;z-index:1;pointer-events:none;}
#product_area .product_transition_fill{fill:#fdfaf6;}
#product_area .product_transition_stroke{fill:none;stroke:url(#productCurveGold);stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 3px rgba(79,74,65,.16));}

/* Section Title */
#product_area .sun_section_head{margin-bottom:58px;}
#product_area .sun_section_kicker{gap:9px;margin-bottom:9px;color:#3d6484;font-size:13px;font-weight:800;letter-spacing:.18em;}
#product_area .sun_section_kicker:before{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ff8b1a;}
#product_area .sun_section_kicker:after{display:none;}
#product_area .sun_section_title{position:relative;display:inline-block;color:#164266;font-size:clamp(35px,3.1vw,54px);font-weight:900;line-height:1.35;letter-spacing:.05em;}
#product_area .sun_section_title:after{content:"";position:absolute;right:2%;bottom:-10px;width:48%;height:7px;border-top:4px solid #ff8818;border-radius:50%;transform:rotate(-3deg);}
#product_area .sun_section_desc{margin-top:16px;color:#647d8d;font-size:17px;font-weight:600;line-height:1.9;letter-spacing:.02em;}

/* Slider */
#product_area .product_slider_shell{position:relative;width:100%;padding:0 48px;}
#product_area .list_box{position:relative;width:100%;overflow:visible;}
#product_area #product_list{display:block;width:100%;margin:0;padding:0;list-style:none;white-space:normal;}
#product_area #product_list .slick-list{overflow:hidden;margin:0;}
#product_area #product_list .slick-track{display:flex;align-items:stretch;}
#product_area #product_list .slick-slide{float:none;display:block;height:auto;min-height:1px;}
#product_area #product_list .slick-slide>div{height:100%;}
#product_area .product_item{display:block;height:100%;margin:0;padding:12px 11px 22px;list-style:none;}

/* Product Card */
#product_area .pomductbox{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:376px;margin:0;padding:0;overflow:hidden;background:linear-gradient(150deg,#fff 0%,#fffefa 70%,#fff9f0 100%);border:2px solid #f3eee7;border-radius:23px;box-shadow:0 7px 18px rgba(99,75,42,.09);transition:border-color .3s,box-shadow .3s,transform .3s;}
#product_area .pomductbox:before{content:"";position:absolute;top: -19px;left:-23%;width:94%;height:100px;background:linear-gradient(135deg,rgba(255,226,181,.64),rgba(255,246,231,0));border-radius:0 0 80% 35%;transform:rotate(-6deg);pointer-events:none;}
#product_area .pomductbox:after{content:"";position:absolute;right:-15%;bottom:-36px;width:77%;height:100px;background:linear-gradient(125deg,rgba(255,236,205,.08),rgba(255,208,138,.58));border-radius:70% 0 0 0;transform:rotate(-11deg);pointer-events:none;}
#product_area .product_item.slick-current .pomductbox,#product_area .pomductbox:hover,#product_area .pomductbox:focus-within{border-color:#ff931c;box-shadow:0 11px 26px rgba(188,114,40,.14);}
#product_area .pomductbox:hover{transform:translateY(-4px);}
#product_area .pomductbox>a.atag_item{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:6;opacity:1;cursor:pointer;}
#product_area .pomductbox>a.atag_item:focus-visible{outline:3px solid #ff931c;outline-offset:-5px;border-radius:22px;}

/* Product Image */
#product_area .pomimg{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:177px;padding:22px 25px 0;overflow:hidden;}
#product_area .pomimg img{position:relative;display:block;width:auto;max-width:100%;max-height:155px;height:auto;object-fit:contain;transition:transform .45s ease;}
#product_area .pomductbox:hover .pomimg img{transform:translateY(-5px) scale(1.035);}

/* Product Content */
#product_area .pomcontent{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;align-items:flex-start;width:100%;padding:11px 28px 28px;text-align:left;}
#product_area .pomtitle{position:relative;margin:0 0 13px;padding-left:14px;color:#164464;font-size:clamp(22px,1.45vw,27px);font-weight:900;letter-spacing:.035em;line-height:1.35;}
#product_area .pomtitle:before{content:"";position:absolute;top:5px;bottom:4px;left:0;width:4px;background:#ff8516;border-radius:4px;}
#product_area .pomtext{width:100%;min-height:64px;margin:0 0 19px;color:#5a7282;font-size: 15px;font-weight: 400;line-height:1.7;letter-spacing:.02em;white-space:normal;width: 100%;}
#product_area .pomtext p{margin:0;padding:0;}
#product_area .pomtext p+p{margin-top:5px;}

/* More Button */
#product_area .pom_more{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-width:133px;min-height:39px;margin-top:auto;padding:7px 17px;color:#17466b;background:rgba(255,255,255,.8);border:1.5px solid #255472;border-radius:50px;font-size:15px;font-weight:800;line-height:1.4;letter-spacing:.035em;transition:color .3s,background .3s,border-color .3s,box-shadow .3s;}
#product_area .pom_arrow{font-family:Arial,sans-serif;font-size:20px;font-weight:400;line-height:1;transition:transform .3s;}
#product_area .pomductbox:hover .pom_more, #product_area .pomductbox:focus-within .pom_more{color:#fff;background:#164c73;border-color:#164c73;box-shadow:0 5px 10px rgba(12,66,107,.12);}
#product_area .pomductbox:hover .pom_arrow{transform:translateX(4px);}
#product_area .pomductbox:hover .pom_more *, #product_area .pomductbox:focus-within .pom_more *{color:white;}
/* Slider Arrows */
#product_area .product_arrow{position:absolute;top:calc(50% - 11px);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:#275673;background:#fff;border:1px solid #e4e7e9;border-radius:50%;box-shadow:0 4px 11px rgba(38,63,83,.09);font-family:Arial,sans-serif;font-size:25px;font-weight:400;line-height:1;cursor:pointer;transform:translateY(-50%);transition:background .3s,color .3s,border-color .3s,box-shadow .3s;z-index:5;}
#product_area .product_arrow:hover{color:#fff;background:#17517b;border-color:#17517b;box-shadow:0 6px 17px rgba(15,73,116,.2);}
#product_area .product_arrow:hover *{color:white;}
#product_area .product_arrow:focus-visible{outline:3px solid #ff921f;outline-offset:3px;}
#product_area .product_arrow_prev{left:0;}
#product_area .product_arrow_next{right:0;}
#product_area .product_arrow.slick-disabled{opacity:.35;cursor:default;}
#product_area .product_arrow.slick-disabled:hover{color:#275673;background:#fff;border-color:#e4e7e9;box-shadow:0 4px 11px rgba(38,63,83,.09);}

/* Slider Dots */
#product_area .product_dots{display:flex;align-items:center;justify-content:center;min-height:26px;margin-top:16px;}
#product_area .product_dots .slick-dots{position:static;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;height:auto;margin:0;padding:0;list-style:none;}
#product_area .product_dots .slick-dots li{display:block;width:auto;height:auto;margin:0;padding:0;}
#product_area .product_dots .slick-dots li button{position:relative;display:block;width:28px;height:6px;margin:0;padding:0;background:#d5d7d7;border:0;border-radius:5px;font-size:0;cursor:pointer;transition:width .3s,background .3s;}
#product_area .product_dots .slick-dots li button:before{display:none;}
#product_area .product_dots .slick-dots li.slick-active button{width:31px;background:#ff8a18;}
#product_area .product_dots .slick-dots li button:focus-visible{outline:2px solid #164c73;outline-offset:5px;}

/* Responsive */
@media screen and (max-width:1500px) {
  #product_area .product_slider_shell { padding: 0 45px; }
  #product_area .pomcontent { padding: 10px 23px 25px; }
  #product_area .pomtitle { font-size: 24px; }
  #product_area .pomtext { font-size: 15px; }
}
@media screen and (max-width:1199px) {
  #product_area { --product-curve-height: 85px; padding-top: 80px; padding-bottom: 90px; }
  #product_area .product_transition_stroke { stroke-width: 4; }
  #product_area .sun_section_head { margin-bottom: 45px; }
  #product_area .product_slider_shell { padding: 0 42px; }
  #product_area .pomductbox { min-height: 368px; }
  #product_area .pomimg { height: 170px; }
  #product_area .pomtitle { font-size: 24px; }
  #product_area .pomtext { font-size: 16px; }
  #product_area .product_arrow { width: 39px; height: 39px; font-size: 22px; }
}
@media screen and (max-width:991px) {
  #product_area .product_slider_shell { padding: 0 38px; }
  #product_area .product_item { padding: 10px 9px 20px; }
  #product_area .pomcontent { padding: 10px 22px 25px; }
  #product_area .pomtitle { font-size: 23px; }
  #product_area .pomductbox { min-height: 365px; }
}
@media screen and (max-width:767px) {
  #product_area { --product-curve-height: 55px; padding-top: 65px; padding-bottom: 75px; }
  #product_area .product_transition_stroke { stroke-width: 3; }
  #product_area .sun_section_head { margin-bottom: 30px; }
  #product_area .sun_section_kicker { margin-bottom: 8px; font-size: 11px; }
  #product_area .sun_section_title { font-size: clamp(30px,7vw,40px); }
  #product_area .sun_section_desc { max-width: 500px; margin-top: 16px; font-size: 15px; line-height: 1.8; }
  #product_area .product_slider_shell { padding: 0 30px; }
  #product_area .product_item { padding: 9px 8px 18px; }
  #product_area .pomductbox { min-height: 355px; border-radius: 20px; }
  #product_area .pomimg { height: 175px; padding-top: 17px; }
  #product_area .pomimg img { max-height: 150px; }
  #product_area .pomcontent { padding: 8px 23px 23px; }
  #product_area .pomtitle { font-size: 23px; }
  #product_area .pomtext { min-height: 54px; margin-bottom: 15px; font-size: 15px; }
  #product_area .product_arrow { top: 50%; width: 35px; height: 35px; font-size: 20px; }
  #product_area .product_dots { margin-top: 8px; }
}
@media screen and (max-width:480px) {
  #product_area { --product-curve-height: 40px; padding-top: 55px; padding-bottom: 65px; }
  #product_area .sun_section_head { margin-bottom: 25px; }
  #product_area .sun_section_desc { font-size: 14px; }
  #product_area .product_slider_shell { padding: 0 20px; }
  #product_area .product_item { padding: 8px 5px 18px; }
  #product_area .pomductbox { min-height: 345px; border-radius: 19px; }
  #product_area .pomimg { height: 160px; }
  #product_area .pomimg img { max-height: 142px; }
  #product_area .pomcontent { padding: 8px 20px 23px; }
  #product_area .pomtitle { font-size: 22px; }
  #product_area .pomtext { font-size: 14px; line-height: 1.7; }
  #product_area .pom_more { min-width: 120px; min-height: 37px; padding: 6px 15px; font-size: 14px; }
  #product_area .product_arrow {width: 40px;height: 40px;font-size: 18px;}
  #product_area .product_arrow_prev { left: -5px; }
  #product_area .product_arrow_next { right: -5px; }
}
@media (prefers-reduced-motion:reduce) {
  #product_area .pomductbox,#product_area .pomimg img,#product_area .pom_more,#product_area .pom_arrow,#product_area .product_arrow { transition: none; }
  #product_area .pomductbox:hover { transform: none; }
}


/* about_area */
#about_area .info_box article { margin-bottom: 30px; width: 90%; line-height: 210%; letter-spacing: 1.5px; font-weight: 300; }


/* 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 Section */
#custom_area{position:relative;z-index:2;padding-top: 240px;padding-bottom:110px;background:linear-gradient(180deg,#f1f8fe 0%,#fcfdff 42%,#fff 100%);overflow:visible;isolation:isolate;}
#custom_area:before{content:"";position:absolute;left:-13%;top:25%;width:55%;height:75%;background:radial-gradient(ellipse,rgba(222,239,251,.25),transparent 65%);pointer-events:none;}
#custom_area:after{content:"";position:absolute;right:-10%;bottom:-15%;width:50%;height:65%;background:radial-gradient(ellipse,rgba(255,225,179,.11),transparent 65%);pointer-events:none;}
#custom_area>.sun_container{position:relative;z-index:3;width:calc(100% - 80px);max-width:1380px;margin:0 auto;padding:0;}

#custom_area .customimg{position:absolute;top: -175px;left:0;width:100%;height: 350px;overflow:hidden;z-index:0;pointer-events:none;}

#custom_area .customimg img{object-fit:cover;height: 100%;}

/* Section Transition */
#custom_area .custom_section_transition{position:absolute;top: -90px;left:0;z-index:1;display:block;width:100%;height:120px;overflow:visible;pointer-events:none;}
#custom_area .custom_transition_fill{fill:#f1f8fe;}
#custom_area .custom_transition_line{fill:none;stroke:url(#customTransitionLine);stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 3px rgba(46,103,143,.08));}

/* Background Decorations */
#custom_area .custom_sun{position:absolute;top: 120px;right:5%;width:clamp(120px,15vw,230px);aspect-ratio:1;border-radius:50%;background: radial-gradient(circle at 50% 35%, rgb(255 199 88 / 61%) 0%, rgb(255 217 137 / 0%) 48%, rgba(255, 227, 174, 0) 75%);z-index:0;pointer-events:none;}
#custom_area .custom_ribbon{position:absolute;top: -16px;left: -10%;width:45%;height:100px;border-top: 17px solid rgb(250 173 7);border-radius:50%;transform: rotate(-10deg);z-index: 1;pointer-events:none;}

/* Section Title */
#custom_area .sun_section_head{position:relative;z-index:2;margin-bottom:48px;}
#custom_area .sun_section_kicker{gap:11px;margin-bottom:14px;color:#305d81;font-size:14px;letter-spacing:.2em;}
#custom_area .sun_section_kicker:before,#custom_area .sun_section_kicker:after{width:42px;height:3px;background:#ff931c;}
#custom_area .sun_section_title{position:relative;color:#123f68;font-size:clamp(35px,3.25vw,55px);font-weight:900;letter-spacing:.055em;line-height:1.4;}
#custom_area .sun_section_title:after{content:"";position:absolute;right:0;bottom:-11px;width:26%;height:8px;border-top:6px solid #ff9019;border-radius:50%;transform:rotate(-4deg);}
#custom_area .sun_section_desc{margin-top:18px;color:#617e98;font-size:18px;font-weight:700;line-height:1.8;letter-spacing:.08em;}

/* Process Grid */
#custom_area #custom_box{position:relative;width:100%;}
#custom_area #custom_box ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:100%;margin:0;padding:0;list-style:none;counter-reset:processStep;}
#custom_area #custom_box li{position:relative;z-index:1;min-width:0;margin:0;padding:0;list-style:none;counter-increment:processStep;}
#custom_area .cutombox{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:370px;overflow:hidden;background:#fff;border:1px solid #edf1f5;border-radius:28px;box-shadow:0 13px 28px rgba(36,78,112,.11);transition:transform .35s,box-shadow .35s,border-color .35s;z-index: 0;}
#custom_area .cutombox:hover{transform:translateY(-7px);border-color:#ffdcaf;box-shadow:0 19px 35px rgba(36,78,112,.17);}

/* Process Images */
#custom_area .cuuimg{position:relative;flex: 0 0 240px;width:100%;height: 240px;overflow:hidden;background:linear-gradient(135deg,#eaf5fc,#fff5eb);}
#custom_area .cuuimg img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;transition:transform .55s;}
#custom_area .cutombox:hover .cuuimg img{transform:scale(1.06);}
#custom_area .cuuwave{position:absolute;left:0;bottom:-1px;z-index:2;display:block;width:100%;height:65px;pointer-events:none;}

/* Process Content */
#custom_area .cuubody{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;align-items:center;width:100%;padding:0 22px 30px;text-align:center;background:#fff;}
#custom_area .cuustep{margin:0 0 6px;color:#ff8c18;font-family:Arial,sans-serif;font-size:14px;font-weight:900;line-height:1.5;letter-spacing:.09em;}
#custom_area .cuustep:before{content:"STEP " counter(processStep,decimal-leading-zero);}
#custom_area .cuutitle{position:relative;margin:0 0 18px;padding:0 0 13px;color:#16476f;font-size:clamp(21px,1.5vw,27px);font-weight:900;line-height:1.4;letter-spacing:.06em;}
#custom_area .cuutitle:after{content:"";position:absolute;bottom:0;left:50%;width:38px;height:3px;background:#ff981e;border-radius:5px;transform:translateX(-50%);}
#custom_area .cuucontinfo{width:100%;margin:0;color:#596c7d;font-size:16px;font-weight:600;line-height:1.8;letter-spacing:.025em;overflow-wrap:anywhere;text-align: center;}
#custom_area .cuucontinfo p{margin:0;padding:0;}
#custom_area .cuucontinfo p+p{margin-top:7px;}
#custom_area .cuucontinfo a{color:#145581;text-decoration:underline;text-underline-offset:3px;}

/* Step Connectors */
#custom_area #custom_box li:not(:last-child):after{content:"›";position:absolute;top:39%;right: -17px;z-index: 6;display:flex;align-items:center;justify-content:center;width: 47px;height:42px;padding:0 0 5px;color:#ff941b;background:#fff;border:2px solid #ffe1b6;border-radius:50%;box-shadow:0 4px 12px rgba(60,84,106,.11);font-family:Arial,sans-serif;font-size:39px;font-weight:400;line-height:1;transform:translateY(-50%);pointer-events:none;}

/* Action Button */
#custom_area .custom_action{display:flex;align-items:center;justify-content:center;width:100%;margin-top:58px;text-align:center;}
#custom_area .custom_action .sun_btn{min-width:185px;min-height:56px;gap:24px;padding:12px 27px;font-size:17px;box-shadow:0 9px 18px rgba(15,76,118,.14);}
#custom_area .custom_action .sun_btn:hover{box-shadow:0 13px 24px rgba(15,76,118,.22);}
#custom_area .custom_action .sun_btn_arrow{font-size:24px;}

/* Responsive */
@media screen and (max-width:1500px) {
  #index_offer.offer_section { padding-bottom: 155px; }
  #custom_area>.sun_container { width: calc(95% - 90px); }
  #custom_area #custom_box ul { gap: 22px; }
  #custom_area .cuuimg { flex-basis: 180px; height: 180px; }
  #custom_area .cutombox { min-height: 350px; }
  #custom_area .cuubody { padding: 0 17px 25px; }
  #custom_area .cuucontinfo { font-size: 15px; }
  #custom_area { padding-top: 170px; padding-bottom: 50px; }
}
@media screen and (max-width:1199px) {
  #custom_area { padding-top: 160px; padding-bottom: 90px; }
  #custom_area .custom_section_transition { top: -75px; height: 100px; }
  #custom_area>.sun_container { width: calc(100% - 60px); }
  #custom_area .sun_section_head { margin-bottom: 40px; }
  #custom_area .sun_section_title { font-size: clamp(32px,4vw,46px); }
  #custom_area .sun_section_desc { font-size: 16px; }
  #custom_area #custom_box ul { gap: 16px; }
  #custom_area .cutombox { min-height: 330px; border-radius: 22px; }
  #custom_area .cuuimg { flex-basis: 165px; height: 165px; }
  #custom_area .cuubody { padding: 0 13px 24px; }
  #custom_area .cuutitle { font-size: 22px; }
  #custom_area .cuucontinfo { font-size: 14px; }
  #custom_area #custom_box li:not(:last-child):after { right: -25px; width: 35px; height: 35px; font-size: 32px; }
}
@media screen and (max-width:991px) {
  #custom_area #custom_box ul { grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 30px; row-gap: 30px; }
  #custom_area .cutombox { min-height: 355px; }
  #custom_area .cuuimg { flex-basis: 190px; height: 190px; }
  #custom_area .cuubody { padding: 0 22px 28px; }
  #custom_area .cuutitle { font-size: 25px; }
  #custom_area .cuucontinfo { font-size: 16px; }
  #custom_area #custom_box li:nth-child(even):after { display: none; }
  #custom_area #custom_box li:not(:last-child):after { right: -33px; width: 40px; height: 40px; font-size: 36px; }
  #custom_area .custom_action { margin-top: 48px; }
}
@media screen and (max-width:767px) {
	#index_offer.offer_section{padding-bottom: 80px;}
  #custom_area { padding-top: 160px; padding-bottom: 75px; }
  #custom_area .custom_section_transition { top: -53px; height: 72px; }
  #custom_area>.sun_container { width: calc(100% - 36px); }
  #custom_area .custom_sun { top: 70px; right: -50px; width: 160px; }
  #custom_area .custom_ribbon { top: 150px; right: -34%; width: 75%; height: 75px; border-top-width: 10px; }
  #custom_area .sun_section_head { margin-bottom: 30px; }
  #custom_area .sun_section_kicker { font-size: 11px; letter-spacing: .12em; }
  #custom_area .sun_section_kicker:before,#custom_area .sun_section_kicker:after { width: 27px; height: 2px; }
  #custom_area .sun_section_title { font-size: clamp(28px,6vw,39px); }
  #custom_area .sun_section_title:after { bottom: -8px; border-top-width: 4px; }
  #custom_area .sun_section_desc { margin-top: 16px; font-size: 15px; letter-spacing: .025em; }
  #custom_area #custom_box ul { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px 18px; }
  #custom_area .cutombox { min-height: 320px; border-radius: 19px; }
  #custom_area .cuuimg { flex-basis: 155px; height: 155px; }
  #custom_area .cuuwave { height: 48px; }
  #custom_area .cuubody { padding: 0 13px 21px; }
  #custom_area .cuustep { font-size: 12px; }
  #custom_area .cuutitle { margin-bottom: 13px; padding-bottom: 10px; font-size: 20px; }
  #custom_area .cuucontinfo { font-size: 14px; line-height: 1.7; }
  #custom_area #custom_box li:not(:last-child):after { right: -24px; width: 32px; height: 32px; font-size: 29px; }
  #custom_area .custom_action { margin-top: 40px; }
  #custom_area .custom_action .sun_btn { min-height: 52px; padding: 10px 24px; font-size: 16px; }
}
@media screen and (max-width:480px) {
  #custom_area { padding-top: 170px; padding-bottom: 65px; }
  #custom_area .custom_section_transition { top: -38px; height: 52px; }
  #custom_area .sun_section_head { margin-bottom: 27px; }
  #custom_area .sun_section_title { font-size: 29px; letter-spacing: .025em; }
  #custom_area .sun_section_desc { font-size: 14px; line-height: 1.75; }
  #custom_area #custom_box ul { grid-template-columns: minmax(0,1fr); row-gap: 35px; }
  #custom_area .cutombox { min-height: 0; border-radius: 23px; }
  #custom_area .cuuimg { flex-basis: 190px; height: 190px; }
  #custom_area .cuuwave { height: 60px; }
  #custom_area .cuubody { padding: 0 22px 25px; }
  #custom_area .cuustep { font-size: 13px; }
  #custom_area .cuutitle { font-size: 24px; margin-bottom: 12px; }
  #custom_area .cuucontinfo { font-size: 15px; }
  #custom_area #custom_box li:nth-child(even):not(:last-child):after { display: flex; }
  #custom_area #custom_box li:not(:last-child):after {top: auto;right: auto;bottom: -25px;left: 50%;width: 38px;height: 35px;font-size: 36px;transform: translateX(-50%) rotate(90deg);}
  #custom_area .custom_action { margin-top: 35px; }
}
@media (prefers-reduced-motion:reduce) {
  #custom_area .cutombox,#custom_area .cuuimg img { transition: none; }
  #custom_area .cutombox:hover { transform: none; }
}


@-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 (min-width: 1281px){
	#book_area .list_box li:hover .badge { background: var(--primary); color: var(--white); }
}
@media screen and (max-width: 768px){
	#news_area .list_box .info_box { padding: 15px 0; }
	#youtube_box { padding-bottom: 60vw; }
}
@media screen and (max-width: 640px){
	#book_area .list_box img { height: 65vw; }
}