@charset "utf-8";

/* 메인영역 */
#main_banner{position:absolute;left:0;top:125px}
#main_banner_wrap{z-index:1;text-align:left;overflow-y:auto}
#main_banner_wrap .main_img_box{position:relative;height:586px}
#main_banner_wrap .main_img_box li{display:none;position:absolute;top:0;left:0;width:100%;height:100%}
#main_banner_wrap .main_img_box li.box1{display:block;background:url(/sh_img/index/main_banner/main_banner_01.jpg) no-repeat}
#main_banner_wrap .main_img_box li.box2{background:url(/sh_img/index/main_banner/main_banner_02.jpg) no-repeat}
.cost_area{position:relative;width:62%}
#main_banner_wrap{position:relative;float:left;width:826px;height:586px;margin-right:14px;padding:20px;border-radius:10px;color:#222;background:#fff;font-family:'Pretendard'}
#main_banner_wrap .txt_area{position:absolute;top:62px;left:50px;z-index:999}
#main_banner_wrap .txt_area span{display:block;margin-bottom:22px;font-size:16px;font-family:'Play',sans-serif}
#main_banner_wrap .txt_area span b{font-weight:700}
#main_banner_wrap .txt_area .tit{font-size:40px;line-height:55px;font-family:'notokr-light'}
#main_banner_wrap .txt_area .tit b{font-weight:normal;font-family:'notokr-bold'}
#main_banner_wrap .bx-controls{position:absolute;bottom:50px;left:50px;width:100%;z-index:999}
#main_banner_wrap .bx-pager-item{display:inline-block;width:10px;height:10px;margin-right:10px;}
#main_banner_wrap .bx-pager-item a{display:block;height:100%;border-radius:50%;font-size:0;background-color:#fff;opacity:.6;-webkit-transition:all .3s;transition:all .3s}
#main_banner_wrap .bx-pager-item a.active{opacity:1}
.main_wrap{padding:0}
.main_wrap .main_tit_area{display:flex;align-items:center;gap:20px;justify-content:space-between}
.main_wrap .main_tit_area .m_tit{display:flex;align-items:center;;gap:10px}
.main_wrap .main_tit_area .modify{display:flex;align-items:center;gap:10px}
.main_wrap .tb_wrap{width:100%}
.main_wrap .tb_wrap table{width:100%;text-align:center;border-collapse:collapse;box-shadow:8px 8px 20px rgba(0, 0, 0, .08);background-color:#fff;border-radius:10px}
.main_wrap .tb_wrap table thead th{padding:20px;background:#1c1637;color:#fff;font-size:18px}
.main_wrap .tb_wrap table thead th:first-child{border-radius:10px 0 0 0}
.main_wrap .tb_wrap table thead th:last-child{border-radius:0 10px 0 0}
.main_wrap .tb_wrap table tbody tr > *{border-bottom:1px dotted #e1e1e1}
.main_wrap .tb_wrap table tbody tr label b{color:#222;font-size:18px}
.main_wrap .tb_wrap table tbody tr label span{color:#777;font-size:14px}
.main_wrap .tb_wrap table tbody td{padding:30px 16px;border-left:1px dotted #e1e1e1}
.main_wrap .tb_wrap table tbody td .price_box{font-size:18px;color:#222;font-family:'notokr-bold'}
.main_wrap .tb_wrap table tbody td .price_box .now_cost{width:100px;border:1px solid #e1e1e1;}
.main_wrap .current_price{padding-left:10px;font-size:16px;font-weight:700}
.main_wrap .diff_view{display:inline-block;min-width:40px;margin-right:18px;font-size:13px;color:#777;font-family:'Pretendard'}
.main_wrap .diff_view .fa-caret-up{color:red}
.main_wrap .diff_view .fa-caret-down{color:blue}

.modify{display:flex;align-items:center;position:absolute;top:0;right:22px;margin-top:44px}
.modify button{margin-left:10px;padding:10px 25px;border:none;border-radius:50px;font-size:15px;color:#fff;background:#111;font-family:'notokr-medium'}

.main_wrap .m_tit{display:flex;align-items:center;gap:20px;padding:15px 0 30px}
.main_wrap .m_tit p{font-size:37px;font-family:'notokr-regular'}