body{line-height:1.6;color:#555}
body a{text-decoration:none !important}


/* ----------------------------------------------------------
 * 공통
---------------------------------------------------------- */

/* 고정단수 */ 
.dodo_flex{--gap:100px;--col:4;display:flex;flex-wrap:wrap;gap:var(--gap);}
.dodo_flex .dodo_item{box-sizing:border-box;flex:0 0 calc((100% - (var(--gap) * (var(--col) - 1))) / var(--col));}

.dodo_col_1{--col:1;}
.dodo_col_2{--col:2;}
.dodo_col_3{--col:3;}
.dodo_col_4{--col:4;}

/* 자동 균등 분배(한 줄 유지) */
.dodo_auto{--gap:20px;display:flex;flex-wrap:wrap;gap:var(--gap);}
.dodo_auto .dodo_item{box-sizing:border-box;flex:1;min-width:0;}

/* 자동 줄바꿈 */
.dodo_auto_wrap{--gap:20px;display:flex;flex-wrap:wrap;gap:var(--gap);}
.dodo_auto_wrap .dodo_item{flex:1 1 250px;min-width:250px;box-sizing:border-box;}

/* 박스 */ 
.box_brown{background:#c1ad80;padding:50px;color:#564317}
.box_blue{background:#0c2d4e;padding:50px;color:#fff}
.box_buy{background: #1a2129 url('/theme/rb.basic/rb.page/img/juggaeb_img_04.jpg') center center / cover no-repeat;padding:50px 100px;color:#fff;min-height:600px;display:flex;align-items:center;}

.dodo_btn_01{display:inline-block;background-color:#857455;color:#fff;padding:10px 30px;text-align:center}
.dodo_btn_02{display:inline-block;background-color:#132d4b;color:#fff;padding:10px 30px;text-align:center}

/* 도트리스트 */ 
.li_dot ul{margin-top:15px;padding:0;list-style:none;}
.li_dot ul li{position:relative;padding-left:12px;line-height:1.8;}
.li_dot ul li::before{content:"";position:absolute;left:0;top:50%;width:4px;height:4px;background:#333;border-radius:50%;transform:translateY(-50%);}

/* 테이블 */ 
.tb_list{flex:1;}
.tb_list dl{display:flex;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eee;}
.tb_list dl:first-child{border-top:2px solid #222;}
.tb_list dt{width:120px;flex-shrink:0;font-size:20px;font-weight:700;color:#222;}
.tb_list dd{flex:1;font-size:18px;line-height:1.8;color:#555;}


/* 기타 */ 
.dodo_item img{display:block;max-width:100%}
.opa_05{opacity:.5}
.opa_10{opacity:1}
.pos_r{position:relative}
.pos_a{position:absolute}
.align_l{text-align:left}
.align_c{text-align:center}
.align_l{text-align:right}
.float_l{float:left}
.float_r{float:right}
.c_none{display:none}


/* 폰트 */
.txt_16{font-size:16px;line-height:inherit}
.txt_18{font-size:18px;line-height:inherit}
.txt_20{font-size:20px;line-height:inherit}
.txt_22{font-size:22px;line-height:1.5}
.txt_24{font-size:24px;line-height:1.5}
.txt_26{font-size:26px;line-height:1.5}
.txt_28{font-size:28px;line-height:1.5}
.txt_30{font-size:30px;line-height:1.4}
.txt_36{font-size:36px;line-height:1.35}
.txt_40{font-size:40px;line-height:1.3}
.txt_44{font-size:44px;line-height:1.25}
.txt_48{font-size:48px;line-height:1.25}
.txt_50{font-size:50px;line-height:1.2}
.txt_60{font-size:60px;line-height:1.15}

.f_wet_01{font-weight:100 !important;font-family:''}
.f_wet_02{font-weight:200 !important}
.f_wet_03{font-weight:300 !important}
.f_wet_04{font-weight:400 !important}
.f_wet_05{font-weight:500 !important}
.f_wet_06{font-weight:600 !important}
.f_wet_07{font-weight:700 !important}
.f_wet_08{font-weight:800 !important}
.f_wet_09{font-weight:900 !important}

.t_spa_20{letter-spacing:2px}
.t_spa_10{letter-spacing:1px}
.t_spa_00{letter-spacing:0px}
.t_spa_01{letter-spacing:-1px}
.t_spa_02{letter-spacing:-2px}
.txt_just{text-align:justify;word-break:keep-all_;}

/* 간격 */ 
.pad_10{padding:10px;display:block}
.pad_15{padding:15px;display:block}
.pad_20{padding:20px;display:block}
.pad_25{padding:25px;display:block}
.pad_30{padding:30px;display:block}
.pad_40{padding:40px;display:block}
.pad_50{padding:50px;display:block}
.pad_70{padding:70px}


/* 서브공통 타이틀 */ 
.tit_wrap{position:relative;color:#000;width:81.5%;padding-bottom:70px;margin:0 auto}
.tit_wrap .tit{display:inline-block;position:relative;line-height:1.5}
.tit_wrap .tit::after{content:"";position:absolute;left:100%;bottom:10px;margin-left:0px;width:60px;height:1px;background:#000}
.tit_wrap .sul{color:rgba(0,0,0,.5)}
.tit_wrap .point{color:rgba(0,0,0,1)}


/* ----------------------------------------------------------
 * 반응형
---------------------------------------------------------- */

@media(max-width:1024px){

/* 서브공통 타이틀 */
.tit_wrap{width:100%;padding-bottom:30px}
.tit_wrap .sul{text-align:justify}


/* 고정단수 */ 
.dodo_flex{--gap:20px;
.dodo_col_4{--col:2;}
.dodo_col_3{--col:2;}

/* 간격 */ 
.pad_30{padding:28px;}
.pad_40{padding:36px;}
.pad_50{padding:44px;}

/* 테이블 */ 
.tb_list dt{width:70px;font-size:18px;}
.tb_list dd{font-size:17px;}

/* 폰트 */ 
.txt_18{font-size:16px}
.txt_20{font-size:18px}
.txt_22{font-size:20px}
.txt_24{font-size:21px}
.txt_30{font-size:24px}
.txt_36{font-size:28px}
.txt_48{font-size:34px;line-height:1.2}
.txt_50{font-size:38px;line-height:1.2}
.txt_60{font-size:42px;line-height:1.15}

}

@media(max-width:768px){

/* 고정단수 */ 
.dodo_col_4{--col:1;}
.dodo_col_3{--col:1;}
.dodo_col_2{--col:1;}

/* 폰트 */
.txt_18{font-size:15px}
.txt_20{font-size:17px}
.txt_22{font-size:19px}
.txt_24{font-size:20px}
.txt_30{font-size:22px}
.txt_36{font-size:26px}
.txt_48{font-size:30px;line-height:1.25}
.txt_50{font-size:34px;line-height:1.2}
.txt_60{font-size:38px;line-height:1.2}

/* 간격 */
.pad_10{padding:8px;}
.pad_15{padding:12px;}
.pad_20{padding:16px;}
.pad_25{padding:20px;}
.pad_30{padding:24px;}
.pad_40{padding:30px;}
.pad_50{padding:36px;}


/* 테이블 */ 
.tb_list{width:100%;}
.tb_list dl{display:flex;align-items:flex-start;padding:10px 0;}
.tb_list dt{width:100px;flex-shrink:0;font-size:16px;}
.tb_list dd{font-size:16px;line-height:1.7;}


}

@media(max-width:480px){
.txt_18{font-size:14px}
.txt_20{font-size:16px}
.txt_22{font-size:18px}
.txt_24{font-size:19px}
.txt_30{font-size:21px}
.txt_36{font-size:24px}
.txt_48{font-size:28px;line-height:1.25}
.txt_50{font-size:30px;line-height:1.2}
.txt_60{font-size:34px;line-height:1.2}
}