body{line-height:1.6;color:#555}

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

/* 고정단수 */ 
.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%);}


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



/* 컬러 */ 
.red_01{color:#7b210c}
.brown_01{color:#c1ad80}
.brown_02{color:#5e4f2f}
.blue_01{color:#0c2d4e}
.gray_01{color:#fff}
.gray_10{color:#000}

.bg_brown_01{background:#c1ad80}
.bg_blue_01{background:#0c2d4e !important}

/* 기타 */ 
.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}


/* 폰트 */
.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_30{font-size:30px;line-height:1.4;}
.txt_36{font-size:36px;line-height:1.35;}
.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_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}

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

@media(max-width:1024px){

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

/* 폰트 */
.txt_30{font-size:28px;}
.txt_36{font-size:32px;}
.txt_48{font-size:42px;}
.txt_50{font-size:46px;}
.txt_60{font-size:52px;}

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


/* 박스 */ 
.box_brown{padding:30px}
.box_blue{padding:30px}
.box_buy{padding:30px 50px;min-height:500px}

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

}

@media(max-width:768px){

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

/* 폰트 */
.txt_18{font-size:16px;}
.txt_20{font-size:18px;}
.txt_22{font-size:20px;}
.txt_24{font-size:22px;}
.txt_30{font-size:26px;}
.txt_36{font-size:30px;}
.txt_48{font-size:38px;line-height:1.2;}
.txt_50{font-size:42px;line-height:1.2;}
.txt_60{font-size:46px;line-height:1.15;}

/* 간격 */
.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;}

.box_buy{padding:30px 30px;min-height:300px}

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


}


/* ----------------------------------------------------------
 * 사이트 폰트 최적화
---------------------------------------------------------- */

@media only screen and (max-width:1024px) {
.txt_36{font-size:22px !important;}
.txt_48{font-size:30px !important;line-height:1.5;}
.txt_50{font-size:30px !important;line-height:1.2}


.pad_50{padding:20px !important;}
.pad_70{padding:30px !important;}


}