#main_visual { position:relative; display:block; height:587px; background:#000; overflow:hidden; }
#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; left:50%; top:50%; width:auto; margin:auto 0; margin-left:-600px; transform:translateY(-50%); box-sizing:border-box; overflow:hidden; }
#main_visual .main_v_txt .big_txt { margin-bottom:20px; font-size:2.5em; color:#fff; font-weight:700; line-height:1.3; word-break:keep-all; }
#main_visual .main_v_txt .small_txt { font-size:1em; color:#fff; font-weight:400; line-height:2; word-break:keep-all; }
/*#main_visual .main_v_txt_2 { width:700px; }
#main_visual .main_v_txt_3 { width:700px; }*/

@media (max-width:1024px){
	#main_visual { height:400px; }
	#main_visual .main_v_txt { left:5%; right:5%; margin-left:0; }
	#main_visual .main_v_txt .big_txt {margin-bottom:15px;font-size:2.2em;}
}
@media (max-width:768px){
	#main_visual { height:350px; }
	/*#main_visual .main_v_txt { height:170px; }*/
	#main_visual .main_v_txt .big_txt { font-size:2em; }
	#main_visual .main_v_txt .small_txt { font-size:1em; }
}
@media (max-width:640px){
	#main_visual { height:300px; }
	/*#main_visual .main_v_txt { height:170px; }
	#main_visual .main_v_txt .big_txt { font-size:2em; }*/
	#main_visual .main_v_txt .small_txt { font-size:0.9375em; }
}
@media (max-width:480px){
	#main_visual { height:250px; }
	#main_visual .main_v_txt { height:140px; }
	#main_visual .main_v_txt .big_txt { font-size:1.5em; }
	#main_visual .main_v_txt .small_txt { font-size:0.875em; }
}
@media (max-width:360px){
	#main_visual { height:200px; }
	#main_visual .main_v_txt { }
	#main_visual .main_v_txt .big_txt { font-size:1.3em; }
	#main_visual .main_v_txt .small_txt { font-size:0.8125em; }
}

#main_notice { position:relative; display:block; height:68px; background:#f8f6f6; overflow:hidden; }
#main_notice > h2 { position:absolute; left:50%; top:0; bottom:0; width:120px; height:23px; margin:auto 0; margin-left:-600px; font-size:20px; color:#222; font-weight:700; overflow:hidden; }
#main_notice > h2:before { margin-right:20px; font-family:'FontAwesome'; content:'\f028'; }

