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

/**** S:: ¼­ºêž ****/
@keyframes subtop-bg-zoom { 0% { transform: scale(1); } 100% { transform: scale(1.08); } }
@keyframes subtop-fade-up { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } }
.subtop{position: relative; width: 100%; height: 600px; display: flex; align-items: center; justify-content: center; z-index: var(--z-subtop); overflow: visible;}
.subtop_bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--bk000); overflow: hidden;}
.subtop_bg .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; animation: subtop-bg-zoom 6.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;}
.subtop_txt{position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; text-align: center; color: var(--white);}
.subtop_tit{color: var(--white); font-weight: 700; opacity: 0; animation: subtop-fade-up 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s forwards;}
.subtop_desc{color: var(--white); font-weight: 600; opacity: 0; animation: subtop-fade-up 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s forwards;}
@media (prefers-reduced-motion:reduce){.subtop_bg .bg{animation: none; transform: scale(1);}.subtop_tit,.subtop_desc,.subtop_lnb{animation: none; opacity: 1; transform: none;}}

.subtop_lnb{position: absolute; left: 0; bottom: 0; width: 100%; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.1); z-index: 3; opacity: 0; animation: subtop-fade-up 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s forwards; overflow: visible;}
.subtop_lnb_pc ul{display: flex; width: 100%;}
.subtop_lnb_mo{display: none; width: 100%;}
.subtop_lnb_item{flex: 1; min-width: 0;}
.subtop_lnb_item a{display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; color: var(--white); text-decoration: none; transition: background 0.25s ease, color 0.25s ease; white-space: nowrap;}
.subtop_lnb_item.on a{background: var(--white); color: var(--black);}

.search_none .subtop_lnb{display: none;}
/**** E:: ¼­ºêž ****/


/**** °øÅë ****/
.title-area{padding: 0 0 50px; text-align: center; display: flex; flex-direction: column; gap:25px;}
.title-area h3{color: var(--black);}
.title-area h3.fsE50{font-weight: 700;}

.bbs-content{overflow: hidden;}

.text_right{text-align:right; padding: 20px 0 0;}

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

.privacy_list {width:100%; overflow:hidden; clear:both; padding:5%; border:1px solid var(--border); border-radius:var(--borderR20); 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);} 




/* Stewardship Code */
.stewardship-code_list{display:flex; flex-direction:column; gap:50px; width:100%;}
.stewardship-code_item{display:flex; flex-direction:column; gap:15px; width:100%;}
.stewardship-code_hd{display:flex; flex-direction:column; gap:5px; width:100%;}
.stewardship-code_hd h3{color:var(--black); font-weight:600;}
.stewardship-code_hd p{color:var(--basic); word-break:keep-all;}
.stewardship-code_box{padding:30px; border-radius:var(--borderR20); background:var(--greenBg); color:var(--basic); word-break:keep-all;}
.stewardship-code_box p + p{margin-top:0;}



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


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


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

/**** S:: ¼­ºêž ****/
.subtop{height: 480px;}
.subtop_txt{gap: 16px; }
.subtop_lnb_item a{height: 60px;}
/**** E:: ¼­ºêž ****/

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

/**** S:: ¼­ºêž ****/
.subtop{height: 420px;}
.subtop_txt{gap: 12px;}
.subtop_lnb_item a{height: 50px;}
/**** E:: ¼­ºêž ****/


/**** °øÅë ****/
.title-area{padding: 0 0 35px; gap:20px;}



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

/* Stewardship Code */
.stewardship-code_list{gap:40px;}
.stewardship-code_box{padding:25px;}

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

/**** S:: ¼­ºêž ****/
.subtop{height: 360px;}
.subtop_txt{gap: 10px;}
.subtop_lnb{position: absolute; left: 0; bottom: 0; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.1); overflow: visible;}
.subtop_lnb .basic_in{width: 100%; max-width: none; overflow: visible;}
.subtop_lnb_pc{display: none;}
.subtop_lnb_mo{display: flex; align-items: stretch; position: relative; overflow: visible;}
.subtop_lnb_depth{position: relative; flex: 1; min-width: 0; z-index: 1;}
.subtop_lnb_depth.is-open{z-index: 20;}
.subtop_lnb_depth:last-child{border-right: 0;}
.subtop_lnb_depth1 .subtop_lnb_toggle{background: transparent; color: var(--white);}
.subtop_lnb_depth2 .subtop_lnb_toggle{background: var(--white); color: var(--black);}
.subtop_lnb_toggle{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 45px; margin: 0; padding: 0 15px; border: 0; cursor: pointer; font-family: inherit; text-align: left; box-sizing: border-box; transition: background 0.25s ease, color 0.25s ease;}
.subtop_lnb_toggle::after{content: '\e5c5'; flex-shrink: 0; font-family: var(--icon); font-weight: 400; font-style: normal; font-size: 22px; line-height: 1; color: inherit; transition: transform 0.25s ease;}
.subtop_lnb_depth.is-open .subtop_lnb_toggle::after{transform: rotate(180deg);}
.subtop_lnb_lbl{overflow: hidden; max-width: calc(100% - 28px); white-space: nowrap; text-overflow: ellipsis;}
.subtop_lnb_panel{position: absolute; left: 0; top: 100%; z-index: 20; width: 100%; margin: 0; padding: 0; list-style: none; background: var(--white); border-top: 1px solid var(--border); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); visibility: hidden; opacity: 0; transform: translateY(-6px); transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;}
.subtop_lnb_mo .subtop_lnb_panel{width: 100%;}
.subtop_lnb_depth.is-open .subtop_lnb_panel{visibility: visible; opacity: 1; transform: translateY(0);}
.subtop_lnb_panel li{border-bottom: 1px solid var(--border);}
.subtop_lnb_panel li:last-child{border-bottom: 0;}
.subtop_lnb_panel a{display: block; padding: 12px 15px; color: var(--basic); text-decoration: none; transition: background 0.2s ease, color 0.2s ease;}
.subtop_lnb_panel a.is-current{background: var(--grayBg); color: var(--black); font-weight: 600;}
/**** E:: ¼­ºêž ****/


/**** °øÅë ****/
.title-area{padding: 0 0 25px; gap:15px;}
.text_right{padding: 10px 0 0;}


/* ÀÌ¿ë¾à°ü, °³ÀÎÁ¤º¸Ãë±Þ¹æħ */
.policy_cont .cont_box {border-radius:var(--borderR5);}
.privacy_list {border-radius:var(--borderR10); padding: 7%;}

/* Stewardship Code */
.stewardship-code_list{gap:30px;}
.stewardship-code_item{gap:12px;}
.stewardship-code_box{padding:20px; border-radius:var(--borderR10);}

}