@import url("common.css");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..500,0..1,-50..200");


.header{position: absolute;}
.header.fixed{position: absolute;}

.footer{position: relative; z-index: 20;}
.footer .footer_bg{background:#141414;}



/*** S:: CESABP Technology ***/
.tech_cont{overflow: hidden;}
.tech_top{position: relative; overflow: hidden; padding: 240px 0 200px; background:var(--blackBg); z-index: 20;}
.tech_top .techTop_in{display: flex;}
.tech_top .techTop_in .tech_light{position: absolute; right: 50%; margin-right: -230px; top:220px; width: 100%; max-width:716px;}
.tech_top .techTop_in .tech_light p{position: absolute; left: 0; top:0; width: 100%; height: auto; margin: 0;}
.tech_top .techTop_in .tech_light p.one{position: relative;}
.tech_top .techTop_in .tech_light p img{width: 100%; height: auto; display: block; opacity: 0;}

.tech_top .techTop_in .txt_area{width: calc(100% - 645px); padding: 30px 50px 0 0; box-sizing:border-box; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; position: relative; z-index: 5;}
.tech_top .techTop_in .txt_area .fs24{font-size:1.5rem; letter-spacing: -0.96px; font-weight: 600; color:var(--white); margin: 0 0 40px; -webkit-background-clip: text; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--white)), to(var(--white))); background-image: -webkit-linear-gradient(var(--white), var(--white)); background-image: linear-gradient(var(--white), var(--white)); background-position: left bottom; background-repeat: no-repeat; background-size: 0% 100%; display: inline-block; -webkit-text-fill-color: rgba(255,255,255,.3); transform: translateY(100px); opacity: 0;}
.tech_top .techTop_in .txt_area .gouri_logo{width: 100%; max-width:266px; overflow: hidden; }
.tech_top .techTop_in .txt_area .gouri_logo img{width: 100%; height: auto; transform: translateY(100px); opacity: 0;}
.tech_top .techTop_in .txt_area .fs20{margin: 45px 0 0; color:rgba(255,255,255,.7); transform: translateY(100px); opacity: 0;}
.tech_top .techTop_in .img_area{width: 645px; position: relative; z-index: 5; transform: translateY(100px); opacity: 0;}
.tech_top .techTop_in .img_area img{width: 100%; height: auto; border-radius:var(--borderR30);}
.tech_top .techTop_in .img_area .mo{display: none;}

.tech_top .scroll_down{display: block; width: 21px; height: 35px; border:1px solid rgba(255,255,255,.5); box-sizing:border-box; position:absolute; left:50%; bottom: 200px; transform:translateX(-50%); z-index: 99; font-size:0; opacity: 0;}
.tech_top .scroll_down:hover{background:var(--white); border-color:var(--white);}
.tech_top .scroll_down::after{content:''; display: block; width:1px; height: 5px; background:var(--white); position: absolute; left:50%; margin-left: -0.5px; top:8px;}
.tech_top .scroll_down:hover::after{background:var(--black);}


