@charset "UTF-8";

body { --brand-color11:var(--colorCOM7); --brand-bg:var(--colorCOM7);  color: var(--brand-font1); }
.header { background:rgba(5, 27, 82, 0.95); } 
.header [class*="btn-"]:not(.btn-txt)::before { color:var(--brand-font1); }

/********** 메인 **********/
#wrap > .header > h1 { text-align:left; }
#wrap > .header > h1 .logo { display:block; height:3rem; margin:0.7rem 0; }
#wrap > .container { padding:var(--spc8); }
#wrap > .container::after { content:'';  }

.main-deco { display:none; position:fixed; right:2.5rem; top:50%; z-index:3; width:11px; height:387px; margin-top:-193px; }
.main-asmr { display:flex; overflow-x:auto; white-space:nowrap; margin:0 var(--spc8-m); padding:0 2rem var(--spc8) 2rem; }
.main-asmr::-webkit-scrollbar { display:none; }
.main-asmr > li + li { margin-left:var(--spc3); }
.main-asmr a { position:relative; z-index:2; display:block; width:14rem; height:14rem; padding:1.6rem; border-radius:var(--bdrRds6); overflow:hidden; box-shadow:1.6rem 1.6rem 2.4rem 0 rgba(0, 0, 0, 0.4); }
.main-asmr a::after { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background:var(--img-url) center center no-repeat; background-size:cover; border-radius:var(--bdrRds6); -webkit-box-sizing:border-box; box-sizing:border-box; }
.main-asmr .i-play { position:absolute; right:1.6rem; bottom:1.6rem; width:2.4rem; height:2.4rem; border-radius:100%; background:var(--colorB); white-space:nowrap; text-indent:-99rem; }
.main-asmr .i-play::before { content:'\e812'; position:absolute; left:0; top:0; width:2.4rem; height:2.4rem; line-height:2.4rem; font-size:var(--fontSz6); font-family:var(--fontIco); color:var(--colorW); text-indent:0; text-align:center; }
.main-asmr dl { position:relative; height:100%; }
.main-asmr dt { font-family:var(--fontF); font-weight:var(--fontWg1); font-size:var(--fontSz2); line-height:1; text-transform:uppercase; }
.main-asmr dd { position:absolute; left:0; right:3rem; bottom:0; max-height:3.6rem; margin-top:auto; font-size:var(--fontSz5); line-height:1.8rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }

