/* BASIC css start */
#wrap, #contentWrapper, #contentWrap, #main {
    box-sizing: border-box;
}

#main .mban_area,
.mini_review ul{*zoom:1;}
#main .mban_area,
.mini_review ul{content:" "; display:block; clear:both;}

.item-list .thumb a.on:link img { border: solid 3px #FFFFFF }
.item-list .thumb a.on:visited img { border: solid 3px #FFFFFF }
.item-list .thumb a.on:hover img { border: solid 3px #ff8c69}

#main .visual { zoom: 1; position: relative; }
#main .visual:after { content: " "; display: block; clear: both; }

#banner_list { position: relative; float: left; overflow: hidden; border: 1px solid #e5e5e5; margin-bottom: 10px; }
#banner_list .images img { width: 100%; }
#banner_list .clsBannerButton { position: absolute; right: 20px; top: 20px; }
#banner_list .clsBannerButton li { float: left; width: 10px; height: 10px; padding-left: 5px; text-align: center; cursor: pointer; background: url("/design/koeld/tem30/btn_off.png") no-repeat scroll right 0 transparent; }
#banner_list .clsBannerButton .labelOverClass { background: url("/design/koeld/tem30/btn_on.png") no-repeat scroll right 0 transparent; }

/* 텍스트 배너 */
.txtBn { margin-top: 10px; border: 1px dashed #ddd; text-align: center; background-color: #f9f9f9; padding: 25px 0; line-height: 20px; }
.txtBn .txtTit { font-size: 18px; color: #333; font-weight: bold; }
.txtBn a { display: inline-block; }
.txtBn a:hover .txtTit { color: #a0a0a0; }

.visual .fl_right {
    float: right !important;
    width: 236px !important;
    max-width: 236px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 견적문의 */
.side_estimate {
    width: 100%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.estimate-box {
    width: 100%;
    background-color: #0D47A1 ;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 15px 18px;
    box-shadow: 0 4px 12px rgba(108, 92, 231, 0.2);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.estimate-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(108, 92, 231, 0.3);
}

.estimate-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 27px 18px;
    text-decoration: none !important;
    box-sizing: border-box;
}

.estimate-btn {
    padding: 20px 14px !important; /* 좌우 패딩을 조금 줄여서 안전하게 맞춤 */
    box-sizing: border-box !important;
}

.estimate-btn .txt-wrap {
    display: flex;
    flex-direction: column;
}

.estimate-btn .txt-wrap strong {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 6px;
    line-height: 1.3;
}

.estimate-btn .txt-wrap p {
    font-size: 13px;
    color: #e2defd; 
    margin: 0;
    line-height: 1.3;
}

.arrow-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    flex-shrink: 0;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.estimate-btn:hover .arrow-btn {
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateX(3px);
}

/* 공지사항 */
.bt_notice {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #eee;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.notice-header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin-bottom: 8px;
}

.bt_notice .noticeTit { 
    font-size: 14px; 
    font-family: Georgia; 
    font-style: italic; 
    color: #111; 
    line-height: 1.2; 
}

.bt_notice a.more { 
    font-size: 10px; 
    color: #999; 
    display: inline-block; 
    text-decoration: none; 
    line-height: 1.6; 
    vertical-align: middle;
}

.bt_notice a.more::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    transition: transform 0.2s ease; 
}

.bt_notice a.more:hover::after {
    transform: translateX(3px);
}

.bt_noticeList { 
    line-height: 19px; 
    margin: 0; 
    padding: 0;
    list-style: none;
}

.bt_noticeList li a { 
    font-size: 12px; 
    color: #8c8b8c; 
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bt_noticeList li a:hover { 
    color: #ff3a13; 
}

.bt_noticeList .noticeDate { 
    color: #b4b4b4; 
    font-size: 11px; 
    padding-right: 10px; 
}

/* 우측 하단 이벤트 배너 영역 */
.banRight {
    width: 100%;
}
.banRight img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box !important;
}

/* weekly best */
.weeklyitem { margin-top:38px; margin-bottom: 40px; border:1px solid #eee; background-color:#fdfdfd; }
.item-wrap h2,
.weeklyitem h2 { font-size:20px; text-align:center; color:#1e1e1e; margin:10px 0; font-weight:bold; }
.weeklyitem .prev { padding:110px 15px 0; float:left; cursor:pointer; border-left:1px solid #eee; height:220px; }
.weeklyitem .next { padding:110px 15px 0; float:left; cursor:pointer; border-right:1px solid #eee; height:220px; }
.h2_line { border-bottom:2px solid #111111; padding-bottom:10px; }

.slideScrollControlWrap { zoom:1; border-top:1px solid #eee; background-color:#fff; }
.slideScrollControlWrap:after { content:" "; display:block; clear:both; }
.slideScrollContentsWrap { overflow:hidden; position:relative; float:left; padding: 10px 0; width: 1100px; height:310px; }
.slideScrollContents { position:absolute; left:-275px; }
.slideScrollContent { float:left; width:275px; height:330px; text-align:center; }
.slideScrollContent img { width:260px; height:260px; }
.slideScrollContent a:hover img { filter:alpha(opacity=50); opacity:0.5; }
.slideScrollContent span { margin-top:10px; }

.slideScrollContent .name { font-size:14px; color:#333; font-weight:bold; }
.slideScrollContent .line { color:#535353; font-size:11px; }
.slideScrollContent .price { color:#e60012; font-weight:bold; }

/* 리뷰 */
.mini_review { width:300px; height:200px; margin:30px 0 0 35px; }
.mini_review a.more { font-size:11px; text-decoration:underline; padding-left:200px; }
.mini_review ul { padding-top:30px; }
.mini_review ul li { float:left; }
.mini_review ul > li img { width:110px; height:144px; }
.mini_review dl { width:180px; margin-left:10px; }
.mini_review dt { font-weight:bold; color:#525252; text-decoration:underline; margin-bottom:5px; }
.mini_review dd { line-height:19px; }

.mt-30 { margin-top:30px; }
.mt-60 { margin-top:60px; }

.leftMenu { width: 214px; border:1px solid #e5e5e5; font-size:14px; font-weight:bold; font-family: 'Malgun Gothic','맑은 고딕',sans-serif; padding:2px 10px; margin-right:10px; }
.leftMenu li { border-bottom:1px solid #e5e5e5; padding:5px 26px; }
.leftMenu li a { color:#1e1e1e; font-size:14px; font-weight:bold; font-family: 'Malgun Gothic','맑은 고딕',sans-serif; }
.leftMenu li a:hover { color:#777; }
.leftMenu .tit_menu { color:#0a53a0; background:url("/design/koeld/tem30/bul_menu.gif") no-repeat scroll 16px center; }
.leftMenu .tit_menu a { color:#0a53a0; }
.leftMenu .tit_menu a:hover { color:#0a53a0; }
.visualCenter { width: 708px; float: left; }
.banArea { margin:30px 0; }
/* BASIC css end */