@charset "utf-8";

/* ============================================================================================================================================================== */

@media screen and (max-width:1000px) {

#contents_wrap { padding-bottom:220px }

/* 배경 */
.lbg, .rbg {display:none;}

/* 비주얼 영역 */
.visual_area { width:100%; }

/* 베너영역 */
.contents_box01 .banner_wrap {width:95%; padding:20px 0;}
.contents_box01 .h_banner1, .contents_box01 .h_banner2 {width:32%;}
.contents_box01 .h_banner1 a, .contents_box01 .h_banner2 a {width:100%;height:auto}
.contents_box01 .h_banner1 {margin-right:1.5%; background:url('../images/main/p_banner1_img_t.gif') no-repeat center 160px;}
.contents_box01 .h_banner2 {margin-right:1.5%; background:url('../images/main/p_banner2_img_t.gif') no-repeat center 167px;}

.contents_box01 .h_banner1 .tit, 
.contents_box01 .h_banner2 .tit {margin:10px 0 0 21px; font-size:18px;}
.contents_box01 .h_banner1 .en_tit, 
.contents_box01 .h_banner2 .en_tit {margin:28px 0 0 21px; font-size:13px;}

.contents_box01 .h_banner1 .tit span, .contents_box01 .h_banner2 .tit span {font-size:18px;}

.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {margin:15px 0 0 21px; width:90%; font-size:12px;}


/* 견적의뢰, 전화번호 */
.contents_box01 .h_banner3 {width:32%;}
.contents_box01 .h_banner3_1, .contents_box01 .h_banner3_2 {width:100%; height:144px;}
.contents_box01 .h_banner3_1 {background:url('../images/main/p_banner3_img_t.gif') no-repeat right center;}
.contents_box01 .h_banner3_2 {border-top:none; background:url('../images/main/p_banner4_img.gif') no-repeat 21px 30px;}

.contents_box01 .h_banner3_1 .tit {margin:30px 0 0 21px; font-size:18px;}
.contents_box01 .h_banner3_2 .tit {padding:28px 0 14px 21px; font-size:24px;}

.contents_box01 .h_banner3_1 .stit {margin:15px 0 0 21px; width:50%; letter-spacing:-0.5px; font-size:12px;}
.contents_box01 .h_banner3_1 br {display:none}
.contents_box01 .h_banner3_2 .stit {width:83%; margin:3px 0 0 21px; padding-top:10px; letter-spacing:-0.5px; font-size:12px;}


/* 공지사항 */
.contents_box02 {margin:30px auto; width:95%;}
.contents_box02 .board_box {width:32%;margin-right:1.8%;}


/* 온라인상담, 오시는 길 */
.contents_box02 .h_banner4 {width:32%;}
.contents_box02 .h_banner4_1, .contents_box02 .h_banner4_2 {width:50%;}
.contents_box02 .h_banner4_1 a, .contents_box02 .h_banner4_2 a {width:100%;height:auto}
.contents_box02 .h_banner4_1 .tit, .contents_box02 .h_banner4_2 .tit {margin-top:120px;font-size:15px;}
.contents_box02 .h_banner4_1 .stit, .contents_box02 .h_banner4_2 .stit {display:none}


/* 제품소개 */
.contents_box03 {width:95%;}
.contents_box03 dl {width:100%;}
.contents_box03 dd {clear:both; padding-top:27px; border-top:1px solid #444;}

}

/* ============================================================================================================================================================== */

@media screen and (max-width:800px) {

.contents_box01 .banner_wrap {padding:20px 0;}
.contents_box01 .h_banner1, .contents_box01 .h_banner2 {height:270px;}
.contents_box01 .h_banner1 {background:url('../images/main/p_banner1_img_t.gif') no-repeat center 155px;}
.contents_box01 .h_banner2 {background:url('../images/main/p_banner2_img_t.gif') no-repeat center 162px;}

.contents_box01 .h_banner1 .tit, .contents_box01 .h_banner2 .tit {margin:5px 0 0 21px;}
.contents_box01 .h_banner1 .en_tit, .contents_box01 .h_banner2 .en_tit {margin:20px 0 0 21px; font-size:13px;}

.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {margin:10px 0 0 21px; width:85%;}
.contents_box01 .h_banner1 .stit br, .contents_box01 .h_banner2 .stit br {display:none}


/* 견적의뢰, 전화번호 */
.contents_box01 .h_banner3 {width:32%;}
.contents_box01 .h_banner3_1, .contents_box01 .h_banner3_2 {width:100%; height:135px;}
.contents_box01 .h_banner3_2 {background:url('../images/main/p_banner4_img.gif') no-repeat 21px 20px;}

.contents_box01 .h_banner3_1 .tit {margin:22px 0 0 20px; font-size:15px;}
.contents_box01 .h_banner3_2 .tit {padding:19px 0 14px 13px; font-size:20px;}

.contents_box01 .h_banner3_1 .stit {margin:7px 0 0 21px; width:55%;}
.contents_box01 .h_banner3_2 .stit {width:89%; margin:2px 0 0 14px; padding-top:5px; letter-spacing:-1px;}
.contents_box01 .h_banner3_2 .time {font-size:12px;letter-spacing:0;}

}

/* ============================================================================================================================================================== */

@media screen and (max-width:660px) {

/* 배너 1줄에 1개씩 */
.contents_box01 .h_banner1, .contents_box01 .h_banner2 {margin-right:0; float:none; overflow:hidden; width:99.5%; height:auto; padding-bottom:20px; margin-bottom:10px;}

.contents_box01 .h_banner1 {background:url('../images/main/p_banner1_img_m.gif') no-repeat 10px center;}
.contents_box01 .h_banner2 {background:url('../images/main/p_banner2_img_m.gif') no-repeat 10px center;}

.contents_box01 .h_banner1 .tit, .contents_box01 .h_banner2 .tit 
{float:right; width:70%; margin:25px 10px 0 0; height:41px; color:#363636; font-weight:bold;}
.contents_box01 .h_banner1 .en_tit, .contents_box01 .h_banner2 .en_tit {display:none}
.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {float:right; width:70%; margin:-15px 10px 0 0; }


/* 견적의뢰, 전화번호 */
.contents_box01 .h_banner3 {width:99.9%;}
.contents_box01 .h_banner3_1 {width:49%; height:50px;}
.contents_box01 .h_banner3_2 {width:49%; height:50px;}
.contents_box01 .h_banner3_1 {float:left; background:url('../images/main/p_banner3_img_m.gif') no-repeat left center;}
.contents_box01 .h_banner3_2 {float:right; border-top:1px solid #dadada; background:url('../images/main/p_banner4_img.gif') no-repeat 15px center;}

.contents_box01 .h_banner3_1 .tit {margin:14px 0 0 80px; font-size:15px;}
.contents_box01 .h_banner3_2 .tit {padding:1px 0 0 10px; font-size:16px; height:30px; line-height:30px; letter-spacing:-0.5px;}

.contents_box01 .h_banner3_1 .stit {display:none;}
.contents_box01 .h_banner3_2 .stit {border-top:none; margin:-9px 0 0 58px; font-size:12px;}
.contents_box01 .h_banner3_2 .stit .time {display:none;}


/* 공지사항, 자료실 - 1줄에 1개씩 */
.contents_box02 {margin:10px auto;}
.contents_box02 .board_box {overflow:hidden; float:none; margin:0 0 20px 0; width:99.5%; height:auto; }


/* 온라인상담, 오시는 길 */
.contents_box02 .h_banner4 {width:99.9%;}
.contents_box02 .h_banner4_1 {width:49%; height:50px;}
.contents_box02 .h_banner4_2 {width:49%; height:50px;}
.contents_box02 .h_banner4_1 {float:left; background:#676767 url('../images/main/p_banner5_img_t.png') no-repeat 20px 50%;}
.contents_box02 .h_banner4_2 {float:right; background:#2a8ebf url('../images/main/p_banner6_img_t.png') no-repeat 20px 50%;}
.contents_box02 .h_banner4_1 .tit, .contents_box02 .h_banner4_2 .tit {margin-top:15px;}

/* 제품소개 */
.contents_box03 { margin:30px auto; padding-bottom:50px; } 
.contents_box03 dd {padding-top:22px;}
.contents_box03 .s_content .slider {margin-left:-21px}
}

/* ============================================================================================================================================================== */

@media screen and (max-width:550px) {

.contents_box01 .h_banner1 .tit, .contents_box01 .h_banner2 .tit {width:69%;}
.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {width:69%;font-size:12px}

/* 제품소개 */
.contents_box03 { padding-bottom:70px; }
}

/* ============================================================================================================================================================== */

@media screen and (max-width:470px) {

.contents_box01 .h_banner1 .tit, .contents_box01 .h_banner2 .tit {width:65%;}
.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {width:65%;}

/* 견적의뢰, 전화번호 - 1줄에 1개씩 */
.contents_box01 .h_banner3_1 {width:99.2%; height:50px;float:none; margin-bottom:10px;}
.contents_box01 .h_banner3_2 {width:99.2%; height:50px;float:none;}
.contents_box01 .h_banner3_1 .tit {float:none; margin:14px 0 0 80px;}
.contents_box01 .h_banner3_2 .tit {float:none; padding:1px 0 0 30px;}
.contents_box01 .h_banner3_2 .stit {margin:-11px 0 0 75px;}

/* 온라인상담, 오시는 길 */
.contents_box02 .h_banner4_1 {width:100%;margin-bottom:10px;}
.contents_box02 .h_banner4_2 {width:100%;}


}

/* ============================================================================================================================================================== */

@media screen and (max-width:420px) {

.contents_box01 .h_banner1 {width:99.2%;}
.contents_box01 .h_banner2 {width:99.2%;}

.contents_box03 h3.tit {font-size:18px;}
}

/* ============================================================================================================================================================== */

@media screen and (max-width:350px) {

.contents_box01 .h_banner1 .tit, .contents_box01 .h_banner2 .tit {width:55%;}
.contents_box01 .h_banner1 .stit, .contents_box01 .h_banner2 .stit {width:55%; }


/* 제품소개 */
.contents_box03 { padding-bottom:100px; }
.contents_box03 h3 {letter-spacing:-0.5px;}

}