@charset "utf-8";



.main_container{}
.main_container h2{font-family: 'GmarketSans';font-weight:700;font-size:24px;}

/*비주얼*/
.main_visual{position:relative;background:url("/resource/1388/main/main_visual.jpg") no-repeat center top;background-size:cover;padding:70px 20px 50px 20px;text-align:center;}
.main_visual p img{width:100%;}
.main_visual p span{display:block;color:#fff;font-family: 'GmarketSans';font-weight:500;font-size:18px; text-shadow:3px 3px 3px #000;}


/*상담안내*/
.counseling{position:relative;background:#5da924;padding:35px 20px 20px 20px;color:#fff;}
.counseling:before{display:block;content:"";background:url("/resource/1388/main/counsel_icon.png") no-repeat center top;width:115px;height:115px;position:absolute;top:35px;left:20px;}
.counseling h2,
.counseling .txt{padding-left:125px;}
.counseling .txt span{display:block;}
.counseling .txt a{display:inline-block;margin-top:10px;background:#fff;border-radius:30px;padding:5px 20px;color:#43880f;}
.counseling .counsel_tel{border-top:solid 1px #96c376;margin-top:30px;padding-top:20px;text-align:center;font-family: 'GmarketSans';font-weight:700;font-size:15px;background:url("/resource/1388/main/counsel_icon2.png") no-repeat 10px 15px;background-position: top calc(50% + 10px) left;padding:20px 0 0 25px}

/*공지사항*/
.m_bbs{position:relative;padding:30px 20px;}
.m_bbs h2{font-family: 'Noto Sans KR';position:absolute;top:30px;font-size:18px;}
.m_bbs h2.fir{left:20px;}
.m_bbs h2.sec{left:120px;}
.m_bbs h2 a{font-size:18px;font-weight:300;line-height:22px;}
.m_bbs h2 a.on{font-size:22px;font-weight:700;}
.m_bbs  .bbs_list{padding-top:40px;border:none !important;}
.m_bbs  .bbs_list li{padding-bottom:10px;}
.m_bbs  .bbs_list li a{display:block;border:solid 1px #ccc;border-radius:15px;padding:20px;}
.m_bbs  .bbs_list li a em{font-style:normal;}
.m_bbs  .bbs_list li a strong{display:block;font-size:16px;padding:5px 0 20px 0;font-weight:500;color:#000;}
.m_bbs  .bbs_list li a:hover,
.m_bbs  .bbs_list li a:focus{border-color:#484394;}
.m_bbs  .bbs_list li a:hover strong,
.m_bbs  .bbs_list li a:focus strong{color:#484394;}
.m_bbs  .bbs_list .more{position:absolute;top:30px;right:20px;}
.m_bbs  .bbs_list .more a{display:block;width:22px;height:22px;padding-top:22px;overflow:hidden;background:url("/resource/1388/common/btn_set.png") no-repeat -190px 0;}

/*활동갤러리*/
.gallery{position:relative;background:#ebebf2;padding:30px 20px}
.gallery h2{color:#484394;padding-bottom:20px;text-align:center;}
.gallery .gall_btn a{display:block;width:31px;height:31px;padding-top:31px;overflow:hidden;background:url("/resource/1388/common/btn_set.png") no-repeat;position:absolute;top:28px;}
.gallery .gall_btn a.prev{background-position:-80px 0;left:20%;}
.gallery .gall_btn a.next{background-position:-120px 0;right:20%;}

.gallery .gall_list{height:335px;overflow:hidden;}
.gallery .gall_list li{border-radius:20px;background:#fff;border:solid 1px #ccc;margin-bottom:20px;}
.gallery .gall_list li a img{width:100%;height:200px;border-radius:20px 20px 0 0;}
.gallery .gall_list li a strong{display:block;padding:15px;font-size:16px;}
.gallery .gall_list li a span{display:block;padding:0 0 20px 20px;}

.gallery .more{position:absolute;top:30px;right:20px;}
.gallery .more a{display:block;width:22px;height:22px;padding-top:22px;overflow:hidden;background:url("/resource/1388/common/btn_set.png") no-repeat -190px 0;}



@media all and (min-width:768px){

	/*비주얼*/
	.main_visual{padding-top:90px;}
	.main_visual p img{width:70%;}


	/*상담안내*/
	.counseling{padding:35px 50px 20px 50px;}
	.counseling:before{left:50px;}
	.counseling h2,
	.counseling .txt{padding-left:145px;}
	.counseling .txt{font-size:18px;}
	.counseling .txt br{display:none;}
	.counseling .counsel_tel{text-align:left;padding-left:50px;}

	/*공지사항*/
	.m_bbs  .bbs_list ul:after{display:block;content:"";clear:both;}
	.m_bbs  .bbs_list li{float:left;width:33.3333%;padding:0 5px;}
	.m_bbs  .bbs_list li a{min-height:180px;}
	.m_bbs .bbs_list li a em{display:block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-wrap:break-word;line-height: 1.2em;height: 2.4em;}


	/*활동갤러리*/
	.gallery{position:relative;background:#ebebf2;padding:50px 30px}
	.gallery div.gall_wrap{position:relative;}
	.gallery h2{color:#484394;padding-bottom:20px;text-align:center;}
	.gallery .gall_btn{display:none;}
	.gallery .gall_list{height:auto;}
	.gallery .gall_list ul:after{display:block;content:"";clear:both;}
	.gallery .gall_list li{float:left;width:calc(50% - 10px);margin:5px;min-height:330px;}


	.gallery .more{position:absolute;top:0;right:20px;}
	.gallery .more a{display:block;width:22px;height:22px;padding-top:22px;overflow:hidden;background:url("/resource/1388/common/btn_set.png") no-repeat -190px 0;}



}



@media all and (min-width:1024px){

	/*비주얼*/
	.main_visual{padding:400px 0 100px 0;}
	.main_visual p img{width:auto;}

	.mm_con{padding:40px 0;}
	.mm_con:after{display:block;content:"";clear:both;}
	/*상담안내*/
	.counseling{float:left;width:40%;padding:20px;border-radius:20px;}
	.counseling:before{left:20px;}
	.counseling h2,
	.counseling .txt{padding-left:125px;}
	.counseling .txt{font-size:16px;}
	.counseling .txt br{display:block;}


	/*공지사항*/
	.m_bbs{float:left;width:60%;padding:0 0 0 20px;}
	.m_bbs h2{top:0;}
	.m_bbs  .bbs_list .more{top:0;}





	/*활동갤러리*/
	.gallery .gall_list li{float:left;width:calc(25% - 10px);margin:5px;min-height:280px;}
	.gallery .gall_list li a img{height:150px;}



}

@media all and (min-width:1400px){

	/*비주얼*/
	.main_visual{padding:300px 0 100px 0;}
	.main_visual p span{font-size:30px;}

	.mm_con{width:1400px;margin:0 auto;padding:70px 0;}
	/*상담안내*/
	.counseling{width:420px;height:260px;padding:30px;}
	.counseling:before{left:30px;}
	.counseling h2,
	.counseling .txt{padding-left:135px;}
	.counseling .txt{font-size:16px;}
	.counseling .counsel_tel{font-size:19px;}


	/*공지사항*/
	.m_bbs{float:right;width:950px;height:260px;background:#f5f5f5;border-radius:20px;padding:30px;}
	.m_bbs h2{top:30px;}
	.m_bbs h2.fir{left:35px;}
	.m_bbs h2.sec{left:140px;}
	.m_bbs  .bbs_list .more{top:30px;right:40px;}
	.m_bbs  .bbs_list li{padding:0 0 0 20px;}
	.m_bbs  .bbs_list li:first-child{padding:0;}
	.m_bbs  .bbs_list li a{min-height:165px;background:#fff;}


	/*활동갤러리*/
	.gallery{padding:70px 0;}
	.gallery div.gall_wrap{width:1400px;margin:0 auto;}
	.gallery h2{margin-bottom:40px;font-size:30px;}
	.gallery .gall_list li{width:calc(25% - 20px);margin:0 0 0 20px;}
	.gallery .gall_list li:first-child{margin:0;}
	.gallery .gall_list li a img{height:205px;}
	.gallery .more{top:10px;}

}