@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");
/* 공통 */
#contents {padding: 190px 0 0;}

.header .header_in h1 a svg {opacity: 0;}
.header .header_in h1 a::after {opacity: 1;} 
.header .top_util li.search_btn a svg path {stroke: var(--black);}
.header .top_util li.menu_btn a svg path {fill: var(--black);}
.header .gnb ul li > a {color: var(--black);}

.subpad{padding: 150px 0;}
.subpad_t{padding: 150px 0 0;}
.subpad_b{padding: 0 0 150px;}

/* 서브탑 */
body:has(.history_cont) .subtop {margin-bottom: 0 !important;}
.subtop_wrap {overflow: hidden;}
.subtop {width: 100%; height: 500px; margin: 0 0 150px;}

/* 서브타이틀 */
#subtitle {margin-bottom:100px;}
#subtitle h3 {margin: 8px 0 0;}
#subtitle p.fs18 {margin: 30px 0 0;}
#subtitle .eng_badge {text-transform: none;}

/* 서브 List 스타일 */
.sub_ol_style {counter-reset: section;}
.sub_ol_style > li {counter-increment: section;}
.sub_ol_style > li .sub_ol_badge::before {content: "0"counter(section); font-size: inherit; font-weight: inherit; letter-spacing: inherit; color: var(--white);}
.sub_ol_style .sub_ol_badge {padding: 0 11px; background: var(--black); display: inline-flex;}

/* Sub_FLex */
.sub_flex {display: flex; gap: 60px;}
.sub_flex_left {width: 30%; max-width: 410px; flex-shrink: 0;}
.sub_flex_right {flex: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:100%; 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 1560px
*******************************************************************************/
@media all and (max-width:1560px){


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


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 공통 */
#contents {padding: 120px 0 0;}

.subpad{padding: 90px 0;}
.subpad_t{padding: 90px 0 0;}
.subpad_b{padding: 0 0 90px;}

    
/* 서브타이틀 */
#subtitle {margin-bottom: 70px;}
#subtitle h3 {font-size: 2.6rem;}
#subtitle p.fs18 {margin: 20px 0 0;}

/* 서브탑 */
.subtop {margin-bottom: 90px; height: 380px;}

/* 개인정보처리방침 */
.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){
/* 공통 */
#contents {padding: 90px 0 0;}

.subpad{padding: 70px 0;}
.subpad_t{padding: 70px 0 0;}
.subpad_b{padding: 0 0 70px;}

/* 서브타이틀 */
#subtitle {margin-bottom: 50px;}
#subtitle h3 {margin: 5px 0 0;}
#subtitle p.fs18 {margin: 10px 0 0;}

/* 서브탑 */
.subtop {margin-bottom: 70px; height: 280px;}    

/* 서브 List 스타일 */
.sub_ol_style .sub_ol_badge {padding: 0 9px; font-size: 11px;}

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

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




}