@charset "utf-8";

.top_place {margin-bottom:94px; display:inline-block;}

.main_tit {font-size:43px; color:#fff; font-weight:bold; text-align:center; padding-top:40px;}
.main_stit {font-size:25px; color:#fff; margin-bottom:20px; text-align:center;}

/* 메인 슬라이드 */
.main_slide {width:100%; max-width:1300px; display:block; margin:0 auto;}
.main_slide .slick-slide {position:relative; margin:0 50px;}
.main_slide .slick-slide img {width:100%; max-width:1200px;}

.quick_ul {height:115px; width:100%; max-width:1080px; display:block; margin:-57px auto 0 auto; position:relative;}
.quick_ul > li {text-align:center; padding:25px; float:left; width:calc( 100% / 3 ); display:inline-block;}
.quick_ul > li:nth-child(1) {background:#ca0b5b;}
.quick_ul > li:nth-child(2) {background:#ee9201;}
.quick_ul > li:nth-child(3) {background:#3d9e10;}
.quick_ul > li > a {color:#fff; font-size:25px;}
.quick_ul > li > a > img {margin-right:20px; display:inline-block;}

.con_01 {width:100%; max-width:1160px; display:block; margin:50px auto;}
.scon_01 {vertical-align:top; width:calc( 100% - 700px ); display:inline-block; padding:0 10px;}
.scon_tit {color:#232323; font-size:22px; font-weight:bold; margin-bottom:10px; display:inline-block;}

.bbs_more {font-size:15px; color:#555; float:right; margin-top:5px;}
.bbs_ul {padding:10px 0;}
.bbs_ul > li {width:100%; margin-bottom:3px; background:url('../_img/bbs_bullet.png') no-repeat left center; padding-left:12px; display:inline-block;}
.bbs_ul > li > .bbs_tit {font-size:17px; color:#232323; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:calc( 100% - 90px ); display:inline-block; vertical-align:middle;}
.bbs_ul > li > .bbs_date {font-size:15px; color:#555; vertical-align:middle;}

.scon_02 {vertical-align:top; width:100%; max-width:395px; display:inline-block; padding:0 10px;}
.scon_02 > .bx-wrapper {margin-bottom:0;}
.scon_02 > .bx-wrapper > .bx-controls > .bx-pager {width:auto; right:0; top:-35px; padding-top:0;}
.scon_02 > .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a {width:17px; height:17px; background:#666; border-radius:17px;}
.scon_02 > .bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item > a.active {background:#1a469f;}
.pop_slider {}
.pop_slider > li {overflow:hidden; border-radius:5px;}

.scon_03 {width:100%; max-width:295px; vertical-align:top; display:inline-block; padding:0 10px;}
.squick_ul {border:1px solid #ccc; border-radius:5px;}
.squick_ul > li {border-bottom:1px solid #ccc; text-align:left; padding:10px 25px;}
.squick_ul > li:last-child {border-bottom:0;}
.squick_ul > li > a {color:#232323; font-size:17px; font-weight:bold;}
.squick_ul > li > a > span {line-height:55px; background:#98acc6; text-align:center; width:55px; height:55px; display:inline-block; margin-right:15px; border-radius:55px;}

@media screen and (max-width:1100px) {
	.quick_ul {margin:20px auto; height:auto; padding:0 15px; width:80%;}
	.quick_ul > li {width:100%; float:none; padding:15px;}
	.quick_ul > li > a {font-size:20px;}
	
	.con_01 {margin:0 auto; width:80%;}
	.scon_01 {width:100%; padding:15px;}
	.scon_02 {padding:15px;}
	.scon_03 {width:calc( 100% - 405px ); max-width:none; padding:15px;}
}

@media screen and (max-width:900px) {
	.con_01 {width:395px;}
	.scon_03 {width:100%; margin-bottom:20px;}
}

@media screen and (max-width:500px) {
	.quick_ul {width:100%;}
}