/* common */
.wrap.s_wrap.on{position:relative; }

.pop_ctn {display:none;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.pop_ctn .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.9; }
.pop_ctn .close { position: absolute; top: -42px; right: -42px;font-weight: bold; font-size: 16px; color: #fff; cursor: pointer; }
.pop_ctn .close i { display: inline-block; font-size: 40px;}
.pop_ctn .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 1000px; }
.pop_ctn .box .scroll_box {}
.pop_ctn figure{text-align: center;  max-height: 650px; overflow-y: auto; border-radius: 20px 5px;	}
.pop_ctn figure img {max-width: 1000px; }

@media (max-width: 1000px){
	.pop_ctn .close{width: 40px; height: 40px;top: 0; right: 0; background: var(--pColor); border-radius: 10px 4px;}
	.pop_ctn figure{max-height: 500px;}
}

.flex_box{display:flex}
.flex_box.ac{align-items:center}
.sPad{padding: 150px 0 280px;}
.s_tit{text-align: center; margin-bottom:205px;}
.s_tit h2{position:relative; font-weight:bold; font-size:65px; color: #fff;}
.s_tit h2::after{content:""; position:absolute; bottom: -118px; left: 50%; transform:translateX(-50%); width: 1px; height: 20px; background: #fff;}
.s_tit h2::before{content:""; position:absolute; bottom: -118px; left: 50%; transform:translateX(-50%); width: 1px; height: 65px; background: #3E3E3E;}

.s_tit.cw h2{color: #000;}
.s_tit.cw h2::after{background: #000;}
.s_tit.cw h2::before{background: #E1E1E1;}

.sv{position:relative; height: 710px;}
.sv .txt{position:absolute; top: 50%; left: 50%; width: 100%; max-width: 1600px; transform:translate(-50%,-50%);}
.sv .txt p{font-weight:500; font-size:20px; color: #fff;}
.sv .txt h2{font-family: 'Saira', sans-serif; font-weight: 500; font-size:107px; letter-spacing:-0.04em; color: #fff;}
.lnb{display:flex; align-items:center; position:relative; margin-top: -100px; z-index: 100; background: #000; width: 100%; max-width: 1760px; margin-left: auto; padding-left: 40px; box-sizing:border-box;}
.lnb::before{content:""; position:absolute; bottom: 0; left: 40px; width: 100%; max-width: 1500px; height: 1px; background: #2B2B2B;  box-sizing:border-box;}
.lnb .depth01{}
.lnb > nav{position:relative; width: 260px; margin-right: 80px;}
.lnb > nav::before{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background: var(--pColor); transition:0.8s}
.lnb > nav > p{position:relative; font-weight:500; font-size:18px; color: #fff; opacity: 0.5; line-height: 100px; cursor: pointer; transition:0.8s}
.lnb > nav > p i{position:absolute; top: 50%; right: 0; transform:translateY(-50%);}
.lnb > nav ul{display:none; position:absolute; top: 100px; background: #fff; width: 100%; border-radius: 0px 0px 10px 10px; padding: 12px 20px; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);}
.lnb > nav ul li{}
.lnb > nav ul li a{display:inline-block; width: 100%; padding: 8px 0; font-weight:300; font-size:16px; color: #666;}
.lnb > nav ul li a br { display:none;}

.sv .txt{animation:topUp 1.2s 0.2s both}

.black{background: #000;}

/* 탭 */
.tab{display:flex}
.tab.i4 li{width: 25%;}
.tab.i7 li{width: 14.2857%;}
.tab li a{display:flex; align-items:center; justify-content:center; width: 100%; height: 60px; font-weight:400; font-size:16px; color: #ccc; border:1px solid #3E3E3E; border-right: none; line-height: 1;}
.tab li.on a{background: var(--pColorWhite); font-weight:600; color: #fff;}
.tab li:last-of-type a{border-right: 1px solid #3e3e3e;}

.tab.cw li a{color: #8B8B8B; border:1px solid #E9E9E9; border-right: none;}
.tab.cw li.on a{background: var(--pColor); color: #fff;}
.tab.cw li:last-of-type a{border-right: 1px solid #E9E9E9;}
/* 인사말 */
.greeting{}
.greeting figure{width: 623px;}
.greeting .txt{width: calc(100% - 623px); padding-left: 60px;}
.greeting .txt h2{font-weight:200; font-size:55px; color: #fff; margin-bottom:40px;}
.greeting .txt h2 span{color: var(--pColor); font-weight:700;}
.greeting .txt > p{font-size:18px; line-height: 1.72em; color: #fff; opacity: 0.8; margin-bottom:30px;}
.greeting .txt > p:last-of-type{margin-bottom:0;}
.greeting .txt .sign{margin-top: 85px;}
.greeting .txt .sign p{display:flex; align-items:center; font-size:17px; color: #fff;}
.greeting .txt .sign p span{font-weight:700; margin: 0 10px;}

/* 연혁 */
.history{}
.history .info{}
.history .info dl{position:relative; display:flex; padding-bottom:150px;}
.history .info dl::after{content:""; position:absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #E9E9E9; z-index: -1; transform:translateX(-50%);}
.history .info dl:first-of-type::after{top: 69px; height: calc(100% - 69px);}
.history .info dl:last-of-type{padding-bottom:0;}
.history .info dl dt{width: 50%; font-weight: 200; font-size:65px; line-height: 1.46; color: #222;}
.history .info dl dt span{font-weight:700; color: var(--pColorWhite);}
.history .info dl dd{width: 50%; margin-left: -3px;}
.history .info dl dd > ul{margin-top: 45px;}
.history .info dl dd > ul > li{padding-bottom:100px;}
.history .info dl dd > ul > li:last-of-type{margin-bottom:0;}
.history .info dl dd > ul > li > span{position:relative; font-weight:700; font-size:40px; color: var(--pColorWhite); padding-left: 50px;}
/* 230512 */
.history .info dl dd > ul > li > span { color: #222; }
.history .info dl dd > ul > li > span::before{content:""; position:absolute; top: 50%; left: 0; width: 7px; height: 7px; background:var(--pColorWhite); border-radius:50%; transform:translateY(-50%);}
.history .info dl dd > ul > li > ul{padding-left: 50px; margin-top: 25px;}
.history .info dl dd > ul > li > ul > li{position:relative; padding-left: 14px; font-weight:300; font-size:18px; color: #666; margin-bottom:20px;}
.history .info dl dd > ul > li > ul > li:last-of-type{margin-bottom:0;}
.history .info dl dd > ul > li > ul > li::before{content:""; position:absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #A5A5A5; border-radius:50%}
.history .info dl dd > ul > li > ul > li figure{margin-top: 15px;}
/* 수상내역소개 */
.awards{}
.awards .cont{margin-top: 80px;}
.awards .cont .list{display:flex; flex-wrap:wrap;}
.awards .cont .list .item{position:relative; width: calc((100% - 120px) / 4); margin-right: 40px; margin-bottom:80px;}
.awards .cont .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.awards .cont .list .item:nth-of-type(4n),
.awards .cont .list .item:last-of-type{margin-right: 0;}
.awards .cont .list .item figure{position:relative; padding-bottom:128.618%; overflow: hidden; border-radius: 20px 5px; border:1px solid #e3e3e3}
.awards .cont .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; max-height: 100%; height: 100%;}
.awards .cont .list .item .txt{margin-top: 25px;}
.awards .cont .list .item .txt h3{font-weight:600; font-size:20px; color: #E1E1E1;}
.awards .cont .list .item .txt p{margin-top: 10px; font-weight:300; font-size:17px; color: #BCBCBC;}

/* ci 소개 */
.ci{}
.ci .move_txt_ani{padding: 0 0 110px; overflow: hidden;}
.ci .move_txt_ani figure{transform:translateX(-100%); transition:1.8s; text-align: center;}
.ci .move_txt_ani figure.right{transform:translateX(100%);}
.ci .move_txt_ani.on figure{transform:translateX(0);}

.ci .txt{text-align: center; margin-bottom:110px;}
.ci .txt h3{font-weight:200; font-size:45px; line-height: 1.56em; color: #e9e9e9;}
.ci .txt h3 b{font-weight:600;}
.ci .txt p{font-size:17px; line-height: 1.88; color: #bcbcbc; margin-top: 25px;}
.ci .txt p b{color: var(--pColor); font-weight:400;}
.ci .ci_box{display:flex; align-items:center;background:url(/img/sub/ci_bg.svg) 50% 50% / cover no-repeat; min-height: 297px; margin-bottom:150px;}
.ci .ci_box figure{position:relative; width: 50%; text-align: center;}
.ci .ci_box figure::after{content:""; position:absolute; top: 50%; right: 0; width: 1px; height: 64px; background: #4A4A4A; transform:translateY(-50%);}
.ci .ci_box figure:last-of-type::after{display:none; }
.ci .ci_color{}
.ci .ci_color h3{font-family: 'Saira'; font-weight:600; font-size:30px; color: #fff; margin-bottom:60px;}
.ci .ci_color .flex_box{display:flex}
.ci .ci_color .flex_box .item{display:flex; align-items:center; width: calc(50% - 25px); margin-right: 50px;}
.ci .ci_color .flex_box .item:last-of-type{margin-right: 0;}
.ci .ci_color .flex_box .item .color_box{width: 245px; height: 245px; background: var(--pColor); border-radius:10px}
.ci .ci_color .flex_box .item:nth-of-type(2) .color_box{background: #b1b1b1;}
.ci .ci_color .flex_box .item .info{padding-left: 52px;}
.ci .ci_color .flex_box .item .info h4{font-family: 'Saira'; font-weight:500; font-size:22px; color: #fff; padding-bottom:15px; border-bottom: 1px solid #3E3E3E; margin-bottom:30px;}
.ci .ci_color .flex_box .item .info ul{display:flex; flex-wrap:wrap;}
.ci .ci_color .flex_box .item .info ul li{font-family: 'Saira'; width: 50%; color: #BCBCBC;  font-weight:300; font-size:16px; margin-bottom: 33px;}
.ci .ci_color .flex_box .item .info ul li:nth-of-type(n + 3){margin-bottom:0;}
.ci .ci_color .flex_box .item .info ul li span{font-family: 'Saira'; display:block; font-weight:500; font-size:18px; color: #e1e1e1; margin-bottom:10px;}



/* 리더쉽 */
.leadership{}
.leadership .cont{margin-top: 80px;}
.leadership .cont .list{display:flex; flex-wrap:wrap; gap: 0 60px}
.leadership .cont .list .item{position:relative; width: calc((100% - 240px) / 5); margin-bottom:80px;}
.leadership .cont .list .item:nth-of-type(5n){margin-right: 0;}
.leadership .cont .list .item .link_icon{position:absolute; right: 8%; top: 3%; width: 50px; height: 50px; border-radius:50%; background: var(--pColor); text-align: center; z-index: 1; opacity: 0; transition:0.4s}
.leadership .cont .list .item .link_icon i{font-size:18px; color: #fff; line-height: 48px;}
.leadership .cont .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%;}
.leadership .cont .list .item figure{position:relative; padding-bottom: 127%; overflow: hidden; border:1px solid #DEE5EC; border-radius:150px;}
.leadership .cont .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; max-height: 100%; filter: grayscale(1); transition:0.4s}
.leadership .cont .list .item .txt{margin-top: 25px; text-align: center;}
.leadership .cont .list .item .txt h3{font-weight:500; font-size:18px; color: #222;}
.leadership .cont .list .item .txt h3 span{font-weight:600; font-size:25px;}
.leadership .cont .list .item .txt p{font-weight:300; font-size:17px; color: #555; margin-top: 7px;}

/* 리더쉽뷰 */
.leadership_view{}
.leadership_view .flex_box{align-items:flex-start}
.leadership_view .flex_box figure{position:relative; width: 24.3333%; padding-bottom:28%; overflow: hidden; border-radius:300px}
.leadership_view .flex_box figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.leadership_view .flex_box .tit{padding-left: 110px; margin-top: 70px;}
.leadership_view .flex_box .tit h3{font-weight:500; font-size:35px; color: #222;}
.leadership_view .flex_box .tit h3 span{position:relative; top: -3px; font-weight:300; font-size:25px; margin-right: 15px;}
.leadership_view .flex_box .tit p{margin-top: 25px; font-size:60px; color: #222; font-weight:200;}
.leadership_view .flex_box .tit p span{font-family: 'Saira'; color: var(--pColorWhite); font-weight:600;}
.leadership_view .flex_box .tit p b{font-weight:600;}
.leadership_view .cont{width: 75.6667%; padding-left: 110px; margin-top: -200px; margin-left: auto;}
.leadership_view .cont .info{display:flex; margin-top: 58px;}
.leadership_view .cont .info .box{width: calc(50% - 130px); background: linear-gradient(135.24deg, #E8EDF2 0%, rgba(242, 243, 247, 0) 100%); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow:30px 30px 45px rgba(15, 41, 107, 0.12); border-radius: 20px 5px; margin-right: 50px; padding: 50px 50px 60px;}
.leadership_view .cont .info .box:last-of-type{width: calc(50% + 80px); margin-right: 0;}
.leadership_view .cont .info .box h4{font-weight:600; font-size:24px; color: #333;}
.leadership_view .cont .info .box ul{margin-top: 30px;}
.leadership_view .cont .info .box ul li{position:relative; padding-left: 13px; font-size:18px; font-weight:300; color: #333; margin-bottom:15px;}
.leadership_view .cont .info .box ul li:last-of-type{margin-bottom:0;}
.leadership_view .cont .info .box ul li::before{content:""; position:absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #A5A5A5; border-radius:50%;}
.leadership_view .cont .info .box p{font-weight:300; font-size:18px; color: #333; line-height: 1.78; margin-top: 26px;} 

/* 글로벌 파트너 */
.partner{}
.partner .map_box{text-align: center;}
.partner .map_box h3{font-weight:200; font-size:45px; line-height: 1.22;}
.partner .map_box h3 span{font-weight:600; color: var(--pColor);}
.partner .map_box figure{margin: 90px 0 95px;}
.partner .map_box figure img{}
.partner .map_box p{font-weight:200; font-size:35px; line-height: 1.57; color: #222;}
.partner .map_box p span{font-weight:600;}
.partner .list_box{display:flex; margin-top: 100px;}
.partner .list_box .item{width: calc((100% - 100px) / 6); margin-right: 20px; padding: 50px; border:1px solid #E9E9E9; border-radius:20px 5px}
.partner .list_box .item:nth-of-type(6n){margin-right: 0;}
.partner .list_box .item h4{font-weight:600; font-size:24px; color: #333;}
.partner .list_box .item ul{margin-top: 30px;}
.partner .list_box .item ul li{position:relative; font-size:18px; margin-bottom:15px; padding-left: 13px;}
.partner .list_box .item ul li:last-of-type{margin-bottom:0;}
.partner .list_box .item ul li::before{content:""; position:absolute; top: 10px; left: 0; width: 3px; height: 3px; background: #A5A5A5; border-radius:50%}

/* 제품 */
.business{position:relative; padding: 40px 0; z-index: 10;}
.business .bg_box{position:relative; width: 100%; height: calc(100vh - 80px); max-width: 1840px; margin: auto; background: #1A1A1A; border-radius:30px; overflow:hidden; transition:1s}
/* .business .bg_box::before{content:""; position:absolute; top: 50%; right: 0; transform:translateY(-50%); background:url(/img/sub/cosmetics_bg_txt.svg) 50% 50% /cover no-repeat; height: 800px; width: 116px;} */
/* .medical .bg_box::before{background:url(/img/sub/medical_bg_txt.svg) 50% 50% /cover no-repeat; height: 783px; width: 131px;}
.all .bg_box::before{background:url(/img/sub/products_bg_txt.svg) 50% 50% /cover no-repeat; height: 838px; width: 116px;} */
.business .bg_box .slide_wrap{position:relative; height: calc(100vh - 80px);}
.business .bg_box .slide_wrap .slide_txt{padding-top: 100px; z-index: 10;}
.business .bg_box .slide_wrap .slide_txt .item h2{font-weight:600; font-size:80px; color: #fff; margin: 15px 0 30px; }
.business .bg_box .slide_wrap .slide_txt .item p{font-weight:300; font-size:18px; color: #bcbcbc; line-height: 1.83;}
.business .bg_box .slide_wrap .slide_txt .item .btn{max-width: 222px; text-align: center; margin-top: 80px;}
.business .bg_box .slide_wrap .slide_txt .item .btn::before{content:""; position:absolute; top: 0; right: 0; width: 0; height: 1px; background: rgba(64, 144, 233, 1); transition:0.8s}
.business .bg_box .slide_wrap .slide_txt .item .btn::after{content:""; position:absolute; top: 0; right: 0; width: 1px; height: 0; background: rgba(64, 144, 233, 1); transition:0.8s}
.business .bg_box .slide_wrap .slide_txt .item .btn a{display:inline-block; vertical-align: top; width: 100%; border: 1px solid rgba(255, 255, 255, 0.5); font-family: 'Saira'; font-weight:500; font-size:18px; letter-spacing:-0.04em; color: #fff; text-transform: uppercase; line-height: 60px;}
.business .bg_box .slide_wrap .slide_txt .item .btn a::before{content:""; position:absolute; bottom: 0; left: 0; width: 0; height: 1px; background: rgba(64, 144, 233, 1); transition:0.8s}
.business .bg_box .slide_wrap .slide_txt .item .btn a::after{content:""; position:absolute; bottom: 0; left: 0; width: 1px; height: 0; background: rgba(64, 144, 233, 1); transition:0.8s}


.business .bg_box .slide_wrap .slide_txt .item .btn a i{margin-left: 47px; position:relative; top: 2px;}
.business .bg_box .slide_wrap .slide_ctn{position:absolute; width: 100%; top: 50%; left: 50%; transform:translate(-50%, -50%);}
.business .bg_box .slide_wrap .slide_ctn figure{display:flex; justify-content:center; align-items:center;}
.business .bg_box .slide_wrap .slide_ctn figure.c1::before{content:""; position:absolute; bottom: 143px; left: calc(50% + 28px); background:url(/img/sub/rolling_txt.svg) 50% 50% /cover no-repeat; width: 130px; height: 130px; z-index: -1; animation:rotate 10s infinite linear}
.business .bg_box .slide_wrap .slide_ctn figure.c2::before{content:""; position:absolute; top: calc(50% - 300px); left: calc(50% + 95px); background:url(/img/sub/rolling_txt.svg) 50% 50% /cover no-repeat; width: 130px; height: 130px; z-index: -1; animation:rotate 10s infinite linear}
.business .bg_box .slide_wrap .slide_ctn figure.c3::before{content:""; position:absolute; top: calc(50% - 283px); left: calc(50% + 22px); background:url(/img/sub/rolling_txt.svg) 50% 50% /cover no-repeat; width: 130px; height: 130px; z-index: -1; animation:rotate 10s infinite linear}
.business .bg_box .slide_wrap .slide_ctn figure.c4::before{content:""; position:absolute; top: 32%; left: 59%; background:url(/img/sub/rolling_txt.svg) 50% 50% /cover no-repeat; width: 130px; height: 130px; z-index: -1; animation:rotate 10s infinite linear}
.business .bg_box .slide_wrap .slide_ctn figure img{max-height: 100%;}
.business .bg_box .right_txt{position:absolute; bottom: 70px; right: 170px; text-align: right;}
.business .bg_box .right_txt p{font-weight:200; font-size:65px; line-height: 1.35; color: #fff;}
.business .bg_box .right_txt p span{font-weight:600; color: var(--pColorWhite);}
.business .bg_box .slide_ui{position:absolute; bottom: 87px; left: 0; display:flex; align-items:center;}
.business .bg_box .slide_ui .dots{display:flex; align-items:center; margin-right: 10px;}
.business .bg_box .slide_ui .dots li span {display: block; width: 6px; height: 6px; border-radius:50%; background: #646464; cursor: pointer; transition:0.4s}
.business .bg_box .slide_ui .dots li.on span {width: 16px; height: 16px; background: transparent; border:3px solid #fff;}
.business .bg_box .slide_ui .progress{display:flex; align-items:center;}
.business .bg_box .slide_ui .progress p{font-weight:500; font-size:14px; font-family: 'Saira'; letter-spacing:-0.04em; color: #e0e0e0;}
.business .bg_box .slide_ui .progress .bar{position:relative; width: 50px; height: 1px; background: #545454; margin-left: 10px;}
.business .bg_box .slide_ui .progress .bar span{position:absolute; top: 0; left: 0; width: 80%; height: 1px; background: #fff; transition:0.4s}

.business .bg_box .slide_ui .progress { display: none; }
.mouseIcon { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; gap: 5px 0; align-items: center; }
.mouseIcon div { width: 20px; height: 30px; border: 1px solid #e0e0e0; border-radius: 10px; position: relative; }
.mouseIcon span { display: block; width: 1px; height: 6px; background: #e0e0e0; position: absolute; top: 6px; left: 50%; transform: translateX(-50%); animation: mouse 1.2s infinite; }
.mouseIcon p { font-weight:500; font-size:12px; font-family: 'Saira'; letter-spacing:-0.04em; color: #e0e0e0; display: none; }
@keyframes mouse {
	0% {
		top: 6px;
	}
	50% {
		top: 14px;
	}
	100% {
		top: 6px;
	}
}


/* 23.08.03 */
.business .bg_box .slide_ui { flex-direction: row-reverse; gap: 0 30px; }
.business .bg_box .slide_ui .dots li { display: flex; align-items: center; cursor: pointer; margin-right: 20px; }
.business .bg_box .slide_ui .dots li p { color: #fff; font-size: 14px; display: none; padding: 2px 16px; border-radius: 15px; color: #1a1a1a; font-weight: 500; margin-left: -16px; background: #e0e0e0; }
.business .bg_box .slide_ui .dots li.on p { display: block; }
.business .bg_box .slide_wrap .slide_ctn,
.business .bg_box .slide_wrap .slide_ctn .slick-list,
.business .bg_box .slide_wrap .slide_ctn .slick-track { height: 100%; }

/* 23.08.21 */
.business .bg_box .slide_ui,
.business .bg_box .slide_ui .dots { flex-direction: column; gap: 30px 0; align-items: flex-start; }
.business .bg_box .slide_ui { gap: 30px 0; }
.business .bg_box .slide_ui .dots { gap: 20px 0; }
.business .bg_box .slide_ui .dots li { margin-right: 0; }

.business .bg_box .slide_wrap .slide_txt .item h2 span{position:relative; }
.business .bg_box .slide_wrap .slide_txt .item.slick-active .logo{animation: fadeDown 0.6s 0.3s cubic-bezier(0.5, 1, 0.89, 1) both;}
.business .bg_box .slide_wrap .slide_txt .item.slick-active h2 span{animation: moveTxt01 1.5s cubic-bezier(0.5, 1, 0.89, 1) both; }
.business .bg_box .slide_wrap .slide_txt .item.slick-active p{animation: fadeUp 1s 1.3s cubic-bezier(0.5, 1, 0.89, 1) both;}
.business .bg_box .slide_wrap .slide_txt .item.slick-active .btn{animation: fadeUp 1s 1.3s cubic-bezier(0.5, 1, 0.89, 1) both;}
.business .bg_box .slide_wrap .slide_txt .item.slick-active .logo { color: #fff; font-size: 2.0rem; margin-bottom:40px;}


.business .bg_box .slide_wrap .slide_txt .item .btn a::before,
.business .bg_box .slide_wrap .slide_txt .item .btn::before{width: 100%;}
.business .bg_box .slide_wrap .slide_txt .item .btn a::after,
.business .bg_box .slide_wrap .slide_txt .item .btn::after{height: 100%;}

.business_view{}
.cursor{position: fixed; top: 0; left: 0; width: 0; height: 0; border-radius: 50%;background-color: transparent; user-select: none; pointer-events: none; z-index: 1000; overflow: hidden; transition: all 0.2s ease-out; background:url(/img/sub/cosmetice_cursor.png) 50% 50% no-repeat;}
.cursor.on{top: -60px; left: -60px; width: 120px; height: 120px;}
/* 230512 */
.cursor.on { width: 90px; height: 90px; background-size: 96% auto; }

.business_view .biz1500{max-width: 1500px; margin: 0 auto;}
.business_view .mb80{margin-bottom:80px;}
.business_view .mb140{margin-bottom:140px;}
.business_view .mb280{margin-bottom:280px;}
.business_view .s_tit h2.sa{font-family: 'Saira'; font-weight:500; text-transform: uppercase;}
.business_view .s_tit h2 span{font-weight: 300;}
.business_view .txt_f35.txt_f65{font-weight:300; font-size:65px; color: #fff; text-align: center; margin-bottom:65px;}
.business_view .txt_f35{font-weight:500; font-size:35px; color: #fff; text-align: center; margin-bottom:65px;}
.business_view .txt_f35 span{color: var(--pColorWhite);}
.business_view .dots_list.center{display:inline-block; text-align: center;}
.business_view .dots_list.center li{display:inline-block; }
.business_view .dots_list li{position: relative; font-weight:300; font-size:17px; line-height: 1.65; color: #bcbcbc; padding-left: 13px; margin-bottom:15px;}
.business_view .dots_list li:last-of-type{margin-bottom:0;}
.business_view .dots_list li::after{content:""; position:absolute; top: 12px; left: 0; width: 3px; height: 3px; background: #4d4d4d; border-radius:50%}
/* flex */
.business_view .flex_box.fw{flex-wrap:wrap;}
.business_view .flex_box.jfc{justify-content:center;}
.business_view .flex_box.jfsb{justify-content:space-between;}

.business_view .b_nav{position:fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #2E2E2E; background: #000; z-index: 50;}
.business_view .b_nav ul{ display:flex; justify-content:center;}
.business_view .b_nav ul li{position:relative; width: 100%; max-width: 300px; font-family: 'Saira'; font-weight:500; line-height: 60px; font-size:17px; color: #aaa; text-transform: uppercase; text-align: center;}
.business_view .b_nav ul li.on{color: var(--pColorWhite); font-weight:600;}
.business_view .b_nav ul li::after{content:""; position:absolute; top: -1px; left: 0; width: 0; height: 1px; background: var(--pColorWhite); transition:0.4s}
.business_view .b_nav ul li.on::after{width: 100%;}
.sec{}
.sec .motion_ctn{position:relative; height: 100vh; margin-bottom:0;}
.sec .motion_ctn figure{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(0); opacity: 0;}
.sec .motion_ctn figure:first-of-type{z-index: 10;}
.sec .main_ctn{text-align: center;}
.sec .main_ctn h2{font-weight:500; font-size:65px; color: #fff; }
.sec .main_ctn h2 span{font-weight:600; color: var(--pColorWhite);}
.sec .main_ctn p{font-weight:300; font-size:18px; line-height: 1.67; color: #fffffb; margin-top: 24px;	}
.sec .main_ctn .img_view{position:relative; margin:100px 0;}
.sec .main_ctn .img_view p{position:absolute; font-weight:700; font-size:105px; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; color: #000;}
.sec .main_ctn .img_view p.p_txt1{top: 26px; left: calc(50% - 300px);}
.sec .main_ctn .img_view p.p_txt2{bottom: 168px; left: calc(50% + 130px);}
.sec .main_ctn .img_view figure{}
.sec .main_ctn h3{font-weight:600; font-size:65px; color: #fff;}

.sec .slide_ctn .slick-list{padding: 20px 178px !important;}
.sec .slide_ctn .item{position:relative; padding: 55px; box-shadow: 0px 0px 20px rgba(54, 123, 200, 0.55); background: linear-gradient(118.29deg, rgba(108, 108, 108, 0.4) -8.86%, rgba(2, 2, 2, 0) 126.73%), #000000; border-radius:5px 20px 20px 5px; margin: 0 23px; min-height: 358px; filter:blur(2px)}
.sec .slide_ctn .item.slick-active{filter:blur(0)}
.sec .slide_ctn .item .txt{}
.sec .slide_ctn .item .txt .num{font-family: 'Saira'; font-weight:300; font-size:14px; color: var(--pColorWhite);}
.sec .slide_ctn .item .txt h3{font-weight:600; font-size:25px; color: #e1e1e1; margin: 10px 0 20px;}
.sec .slide_ctn .item .txt p:not(.num){font-weight:300; font-size:17px; line-height: 1.65; color: #bcbcbc;}
.sec .slide_ctn .item .txt figure{position:absolute; bottom: 40px; right: 50px;}
.sec .slide_ctn .item .txt figure img{}
.sec .img_ctn{}
.sec .img_ctn .item{position:relative; width: calc((100% - 50px) / 2); background: linear-gradient(180deg, rgba(108, 108, 108, 0.4) -8.85%, rgba(2, 2, 2, 0) 137.68%), #000000; border-radius: 20px; margin-right: 50px; margin-bottom:220px; padding: 80px 70px 159px 70px;}
.sec .img_ctn .item:last-of-type,
.sec .img_ctn .item:nth-of-type(2n){margin-right: 0;}
.sec .img_ctn .item:last-of-type{margin-bottom: 0;}
.sec .img_ctn .item .txt h3{font-weight:600; font-size:25px; color: #e1e1e1; margin-bottom:20px;}
.sec .img_ctn .item .over_img{position:absolute; bottom: -50%; left: 50%; transform:translate(-50%, -50%);}
.sec .img_ctn .item .over_img { width: 100%; text-align: center; }
.sec .img_ctn02 .s_tit_line{position:relative; width: 1px; height: 65px; background: #3e3e3e; margin: 0 auto 90px;}
.sec .img_ctn02 .s_tit_line::after{content:""; position:absolute; bottom: 0; left: 0; width: 1px; height: 20px; background: #fff;}
.sec .img_ctn02 .item{position:relative; width: calc(50% - 25px); margin-right: 50px;}
.sec .img_ctn02 .item:last-of-type{margin-right: 0;}
.sec .img_ctn02 .item p{font-weight:500; font-size:25px; color: #e1e1e1; text-align: center; margin-top: 30px;}
.sec .img_ctn02 .item p.fs17{font-weight: 300; font-size:17px; color: #bcbcbc; line-height: 1.65;}
.sec .img_ctn02 .item .video_view{position:relative; overflow:hidden; padding-bottom:95%; text-align: center; border: 1px solid #3E3E3E; border-radius: 5px 20px;}
.sec .img_ctn02 .item .video_view > div{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; width: 87%; height: 87%;}
.sec .img_ctn02 .item .video_view > div svg{width: 100%; height: 100%; 	}
.sec .img_ctn02 .item .video_view > div svg #img > g{cursor: pointer;}
.sec .img_ctn02 .item .video_view > div svg #img > g > g{opacity: 0; visibility:hidden; cursor: default; transition:0.4s}
.sec .img_ctn02 .item .video_view > div svg #img > g > g.on{opacity: 1; visibility:visible;}
.sec .img_ctn02 .item .video_view > div svg #img > g > circle{}
.sec .img_ctn02 .item .video_view > div svg #img > g > circle:nth-of-type(1){animation:opactiyMove 0.8s 0.2s infinite alternate}
.sec .img_ctn02 .item .video_view > div svg #img > g > circle:nth-of-type(2){animation:opactiyMove02 0.8s infinite alternate}
@keyframes opactiyMove{
	0%{opacity: 0;}
	100%{opacity: 0.15;}
}
@keyframes opactiyMove02{
	0%{opacity: 0;}
	100%{opacity: 0.2;}
}
.sec .img_ctn02 .item .video_view > .video_logo{height: auto;}
.sec .img_ctn02 .item .video_view > .video_logo.on{display:none; }
.sec .img_ctn02 .item .video_view > .video_box{display:none; width: 100%; height: 100%;}
.sec .img_ctn02 .item .video_view > .in_video{display:none; width: 100%; height: 100%;}
.sec .img_ctn02 .item .video_view > .in_video video{width: 100%; height: 100%; transform:scale(1.7);}
.sec .img_ctn02 .item .video_view > .video_box.on{display:block; }
.sec .img_ctn02 .item .video_view > .video_box iframe{transform:scale(1.7);}
.sec .img_ctn02 .item.hover figure{border: 1px solid #3E3E3E; border-radius: 5px 20px 20px 5px; text-align: center; padding: 120px 0;}
.sec .img_ctn02 .item.hover figure img{transform:scale(0.5); transition:0.5s}
.sec .img_ctn02 .item.hover:hover figure img{transform:scale(1);}
.sec .img_ctn03 .i4 .item{width: calc((100% - 195px) / 3); margin-right: 60px; box-shadow: 0px 0px 20px rgba(54, 123, 200, 0.55); text-align: center; padding: 70px 0 75px;}
.sec .img_ctn03 .i4 .item:nth-of-type(4n){margin-right: 0;}
.sec .img_ctn03 .i4 .item .txt{}
.sec .img_ctn03 .i4 .item .txt h3{font-weight:600; font-size:25px; color: #E1E1E1; margin: 50px 0 20px;}
.sec .img_ctn03 .i4 .item .txt ul{max-width: 140px;}
.sec .img_ctn03 .i4 .item .txt ul li{display:inline-block; vertical-align: top; margin-bottom:10px; line-height: 1.3; }
.sec .img_ctn03 .i2{margin-top: 185px;}
.sec .img_ctn03 .i2 .item{position:relative; }
.sec .img_ctn03 .i2 .item figure{}
.sec .img_ctn03 .i2 .item figure img{}
.sec .img_ctn03 .i2 .item .p_txt{position:absolute; top: 43px; right: -224px;}
.sec .img_ctn03 .i2 .item .p_txt h3{display:inline-block; position:relative; font-weight:600; font-size:25px; color: #e1e1e1;}
.sec .img_ctn03 .i2 .item .p_txt h3::after{content:""; position:absolute; top: 13px; left: -15px; width: 5px; height: 5px; background: var(--pColor); border-radius:50%}
.sec .img_ctn03 .i2 .item .p_txt h3::before{content:""; position:absolute; top: 15px; left: -103px; width: 88px; height: 1px; background: #3e3e3e;}
.sec .img_ctn03 .i2 .item .p_txt.r{top: auto; bottom: 38px; left: calc(50% - 535px); width: 400px;}
.sec .img_ctn03 .i2 .item .p_txt.r h3::after{left: auto; right: -15px;}
.sec .img_ctn03 .i2 .item .p_txt.r h3::before{left: auto; right: -189px; width: 174px;}
.sec .img_ctn03 .i2 .item .p_txt p{font-weight:300; font-size:17px; line-height: 1.65; color: #bcbcbc; margin-top: 20px;}
.sec .img_ctn03 .gif_box .item{background: #f3f3f3;  box-shadow:none;}
.business_view .gif_box .dots_list li,
.sec .img_ctn03 .gif_box .item .txt h3{color: #222;}
.business_view .gif_box .dots_list li::after{top: 9px;}

.sec .img_ctn04{}
.sec .img_ctn04 .banner{display:flex;}
.sec .img_ctn04 .banner figure{margin-right: 68px;}
.sec .img_ctn04 .banner figure:last-of-type{margin-right: 0;}
.sec .img_ctn05{}
.sec .img_ctn05 .flex_box{}
.sec .img_ctn05 .flex_box .item{position:relative; width: calc(50% - 33px); margin-right: 66px; margin-bottom:66px;background: linear-gradient(118.29deg, rgba(108, 108, 108, 0.4) -8.86%, rgba(2, 2, 2, 0) 126.73%), #000000; box-shadow: 0px 0px 30px rgba(0, 54, 123, 0.65); border-radius: 20px 5px; padding: 55px 55px; min-height: 370px;}
.sec .img_ctn05 .flex_box .item:nth-of-type(2n){margin-right: 0;}
.sec .img_ctn05 .flex_box .item .num{font-family: 'Saira'; font-weight:300; font-size:14px; color: var(--pColorWhite);}
.sec .img_ctn05 .flex_box .item h3{font-weight:600; font-size:25px; color: #e1e1e1; margin: 10px 0 20px;}
.sec .img_ctn05 .flex_box .item p{font-weight:300; font-size:17px; color: #bcbcbc; line-height: 1.65;}
.sec .img_ctn05 .flex_box .item figure{position:absolute; bottom: 50px; right: 55px;}
.sec .table_ctn{ padding-bottom:280px;}
.sec .table_ctn table{border-top: 1px solid #888888; text-align: center;}
.sec .table_ctn table tr th{font-family: 'Saira'; font-weight:500; font-size:20px; color: #fff; background: #1E1E1E; border-right: 1px solid #424242; border-bottom: 1px solid #424242; padding: 21px 0 20px;}
.sec .table_ctn table tr td{font-family: 'Saira'; font-weight:300; font-size:20px; color: #fff;border-right: 1px solid #424242; border-bottom: 1px solid #424242; padding: 21px 0 20px;}
.sec .table_ctn table tr td:last-of-type{border-right: none;}
.sec .img_txt{padding-bottom:280px;}
.sec .img_txt .list_box{}
.sec .img_txt .list_box .item{display:flex; align-items:center; margin-bottom:30px;}
.sec .img_txt .list_box .item:last-of-type{margin-bottom:0;}
.sec .img_txt .list_box .item figure{width: calc(50% - 30px); margin-right: 60px; border: 1px solid #3E3E3E; border-radius: 20px 5px;}
.sec .img_txt .list_box .item .txt{width: calc(50% - 30px); padding-left: 60px;}
.sec .img_txt .list_box .item .txt h3{font-family: 'Saira'; font-weight:500; font-size:40px; color: #fff; margin: 10px 0 30px;}
.sec .img_txt .list_box .item .txt ul li,
.sec .img_txt .list_box .item .txt p:not(.num){font-weight:300; font-size:20px; color: #bcbcbc; line-height: 1.6;}
.sec .img_txt .list_box .item .txt .num{font-family: 'Saira'; font-weight:300; font-size:20px; color: var(--pColorWhite);}
.sec .img_txt .list_box .item:nth-of-type(odd) figure{order:2; margin-right: 0;}
.sec .img_txt .list_box .item:nth-of-type(odd) .txt{margin-right: 60px; padding-left: 0;}

.sec .render_video{position:relative; overflow: hidden; padding-bottom:40%;    border: 1px solid #3E3E3E;
    border-radius: 5px 20px;}
.sec .render_video::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.sec .render_video video{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 100%;}
.sec .render_video.top video{top: 44%;}

.sec02 .main_ctn .img_view{margin: 115px 0 157px;}
.sec02 .main_ctn .img_view p.p_txt1{top: -49px; left: calc(50% - 235px);}
.sec02 .main_ctn .img_view p.p_txt2{bottom: -74px; left: calc(50% + 19px);}

.sec03 .main_ctn .img_view p.p_txt1{top: -35px; left: calc(50% - 300px);}


@keyframes rotate{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}
@keyframes fadeDown{
	0%{transform:translateY(-80px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes fadeUp{
	0%{transform:translateY(60px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes moveTxt01{
	0%{opacity: 0; color: #1A1A1A; left:-120px;}
	10%{opacity: 0;}
	20%{color: #1A1A1A;}
	70%{left: 0;}
	100%{opacity: 1; color: #fff;}
}
/* 찾아오시는 길 */
.location{}
.location .map_box{height: 470px;}
.location .map_box > div,
.location .map_box > iframe{width: 100%; height: 100%;}
.location .map_box > div > div{width: 100%; height: 100%;}
.location .icon_list{display:flex; margin-top: 50px;}
.location .icon_list .item{position:relative; width: calc((100% - 189px) / 4); margin-right: 63px; text-align: center; border-radius: 20px; padding: 80px 0 52px;}
.location .icon_list .item::before{content:""; position:absolute; width: calc(100% + 10px); height: calc(100% + 10px); top: -5px; left: -5px; background: rgba(54, 123, 200, 0.45); filter: blur(17px); border-radius: 20px; opacity: 0; transition:0.3s}
.location .icon_list .item::after{content:""; position:absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; border-radius: 20px;}
.location .icon_list .item:last-of-type{margin-right: 0}
.location .icon_list .item figure{position:relative; z-index: 1;}
.location .icon_list .item figure img{}
.location .icon_list .item .txt{position:relative; z-index: 1;margin-top: 35px; display:flex; align-items:center; justify-content:center; flex-direction:column}
.location .icon_list .item .txt h4{font-family: 'Saira'; font-weight:600; font-size:18px; color: #fff;}
.location .icon_list .item .txt p{font-size:17px; color: #bcbcbc; line-height: 1.47; margin-top: 10px;}



@media (hover: hover){
	.lnb > nav ul li a:hover{color: var(--pColor); font-weight:500;}
	.lnb > nav:hover::before{width: 100%;}
	.lnb > nav:hover > p{opacity: 1;}

	.location .icon_list .item:hover::before{opacity: 1;}

	.leadership .cont .list .item:hover figure img{filter: grayscale(0);}
	.leadership .cont .list .item:hover .link_icon{opacity: 1; right: 5%;}
}

@media (max-width: 1840px){
	.business{padding: 40px 16px;}

	.business .bg_box .w1500{padding: 0 40px;}
	.sec .slide_ctn .item .txt p:not(.num) br{display:none; }
}

@media (max-width: 1600px){
	.s_tit{margin-bottom:140px;}
	.s_tit h2{font-size:50px;}
	.s_tit h2::before{height: 50px; bottom: -60px;}
	.s_tit h2::after{bottom: -60px;}
	.sPad{padding: 120px 0 200px;}


	.sv .txt{padding: 0 50px;}
	.greeting .txt{margin-top: 50px;}
	.greeting .txt > p br{display:none; }
	.greeting .txt h2{font-size:45px;}
	.greeting .flex_box.ac{align-items:flex-start}

	.lnb::before{width: calc(100% - 40px);}

	.leadership_view .cont .info .box p br{display:none; }
	.leadership_view .cont{margin-top: -10vw;}

	.business .bg_box .slide_wrap .slide_txt{padding-top: 50px;}
	.business .bg_box .slide_wrap .slide_txt .item h2{font-size:60px; margin:15px 0;}
	.business .bg_box .slide_wrap .slide_txt .item p{font-size:16px;}
	.business .bg_box .right_txt{right: 60px; bottom: 40px;}
	.business .bg_box .right_txt p{font-size:50px;}
	.business .bg_box .slide_wrap .slide_txt .item .btn{margin-top: 50px;}
	.business .bg_box .slide_ui{bottom: 47px;}
	
	.business_view .txt_f35{font-size:28px; margin-bottom:45px;}
	.sec .slide_ctn .slick-list{padding: 20px 80px !important;}
	.sec .slide_ctn .item{padding: 30px;}
	.sec .slide_ctn .item .txt figure{bottom: 30px; right: 20px;}
	.sec .slide_ctn .item .txt h3{font-size:20px;}
	.sec .slide_ctn .item .txt p:not(.num){font-size:16px;}
	.sec .img_ctn02 .s_tit_line{height: 50px;}
	.sec .img_ctn02 .s_tit_line::after{height: 13px;}
}
@media (max-width: 1500px){
	.business_view .biz1500{padding: 0 50px;}
	.business_view .dots_list li br{display:none; }
	
	.sec .img_ctn02 .item.hover figure{padding: 40px 0;}
	.sec .img_ctn02 .item.hover:hover figure img{transform:scale(0.8);}
	.sec .img_ctn02 .item p.fs17 br{display:none; }
	.sec .img_txt,
	.sec .table_ctn{padding: 0 50px 150px;}

	.sec .img_txt .list_box .item .txt{padding-left: 0;}
	.sec .img_txt .list_box .item .txt h3 br,
	.sec .img_txt .list_box .item .txt ul li br,
	.sec .img_txt .list_box .item .txt p br{display:none; }

	.partner .list_box .item{padding: 50px 30px;}

	.sec .img_ctn03 .i2 .item figure{width: 60%;}
	.sec .img_ctn03 .i2 .item:last-of-type figure{margin-left: auto;}
	.sec .img_ctn03 .i2 .item .p_txt{right: -92px;}
	.sec .img_ctn03 .i2 .item .p_txt.r{left: calc(50% - 332px);}
	.sec .img_ctn03 .i2 .item .p_txt h3{font-size:22px;}

}
@media (max-width: 1400px){
	.greeting .txt{padding-left: 20px;}
	.location .icon_list .item .txt{padding: 0 16px;}
	.location .icon_list .item .txt p br{display:none; }

	.leadership_view .cont{padding-left: 50px;}
	.leadership_view .cont .info{margin-top: 35px;}
	.leadership_view .cont .info .box{padding: 30px 30px 40px;}
	.leadership_view .cont .info .box p,
	.leadership_view .cont .info .box ul{margin-top: 10px;}
	.leadership_view .cont .info .box ul li{margin-bottom:6px;}
	.leadership_view .flex_box .tit p{font-size:45px;}

	.sec .main_ctn h3,
	.sec .main_ctn h2{font-size:50px;}
	.sec .slide_ctn .item{min-height: 335px;}
}

@media (max-width: 1200px){
	
	.s_tit{margin-bottom:120px;}
	.sPad{padding: 100px 0 150px;}

	.sv{height: 400px;}
	.sv .txt{padding: 0 16px; transform:translate(0); top: auto; bottom: 20px; left: 0;}
	.sv .txt h2{font-size:70px;}
	.lnb{display:none; }

	.greeting .flex_box{flex-wrap:wrap}
	.greeting .txt{width: 100%; padding-left: 0; margin-top: 20px;}

	.history .info dl:first-of-type::after{top: 50px; height: calc(100% - 50px);}
	.history .info dl dt{font-size:45px;}
	.history .info dl dd > ul{margin-top: 25px;}

	.awards .cont .list .item{width: calc((100% - 80px) / 3); margin-bottom:40px;}
	.awards .cont .list .item:nth-of-type(4n){margin-right: 40px;}
	.awards .cont .list .item:nth-of-type(3n){margin-right: 0;}

	.leadership .cont .list .item{width: calc((100% - 180px) / 4);}
	
	.leadership_view .flex_box{align-items:flex-end}
	.leadership_view .flex_box figure{width: 30.3333%; padding-bottom:36%;}
	.leadership_view .flex_box .tit{padding-left: 50px; margin-top: 0; margin-bottom:50px;}
	.leadership_view .flex_box .tit p{margin-top: 15px;}
	.leadership_view .cont{width: 100%; padding-left: 0; margin-top: 0;}

	.partner .map_box h3{font-size:32px;}
	.partner .map_box figure{margin: 60px 0 65px;}
	.partner .map_box p{font-size:28px;}
	.partner .list_box{margin-top: 60px; flex-wrap:wrap;}
	.partner .list_box .item{padding: 30px 20px; width: calc((100% - 40px) / 3); margin-right: 20px; margin-bottom:20px;}
	.partner .list_box .item:nth-of-type(3n){margin-right: 0;}
	.partner .list_box .item ul{margin-top: 15px;}

	.ci .move_txt_ani{padding: 0 16px 60px;}
	.ci .move_txt_ani figure{animation:moveSvg 1.8s both;}
	.ci .move_txt_ani figure img{max-width: 95%;}
	.ci .txt h3{font-size:37px;}
	.ci .ci_box{flex-direction:column; justify-content:center; margin-bottom:80px;}
	.ci .ci_box figure{width: 100%; margin-bottom:40px;}
	.ci .ci_box figure:last-of-type{margin-bottom:0;}
	.ci .ci_box figure::after{display:none; }
	.ci .ci_color h3{margin-bottom:20px;}
	.ci .ci_color .flex_box{flex-wrap:wrap;}
	.ci .ci_color .flex_box .item{width: 100%; margin-bottom:40px; margin-right: 0;}
	.ci .ci_color .flex_box .item:last-of-type{margin-bottom:0px;}
	.ci .ci_color .flex_box .item .info{width: calc(100% - 245px);}

	.location .icon_list{flex-wrap:wrap;}
	.location .icon_list .item{width: calc((100% - 60px) / 2); padding: 50px 0; margin-bottom:60px; margin-right: 60px;}
	.location .icon_list .item:nth-of-type(2n){margin-right: 0;}
	.location .icon_list .item:nth-of-type(n + 3){margin-bottom:0;}
	.location .icon_list .item .txt p br{display: block; }
	
	.business{padding: 40px 0 0 0;}
	.business .bg_box{height: 100%; width: calc(100% - 32px); padding: 40px; overflow: visible; margin: 0 16px 40px;}
	.business .bg_box .slide_wrap{display:flex; flex-wrap:wrap;}
	.business .bg_box .slide_wrap .slide_txt .item .logo img{margin: 0 auto;}
	.business .bg_box .slide_wrap .slide_txt{width: 100%; text-align: center;}
	.business .bg_box .slide_wrap .slide_ctn{position:static; transform:translate(0); order:-1; width: 100%;}
	.business .bg_box .slide_wrap,
	.business .bg_box .slide_wrap .slide_ctn figure{height: auto;}
	.business .bg_box .slide_wrap .slide_txt .item .btn{margin: 50px auto 0;}
	.business .bg_box .right_txt{position:static; margin-top: 80px; text-align: center; padding-bottom:40px;}
	.business .bg_box .right_txt p br{display:none; }
	.business .bg_box::before{right: auto; left: 50%; top: 24%; transform:translate(-50%,-50%) rotate(90deg);}
	.business .bg_box .slide_ui{position:static; margin: 40px auto 0; order:-1;/*  position: absolute; margin: 0; bottom : 0 */;}
	.business .bg_box .slide_ui, .business .bg_box .slide_ui .dots{flex-direction:row; align-items:center;}
	.business .bg_box .slide_ui .dots{margin-right: 0;}
	.business .bg_box .slide_ui .dots li{margin-right: 30px;}
	.business .bg_box .slide_ui .dots li:last-of-type{margin-right: 0;}

	@keyframes moveSvg{
		100%{transform:translateX(0)}
	}
	@keyframes topUp{
		0%{bottom: 0px; opacity: 0;}
		100%{bottom: 20px; opacity: 1;}
	}
	.business_view .biz1500{padding: 0 16px;}
	.business_view .mb280{margin-bottom:150px;}
	
	.sec .slide_ctn .slick-list .slick-track{ left: -42.5vw;}
	.sec .img_ctn .item{padding: 40px 40px 160px 40px;}
	.sec .img_ctn02 .s_tit_line{margin-bottom:60px;}
	.sec .img_ctn02 .item p{font-size:22px;}

	
	.sec .img_ctn02 .item.hover figure{min-height: 560px; }
	.sec .img_ctn05 .flex_box .item{padding: 30px;}
	.sec .img_ctn05 .flex_box .item figure{bottom: 30px; right: 30px;}
	.sec .img_txt,
	.sec .table_ctn{padding: 0 16px 150px;}
	.sec .img_txt .list_box .item .txt h3{font-size:30px;}
	.sec .img_txt .list_box .item .txt ul li, .sec .img_txt .list_box .item .txt p:not(.num){font-size:17px;}

	.sec .render_video{padding-bottom:56%;}

}

@media (max-width: 1000px){
	.s_tit{margin-bottom:80px;}
	.s_tit h2{font-size:40px;}
	.s_tit h2::before{height: 40px; bottom: -50px;}
	.s_tit h2::after{bottom: -50px; height: 13px;}
	.sPad{padding: 80px 0 100px;}

	.sv{height: 300px;}
	.sv .txt{bottom: 20px;}
	.sv .txt h2{font-size:50px;}


	.greeting .txt h2{font-size:36px; margin-bottom:20px;}
	.greeting .txt > p{font-size:16px; margin-bottom:10px;}
	.greeting .txt .sign{margin-top: 40px;}

	.history .info dl{flex-wrap:wrap; padding-bottom:50px;}
	.history .info dl::after{display:none; }
	.history .info dl dt{width: 100%; font-size:36px;}
	.history .info dl dd{position:relative; width: 100%;}
	.history .info dl dd::before{content:""; position:absolute; top: 50px; left: 3px; width: 1px; height: calc(100% - 50px); background: #E9E9E9; z-index: -1;}
	.history .info dl:first-of-type dd::before{top: 40px;}
	.history .info dl dd > ul > li{padding-bottom:50px;}
	.history .info dl dd > ul > li > span{padding-left: 25px;font-size:30px;}
	.history .info dl dd > ul > li > ul{padding-left: 25px; margin-top: 10px;}
	.history .info dl dd > ul > li > ul > li{margin-bottom:14px;}

	.leadership .cont .list .item .link_icon{display:none; }
	.leadership .cont .list .item figure img{filter:grayscale(0)}

	.leadership_view .flex_box .tit h3{font-size:28px;}
	.leadership_view .flex_box .tit h3 span{font-size:18px; margin-right: 6px;}
	.leadership_view .flex_box .tit p{font-size:38px; margin-top: 18px;}
	.leadership_view .cont .info{flex-wrap:wrap;}
	.leadership_view .cont .info .box{width: 100%; margin-bottom:40px; margin-right: 0;}
	.leadership_view .cont .info .box:last-of-type{width: 100%; margin-bottom:0}



	.ci .txt{margin-bottom:50px;}
	.ci .txt h3{font-size:30px;}
	.ci .txt h3 br{display:none; }
	.ci .txt p br{display:none; }

	.location .icon_list .item::before{opacity: 1;}

	.business .bg_box::before{height: 81vw; background-size:contain;}
	.business_view .mb280{margin-bottom:100px;}
	
	.sec .slide_ctn .slick-list .slick-track{ left: -40.5vw;}
	.business_view .txt_f35{font-size:25px; margin-bottom:35px;}

	.sec .main_ctn h3,
	.sec .main_ctn h2{font-size:45px;}
	.sec .main_ctn p{font-size:16px;}
	.sec .main_ctn .img_view{margin: 60px 0;}
	.sec .main_ctn .img_view p{font-size:80px;}
	.sec .img_ctn .item{width: 100%; margin-right: 0; padding: 40px; margin-bottom:60px;}
	.sec .img_ctn .item .over_img{position:static; transform:translate(0); margin-top: 40px;}
	.sec .img_ctn02 .s_tit_line{height: 40px; margin-bottom:30px;}
	.sec .img_ctn02 .item.hover figure{position:relative; padding-bottom:60%; min-height: auto;}
	.sec .img_ctn02 .item.hover figure img{position:absolute; top: 50%; left: 50%; max-width: inherit; height: calc(100% - 100px); transform:translate(-50%,-50%) scale(1);}
	.sec .img_ctn02 .item.hover:hover figure img{transform:translate(-50%,-50%) scale(1);}
	.sec .img_ctn02 .item p.fs17{margin-top: 16px;}
	.sec .img_ctn03 .i4{flex-wrap:wrap}
	.sec .img_ctn03 .i4 .item{width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom:40px;}
	.sec .img_ctn03 .i4 .item:nth-of-type(2n){margin-right: 0;}
	.sec .img_ctn03 .i2{margin-top: 100px; flex-wrap:wrap}
	.sec .img_ctn03 .i2 .item{width: 100%; margin-right: 0; margin-bottom:40px;}
	.sec .img_ctn03 .i2 .item:last-of-type{margin-bottom:0px;}
	.sec .img_ctn03 .i2 .item figure{width: 100%;}
	.sec .img_ctn03 .i2 .item .p_txt{right: auto; left: 559px;}
	.sec .img_ctn03 .i2 .item:last-of-type figure{text-align: right;}
	.sec .img_ctn03 .i2 .item .p_txt.r{left: auto; right: 344px;}
	.sec .img_ctn04 .banner figure{margin-right: 20px;}
	.sec .img_txt, .sec .table_ctn{padding: 0 16px 100px;}
	.sec .table_ctn table tr th{font-size:16px; padding: 21px 5px 20px;}
	.sec .table_ctn table tr td{font-size:16px; padding: 21px 5px 20px;}
	.sec .img_txt .list_box .item{flex-wrap:wrap; margin-bottom:50px;}
	.sec .img_txt .list_box .item .txt{width: 100%; margin-right: 0;}
	.sec .img_txt .list_box .item figure{width: 70%; margin-bottom:20px; margin-right: 0;}
	.sec .img_txt .list_box .item:nth-of-type(odd) .txt{margin-right: 0;}
	.sec .img_txt .list_box .item:nth-of-type(odd) figure{order:-1;}
	.sec .img_txt .list_box .item .txt h3{margin: 10px 0 20px;}

	.sec02 .main_ctn .img_view{margin: 100px 0;}
	.sec02 .main_ctn .img_view p.p_txt2{bottom: -34px;}
	.sec02 .main_ctn .img_view p.p_txt1{top: -27px;}
}

@media (max-width: 800px){
	.tab.i7{flex-wrap:wrap}
	.tab.i7 li{width: 25%;}
	.tab.i7 li:nth-of-type(4){border-right: 1px solid #e9e9e9;	}
	.tab.i7 li:nth-of-type(n + 5){width: 33.33%;}
	.tab.i7 li:nth-of-type(n + 5) a{ border-top: none;	}
	.ci .move_txt_ani{padding-bottom:45px;}
	.ci .txt h3{font-size:25px;}
	.ci .ci_box figure img{max-width: 70%;}
	.ci .ci_color .flex_box .item{flex-wrap:wrap; margin-bottom:50px;}
	.ci .ci_color .flex_box .item .color_box{width: 100%; height: 140px; margin-bottom:20px;}
	.ci .ci_color .flex_box .item .info{width: 100%; padding-left: 0;}

	.location .map_box{height: 320px;}
	.location .icon_list .item{width: 100%; margin-right: 0; padding: 30px 0; margin-bottom:50px;}
	.location .icon_list .item:nth-of-type(n + 3){margin-bottom:50px;}
	.location .icon_list .item:last-of-type{margin-bottom:0;}
	.location .icon_list .item .txt{margin-top: 15px;}
	.location .icon_list .item .txt p{font-size:16px;}

	.awards .cont{margin-top: 50px;}
	.awards .cont .list .item{width: calc(50% - 10px); margin-right: 20px;}
	.awards .cont .list .item:nth-of-type(3n),
	.awards .cont .list .item:nth-of-type(4n){margin-right: 20px;}
	.awards .cont .list .item:nth-of-type(2n){margin-right: 0;}
	.awards .cont .list .item .txt{margin-top: 15px;}
	.awards .cont .list .item .txt p{margin-top: 6px; font-size:16px;}
	
	.leadership .cont{margin-top: 40px;}
	.leadership .cont .list{gap:0 20px}
	.leadership .cont .list .item{width: calc((100% - 40px) / 3); margin-bottom:40px;}
	.leadership .cont .list .item .txt{margin-top: 15px;}
	.leadership .cont .list .item .txt h3{font-size:16px;}
	.leadership .cont .list .item .txt h3 span{font-size:20px;}

	.leadership_view .flex_box figure{width: 40%; padding-bottom:46%;}
	.leadership_view .flex_box .tit{width: 60%; padding-left: 16px; margin-bottom:20px;}
	.leadership_view .flex_box .tit p{font-size:22px; margin-top: 8px;}

	.partner .list_box{margin-top: 40px;}
	.partner .list_box .item{width: calc((100% - 20px) / 2); margin-right: 20px; margin-bottom:20px;}
	.partner .list_box .item:nth-of-type(3n){margin-right: 20px;}
	.partner .list_box .item:nth-of-type(2n){margin-right: 0;}
	.partner .list_box .item:nth-of-type(5),
	.partner .list_box .item:last-of-type{margin-bottom: 0}
	.partner .map_box h3{font-size:28px;}
	.partner .map_box figure{margin:40px 0 50px;}
	.partner .map_box p{font-size:24px;}
	
	.business .bg_box{padding: 40px 0;}
	.business .bg_box::before{top: 20%;}
	.business .bg_box .slide_wrap .slide_txt .item p br{display:none; }
	.business .bg_box .slide_wrap .slide_txt .item h2{font-size:52px;}
	.business .bg_box .right_txt{margin-top: 40px;}
	.business .bg_box .right_txt p{font-size:42px;}
	.sec .main_ctn .img_view figure img{max-width: 23%;}
	.sec .main_ctn .img_view p{font-size:65px;}
	.sec .main_ctn .img_view p.p_txt1{left: calc(50% - 232px);}
	.sec .main_ctn .img_view p.p_txt2{left: calc(50% + 89px);}
	.sec .main_ctn p br{display:none; }
	.sec .main_ctn h3,
	.sec .main_ctn h2{font-size:38px;}
	.sec .main_ctn p{margin-top: 16px;}
	.sec .slide_ctn .slick-list{padding: 20px 100px !important;}
	.sec .slide_ctn .slick-list .slick-track{ left: 0;}
	.sec .img_ctn .item{margin-bottom:40px; padding: 40px 26px;}
	.sec .img_ctn .item .over_img{text-align: center;}
	.sec .img_ctn02 .item p{font-size:19px;}

	.sec .img_ctn03 .i2 .item{text-align: center;}
	.sec .img_ctn03 .i2 .item .p_txt{position:static;  margin-top: 30px;}
	.sec .img_ctn03 .i2 .item .p_txt h3::after,
	.sec .img_ctn03 .i2 .item .p_txt h3::before{display:none; }
	.sec .img_ctn03 .i2 .item:last-of-type figure{text-align: center;}
	.sec .img_ctn03 .i2 .item .p_txt.r{width: 100%;}
	.sec .img_ctn03 .i2 .item .p_txt p{margin-top: 10px;}

	.sec .img_ctn04 .banner{flex-wrap:wrap}
	.sec .img_ctn04 .banner figure{width: 100%; margin-right: 0;}
	.sec .img_ctn04 .banner figure:last-of-type{order:-1; text-align: center; margin-bottom:20px;}
	.sec .img_ctn05 .flex_box .item{width: 100%; margin-right: 0; margin-bottom:40px; padding: 30px 30px 120px 30px; min-height: auto;}
	.sec .img_ctn05 .flex_box .item:last-of-type{margin-bottom:0;}
	.sec02 .main_ctn .img_view figure img{max-width: 48%;}
	.sec02 .main_ctn .img_view p.p_txt1{top: -6px; left: calc(50% - 191px);}
	.sec02 .main_ctn .img_view p.p_txt2{left: calc(50% + 16px); bottom: -14px;}


}

@media (max-width: 640px){
	.sec .main_ctn .img_view p{font-size:50px;}
	.sec .main_ctn .img_view p.p_txt1{left: calc(50% - 185px);}
	.sec .main_ctn .img_view p.p_txt2{left: calc(50% + 70px); bottom: 107px;}
	
	.s_tit h2{font-size:37px;}
	.sec .slide_ctn .slick-list{padding: 20px 40px !important;}
	.sec .img_ctn02 .flex_box{flex-wrap:wrap}
	.sec .img_ctn02 .item{width: 100%; margin-right: 0; margin-bottom:40px;}
	.sec .img_ctn02 .item:last-of-type{margin-bottom:0;}
	.sec .img_ctn02 .item p{margin-top: 16px; font-size:23px;}
	.sec .img_ctn03 .i4 .item{padding: 40px 0;}
	.sec .img_ctn03 .i4 .item .txt h3{font-size:22px; margin: 30px 0 16px;}
	.sec02 .main_ctn .img_view p.p_txt1{top: -6px; left: calc(50% - 139px)}
	.sec02 .main_ctn .img_view p.p_txt2{left: calc(50% + 16px); bottom: -14px;}

	.sec .img_txt .list_box .item figure{width: 100%;}
}

@media (max-width: 500px){
	.leadership_view .flex_box figure{width: 35%; padding-bottom:40%;}
	.leadership_view .flex_box .tit{width: 65%; margin-bottom:30px;}	
	.business .bg_box .slide_wrap .slide_ctn .slick-list{padding: 0 40px;}
	.business .bg_box .slide_wrap .slide_ctn figure.c1::before{bottom: 114px; left: calc(50% + 7px);}
	.business .bg_box .slide_wrap .slide_ctn figure.c2::before{left: calc(50% + 45px); top: 0;}
	.business .bg_box .slide_wrap .slide_ctn figure.c3::before{left: calc(50% + 0px); top: 32px;} 
	
	.sec .main_ctn .img_view p.p_txt1{left: calc(50% - 164px);}
	.sec .main_ctn .img_view p.p_txt2{left: calc(50% + 59px); bottom: 60px;}

	.sec02 .main_ctn .img_view p.p_txt1{top: -6px; left: calc(50% - 139px)}
	.sec02 .main_ctn .img_view p.p_txt2{left: calc(50% + 16px); bottom: -14px;}



}