/********** 메인 비주얼 **********/

#mainvisual {
	position:relative;
	width:100%;
	padding:160px 0 80px;
	background:#f3f3f3;
}
.main_section { position:relative; padding:0 40px; outline:none; cursor:pointer; }
.main_section img { width:100%; }

.main_txt { position:absolute; z-index:10; top:94px; left:0; background:#539442; padding:40px; }
.main_txt p { color:#fff; }
.main_txt:hover { background:#296aa2; }

.mtxt_bold { font-weight:700; font-family:Nanum Gothic; font-size:44px; letter-spacing:-0.02em; }
.mtxt_detail { font-weight:400; font-size:16px; line-height:140%; }

.mv_btn { font-size:14px; padding-bottom:10px; background:url('/images/marrow.png') left bottom no-repeat;  }


@media (max-width:1700px) {
	#mainvisual { padding:160px 0 60px; }
	.mtxt_bold { font-size:40px; }
}

@media (max-width:1200px) {
	#mainvisual { padding:110px 0 50px; }
	.main_section { padding:0 30px; }
	.main_txt { top:70px; padding:30px; }
	.mtxt_bold { font-size:32px; }
	.mtxt_detail { font-size:14px; }
	.mv_btn { font-size:13px; background-size:110px 7px; }

}

@media (max-width:768px) {
	#mainvisual { padding:100px 0 40px; }
	.main_txt { top:50px; padding:24px; }
	.mtxt_bold { font-size:26px; }
	.mtxt_detail { font-size:13px; }
	.mv_btn { font-size:12px; background-size:95px 6px; }
}

@media (max-width:560px) {
	#mainvisual { padding:60px 0 0; }
	.main_section { padding:0; }
	.main_txt { position:static; padding:24px 20px; }
	.main_txt p { text-align:center; }
	.mtxt_bold { font-size:22px; }
	.mtxt_detail { font-size:12px; display:none; }
	.mv_btn { background-position:center bottom; background-size:79px 5px; }
}




/********** 메인 타이틀 **********/

.main_tit { font-size:46px; color:#333; font-weight:500; text-align:center; }
.main_det { font-size:16px; color:#444; text-align:center; }
.main_tit .bk { color:#333; }

@media (max-width:1200px) {
	.main_tit { font-size:46px; }
	.main_det { font-size:16px; }
}
@media (max-width:1000px) {
	.main_tit { font-size:42px; }
}
@media (max-width:768px) {
	.main_tit { font-size:38px; }
	.main_det { font-size:14px; }
}
@media (max-width:540px) {
	.main_tit { font-size:30px; }
	.main_det { font-size:13px; }
}
@media (max-width:420px) {
	.main_tit { font-size:26px; }
	.main_det { font-size:12.5px; }
}




/********** 메인 최신 제품 **********/

#mainpro ul { margin:-20px -15px; }
#mainpro ul li { padding:20px 15px; }
#mainpro li div { height:220px; background-size:cover; background-position:center; background-repeat:no-repeat; }
#mainpro li p { color:#555; font-weight:400; font-size:15px; line-height:160%; height:20px; overflow:hidden; word-break:break-all; }

@media (max-width:1200px) {
	#mainpro ul { margin:-20px -10px; }
	#mainpro ul li { padding:20px 10px; }
	#mainpro li div { height:180px; }
}
@media (max-width:1000px) {
	#mainpro ul { margin:-20px -20px; }
	#mainpro ul li { width:33.33%; padding:20px 20px; }
}
@media (max-width:860px) {
	#mainpro ul { margin:-20px -10px; }
	#mainpro ul li { padding:20px 10px; }
	#mainpro li div { height:160px; }
	#mainpro li p { font-size:13px; }
}
@media (max-width:700px) {
	#mainpro ul { margin:-15px -10px; }
	#mainpro ul li { padding:15px 10px; }
}
@media (max-width:620px) {
	#mainpro ul li { width:50%; }
}
@media (max-width:420px) {
	#mainpro ul { margin:-10px -7px; }
	#mainpro ul li { padding:10px 7px; }
	#mainpro li div { height:110px; }
	#mainpro li p { font-size:12px; }
}


/********** 아이콘 4 배너 **********/

#mainban { margin-bottom:-30px; }
#mainban ul { margin:0 -35px; }
#mainban .col_box { position:relative; margin:0 35px; }
#mainban .col_box .ban_tit { font-size:25px; font-weight:500; color:#333; }
#mainban .col_box .ban_line { margin:30px 0; width:30px; height:1px; border-top:1px solid #888; }
#mainban .col_box .ban_detail { font-size:15.3px; font-weight:400; color:#777; line-height:140%; }

#mainban .col_box:hover .ban_line { width:120px; }
#mainban .col_box:hover .ban_detail { color:#333; }

#mainban .col_box div { position:absolute; width:130px; height:130px; right:0; top:0; background-position:center; background-repeat:no-repeat; background-color:#f1f1f1; border-radius:50%; }
#mainban #icon_ban li:nth-child(1) .col_box div { background-image:url('../images/micon1.png'); background-color:#539442; }
#mainban #icon_ban li:nth-child(2) .col_box div { background-image:url('../images/micon2.png'); background-color:#296aa2; }
#mainban #icon_ban li:nth-child(3) .col_box div { background-image:url('../images/micon3.png'); background-color:#539442; }
#mainban #icon_ban li:nth-child(4) .col_box div { background-image:url('../images/micon4.png'); background-color:#296aa2; }


@media (max-width:1600px) {
	#mainban ul { margin:0 -20px; }
	#mainban .col_box { position:relative; margin:0 20px; }
	#mainban .col_box div { width:110px; height:110px; background-size:50px 50px; }
}

@media (max-width:1260px) {
	#mainban { margin-bottom:-20px; }
	#mainban #icon_ban li { width:50%; }
	#mainban #icon_ban li:nth-child(3), #mainban #icon_ban li:nth-child(4) { padding-top:50px; }
}
@media (max-width:768px) {
	#mainban { margin-bottom:0; }
	#mainban .col_box .ban_line { margin:16px 0 15px; width:20px; }
	#mainban .col_box div { width:90px; height:90px; background-size:40px 40px; }
}
@media (max-width:700px) {
	#mainban #icon_ban li { width:100%; }
	#mainban #icon_ban li:nth-child(2), #mainban #icon_ban li:nth-child(3), #mainban #icon_ban li:nth-child(4) { padding-top:40px; }
	#mainban .ban_detail br { display:none; }

}
@media (max-width:420px) {
	#mainban .col_box .ban_line { margin:12px 0 11px; width:16px; }
	#mainban .col_box div { width:76px; height:76px; background-size:36px 36px; }
	#mainban .col_box div { margin-top:-8px; }
}