@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:var(--fullvh); background:#000;}
#visual .visual_in{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; display:flex; flex-direction:column; gap:20px; align-items:center}
#visual .v_txt h2{text-align:center; color:var(--white); animation: m_txt 1.8s; transform:translateY(60px); opacity:0; animation:v_txt 1.0s 0.6s forwards;}
#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%; -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); animation: v_bg 3s linear forwards;}


@keyframes v_bg {
	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; }
}
#visual .v_bg::after{content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); position: absolute; right: 0; top: 0; animation: eff 1.5s 0.5s linear; animation-fill-mode: both;}

@keyframes eff {
	0% { opacity: 1; }
	100% { opacity: 0; }
}



/* ºñÁÖ¾ó lnb */
.visual_lnb{animation:v_txt 1.0s 0.9s forwards; transform:translateY(60px); opacity:0;}
.visual_lnb dl{display: flex; align-items:center;}
/* .visual_lnb dl dt{padding: 0 20px;} */
.visual_lnb dl dt a{display: flex; align-items:center; width: 24px; font-size:0; opacity: 0.6; transition:all .3s linear;}
.visual_lnb dl dt a:hover{opacity: 1;}
.visual_lnb dl dt a svg{width: 100%; height: 100%;}
.visual_lnb dl dd {position:relative; display:flex; align-items:center}
.visual_lnb dl dd i {display:flex; gap:3px; margin:0 16px; flex-shrink:0}
.visual_lnb dl dd i::before {width:3px; aspect-ratio:1/1; background:var(--white); opacity:0.5; content:""; border-radius:50%}
.visual_lnb dl dd i::after {width:3px; aspect-ratio:1/1; background:var(--white); content:""; border-radius:50%}
.visual_lnb dl dd .txt{opacity:0.6; box-sizing:border-box; position: relative; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: flex; align-items:center; color:var(--white);}
.visual_lnb dl dd .txt::after{content:'\e5c6'; box-sizing:border-box; transition:all .3s linear; font-family:var(--icon); font-size:19px; line-height:1; font-weight:400; margin-left:6px; opacity:0.6; display:flex; position:relative; top:0}
.visual_lnb dl dd.dep2 .txt{opacity: 1; font-weight: 700;}
.visual_lnb dl dd.dep2 .txt::after{opacity: 1;}
.visual_lnb dl dd .txt.on {opacity:1}
.visual_lnb dl dd .txt:hover {opacity:1}
.visual_lnb dl dd .txt.on::after{transform:rotate(180deg); opacity:1}
.visual_lnb dl dd .txt:hover::after {opacity:1}
.visual_lnb dl dd .dlst{position: absolute; top:30px; z-index: 999; margin: 10px 0 0; width: 150px; background-color: var(--grayBgW); padding: 10px 15px; box-sizing:border-box; display: none; box-shadow:5px 5px 15px rgba(0,0,0,0.05); left:41px;}
.visual_lnb dl dd .dlst.on{display: block;}
.visual_lnb dl dd .dlst ul li{padding: 0 0 4px;}
.visual_lnb dl dd .dlst ul li:last-child{padding: 0;}
.visual_lnb dl dd .dlst ul li a{font-size:0.889rem; transition:all .2s linear; line-height: 120%; letter-spacing:var(--letter-spacing-default); opacity:0.5; color:var(--white);}
.visual_lnb dl dd .dlst ul li a.on{opacity:1;}
.visual_lnb dl dd .dlst ul li a:hover {opacity:1;}
.search_none .visual_lnb{display: none;}





/* ŸÀÌƲ */
#subtitle h3{font-weight: 700; color: var(--white); font-size: 3rem; line-height: 125.926%; letter-spacing: -2.16px; text-align:center}




/*** °øÅë css ***/
.dot_list{}
.dot_list > dd,
.dot_list > li{font-size:1rem; text-align:left; font-weight: 400; line-height: 165%; letter-spacing: var(--letter-spacing-default ); color:var(--basicW); position:relative; display:flex; align-items:flex-start; gap:0 7px;}
.dot_list > dd + dd,
.dot_list > li + li{margin-top: 6px;}
.dot_list > dd::before,
.dot_list > li::before{content:''; width:3px; aspect-ratio: 3 / 3; background:var(--sub2); display:block; position:relative; flex-shrink: 0; top:0.7rem;}




/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont{padding-top:70px; position:relative; overflow:hidden; font-size:1rem; color:var(--basicW);}
.policy_cont br{display:block;}
.policy_cont strong{font-weight:500; color:var(--white);}
.policy_cont .cont_title{font-size:1.412rem; color:var(--white); 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(--white) !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(--grayBgW); margin:7px 0px 10px 0px; display:block;  letter-spacing:var(--letter-spacing-default); line-height:1.7; color:var(--white);}

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





#header.nofixed + #sitemap + .mo_menu + .vr_tour{top:20px;}
#header.fixed + #sitemap + .mo_menu + .vr_tour{top:120px;}

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

.fs18 br{display: none;}


/*** °øÅë css ***/
.dot_list{}
.dot_list > dd br,
.dot_list > li br{display: none;}




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





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

/* ¼­ºêž */

/* visual_lnb */
.visual_lnb dl dt a {width:22px}
.visual_lnb dl dd i {margin:0 10px}
.visual_lnb dl dd .txt::after {font-size:18px}
.visual_lnb dl dd .dlst {width:130px; top:20px; left: 50%; transform:translateX(-40%);}
.visual_lnb dl dd .txt {font-size:15px}


/*** °øÅë css ***/
.dot_list > dd::before,
.dot_list > li::before{top:0.6rem;}





/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont{}
.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%;  }


#header.fixed + #sitemap + .mo_menu + .vr_tour{top:110px;}

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


/* ¼­ºêž */

/* ºñÁÖ¾ó lnb */
/* .visual_lnb{display:none;} */
.visual_lnb dl dd i {margin:0 8px}
.visual_lnb dl dt a {width:20px}
.visual_lnb dl dd .dlst {width:120px; padding:10px}
.visual_lnb dl dd .dlst ul li a {font-size:13px}
.visual_lnb dl dd .txt {font-size:14px}
.visual_lnb dl dd .txt::after {font-size:17px; margin-left:3px}


#header.fixed + #sitemap + .mo_menu + .vr_tour{top:100px;}

}