/* 메인 비쥬얼 */
#main_visual { position:relative; display:block; height:611px; background:#000; overflow:hidden; }
#main_visual:after { display:block; content:""; clear:both; }
#main_visual .bx-wrapper { height:100%; }
#main_visual .bx-wrapper .bx-viewport { height:100% !important; }
#main_visual .main_slider { height:100%; }
#main_visual .main_slider li { position:relative; height:100%; background-size:cover; }

#main_visual .main_v_txt { position:absolute; display:block; line-height:1.5; left:50%; top:0; bottom:0; width:auto; height:190px; margin:auto 0; margin-left:-600px; font-size:2.18em; color:#fff; box-sizing:border-box; overflow:hidden; }
#main_visual .main_v_txt strong { display:block; }
#main_visual .main_v_txt span { display:block; }
#main_visual .main_v_txt sub { font-size:0.6em; }

#main_visual .main_v_txt_1 {top:-80px;}

#main_visual #bx-pager { position:absolute; left:50%; bottom:0; display:block; width:100%; max-width:1200px; margin-left:-600px; text-align:center; overflow:hidden; }
#main_visual #bx-pager a { display:block; float:left; width:25%; padding:20px 0; font-size:1.12em; color:#fff; background:#25456a; }
#main_visual #bx-pager a.bg2 { background:#818a99; }
#main_visual #bx-pager a.bg3 { background:#2e3f71; }
#main_visual #bx-pager a.bg4 { background:#6e88a5; }
#main_visual #bx-pager a sub { font-size:0.3em; }

/* 메인 컨텐츠 */
#main_cnt { display:block; width:1200px; margin:0 auto; padding:37px 0 90px; overflow:hidden; }
.main_box { display:block; float:left; margin-left:1.5%; height:186px; overflow:hidden; }
.main_box1 { width:33.4%; margin-left:0; }
.main_box1 .notice { position:relative; display:block; padding:0; font-size:0.93em; color:#555; }
.main_box1 .notice .btn_more { position:absolute; right:0; top:5px; }
.main_box1 .notice .m_title { display:block; padding:0 0 20px; font-size:1.5em; color:#333; border-bottom:1px solid #e5e5e5; }
.main_box1 .notice ul { display:block; margin:0; padding:10px 0 0; list-style:none; overflow:hidden; }
.main_box1 .notice ul li { display:block; padding:10px 0; }
.main_box1 .notice ul li a { display:block; padding-left:16px; padding-right:85px; font-size:1em; color:#404040; background:url('../../images/common/blet1.gif') no-repeat 3px center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.main_box1 .notice ul li a .date { position:absolute; right:0; color:#808080; }

.main_box2 { width:32.6%; }
.link_list { display:block; margin:0; padding:0; list-style:none; overflow:hidden; }
.link_list li { display:block; margin:0 0 6px; background:#3f6188 url('../../images/main/main_icon1.png') no-repeat 15px center; }
.link_list li.bg2 { background:#5e89b9 url('../../images/main/main_icon2.png') no-repeat 15px center; }
.link_list li.bg3 { background:#00aeef url('../../images/main/main_icon3.png') no-repeat 15px center; }
.link_list li a { display:block; height:58px; line-height:58px; padding-left:76px; font-size:1.25em; font-weight:600; color:#fff; }

.main_box3 { width:31%; }
.customer_box { display:block; height:182px; border:2px solid #ccc; }
.customer_box img { display:block; width:100%; }
.customer_box .tel { display:block; height:62px; line-height:62px; padding-left:60px; font-size:1.5em; font-weight:800; color:#252525; background:url('../../images/main/icon_tel.png') no-repeat 30px center; }


@media (max-width:1200px) {
	#main_visual { height:611px; }
	#main_visual #bx-pager { position:relative; left:auto; bottom:auto; display:block; width:100%; max-width:auto; margin-left:0; text-align:center; overflow:hidden; }
	#main_visual #bx-pager a { display:block; float:left; width:25%; padding:20px 0; font-size:1.12em; color:#fff; background:#25456a; }
	#main_visual .bx-wrapper { position:relative; height:554px; }
	#main_visual .main_v_txt { position:absolute; display:block; line-height:1.5; left:30px; top:0; bottom:0; width:auto; height:190px; margin:auto 0; margin-left:0; font-size:2em; color:#fff; box-sizing:border-box; overflow:hidden; }
	
	#main_cnt { width:96%; margin:0 2%; padding:30px 0 50px; }
	.main_box1 .notice .m_title { font-size:1.3em; }
	.main_box1 .notice .btn_more { position:absolute; right:0; top:0px; }
	.main_box1 .notice ul li a { font-size:0.93em; }
	.link_list li a { font-size:1.1em; }
	.customer_box .img { display:block; height:90px; }
	.customer_box .img img { height:100%; }
	.customer_box .tel { height:auto; line-height:1.3; padding:20px 0 20px 60px; font-size:1.3em; }
}
@media (max-width:1024px) {
	#main_area { padding-top:70px; }
	#main_visual #bx-pager a { font-size:0.93em; }
	#main_visual .bx-wrapper { position:relative; height:557px; }
	#main_visual .main_v_txt { height:120px; font-size:1.7em; }
}

@media (max-width:768px) {
	#main_visual #bx-pager a { width:50%; font-size:0.93em; }
	#main_visual .bx-wrapper { position:relative; height:503px; }

	.customer_box .tel { padding:20px 0 20px 50px; font-size:1.2em; background:url('../../images/main/icon_tel.png') no-repeat 20px center; }
}

@media (max-width:640px) {
	#main_visual .main_v_txt { position:absolute; display:block; line-height:1.5; left:30px; top:40px; bottom:auto; width:auto; height:auto; margin:0; font-size:1.6em; color:#fff; box-sizing:border-box; overflow:hidden; }
	#main_visual .bx-wrapper { position:relative;  }
	#main_visual .main_slider li.bg1 { background:url('../../images/main/m_visual1.jpg') no-repeat center top !important; background-size:cover !important; }
	#main_visual .main_slider li.bg2 { background:url('../../images/main/m_visual2.jpg') no-repeat center top !important; background-size:cover !important; }
	#main_visual .main_slider li.bg3 { background:url('../../images/main/m_visual3.jpg') no-repeat center top !important; background-size:cover !important; }
	#main_visual .main_slider li.bg4 { background:url('../../images/main/m_visual4.jpg') no-repeat center top !important; background-size:cover !important; }

	.main_box { float:none; width:100%; height:auto; margin:0 0 30px; }		
	.main_box1 .notice { min-height:150px; }

	.link_list li a { font-size:1.06em; }
	.customer_box { height:auto; }
	.customer_box .tel { height:auto; line-height:1.3; font-size:1.06em; padding:20px 0 20px 60px; }
}

@media (max-width:480px) {
	#main_visual #bx-pager a { width:100%; }
	#main_visual .bx-wrapper { position:relative; height:395px; }
	#main_visual .main_v_txt { font-size:1.3em; }
	#main_visual .main_v_txt strong { display:inline; }
	#main_visual .main_v_txt span { display:inline; }

	.main_box1 .notice ul li a { display:block; padding-left:16px; padding-right:0; font-size:1em; color:#404040; background:url('../../images/common/blet1.gif') no-repeat 3px 4px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	.main_box1 .notice ul li a .date { position:relative; right:auto; display:block; margin:10px 0 0; }
}