.main-list { margin-left:-2rem; margin-right:var(--spc8-m); --brand-color1:#000; --brand-font1:#fff; --brand-color2:#fff; --brand-font2:#000; }
.main-list > li + li, .main-list + .main-list { margin-top:var(--spc7); }
.main-list > .li-wrap, .main-list > a { position:relative; z-index:2; display:block; width:calc(100vw - 4rem); aspect-ratio:1 / 1; border-radius:9%; overflow:hidden; box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.4); background-color:var(--brand-color1); }
.main-list > .li-wrap::after, .main-list > a::after { content:''; position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-list:not(.load-after) > .li-wrap::after, .main-list:not(.load-after) > a::after { background-image:var(--img-url) }
.main-list dl { display:flex; flex-direction:column; height:100%; color:var(--brand-color2); padding:3.2rem; }
.main-list dt { font-family:var(--fontF); font-weight:var(--fontWg5); font-size:3.2rem; line-height:4rem; text-transform:uppercase; }
.main-list dt strong { display:block; margin-bottom:-0.6rem; font-size:4rem; line-height:4.8rem; }
.main-list dd { margin-top:auto; font-size:var(--fontSz2); font-weight:var(--fontWg1); line-height:3.2rem; color:#fff; }
.main-list dd .cap { display:block; margin-bottom:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg2); line-height:1.6rem; }
.main-list .flag-txt { position:relative; top:-0.7rem; background-color:var(--brand-color2); color:var(--brand-font2); font-family:var(--fontF2); }
.main-list [data-intro-ani] a::after, .main-list[data-intro-ani] a::after { transform:scale(1.2); transition:transform 2400ms; }
.main-list [data-intro-ani].ui-ani-appear a::after, .main-list[data-intro-ani].ui-ani-appear a::after { transform:scale(1); }
.main-event { --brand-border-color:#00bf95; }

.main-brand { margin:9.6rem var(--spc8-m) 8rem 1.2rem; }
.main-brand > dt { display:block; margin:0 2.5rem 1.6rem 0; font-weight:var(--fontWg1); font-size:var(--fontSz4); line-height:2rem; }
.main-brand .link { display:block; position:relative; }
.main-brand .link::after { content:'\e82e'; position:absolute; right:0; top:50%; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; color:var(--colorW); line-height:1; margin-top:var(--spc14-m); }
.main-brand > dd + dd { border-top:1px solid rgba(255,255,255,.08); }
.main-brand dd a { position:relative; z-index:2; display:block; min-height:9.6rem; padding:2.1rem 4rem 2.2rem 8.8rem; }
.main-brand dd a::after { content:''; position:absolute; left:0; top:1.6rem; z-index:-1; width:6.4rem; height:6.4rem; border-radius:100%; background:var(--img-url) center center no-repeat; background-size:cover; }
.main-brand .cat { display:block; font-family:var(--fontF); font-weight:var(--fontWg1); font-size:var(--fontSz2); line-height:3.2rem; text-transform:uppercase; }
.main-brand .txt { display:block; margin-top:var(--spc2); font-size:var(--fontSz5); font-weight:var(--fontWg3); opacity:.4; line-height:1.6rem; }

.main-pageinfo { min-height:46rem; padding:0 2.4rem 9.6rem 5.2rem; margin:10rem var(--spc8-m) 0; background-image:var(--img-url); background-repeat:no-repeat; background-position:right bottom; background-size:contain; --brand-color2:#fee90f; --brand-font2:#000; }
.main-pageinfo .title { margin-right:var(--spc6-m); font-family:var(--fontF); font-size:12rem; font-weight:var(--fontWg4); line-height:14.4rem; color:var(--brand-color2); text-transform:uppercase; }
.main-pageinfo .title.ty2 { font-size:10rem; line-height:12rem; }
.main-pageinfo dl { margin:1.8rem 0 0 3.4rem; }
.main-pageinfo dt { margin-top:1.8rem; font-weight:var(--fontWg1); font-size:var(--fontSz2); line-height:3.2rem; text-transform:uppercase; }
.main-pageinfo dd { margin-top:2rem; font-size:var(--fontSz5); line-height:2rem; }
.main-pageinfo .go { margin-top:4rem; padding:1.3rem 2.4rem; display:inline-block; font-weight:var(--fontWg1); font-size:var(--fontSz5); line-height:1.6rem; color:#000; background-color:var(--brand-color2); border-radius:2.1rem; }
.main-pageinfo.brc-gift .go { color:#fff; }

.main-corp { padding:0 2.2rem 8rem 5.2rem; margin:10rem var(--spc8-m) 0; --brand-color2:var(--colorBCA2); --brand-font2:var(--colorB); }
.main-corp .corp-cs { margin-bottom:4rem; font-size:var(--fontSz5); line-height:1.8rem; }
.main-corp .corp-cs dt { margin-bottom:var(--spc2); font-weight:var(--fontWg1); font-size:var(--fontSz4); line-height:1.9rem; }
.main-corp .corp-cs dd { margin-top:var(--spc1); }
.main-corp .corp-cs .tel a { display:block; height:3.8rem; white-space:nowrap; text-indent:-999px; overflow:hidden; background:url('../../img/b/main/txt-tel.png') 0 0 no-repeat; background-size:contain; }
.main-corp .corp-ceo { margin-top:var(--spc1); font-size:var(--fontSz5); line-height:2rem; }
.main-corp .corp-bin { margin-top:var(--spc1); font-size:var(--fontSz5); line-height:2rem; }
.main-corp .corp-links { font-size:var(--fontSz5); line-height:2.2rem; }
.main-corp .corp-links a, .main-corp .corp-links button { display:inline-block; margin-top:1.4rem; margin-right:2rem; text-decoration:underline; opacity:0.6; }
.main-corp .corp-copyright { margin:1.5rem 0 3.4rem; font-size:var(--fontSz1); line-height:2rem; text-transform:uppercase; }
.main-corp .corp-copyright:not([data-intro-ani]), .main-corp .corp-copyright.ui-ani-appear { opacity:.6; }
.main-corp .corp-sname > .sname { display:block; margin-bottom:5.4rem; font-family:var(--fontF); font-weight:var(--fontWg1); font-size:var(--fontSz6); line-height:2.4rem; text-transform:uppercase; }
.main-corp .corp-sname > .sname img { height:1.3rem; }
.main-corp .corp-sname button[data-toggle="btn"] { position:relative; width:2.4rem; height:2.4rem; font-size:1px; color:transparent; }
.main-corp .corp-sname button[data-toggle="btn"]::before { content:'\e813'; position:absolute; left:0; top:0; line-height:1; font-size:var(--fontSz2); color:#7feab8; font-family:var(--fontIco); }
.main-corp .corp-sname.active button[data-toggle="btn"]::before { transform:rotate(180deg); }
.main-corp .corp-colins { display:none; position:relative; padding:5.4rem 2.2rem 13.6rem 5.2rem; margin:0 -2.2rem -12rem -5.2rem; font-size:var(--fontSz4); line-height:2.4rem; background:url('../../img/b/main/bg-footer.png') center top no-repeat; background-size:100% auto; }
.main-corp .corp-colins dt { margin:0 0 4rem; font-size:3.2rem; line-height:4.4rem; }
.main-corp .corp-colins dt strong { display:block; margin-top:var(--spc2); }
.main-corp .corp-colins dt .sname { display:block; font-family:var(--fontF); font-size:var(--fontSz5); line-height:1.7rem; font-weight:var(--fontWg1); text-transform:uppercase; }
.main-corp .corp-colins dd { margin-top:1.6rem; }
.main-corp .corp-colins dd.point { font-weight:var(--fontWg1); font-size:var(--fontSz6); line-height:3.2rem; color:var(--colorCOM2); }
.main-corp .corp-colins .go { margin-top:calc(var(--vh) * 20); min-width:12.7rem; padding:1.3rem 2.4rem; display:inline-block; font-weight:var(--fontWg1); font-size:var(--fontSz5); line-height:1.6rem; color:var(--brand-font2); background-color:var(--colorCOM2); border-radius:2.1rem; text-align:center; }

.brc-lab { --brand-color2:var(--colorBCB2); --brand-font2:var(--colorB); }
.brc-idea { --brand-color2:var(--colorBCB2); --brand-font2:var(--colorB); }
.brc-gift { --brand-color2:#e129a3; --brand-font2:var(--colorW); }
.brc-hero { --brand-color2:var(--colorBCB2); --brand-font2:var(--colorW); }

/********** ABOUT **********/
.about-alice .header { background-color:transparent }
.about-title1 { position:relative; text-align:center; margin-top:calc(var(--headHgt) + 5.6rem); }
.about-title1 .about-title1 { height:6rem; }
.about-title2 { font-size:3.2rem; line-height:4.4rem; font-weight:var(--fontWg4); margin:9.2rem 0 var(--spc8); padding-left:var(--spc4); }
.about-title2 + .img1 { margin-top:var(--spc8); }
.about-img1 { position:absolute; top:0; width:100%; height:100%; font-size:0; }
.about-txt2 + .about-img2 { margin-top:9.2rem; }
.about-img2 { margin:4rem 0 var(--spc8); width:100%; aspect-ratio:1 / 0.560897; border-radius:1.6rem; overflow:hidden; max-width:93.6rem; }
.about-img3 { position:relative; margin-top:var(--spc6); aspect-ratio:1 / 1.525423; }
.about-img3 img { max-width:none; width:100%; }
.about-txt1 { position:absolute; left:4rem; bottom:10.7rem; font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg1); }
.about-txt2 { width:70%; font-size:var(--fontSz4); line-height:2.4rem; font-weight:var(--fontWg3); margin-left:auto; }
.about-txt2 p + p { margin-top:var(--spc6); }
.about-txt3 { font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg1); }
.about-txt4 { font-size:var(--fontSz5); line-height:2.4rem; font-weight:var(--fontWg3); margin-top:var(--spc6); }
.about-txt4 p + p { margin-top:var(--spc6); }
.about-txt4 p.strong { margin-top:var(--spc7); font-size:var(--fontSz6); line-height:2.4rem; font-weight:var(--fontWg1); }
.about-section1 { position:relative; background:url("../../img/b/main/about-img1.png") bottom center no-repeat; background-size:cover; height:78rem; /*height:calc(var(--vhfix) * 100);*/ overflow:hidden; margin:calc((var(--headHgt) + var(--safe-top)) * -1) var(--spc6-m) 0;}
.about-section1::before { content:''; position:absolute; top:0; right:0; bottom:0; display:block; width:36rem; background:url("../../img/b/main/about-img2.png") 100% 100% no-repeat; background-size:36rem auto; }
.about-section1 .main-deco { top:50%; z-index:10; }
.about-section1 .next-cont { position:absolute; left:4.5rem; bottom:4.5rem; font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg1); }
.about-section1 .next-cont { width:2.4rem; height:2.4rem; border:solid 1px #fff; border-width:0 1px 1px 0; transform:rotate(45deg);}

.about-section2 { padding-bottom:9.6rem; }

.about-section3 { position:relative; width:100vw; min-height:105.5rem; margin:0 var(--spc6-m) 0; padding-top:9.6rem; background-image:linear-gradient(to bottom, #111c38 60%, #051b52); }
.about-section3::before { content:''; position:absolute; display:block; width:100%; aspect-ratio:1 / 1.324074; background:url("../../img/b/main/about-img7.png") no-repeat center; background-size:cover; top:21.611374%; }
.about-section3 .about-title2 { padding-left:5rem; margin-top:0; }
.about-section3 .about-universe { margin:0 0 11.08rem 0; overflow:hidden; }
.about-section3 .about-txt2 { padding:152% var(--spc6) 0 0; }

.about-section4 .about-txt4 { color:var(--colorWO6); }
.about-section4 .about-ins { position:relative; padding-left:43.269230%; margin-top:8rem; }
.about-section4 .about-ins .about-title3 { position:absolute; left:5.2rem; bottom:-6rem; transform:rotate(-90deg); transform-origin:left center; font-family:var(--fontF); font-size:10rem; color:var(--brand-color-old); font-weight:var(--fontWg1); line-height:12rem; white-space:nowrap; }
.about-section4 .about-ins + .about-ins { margin-top:10rem; }

.about-section5 { position:relative; height:78rem; margin:9.6rem var(--spc6-m) 0; }
[class*="wrap-slider9"] .pagination-bullets > button.active:before { background-color:var(--brand-color2); }
.about-section5 .slide-control  { position:absolute; bottom:6.4rem; left:0; right:0; }
.about-section5 .wrap-slider-list9  { height:100%; z-index:11; }
.about-section5 .list-slide9 { height:100%; }
.about-section5 .list-slide9 .item { background:var(--el-tab-bg); color:var(--brand-font1); width:100%; padding:12.8rem 0 0; }
.about-section5 .list-slide9 .item:before { content:""; position:absolute; top:0; left:0; width:100%; height:19rem; background:var(--brand-color11); }
.about-section5 .list-slide9 .item .deco { position:relative; width:100vw; height:6.8rem; overflow:hidden; margin:-0.2rem 0; }
.about-section5 .list-slide9 .item .deco-txt { position:absolute; height:100%; overflow:hidden; white-space:nowrap; }
.about-section5 .list-slide9 .item .txt-in { font-family:var(--fontF); font-weight:var(--fontWg1); font-size:0; line-height:0; height:6.8rem; }
.about-section5 .list-slide9 .item .deco-txt .txt1 { -webkit-text-stroke:1px var(--brand-font1); color:transparent; font-size:6.7rem; padding:0 0.6rem; line-height:6.8rem; }
.about-section5 .list-slide9 .item .deco-txt .txt2 { color:var(--brand-font1); font-size:6.7rem; padding:0 0.6rem; line-height:6.8rem; }
.about-section5 .list-slide9 .item .deco .deco-txt-fix { display:block; position:absolute; top:0; left:calc(100vw - 18.9rem); height:6.8rem; background:var(--el-tab-bg); padding:0.9rem 1.6rem; }
.about-section5 .list-slide9 .item .deco .deco-txt-fix-in { display:block; left:1.6rem; font-family:var(--fontF); font-size:3.2rem; line-height:5rem; font-weight:var(--fontWg1); background:var(--brand-color2); color:var(--brand-font2); border-radius:5rem; padding:0 3.2rem; z-index:2; white-space:nowrap; }
.about-section5 .list-slide9 .item .deco .txt-in { display:inline-flex; align-items:center; will-change:transform; }
.about-section5 .list-slide9 .item .deco:nth-child(1) .txt-in { animation:marquee 15s linear infinite; }
.about-section5 .list-slide9 .item .deco:nth-child(2) .txt-in { animation:marquee 20s linear infinite reverse; }
.about-section5 .list-slide9 .item .deco:nth-child(3) .txt-in { animation:marquee 10s linear infinite; }
.about-section5 .list-slide9 .item.brand-drive { --brand-font2:#000; }
.about-section5 .list-slide9 .item.brand-drive:before { --brand-color11:linear-gradient(to bottom, #9effbc, #0e104a ); opacity:0.6; }
.about-section5 .list-slide9 .des { font-size:var(--fontSz2); line-height:3.2rem; font-weight:var(--fontWg3); padding:0 4rem; margin-top:4.4rem; }
.about-section5 .list-slide9 .des2 { font-size:var(--fontSz4); line-height:2.4rem; font-weight:var(--fontWg3); margin-top:3.2rem; padding:0 4rem; }
.about-section5 .list-slide9 .des2::before { content:''; display:block; width:2rem; height:2px; background:var(--brand-font1); margin-bottom:2rem; }

@keyframes marquee {
	from {transform: translateX(0);}
	to {transform: translateX(-100%);}
}
/* 230612 삭제(s) */
/* .about-section6 { min-height:78rem; margin:0 var(--spc6-m) var(--spc7-m); padding:9.2rem 5rem 88%; background:url("../../img/b/main/about-img8.jpg") bottom center no-repeat; background-size:100% auto; }  */
/* //230612 삭제(e) */

.about-section6 .about-cap { font-family:var(--fontF); font-size:var(--fontSz1); line-height:1.4rem; font-weight:500; color:var(--brand-color2); }
.about-section6 .about-title2 { font-size:3.2rem; line-height:4.4rem; font-weight:var(--fontWg4); color:var(--brand-color2); margin:1.2rem 0 var(--spc8); padding-left:0; }
.about-section6 .logo2 { height:1.3rem; margin-top:2rem; }

/* 230523 추가 */
.btn-playList { position:relative; display:block; margin-bottom:2.4rem; font-size:1.6rem; color:#fff; font-weight:bold;}
.btn-playList::after { content:''; position:absolute; top:0; right:-1.6rem; z-index:5; width:2rem; height:2rem; background:url('../../img/b/hrt/hrt-arrow_right.png') no-repeat 0 0; background-size: 100%; }

/* 230612 수정, 추가 : special thanks*/
.about-section6 { min-height:40rem; margin:0 var(--spc6-m) var(--spc7-m); padding:9.2rem 5rem 20%; background:none; }
.about-section7 { position:relative; left:-2.4rem; width:calc(100% + 4.8rem); padding-bottom:5.4rem; }			
/* .about-section7 .block-container { width:100%; max-width:60rem; margin:auto; overflow:visible; }
.about-section7 .block-wrap { width:100%; min-height:32rem; position:relative; overflow:scroll;touch-action:pan-y;}
@media (min-width:320px) { .block-wrap { overflow: hidden; } }
.about-section7 .block-wrap-inner { width:auto; position:absolute; top:0; left:0; white-space:nowrap; touch-action:pan-y;}
.about-section7 .block { width:63rem; display:inline-block; }
.about-section7 .slidebar { margin:auto; position:relative; bottom:0; left:0; width:calc(100% - 10rem);max-width: 300px;height:0.6rem; background:rgba(0,0,0,0.16); margin-bottom:8rem; border-radius:0.3rem; }
.about-section7 .slidebar span { position:absolute; width:20px; height:20px; top:50%; transform:translateY(-50%); background: #fff; border-radius:50%; cursor:pointer; }
.about-section7 .slidebar .moving { position:absolute; top:50%; transform:translateY(-50%); height:6px; border-radius:0.3rem; background:#fee90f; left:0;}  */





/* 아래부터 피버확인 */
/* 메인 테마 변경  */
#wrap > .container { padding:2.4rem var(--spc8) var(--spc8); }
.area-theme { position:relative; margin-bottom:2.8rem; margin-left:-2rem; padding:1.6rem 2.4rem; border-radius:3.2rem; background-color:rgba(0,0,0,0.24); box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.4); width:calc(100% + 4rem); }
.area-theme .tit { position:relative; padding-left:3rem; font-size:1.6rem; font-weight:var(--fontWg1); line-height:1; }
.area-theme .tit::before { content:''; position:absolute; left:0; top:-0.4rem;; width:2.4rem; height:2.4rem; font-size:1.6rem; font-weight:var(--fontWg1); background:url(../../img/b/main/ico-pallet.png) no-repeat 0 0; background-size:100%;}
.area-theme .theme { display:inline-block; position:absolute; right:2.4rem; top:50%; transform:translateY(-50%); padding:0.7rem 1.1rem 0 1.3rem; box-sizing:border-box; width:4.8rem; height:2.8rem; border-radius:1.4rem; background-color:rgba(255,255,255,0.3); margin-left:auto;}
.area-theme .theme .toggle-circle { position:absolute; top:0.2rem; left:0.2rem; display:inline-block; width:2.4rem; height:2.4rem; border-radius:50%; background-color:var(--brand-color1); font-size:0; }
.area-theme .theme .toggle-txt { color:#000; font-size:1.3rem; line-height:1.6rem; vertical-align:top; }

/* 240110 추가 : 메인 회사정보 영역 */
.main-corp .corp-bin.compliance { margin-top:2rem; font-size:1.2rem; font-weight:400; opacity:0.6; }

/* 240508 추가 : PLAY ALICE 바로가기 */
.link-play-alice { position:relative; display:block; overflow:hidden; padding:2rem 2.4rem; margin:0 -2rem 4rem; border-radius:1.6rem;  background-image:radial-gradient(circle at 93% 95%, #550ad9,#7fc9ea 87%); box-shadow:1.6rem 1.6rem 3.2rem 0 rgba(0, 0, 0, 0.4); } 
.link-play-alice p.text { position:relative; display:inline-block; color:var(--colorW); font-size:1.4rem; font-weight:700; line-height:1; }
.link-play-alice .hand-image { position:absolute; right:1.2rem; top:0; width:6rem; }
.link-play-alice .hand-image img { vertical-align:top; }
.link-play-alice p.text::after { content:'\e82e'; position:absolute; top:-0.3rem; right:-2.2rem; font-weight:var(--fontWg2); display:inline-block; font-family:var(--fontIco); font-size:var(--fontSz6); height:2rem; color:var(--colorW); line-height:1; }
.main-asmr.add-prod dd { position:absolute; left:0; right:0; bottom:auto; top:2.9rem; min-height:2.8rem; margin-top:auto; font-size:var(--fontSz5); line-height:1.29; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }

/* 240513 추가 : main quick 메뉴 */
.main-asmr dt, 
.main-asmr dd { color:var(--brand-color-quick); }

/* 240731 추가 : 메인 회사정보 영역 */
.main-corp .corp-policy  { margin-top:2rem; font-size:1.4rem; font-weight:700; }
.main-corp .corp-terms { margin-top:2rem; font-size:1.4rem; font-weight:400; }
.main-corp .corp-terms a { display:inline-block; margin-right:1.65rem; }

/* 241202 추가 : ISMS인증마크 추가 */
.corp-bin.flex { display:flex; }
.corp-bin.flex .ico-isms { margin-left:2.1rem; }
.corp-bin.flex .ico-isms img { height:3.6rem; }





/******************** 개편 ********************/
/* 레이아웃 */
#wrap > .container[data-type="main"] { padding:2rem 0 4rem 0; }

/* 섹션 메인 영역 */
[class*="sec-main"]:not(:first-child) { margin-top:8rem; }
.sec-main-slide + [class*="sec-main"] { margin-top:-3.2rem; padding-top:3.2rem; }
.sec-main-slide:after { content:""; position:absolute; bottom:calc(-40rem + 3.2rem); left:0; width:100%; height:40rem; border-radius:3.2rem 3.2rem 0 0; background-image:linear-gradient(to top, #051b52 5%, #00103b 97%); background-repeat:no-repeat; background-position:center 0; background-size:100% 100%; }
[class*="sec-main"] { position:relative; padding:0 2.4rem; }
[class*="sec-main"] .c-head4 { margin:0 !important; }
[class*="sec-main"] .c-head4 + * { margin-top:2rem; }
[class*="sec-main"] .c-title4 { font-weight:bold; }
[class*="sec-main"] .c-title4 a { display:block; background:url("../../img/b/main/arrow-sec-title.png") no-repeat right center; background-size:2rem; }

/* 영상으로 뿌시기 */
.main-asmr li > a { box-shadow:none; }
.main-asmr li .bg { position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; }

/* 메인 슬라이드 */
.sec-main-slide { padding:0; }
.list-slide-main { height:45.2rem; }
.list-slide-main > li { height:100%; }
.list-slide-main > li .img { position:absolute; top:0; left:0; width:100%; height:100%; }
.list-slide-main > li img { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); }
.list-slide-main > li .des { display:flex; flex-wrap:wrap; align-content:flex-start; position:relative; padding:2.6rem 2.7rem; height:100%; }
.list-slide-main > li .fc-point { width:100%; color:var(--brand-title) !important; line-height:7.8rem; font-family:var(--fontF); font-size:7.2rem; font-weight:var(--fontWg4); }
.list-slide-main > li .txt { margin-top:2.6rem; width:100%; min-height:10.8rem; color:var(--brand-txt); line-height:3.6rem; font-size:2.8rem; font-weight:var(--fontWg4); }
.list-slide-main > li .btn-cmf { margin-top:5rem; width:auto; color:var(--brand-btn-txt); background:var(--brand-btn-bg); }
.wrap-slider-list-main > [data-slider] .slide { transition-property:opacity; }
.list-slide-main > li .img { opacity:0; transform:scale(1.1) translateY(1rem); transition:opacity 0.3s ease-out 0s, transform 10s ease-out 0s; }
.list-slide-main > li .des > * { opacity:0; transform:translateX(-3rem); transition:all 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0s; }
.list-slide-main > li:not(.active) { pointer-events:none; }
.list-slide-main > .active .img { opacity:1; transform:scale(1) translateY(0); transition:opacity 0.7s ease-out 0.3s, transform 5s ease-out 0.3s; }
.list-slide-main > .active .des > * { opacity:1; transform:translateX(0); transition:all 0.8s cubic-bezier(0, 0, 0.2, 1) 0.3s; }
.list-slide-main > .active .des > *:nth-child(1) { transition-delay:0.7s; }
.list-slide-main > .active .des > *:nth-child(2) { transition-delay:0.9s; }
.list-slide-main > .active .des > *:nth-child(3) { transition-delay:1.1s; }
.wrap-slider-list-main .slide-control { position:absolute; bottom:6rem; right:3.5rem; }
.wrap-slider-list-main .pagination-bullets > button + button { margin-left:0.5rem; }
.wrap-slider-list-main .pagination-bullets > button { margin:0; width:0.8rem; height:0.8rem; transition:all 0.2s ease 0s; }
.wrap-slider-list-main .pagination-bullets > button:before { top:0; left:0; margin:0; width:100%; height:100%; }
.wrap-slider-list-main .pagination-bullets > button.active { width:2rem; }
.wrap-slider-list-main .pagination-bullets > button.active:before { border-radius:3.5rem; background:var(--brand-title); }
.wrap-slider-list-main .pagination-ctrl { overflow:hidden; position:absolute; left:3.0rem; top:2.0rem; width:1px; height:1px; font-size:1px; line-height:1.0rem; opacity:0; }

/* 베스트보험 */
.sec-main-best { padding:0 2rem; }
.main-list.ty-s + .main-list.ty-s { margin-top:2rem; }
.main-list.ty-s { margin:0; }
.main-list.ty-s > .li-wrap { aspect-ratio:1 / 0.625; width:auto; box-shadow:none; background:none; -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); }
.main-list.ty-s > .li-wrap:before { content:''; position:absolute; bottom:10%; right:6.25%; width:4.8rem; height:3.2rem; background:url('../../img/b/main/icon-main-list-arrow.png') 0 0 no-repeat; background-size:contain; }
.main-list.ty-s > .li-wrap:after { display:none; }
.main-list.ty-s > .li-wrap .bg { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1; }
.main-list.ty-s > .li-wrap dl { padding:10%; }
.main-list.ty-s > .li-wrap dt { display:none; }
.main-list.ty-s > .li-wrap dd { margin:0; }
.main-list.ty-s > .li-wrap dd .cap { line-height:2rem; font-size:1.6rem; }

/* 전체상품 */
.sec-main-products { padding:0 0 0 3.2rem; }
.sec-main-products > .c-head4 { padding-right:2.4rem; }
.tab2.ty-category:before { display:none; }
.tab2.ty-category[data-sticky="top"] { position:sticky !important; top:calc(var(--safe-top) + var(--headHgt)) !important; transition-delay:0s !important; }
.sc-down .tab2.ty-category[data-sticky="top"] { top:calc(var(--safe-top) + 2rem) !important; }
.tab2.ty-category { margin:2rem 0 0 -3.2rem; padding:0; }
.tab2.ty-category ul { margin:0; padding:0 2.8rem; overflow-x:auto; overflow-y:hidden; }
.tab2.ty-category .tab-item + .tab-item { margin-left:0.6rem; }
.tab2.ty-category .tab-item { flex:auto !important; border-radius:2rem; background:rgba(5, 27, 82, 0.95); }
.tab2.ty-category .tab-item a { display:block; padding:0 1.5rem !important; height:auto; line-height:3.9rem; font-family:var(--fontF); font-weight:bold; white-space:nowrap; border-radius:2rem; border:1px solid #fff; opacity:0.5; transition:all 0.2s cubic-bezier(0, 0, 0.2, 1) 0s; }
.tab2.ty-category .tab-item.active a { color:var(--brand-color2) !important; border-color:var(--brand-color2); background:rgba(0,0,0,0.2) !important; opacity:1; }
.sec-category + .sec-category { margin-top:3.4rem; }
.sec-category { padding-top:4.6rem; }
.sec-category .c-title4 { line-height:2.6rem; font-size:2.2rem; }
.sec-category .c-title4 strong { display:block; margin-bottom:0.8rem; color:var(--brand-color2); line-height:2.3rem; font-size:1.9rem; font-family:var(--fontF); }
.list-category-product { margin-top:3.2rem; }
.list-category-product > li { border-bottom:1px solid rgba(255,255,255,0.16); background-repeat:no-repeat; background-position:right bottom; background-size:auto 100%; }
.list-category-product > li > a { display:flex; flex-direction:column; justify-content:center; min-height:11rem; }
.list-category-product > li .tit { display:block; line-height:2.2rem; font-size:1.8rem; }
.list-category-product > li .tit > * { vertical-align:0.1rem; }
.list-category-product > li .tit .rank { display:inline-block; margin-right:0.5rem; color:var(--brand-color2); line-height:2rem; font-size:1.4rem; }
/* .list-category-product > li:not(:first-child) .tit .rank { opacity:0.6; } */
.list-category-product > li .tit > [class*="flag"] { margin-left:0.5rem; }
.list-category-product > li .txt { display:block; margin-top:1.2rem; color:#fff; line-height:1.9rem; font-size:1.5rem; opacity:0.8; }
.flag-txt11 { display:inline-block; border-radius:0.85rem; padding:0.1rem 0.6rem 0 0.6rem; color:#000; line-height:1.7rem; font-size:1.1rem; font-weight:var(--fontWg1); background-color:#fff; text-align:center; }

/* 호구 */
.main-list.ty-etc { margin:0; }
.main-list.ty-etc > .li-wrap { aspect-ratio:1 / 0.76925; width:auto; border-radius:7%; box-shadow:none; }
.main-list.ty-etc dl { padding:2.4rem; color:inherit; }
.main-list.ty-etc dt { line-height:2.6rem; font-size:2rem; font-weight:bold; font-family:inherit; }
.main-list.ty-etc .btn-cmh { background:var(--brand-color2) !important; }

/* 영상 (퀵메뉴) */
.sec-main-play .main-asmr { margin-left:-2.4rem; margin-right:-2.4rem; padding:0 2.4rem; }

/* 기타메뉴 (실험실,이벤트,설문,ESG) */
.list-category-etc { display:flex; flex-wrap:wrap; position:relative; left:-0.8rem; margin:1.2rem 0 -0.8rem 0 !important; width:calc(100% + 1.6rem); }
.list-category-etc > li { padding:0.8rem; }
.list-category-etc > li a { display:block; padding:2rem; height:10.4rem; border-radius:2.4rem; background-color:var(--bg-color); background-image:var(--img-url); background-repeat:no-repeat; background-position:right bottom; background-size:cover; overflow:hidden; }
.list-category-etc > li .tit { display:block; line-height:2.4rem; font-size:2rem; font-weight:bold; }
.list-category-etc > li .txt { display:block; margin-top:0.6rem; line-height:1.8rem; font-size:1.4rem; font-weight:300; }

/* top */
.sc-down .side-top { top:calc((var(--safe-top))); }
.side-top { position:fixed; top:calc(var(--safe-top) + var(--headHgt)); left:0; padding:1.2rem; width:100%; text-align:center; z-index:1; transition:top 0.3s; }
.btn-top { --size:4.8rem; display:inline-block; width:var(--size); height:var(--size); border-radius:50%; background:rgba(5, 27, 82, 0.95) url("../../img/b/main/icon-top.svg") no-repeat center; background-size:100%; vertical-align:top; opacity:0.8; }

/* 하단 배너 */
.btm-banner { position:fixed; bottom:12.6rem; left:4rem; width:calc(100% - 8rem); padding:1px; border-radius:2.5rem; background:linear-gradient(to left, #ffb100, #47f067 55%, #fa7bff); box-shadow:1.2rem 1.2rem 2rem 0 rgba(0,0,0,0.4); z-index:10; }
.btm-banner-layer { position:relative; border-radius:2.5rem; background:rgba(0,0,0,0.8); }
.btm-banner-layer:before { content:""; position:absolute; top:50%; right:2rem; margin-top:0.4rem; border:0.6rem solid transparent; border-top-width:1rem; border-top-color:#fff; transform:translateY(-50%); }
.btm-banner-layer > a { display:flex; align-items:center; padding:0 4.8rem 0 2.3rem; min-height:4.8rem; line-height:2rem; font-size:1.6rem; font-weight:bold; }

.btm-banner[data-ani="on"] { animation:lightSpin var(--speed) linear; }
@property --rotate { syntax:"<angle>"; initial-value:-360deg; inherits:false; }
@keyframes lightSpin {
	0% {
		--rotate:-240deg;
		background:linear-gradient(var(--rotate), #ffb100, #47f067, #fa7bff);
		opacity:0.9;
	}
	100% {
		--rotate:600deg;
		background:linear-gradient(var(--rotate), #ffb100, #47f067 55%, #fa7bff);
	}
}

/* footer */
.container[data-type="main"] .main-corp { margin:8rem 0 0 0; padding:0 0 8rem 3.2rem; }
/******************** //개편 ********************/