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




/* css */
.basicCont{padding:150px 0 200px;}
.secDot{display:block; width:6px; height:6px; border-radius:30px; background:var(--main); flex-shrink:0;}
.secDot--light{background:#d9d9d9;}

.bbsCont{display: flex; flex-direction: column; gap: 50px;}
.bbsCont h2{color: var(--white); text-transform: uppercase;}
.bbsCont h2.kor{font-weight: 300;}
.bbsCont .tit_area{display: flex; flex-direction: column; gap: 10px;}
.bbsCont .tit_area p{color: var(--white); opacity: 0.7;}

.formCont{max-width: 1065px;}




/* Privacy Policy */
.policy_cont{position:relative; overflow:hidden; font-size:0.778rem; color:rgba(255,255,255,.7);}
.policy_cont br{display:block;}
.policy_cont strong{display:block; margin:0 0 8px; font-weight:500; color:var(--white);}
.policy_cont .cont_box strong + p,.policy_cont .cont_box strong + ul,.policy_cont .cont_box strong + ol{margin-top:0;}
.policy_cont .cont_box p + strong,.policy_cont .cont_box ul + strong,.policy_cont .cont_box ol + strong{margin-top:18px;}
.policy_cont .cont_title{font-size:0.889rem; color:var(--white); padding-bottom:18px; letter-spacing:var(--letter-spacing-default); font-weight:500;}
.policy_cont .cont_tit{display:block; font-size:0.889rem !important; padding-bottom:10px; font-weight:500; color:var(--white) !important; letter-spacing:var(--letter-spacing-default); scroll-margin-top:120px;}
.policy_cont .cont_txt{padding:0 0 35px;}
.policy_cont .cont_txt > p{margin:0 0 10px;}
.policy_cont .cont_txt2{padding-bottom:35px;}
.policy_cont .cont_box{padding:25px; background:rgba(255,255,255,.1); margin:7px 0 10px; display:block; letter-spacing:var(--letter-spacing-default); line-height:170%;}
.policy_cont .cont_box p{margin:0 0 10px;}
.policy_cont .cont_box p:last-child{margin-bottom:0;}
.policy_cont .cont_box ul,.policy_cont .cont_box ol{margin:0;}
.policy_cont .cont_box li{position:relative; padding-left:14px;}
.policy_cont .cont_box ul > li::before{content:"-"; position:absolute; left:0; top:0;}
.policy_cont .cont_box ol{counter-reset:policy-ol;}
.policy_cont .cont_box ol > li{counter-increment:policy-ol; padding-left:22px;}
.policy_cont .cont_box ol > li::before{content:counter(policy-ol) "."; position:absolute; left:0; top:0;}
.policy_cont .cont_box a{color:var(--white); text-decoration:underline; text-underline-offset:3px;}
.privacy_nav{margin-bottom:30px;}
.privacy_list{width:100%; overflow:hidden; clear:both; padding:3%; border:1px solid rgba(255,255,255,.1); box-sizing:border-box;}
.privacy_list li{width:50%; float:left; padding-bottom:1%;}
.privacy_list li a{font-weight:500; color:var(--white);}






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



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




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

/* css */
.basicCont{padding:120px 0 150px;}




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

/* css */
.basicCont{padding:100px 0 120px;}


.bbsCont{gap: 40px;}



/* Privacy Policy */
.policy_cont .cont_tit{padding-bottom:5px;}
.policy_cont .cont_txt{padding:0 0 25px;}
.policy_cont .cont_txt2{padding-bottom:25px;}
.policy_cont .cont_box{padding:18px;}
.privacy_list li{width:100%; float:none; padding-bottom:8px;}

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

/* css */
.basicCont{padding:80px 0;}


.bbsCont{gap: 25px;}


/* Privacy Policy */
.privacy_list{padding:5%;}
.policy_cont .cont_box{padding: 12px;}
.policy_cont .cont_tit{scroll-margin-top:90px;}

}