@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");



/* ¼­ºêž */
#visual{position:relative; width:100%; height:400px; background:#000; padding-top:194px}
#visual .visual_in{}
#visual .v_txt{text-align:center;}
#visual .v_txt h3{font-size:3rem; letter-spacing: -2.4px; line-height:120%; color:var(--white); font-weight:400; transform:translateY(60px); opacity:0; animation:v_txt 1.0s 0.3s; animation-fill-mode:both;}
#visual .v_bg{position:absolute; left:0; top:0; width:100%; height:100%; overflow: hidden;}
#visual .v_bg .bg{position:absolute; left:0; top:0; width:100%; height:100%; transform: scale(1); animation: m_vsImg 1.8s;}

@keyframes m_vsImg {
	0% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	20% { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes v_txt {
	0% { transform:translateY(60px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

/*** °øÅë css ***/
.basic_cont{max-width:1350px; width: 90%; margin:0 auto 160px;}

.tit_wrap {text-align:center}
.tit_wrap .eng {color: var(--black); font-size: 20px; line-height: 170%; letter-spacing: 0.2px; text-transform: uppercase;}
.tit_wrap h4 {font-weight:400;}
.tit_wrap .dots {display:flex; gap:5px; justify-content:center}
.tit_wrap .dots span {background:var(--main); aspect-ratio:1/1; width:4px; border-radius:50%}

.marb60 {margin-bottom:60px}

/* ¼­ºêŸÀÌƲ */
#subtitle {padding-top:200px; text-align:center;}
#subtitle h3 {font-size:3rem; letter-spacing: -2.4px; line-height:120%; color:var(--black); font-weight:400; transform:translateY(60px); opacity:0; animation:v_txt 1.0s 0.3s; animation-fill-mode:both;}

/* ÅÇ */
.header.fixed + #menu + .container .tab {top:120px}

.tab.page_tab {position:sticky !important; top:0;}

.tab {background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(15px); transition:all 0.5s ease; z-index:10 !important}
.tab ul {justify-content:center; gap:25px}
.tab li {width:auto}
.tab li a {color:var(--basic2); display:block; padding:17px 5px; border-bottom:2px solid transparent}
.tab li a:hover {color:var(--main)}
.tab li.active a {font-weight: 600; color: var(--main);}
.tab li.active a {border-color:var(--main)}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont{position:relative; overflow:hidden; font-size:1rem;}
.policy_cont .tit_wrap {margin:40px 0 43px}
.policy_cont .tit_wrap .dots {margin:0 !important}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--black);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--black); padding-bottom:18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont p.cont_tit {display:block; font-size:1.2em !important; padding-bottom:10px; font-weight:500; color:var(--black) !important; letter-spacing:var(--letter-spacing-default);}
.policy_cont .cont_txt {padding:0px 0px 35px 0;}
.policy_cont .cont_txt2 {padding-bottom:35px;}
.policy_cont .cont_box {padding:25px; background:var(--grayBg); margin:7px 0px 10px 0px; display:block;  letter-spacing:var(--letter-spacing-default); line-height:1.7;}

.privacy_list {overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);}

.search_con {margin-top:50px}

/* ½ºÅ©·Ñ °¡À̵å */
.scroll_drag_guide {display:none;}
.scroll_drag_guide {justify-content:center}
.scroll_drag_guide .scroll_drag_inner {width:50px; height:45px; position:relative}
.scroll_drag_guide .scroll_drag_inner::before {content:""; width:100%; height:3px; border-radius:9999px; background:var(--main); opacity:0.2; display:block}
.scroll_drag_guide .scroll_drag_inner .drag_tail {position:absolute; top:-1.5px; left:0; animation:scroll_drag_guide 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both infinite;}
.scroll_drag_guide .scroll_drag_inner .hand_icon {margin-top:10px; display:block;font-style: normal;}
.scroll_drag_guide .scroll_drag_inner .hand_icon::before {content:"\e9ec"; font-family:var(--icon); color:var(--main); font-size:24px;}
.scroll_drag_guide .scroll_drag_inner .tail {width:25px; height:5px; background-color:var(--main); display:block; border-radius:9999px;}

@keyframes scroll_drag_guide {
  0% {
   transform:translate3d(0,0,0);
  }
  50% {
    transform:translate3d(25px,0,0);
  }

		100% {
    transform:translate3d(0,0,0);
  }
 }






/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
.marb60 {margin-bottom:40px}
.policy_cont .tit_wrap {margin:40px 0 33px}
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* °øÅë */
.basic_cont {margin:0 auto 100px;}

.marb60 {margin-bottom:30px}
.tit_wrap .eng {font-size:18px}

/* ¼­ºêž */
#visual {height:300px; padding-top:0px}
#visual .visual_in {height:100%; display:flex; align-items:center; justify-content:center}
#visual .v_txt h3 {font-size:2.6rem}

/* ¼­ºêŸÀÌƲ */
#subtitle {padding-top:130px}
#subtitle h3 {font-size:2.6rem}

/* ÅÇ */
.header.fixed + #menu + .container .tab {top:96px}
.tab ul {gap:15px}
.tab li a {padding:10px 5px}

/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont .tit_wrap {margin:25px 0 30px}
.policy_cont p.cont_tit {font-size:1.2em !important; padding-bottom:5px;}
.policy_cont .cont_txt {padding:0px 0px 25px 0; }
.policy_cont .cont_txt2 {padding-bottom:25px;}
.policy_cont .cont_box {padding:18px 18px; }

.privacy_list {margin-bottom:30px;}
.privacy_list li {width:100%;  }

.search_con {margin-top:30px}

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

.header.fixed + #menu + .container .tab {top:89.9px}

/* ¼­ºêž */
#visual {height:250px;}
#visual .v_txt h3 {font-size:2.4rem; letter-spacing:-1.5px}

/* ¼­ºêŸÀÌƲ */
#subtitle {padding-top:110px}
#subtitle h3 {font-size:2.4rem; letter-spacing:-1.5px}

/*** °øÅë css ***/
.basic_cont{margin:0 auto 60px;}
.marb60 {margin-bottom:20px}
.tit_wrap .eng {font-size:16px}

.policy_cont .tit_wrap {margin:15px 0 20px}
}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

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

}