#tech{will-change: transform;}
.tech_detail{position: relative; width: 100%; min-height: 100vh; height: 100%; overflow: hidden;}
.tech_detail .txt_area{text-align:center; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.tech_detail .txt_area.txt1{margin-top: -12vw; z-index: 8;}
.tech_detail .txt_area.txt2{z-index: 10;}
.tech_detail .txt_area.txt3{z-index: 10; bottom: 40px; top:auto; transform:translateX(-50%); text-align:left; width: 96%; max-width:100%;}
.tech_detail .txt_area .gouri_logo{max-width:88px; width: 100%; margin: 0 auto 20px;}
.tech_detail .txt_area .gouri_logo img{width: 100%; height: auto;}
.tech_detail .txt_area .fs90{font-size:5.625rem; line-height: 110%; font-weight: 600; font-family:var(--eng); color:var(--white);}
.tech_detail .txt_area .fs60{}
.tech_detail .txt_area .fs20{color:rgba(255,255,255,.8); padding: 20px 0 0;} 
.tech_detail .txt_area .fs16{color:rgba(255,255,255,.5);} 
.tech_detail .txt_area .fs16 b{font-weight: 500;}
.tech_detail .txt_area .fs16 small{font-size:0.778rem;}


.tech_detail .bg{position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 5; overflow: hidden;}
.tech_detail .bg .hand_img{position: absolute; left: 50%; top:50%; margin-top: -46vw; max-width:1232px; width: 100%; z-index: 4;}
.tech_detail .bg .hand_img img{display: inline-block; width: 100%; height: auto; vertical-align: top;}
.tech_detail .bg .hand_img .drug{max-width:14px; width: 100%; display: block; position: absolute; left:4px; top:874px;}
.tech_detail .bg .hand_img .drug img{width: 100%; height: 100%; display: block; object-fit:contain;}





.tech_detail .bg .tech_bg {position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; width: 100%; height: 100%; min-width:780px; min-height:780px; max-width:780px; max-height:780px; border-radius:50% 50% 0 0; opacity: 0.4;}

.tech_detail .bg .tech_bg .w_bg{display: block; background:rgba(255,255,255,.8); position: absolute; left:0; top:0; width: 100%; height: 100%; z-index: 5;}

.tech_detail .bg .tech_bg .techBg_img{position: fixed; left: 50%; top:50%; transform:translate(-50%,-50%); width: 100vw; height: 100vh; overflow: hidden; mix-blend-mode: multiply; z-index: 3;}
.tech_detail .bg .tech_bg .techBg_img img{width: 100%; height: 100%; object-fit:cover; pointer-events: none; object-position: center bottom;}

.tech_detail .bg .tech_bg .techBg_video{position: fixed; left: 50%; top:50%; transform:translate(-50%,-50%); width: 100vw; height: 100vh; overflow: hidden; background:rgba(255,255,255,0.01);}
.tech_detail .bg .tech_bg .techBg_video video{width: 100%; height: 100%; object-fit:cover; pointer-events: none; position: absolute; top: 0; left: 0;}


.tech_detail .bg,
.tech_detail .hand_img,
.tech_detail .w_bg,
.tech_detail .txt_area .in {opacity: 0;}
.tech_detail .drug {opacity: 0;}

.tech_btn{padding: 150px 0;}
.tech_btn .basic_in{display: flex; justify-content: center;}
.tech_btn .back_btn{display: block; width: 280px; height: 60px; line-height: 58px; box-sizing:border-box; border:1px solid var(--white); border-radius:60px; text-align:center; font-size:1.125rem; font-weight: 700; font-family:var(--eng); letter-spacing: 0.36px; color:var(--white); transition:all .3s;}
.tech_btn .back_btn:hover{background: rgba(255, 255, 255, 0.3); box-shadow:0 0 30px rgba(255,255,255,.5);}
.tech_btn .back_btn::before{content:'\e2ea'; display: inline-block; vertical-align: middle; margin: -4px 10px 0 0; width: 24px; height: 24px; font-size:24px; line-height: 24px; font-family:var(--icon); font-weight: 400; color:inherit;}


/*** E:: CESABP Technology ***/




/*** S:: °³ÀÎÁ¤º¸ 󸮹æħ ***/
.policy_cont{position:relative; overflow:hidden; font-size:1rem; color:var(--basicW); letter-spacing: var(--letter-spacing-default); line-height: 160%;}
.policy_cont h3{text-align:center; letter-spacing: var(--letter-spacing-heading); padding: 0 0 50px;}
.policy_cont br{display:block;}
.policy_cont .pri-target{padding-top: 50px; display: block;}

.privacy_list{width: 100%; display: flex; flex-wrap:wrap; gap:10px 30px; box-sizing:border-box; padding: 4%; border:1px dashed rgba(255,255,255,.2); margin-bottom:30px;}
.privacy_list li{width: calc((100% - 30px)/2);}
.privacy_list li a{display: block; font-size:1rem; color:var(--white); font-weight: 500; letter-spacing: var(--letter-spacing-default); line-height: 160%;}


.policy_cont .cont_tit{padding: 0 0 5px; font-size:1.125rem; color:var(--white); font-weight: 700; letter-spacing: var(--letter-spacing-default); line-height: 150%;}
.policy_cont .cont_txt{padding: 0 0 30px;}
.policy_cont .cont_txt > strong{color:var(--white); font-weight: 400; letter-spacing: inherit; display: inline-block;}
.policy_cont .cont_txt > a{display: inline-block; color:var(--white); font-weight: 700;}
.policy_cont .cont_box{padding:25px; background:rgba(255,255,255,.1); box-sizing:border-box; display: block; margin: 10px 0; font-size:1rem; color:var(--basicW); letter-spacing: var(--letter-spacing-default); line-height: 160%;}

.policy_cont .cont_box ul{}
.policy_cont .cont_box ul li{font-size:1rem; color:var(--basicW); letter-spacing: var(--letter-spacing-default); line-height: 160%;}
.policy_cont .cont_box ul li + li{margin-top: 5px;}
.policy_cont .cont_box strong{display: inline-block; font-size:1rem; font-weight: 400; color:var(--white);	}
.policy_cont .cont_box a{text-decoration:underline;}
.policy_cont table{width:100%; border-collapse:separate; border-spacing:0px; margin: 10px 0; text-align:center;}
.policy_cont table th{font-size:1rem; background:rgba(255,255,255,.1); color:var(--white); font-weight: 600; letter-spacing: var(--letter-spacing-default); line-height: 160%; padding: 15px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.1);}
.policy_cont table th:last-child{border-right:0;}
.policy_cont table td{font-size:1rem; color:var(--basicW); letter-spacing: var(--letter-spacing-default); line-height: 160%; padding: 15px 20px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);}
.policy_cont table td:last-child{border-right:0;}

