@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 {padding:150px 0 65px;}
#visual .v_txt h2 {text-transform: uppercase; letter-spacing:0; font-family:var(--eng); /* transform:translateY(60px); opacity:0; animation:v_txt 1.0s 0.3s; animation-fill-mode:both; */}



@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; }
}


/* 비주얼 lnb */
.visual_lnb {margin:0 0 15px; display:none !important;}
.visual_lnb dl{display: flex; align-items:center;}
.visual_lnb dl dt a{display: flex; align-items:center; width: 31px; font-size:0; transition:all .3s linear;}
.visual_lnb dl dt a:hover{opacity: 1;}
.visual_lnb dl dt a svg{width: 100%; height:auto;}
.visual_lnb dl dd {display:flex; flex-wrap:wrap; align-items:center; position:relative;}
.visual_lnb dl dd:before{content:''; display:block; width:1px; height:11px; background:var(--border); margin:0 15px; position:relative;}
.visual_lnb dl dd .txt{position: relative; font-family:var(--eng); color:var(--black); letter-spacing:0; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.visual_lnb dl dd .txt:after{content:'\e313'; display:inline-block; font-family:var(--icon); font-size:19px; line-height:1; transition:all .3s linear; margin-left:8px; vertical-align:middle; top:-3px; position:relative;}
.visual_lnb dl dd .txt.on:after{transform:rotate(180deg);}
.visual_lnb dl dd .dlst{position: absolute; top:28px; left:0; z-index: 999; margin: 10px 0 0; width: 150px; background-color: var(--white); padding: 10px 15px; box-sizing:border-box; display: none; box-shadow:5px 5px 15px rgba(0,0,0,0.05);}
.visual_lnb dl dd .dlst.on{display: block;}
.visual_lnb dl dd .dlst ul{}
.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-family:var(--eng); letter-spacing:0;}
.visual_lnb dl dd .dlst ul li a.on{color:var(--main);}
.search_none .visual_lnb dl dd:last-child{display: none;}



.service_visual { position: relative; background: var(--bk000); margin: 0 0 70px; overflow: hidden; }
.service_visual .subtop_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.service_visual .subtop_bg .bg { width: 100%; height: 100%; object-fit: cover; animation: slowZoom 1.5s ease alternate; }
@keyframes slowZoom { 0% { transform: scale(1.1); } 100% { transform: scale(1); } }
.service_visual .service_visual_in { padding: 190px 0; position: relative; z-index: 10; }
.service_visual .service_visual_in .fs100 { color: var(--white); font-family: var(--eng); font-size: 5.882352941176471rem; font-weight: 400; line-height: 120%; opacity: 0; animation: fadeUp 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards; }
.service_visual .service_visual_in .fs21 { margin: 20px 0 0; color: var(--white); opacity: 0; animation: fadeUp 1s cubic-bezier(0.25, 0.8, 0.25, 1) 0.3s forwards; }
@keyframes fadeUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } }
.service_visual_lnb { position: relative; z-index: 10; }
.service_visual_lnb ul { display: flex; flex-wrap: wrap; }
.service_visual_lnb ul li { flex: 1; border-right: 1px solid var(--border); }
.service_visual_lnb ul li:last-child { border-right: none; }
.service_visual_lnb ul li a { color: var(--white); font-family: var(--eng); text-align: center; display: block; padding: 20px 10px; box-sizing: border-box; background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); letter-spacing: 0; height: 100%; transition: all 0.4s ease; }
.service_visual_lnb ul li a:hover { font-weight: 600; background: rgba(255, 255, 255, 0.25); color: var(--white);}
.service_visual_lnb ul li a.on { font-weight: 600; color: var(--black); background: var(--white); transform: translateY(0); }





/*  lnb */
.mobile_snb {display:none;}



#subtitle {}

.tit_wrap .fs21 { color: var(--main); font-weight: 700;}
.tit_wrap .fs46 {margin-top: 15px;}
.tit_wrap .fs17 { margin-top: 15px;}



/*** 공통 css ***/
.basic_cont {max-width:1590px; width: 90%; margin:0 auto 150px;}
.basic_cont.wide {max-width:100%; width: 100%; margin:0;}