.notice_box { position:absolute; right:50%; top:0; bottom:0; width:1000px; height:18px; margin:auto 0; margin-right:-600px; box-sizing:border-box; overflow:hidden; }
.notice_box .notice_list { display:block; list-style:none; margin:0; padding:0; overflow:hidden; }
.notice_box .notice_list li { position:relative; display:block; padding:0; font-size:15px; color:#666; font-weight:400; box-sizing:border-box; overflow:hidden; }
.notice_box .notice_list li a { display:block; color:#666; margin-right:100px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.notice_box .notice_list li span { position:absolute; display:block; right:0; top:0; vertical-align:top; overflow:hidden; }

#main_cnt { display:block; width:auto; max-width:1200px; margin:30px auto 0; overflow:hidden; }

.m_box { display:block; min-height:320px; margin-bottom:30px; text-align:center; background:#fff; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.m_box > .m_img { display:block; width:100%; height:204px; margin:0 auto 20px; text-align:center; overflow:hidden; }
.m_box > .m_img img { max-width:100%; vertical-align:top; }
.m_box > .m_title { margin-bottom:10px; font-size:28px; color:#252525; font-weight:700; }
.m_box > .btn_detail { display:inline-block; padding:7px 30px 7px 10px; font-size:14px; color:#333; background:#fff url('/share/images/icon_arrow.png') no-repeat 95% center; border:1px solid #ddd; }

.m_box_1 { float:left; width:32%; margin-right:2%; }
.m_box_2 { float:left; width:32%; margin-right:2%; }
.m_box_3 { float:left; width:32%; }

.m_banner { display:block; height:100px; border:1px solid #ccc; box-sizing:border-box; overflow:hidden; }
.m_banner > a { position:relative; display:block; width:100%; height:100%; line-height:100px; text-align:center; }
.m_banner_1 { float:left; width:48%; background:url('/kor/images/main/m_banner_bg_1.jpg') no-repeat center center; background-size:cover; }
.m_banner_2 { float:right; width:48%; background:url('/kor/images/main/m_banner_bg_2.jpg') no-repeat center center; background-size:cover; }

.m_banner .m_banner_icon { display:inline-block; width:40px; height:40px; margin-right:10px; vertical-align:middle; overflow:hidden; }
.m_banner .m_banner_icon img { max-height:100%; }
.m_banner .mb_title { display:inline-block; font-size:22px; color:#fff; font-weight:400; vertical-align:middle; }


@media (max-width:1024px){
	#main_notice { height:68px; }
	#main_notice > h2 { left:10px; width:120px; height:23px; margin-left:0; font-size:20px; color:#222; }
	#main_notice > h2:before { margin-right:14px; }

	.notice_box { right:10px; width:80%; height:18px; margin-right:0; }
	.notice_box .notice_list li { font-size:15px; }

	#main_cnt { max-width:100%; margin:0 10px; }

	.m_box { height:auto; min-height:auto; margin-bottom:30px; padding-bottom:10px; border:1px solid #ccc; }
	.m_box > .m_img { height:auto; background:red; overflow:hidden; }
	.m_box > .m_title { margin-bottom:10px; font-size:22px; }
	.m_box > .m_txt { margin-bottom:10px; font-size:14px; }
}
@media (max-width:768px){
	#main_notice { height:60px; }
}
@media (max-width:640px){
	#main_notice { height:60px; }

	.notice_box { width:75%; }

	.m_box { height:auto; min-height:inherit; margin-bottom:30px; padding-bottom:10px; border:1px solid #ccc; }
	.m_box > .m_img { height:auto; background:red; overflow:hidden; }
	.m_box > .m_title { margin-bottom:10px; font-size:20px; }
	.m_box > .m_txt { margin-bottom:10px; font-size:12px; }
	.m_box > .btn_detail { font-size:12px; }

	.m_banner { height:100px; }
	.m_banner_1 { width:49%; }
	.m_banner_2 { width:49%; }

	.m_banner .m_banner_box { position:absolute; display:inline-block; left:0; right:0; top:0; bottom:0; width:80%; height:42px; margin:auto auto; box-sizing:border-box; overflow:hidden; }
	.m_banner .m_banner_box .mb_title { margin-top:0; margin-bottom:10px; font-size:15px; }
	.m_banner .m_banner_box .mb_txt { font-size:0.8125em; }
}
@media (max-width:480px){
	#main_notice { height:40px; margin-bottom:10px; padding:0 10px; }
	#main_notice > h2 { left:10px; width:80px; height:17px; margin-left:0; font-size:14px; }
	#main_notice > h2:before { margin-right:10px; }
	.notice_box { right:5px; width:75%; height:15px; margin-right:0; }
	.notice_box .notice_list li { font-size:13px; }

	.m_box { position:relative; height:100px; margin:0; padding:10px 10px 10px 140px; text-align:left; box-sizing:border-box; border:1px solid #ccc; }
	.m_box > .m_img { position:absolute; left:0; top:0; width:130px; height:100%; background:red; overflow:hidden; }
	.m_box > .m_img img { width:auto !important; height:100%; }
	.m_box > .m_title { margin-bottom:10px; font-size:15px; }
	.m_box > .m_txt { margin-bottom:10px; font-size:13px; }
	.m_box > .btn_detail { font-size:13px; }

	.m_box_1 { float:none; width:calc(100% - 10px); margin:0 auto 10px; }
	.m_box_2 { float:none; width:calc(100% - 10px); margin:0 auto 10px; }
	.m_box_3 { float:none; width:calc(100% - 10px); margin:0 auto 10px; }

	.m_banner { height:100px; }
	.m_banner_1 { float:none; width:calc(100% - 10px); margin:0 auto 10px; }
	.m_banner_2 { float:none; width:calc(100% - 10px); margin:0 auto 10px; }

	.m_banner .m_banner_box { position:absolute; display:inline-block; left:0; right:0; top:0; bottom:0; width:80%; height:42px; margin:auto auto; box-sizing:border-box; overflow:hidden; }
	.m_banner .m_banner_box .mb_title { margin-top:0; margin-bottom:10px; font-size:15px; }
	.m_banner .m_banner_box .mb_txt { font-size:0.8125em; }
}
@media (max-width:360px){
	#main_notice > h2:before { margin-right:5px; }
	.notice_box { width:70%; }

	.m_banner .m_banner_icon { width:30px; height:30px; }
	.m_banner .m_banner_icon img { max-height:100%; }
	.m_banner .mb_title { font-size:1.2em; }
}