/*** E:: °³ÀÎÁ¤º¸ 󸮹æħ ***/








/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){



/*** S:: CESABP Technology ***/
.tech_top{padding: 13vw 0 11vw;}
.tech_top .techTop_in{}
.tech_top .techTop_in .tech_light{margin-right: -13vw; top:12vw; width: 41vw;}

.tech_top .techTop_in .txt_area{width: 60%; padding: 0 50px 0 0;}
.tech_top .techTop_in .img_area{width: 40%;}

.tech_top .scroll_down{bottom: 11vw;}


.tech_detail .txt_area.txt1{margin-top: -16vw;}
.tech_detail .txt_area .gouri_logo{width: 5vw; margin: 0 auto 1vw;}
.tech_detail .txt_area .fs90{font-size:5.172vw;}
.tech_detail .txt_area .fs60{font-size:3.448vw;}
.tech_detail .txt_area .fs20{padding: 1vw 0 0;} 

.tech_detail .bg{}
.tech_detail .bg .hand_img{left: auto; margin-left: 0; right: -21vw; top:auto; bottom: 20vh; width: 70vw;}
.tech_detail .bg .hand_img .drug{max-width:1vw; width: 100%; left:0; top:49.5vw;}

.tech_detail .bg .tech_bg{max-width:680px; max-height: 680px; min-width:680px; min-height:680px;}
.tech_detail .bg .tech_bg .techBg_video{transform:translate(-50%,-50%) scale(1);}


/*** E:: CESABP Technology ***/







}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){


/*** S:: CESABP Technology ***/

.tech_detail .txt_area .gouri_logo{width: 8vw; margin: 0 auto 2vw;}
.tech_detail .txt_area .fs90{font-size:6.923vw;}
.tech_detail .txt_area .fs60{font-size:4.615vw;}
.tech_detail .txt_area .fs20{padding: 2vw 0 0;} 

.tech_detail .bg .tech_bg{max-width:580px; max-height: 580px; min-width:580px; min-height:580px;}

/*** E:: CESABP Technology ***/


}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/*** S:: CESABP Technology ***/
.tech_top{padding: 15vw 0 20vw;}
.tech_top .techTop_in{flex-wrap:wrap; flex-direction: column-reverse;}
.tech_top .techTop_in .tech_light{right: -5%; margin-right: 0; top:auto; bottom: 6vw;}

.tech_top .techTop_in .txt_area{width: 100%; padding: 0; text-align:center; align-items: center; margin: -10vw auto 0; z-index: 6;}
.tech_top .techTop_in .txt_area .fs24{font-size:1.25rem; margin: 0 0 30px;}
.tech_top .techTop_in .txt_area .gouri_logo{max-width:220px; margin: 0 auto;}
.tech_top .techTop_in .txt_area .fs20{margin: 25px 0 0;}
.tech_top .techTop_in .img_area{width: 100%;}
.tech_top .techTop_in .img_area img{border-radius:0;}
.tech_top .techTop_in .img_area .mo{display: block;}
.tech_top .techTop_in .img_area .pc{display: none;}