.gallery_roll{position:relative;}
.gallery_roll:after{content:''; display:block; clear:both;}
.gallery_roll .roll{position:relative;}
.gallery_roll .roll .imgArea{background:#000; overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_roll .roll .imgArea img{width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_roll .roll .txtArea{position:absolute; left:0; bottom:0; width:100%; text-align:center; background:rgba(34,34,34,.6); padding:20px; box-sizing:border-box;}
.gallery_roll .roll .txtArea h4{font-weight:400; color:var(--white); line-height:150%; font-size:1.25rem;}
.gallery_roll .slick-arrow{border:0; padding:0; font-size:0; outline:none; cursor:pointer; width:30px; height:30px; transition:all .3s linear; position: absolute; z-index: 9999; width: 30px; height: 30px; opacity: 1; left: auto; right:auto; bottom: auto; top:50%; margin-top:-15px;}
.gallery_roll .slick-arrow:hover{opacity:0.5;}
.gallery_roll .slick-prev{background:url('/img/arrow_p_w.png') no-repeat center/100% auto; left:30px;}
.gallery_roll .slick-next{background:url('/img/arrow_n_w.png') no-repeat center/100% auto; right:30px;}

.gallery_nav{margin:30px -2px 0; width:calc(100% + 4px);}
.gallery_nav:after{content:''; display:block; clear:both;}
.gallery_nav .roll{margin:0 2px; cursor:pointer; background-color:#000; overflow: hidden;}
.gallery_nav .roll .txtArea{display: none;}
.gallery_nav .roll .imgArea{overflow: hidden; aspect-ratio: 3 / 2;}
.gallery_nav .roll .imgArea img{opacity:0.5; width: 100%;  display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_nav .roll.slick-current .imgArea img{opacity:1;}












/* �̿���, ����������޹�ħ */
.policy_cont{position:relative; overflow:hidden; font-size:1rem;}
.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 {width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px solid var(--border); box-sizing:border-box; margin-bottom:30px;}
.privacy_list li {width:50%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:500; color:var(--black);} 





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








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








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








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

/* ����ž */
#visual {padding:110px 0 40px;}

.service_visual .service_visual_in {padding:140px 0;}
.service_visual .service_visual_in br {display:none;}
.service_visual .service_visual_in .fs100 {font-size: 4.77rem;}


/* Ÿ��Ʋ */


/*** ���� css ***/
.basic_cont{margin:0 auto 120px;}






/* �̿���, ����������޹�ħ */
.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%;  }




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



#visual {padding:30px 0;}


.visual_lnb{display:none;}

/* PC lnb */
.lnb{display: none;}


/* ����� lnb */
.container  {padding:60px 0 0 ;}
.mobile_snb {display:none !important; margin:60px 0 0; }
.mobile_snb.mo_none {display:none !important;}
.mobile_snb .tbox{display:flex;}
.mobile_snb .tbox .box{flex:1; box-sizing:border-box;}
.mobile_snb .tbox .box .dropLst{position: relative;}
.mobile_snb .tbox .box .dropLst .title {display:block; font-size:1rem; font-weight: 500; line-height:50px; font-family:var(--eng); box-sizing:border-box; padding:0 40px 0 min(5vw, 25px); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; position: relative; border:1px solid rgba(255,255,255,0.2); border-left:0; background:var(--main); color:var(--white);  letter-spacing:0;}
.mobile_snb .tbox .box.dep2 .dropLst .title {border-left:0; border-right:0;}
.mobile_snb .tbox .box .dropLst .title:after{content:'\e313'; display:block; font-size:22px; font-family:var(--icon); line-height:1; position:absolute; right:min(5vw, 25px); top:50%; margin-top: -11px; transition:all .3s linear; opacity: 1; color:var(--basic); font-weight:400; transform:rotate(0); color:var(--white);}

.mobile_snb .tbox .box .dropLst .title.on{}
.mobile_snb .tbox .box .dropLst .title.on:after{transform:rotate(180deg);}
.mobile_snb .tbox .box .dropLst .dlst{display:none; position: absolute; left: 0; top:52px; width: 100%; background:var(--white); z-index: 99999; box-shadow:0 20px 20px rgba(0,0,0,.05); border-bottom:1px solid var(--border);}
.mobile_snb .tbox .box .dropLst .dlst ul{}
.mobile_snb .tbox .box .dropLst .dlst ul li{}
.mobile_snb .tbox .box .dropLst .dlst ul li a{display: block; padding: 0 5%; font-size:1rem; line-height:50px; font-family:var(--eng); box-sizing:border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; letter-spacing:0;}
.mobile_snb .tbox .box .dropLst .dlst ul li a.on{background:var(--main); color:var(--white);}

.search_none .mobile_snb{display: none;}

#contents{margin:0 auto;}





.service_visual {margin:0 0 40px;}
.service_visual .service_visual_in {padding:60px 0; text-align:center;}
.service_visual .service_visual_in .fs100 {font-size: 3rem;}
.service_visual_lnb {display:none;}


/* Ÿ��Ʋ */


.tit_wrap .fs46 {margin-top: 10px;}
.tit_wrap .fs17 { margin-top: 10px;}

/*** ���� css ***/
.basic_cont{margin:0 auto 80px;}







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




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




}