.tech_top .scroll_down{bottom: 30px;}

.tech_btn{padding: 100px 0;}



.tech_detail .txt_area.txt1{margin-top: -25vw;}
.tech_detail .txt_area.txt3{bottom: 30px; width: 90%;}
.tech_detail .txt_area .gouri_logo{width: 77px; margin: 0 auto 20px;}
.tech_detail .txt_area .fs90{font-size:45px;}
.tech_detail .txt_area .fs60{font-size:40px;}
.tech_detail .txt_area .fs20{padding: 20px 0 0; font-size:16px;} 

.tech_detail .bg{}
.tech_detail .bg .hand_img{right: -51vw; bottom: 20vh; width: 100vw;}
.tech_detail .bg .hand_img .drug{max-width:1vw; width: 100%; left:0.5vw; top:71vw;}
.tech_detail .bg .tech_bg{max-width:480px; max-height: 580px; min-width:480px; min-height:580px;}




/*** E:: CESABP Technology ***/




/*** S:: °³ÀÎÁ¤º¸ 󸮹æħ ***/
.policy_cont{}
.policy_cont h3{padding: 0 0 25px;}
.policy_cont .pri-target{padding-top: 30px;}

.privacy_list{gap:8px; margin-bottom:20px;}
.privacy_list li{width: 100%;}

.policy_cont .cont_txt{padding: 0 0 20px;}
.policy_cont .cont_box{padding:15px;}

.policy_cont table th{padding: 10px;}
.policy_cont table td{padding: 10px;}
/*** E:: °³ÀÎÁ¤º¸ 󸮹æħ ***/


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){



/*** S:: CESABP Technology ***/

.tech_top{padding: 20vw 0 30vw;}
.tech_top .techTop_in .tech_light{right: -3%; bottom: 10vw; width: 50vw;}

.tech_top .techTop_in .txt_area .fs24{font-size:1.143rem; margin: 0 0 15px;}
.tech_top .techTop_in .txt_area .gouri_logo{max-width:100%; width: 32vw;}
.tech_top .techTop_in .txt_area .fs20{margin: 20px 0 0; font-size:1rem;}



.tech_btn{padding: 60px 0;}
.tech_btn .back_btn{width: 240px; height: 50px; line-height: 48px; font-size:1.143rem;}
.tech_btn .back_btn::before{margin: -4px 7px 0 0; width: 17px; height: 17px; font-size:17px; line-height: 17px;}




.tech_detail .txt_area.txt1{margin-top: 0; top:20%;}
.tech_detail .txt_area.txt3{bottom: 20px;}
.tech_detail .txt_area.txt3 .fs16{font-size:0.778rem;}
.tech_detail .txt_area .gouri_logo{width: 67px; margin: 0 auto 10px;}
.tech_detail .txt_area .fs90{font-size:35px;}
.tech_detail .txt_area .fs60{font-size:30px;}
.tech_detail .txt_area .fs20{padding: 10px 0 0; font-size:14px;} 
.tech_detail .txt_area .fs20 br{}

.tech_detail .bg{}
.tech_detail .bg .hand_img{right: auto; margin-left: 0; left: 50%; bottom: 31vh; width: 500px;}
.tech_detail .bg .hand_img .drug{max-width:6px; left:2px; top:355px;}

.tech_detail .bg .tech_bg{max-width:100%; max-height: 100%; min-width:auto; min-height:auto; width: 80vw; height: 60vh; overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate;}


.tech_detail .bg .tech_bg .techBg_video{min-height:100vh; height: -webkit-fill-available;}

/*** E:: CESABP Technology ***/




}
/*******************************************************************************
    @media 420px
*******************************************************************************/
@media all and (max-width:420px){

/*** S:: CESABP Technology ***/
.tech_detail .txt_area .fs20{text-wrap: balance;} 
.tech_detail .txt_area .fs20 br{display: none;}
.tech_detail .bg .hand_img .drug{transform-origin: center top;}
/*** E:: CESABP Technology ***/




}