@media screen and (max-width: 1279px){
        #main{
    	width:100%
    }
    
    #main .visual{
    	width:100%;
    	position:Relative;
    }

    #main .visual .bg{
    	width:100%;
    	overflow:hidden;
    }
    
    #main .visual .bg img{
    	width:140%;
    	position:relative;
    	
    }
    
    
    #main .visual .cont{
    	width:100%;
    	padding:0px 3%;
    	box-sizing:border-box;
    	position:absolute;
    	z-index:1;
    	display:flex;
    	top:30%;
    	transform:translateY(-50%);
    }

    #main .visual .cont .txA{
    	width:100%;
    	place-self:center;
    	padding-right:50px;
    	box-sizing:border-box;
    }
    
    #main .visual .cont .txA .tit{
    	width:100%;
    	text-align:center;
    	color:#222;
    	font-family:'Cafe24Danjunghae';
    	font-size:30px
    }
    
    #main .visual .cont .txA .logo{
    	width:60%;
    	margin:20px auto 0;
    }
    
    #main .visual .cont .txA .logo img{
    	width:100%;
    }
    
    #main .visual .cont .txA .subs{
    	text-align:center;
    	font-size:20px;
    	margin-top:30px;
    	color:#E43D30;
    	font-family:'Cafe24Danjunghae';
    }


    #main .visual .cont .thumA{
    	width:100%;
    	place-self:center;
    	position:relative;
    	border-radius:30px;
    	overflow:hidden;
    	box-shadow:10px 10px 10px rgba(0,0,0,0.05)
    }
    
    #main .visual .cont .thumA .mainVisual{
    	margin-bottom:0;
    	background:pink
    	
    }
    
    
    #main .visual .cont .thumA .mainVisual .slick-prev{
    	background:url(../images/mainVisualPrev.png) no-repeat;
    	width:10px;
    	height:17px;
    	border:0;
    	text-indent:-9999px;
    	position:absolute;
    	left:0%;
    	bottom:130px;
    	background-size:100%;
    	z-index:9;
    }
    #main .visual .cont .thumA .mainVisual .slick-next{
    	background:url(../images/mainVisualNext.png) no-repeat;
    	width:10px;
    	height:17px;
    	border:0;
    	text-indent:-9999px;
    	position:absolute;
    	left:0%;
    	bottom:0px;
    	cursor:pointer;
    	background-size:100%;
    }
    
    
    
    
    #main .visual .cont .thumA .rightBar{
    	position:absolute;
    	display:inline-block;
    	padding:20px;
    	background:#fff;
    	height:100%;
    	z-index:1;
    	right:0;
    	top:0;
    	box-sizing:border-box;
    }
    
    #main .visual .cont .thumA .rightBar .logo{
    	width:100%;
    }
    
    #main .visual .cont .thumA .rightBar .logo img{
    	width:100%;
    }


    #main .boardBox{
    	width:calc(100% - 6%);
    	position:relative;
    	margin:-7% auto 0;
    	background:#072D19;
    	border-radius:30px;
    	overflow:hidden;
    	display:flex;
    }
    
    #main .boardBox .titLine{
    	width:100%;
    	display:flex;
    	justify-content:space-between;
    }
    
    #main .boardBox .titLine .titA{
    	
    }
    
    #main .boardBox .titLine .titA .tit{
    	font-size:24px;
    	color:#fff;
    	font-weight:600;
    }
    
    #main .boardBox .titLine .titA .subTit{
    	font-size:16px;
    	color:#fff;
    	opacity:0.9;
    	margin-top:10px;
    	word-break:keep-all;
    	line-height:24px;
    }
    
    #main .boardBox .titLine .titA .moreBtn{
    	width:30px;
    }
    
    #main .boardBox .titLine .titA .moreBtn img{
    	width:100%;
    }
    
    
    #main .boardBox .notice{
    	width:40%;
    	background:rgba(255, 255, 255, 0.08);
    	padding:30px 20px;
    	box-sizing:border-box;
    }
    
    #main .boardBox .notice .noticeList{
    	width:100%;
    	margin-top:30px;
    }
    
    #main .boardBox .notice .noticeList li{
    	width:100%;
    	display:flex;
    	margin-top:15px;
    }
    
    #main .boardBox .notice .noticeList li .subj{
    	width:70%;
    	font-size:14px;
    	color:#A4B2AA;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap;
    	box-sizing:border-box;
    }
    
    #main .boardBox .notice .noticeList li .date{
    	width:30%;
    	font-size:14px;
    	color:#A4B2AA;
    	text-align:Right;
    }
    
    
    #main .boardBox .gallery{
    	width:60%;
    	padding:30px 20px;
    	box-sizing:border-box;
    }
    
    #main .boardBox .gallery .galleryList{
    	width:100%;
    	display:flex;
    	margin-top:30px;
    }
    
    #main .boardBox .gallery .galleryList li{
    	width:100%;
    	margin-left:10px;
    }
    
    #main .boardBox .gallery .galleryList li:first-child{
    	margin-left:0px;
    }
    
    #main .boardBox .gallery .galleryList li:last-child{
    	display:none;
    }
    
    #main .boardBox .gallery .galleryList li img{
    	width:100%;
    }
    
    
    #main .m_ct{
    	width:100%;
    	padding:100px 3%;
    	box-sizing:border-box;
    }
    
    #main .m_ct .brCt{
    	width:100%;
    }
    
    #main .m_ct .brCt .tit{
    	width:100%;
    	text-align:Center;
    	font-size:40px;
    	color:#222;
    	font-family:'Cafe24Danjunghae';
    }
    
    #main .m_ct .brCt .brList{
    	width:100%;
    	margin-top:50px;
    	display:flex;
    }
    
    #main .m_ct .brCt .brList li{
    	width:100%;
    	margin-left:20px;
    	border-radius:30px;
    	padding:50px 20px;
    	box-sizing:border-box;
    	box-shadow:10px 10px 10px rgba(0,0,0,0.05)
    }
    
    #main .m_ct .brCt .brList li:nth-child(1){
    	background:#FEF0D5;
    	margin-left:0px;
    }
    #main .m_ct .brCt .brList li:nth-child(2){
    	background:#E9F7EB;
    }
    #main .m_ct .brCt .brList li:nth-child(3){
    	background:#FBE6EE;
    }
    
    #main .m_ct .brCt .brList li .subj{
    	font-size:24px;
    	text-align:Center;
    	font-weight:500;
    	color:#222;
    }
    
    #main .m_ct .brCt .brList li .date{
    	font-size:18px;
    	text-align:Center;
    	color:#777;
    	margin-top:10px;
    }
    
    #main .m_ct .brCt .brList li .brNm{
    	font-size:36px;
    	text-align:Center;
    	color:#222;
    	margin-top:50px;
    	font-weight:bold;
    }
    
    #main .m_ct .shortcutList{
    	width:100%;
    	margin-top:100px;
    	display:flex;
    }
    
    #main .m_ct .shortcutList li{
    	width:100%;
    	border-right:1px dashed #999999;
    	box-sizing:border-box;
    }
    
    #main .m_ct .shortcutList li:last-child{
    	border-right:0px dashed #999999;
    }
    
    #main .m_ct .shortcutList li .ico{
    	width:100%;
    	margin:0 auto;
    	text-align:Center;
    }
    
    #main .m_ct .shortcutList li .ico img{
    	height:40px;
    }
    
    #main .m_ct .shortcutList li .tx{
    	width:100%;
    	text-align:Center;
    	color:#222;
    	font-size:16px;
    	margin-top:20px;
    	font-weight:500;
    }
    

}


@media screen and (max-width: 767px){
        #main{
    	width:100%
    }
    
    #main .visual{
    	width:100%;
    	position:Relative;
    }

    #main .visual .bg{
    	width:100%;
    	overflow:hidden;
    }
    
    #main .visual .bg img{
    	width:400%;
    	position:relative;
    	
    }
    
    
    #main .visual .cont{
    	width:100%;
    	padding:0px 3%;
    	box-sizing:border-box;
    	position:absolute;
    	z-index:1;
    	display:block;
    	top:37%;
    	transform:translateY(-50%);
    }

    #main .visual .cont .txA{
    	width:100%;
    	place-self:center;
    	padding-right:0px;
    	box-sizing:border-box;
    }
    
    #main .visual .cont .txA .tit{
    	width:100%;
    	text-align:center;
    	color:#222;
    	font-family:'Cafe24Danjunghae';
    	font-size:20px
    }
    
    #main .visual .cont .txA .logo{
    	width:60%;
    	margin:20px auto 0;
    }
    
    #main .visual .cont .txA .logo img{
    	width:100%;
    }
    
    #main .visual .cont .txA .subs{
    	text-align:center;
    	font-size:20px;
    	margin-top:30px;
    	color:#E43D30;
    	font-family:'Cafe24Danjunghae';
    }


    #main .visual .cont .thumA{
    	width:100%;
    	place-self:center;
    	position:relative;
    	border-radius:30px;
    	overflow:hidden;
    	box-shadow:10px 10px 10px rgba(0,0,0,0.05);
    	margin-top:50px;
    }
    
    #main .visual .cont .thumA .mainVisual{
    	margin-bottom:0;
    	background:pink
    	
    }
    
    
    #main .visual .cont .thumA .mainVisual .slick-prev{
    	background:url(../images/mainVisualPrev.png) no-repeat;
    	width:10px;
    	height:17px;
    	border:0;
    	text-indent:-9999px;
    	position:absolute;
    	left:0%;
    	bottom:130px;
    	background-size:100%;
    	z-index:9;
    }
    #main .visual .cont .thumA .mainVisual .slick-next{
    	background:url(../images/mainVisualNext.png) no-repeat;
    	width:10px;
    	height:17px;
    	border:0;
    	text-indent:-9999px;
    	position:absolute;
    	left:0%;
    	bottom:0px;
    	cursor:pointer;
    	background-size:100%;
    }
    
    
    
    
    #main .visual .cont .thumA .rightBar{
    	position:absolute;
    	display:inline-block;
    	padding:20px 5px;
    	background:#fff;
    	height:100%;
    	z-index:1;
    	right:0;
    	top:0;
    	box-sizing:border-box;
    }
    
    #main .visual .cont .thumA .rightBar .logo{
    	width:70%;
    	margin:0 auto;
    }
    
    #main .visual .cont .thumA .rightBar .logo img{
    	width:100%;
    }


    #main .boardBox{
    	width:calc(100% - 6%);
    	position:relative;
    	margin:-7% auto 0;
    	background:#072D19;
    	border-radius:30px;
    	overflow:hidden;
    	display:block;
    }
    
    #main .boardBox .titLine{
    	width:100%;
    	display:flex;
    	justify-content:space-between;
    }
    
    #main .boardBox .titLine .titA{
    	
    }
    
    #main .boardBox .titLine .titA .tit{
    	font-size:24px;
    	color:#fff;
    	font-weight:600;
    }
    
    #main .boardBox .titLine .titA .subTit{
    	font-size:14px;
    	color:#fff;
    	opacity:0.9;
    	margin-top:10px;
    	word-break:keep-all;
    	line-height:24px;
    }
    
    #main .boardBox .titLine .moreBtn{
    	width:20px;
    }
    
    #main .boardBox .titLine .moreBtn img{
    	width:100%;
    }
    
    
    #main .boardBox .notice{
    	width:100%;
    	background:rgba(255, 255, 255, 0.08);
    	padding:20px 20px;
    	box-sizing:border-box;
    }
    
    #main .boardBox .notice .noticeList{
    	width:100%;
    	margin-top:20px;
    }
    
    #main .boardBox .notice .noticeList li{
    	width:100%;
    	display:flex;
    	margin-top:15px;
    }
    
    #main .boardBox .notice .noticeList li .subj{
    	width:70%;
    	font-size:13px;
    	color:#A4B2AA;
    	overflow:hidden;
    	text-overflow:ellipsis;
    	white-space:nowrap;
    	box-sizing:border-box;
    }
    
    #main .boardBox .notice .noticeList li .date{
    	width:30%;
    	font-size:13px;
    	color:#A4B2AA;
    	text-align:Right;
    }
    
    
    #main .boardBox .gallery{
    	width:100%;
    	padding:20px 20px;
    	box-sizing:border-box;
    }
    
    #main .boardBox .gallery .galleryList{
    	width:100%;
    	display:flex;
    	margin-top:20px;
    }
    
    #main .boardBox .gallery .galleryList li{
    	width:100%;
    	margin-left:5px;
    }
    
    #main .boardBox .gallery .galleryList li:first-child{
    	margin-left:0px;
    }
    
    #main .boardBox .gallery .galleryList li:last-child,
    #main .boardBox .gallery .galleryList li:nth-child(3){
    	display:none;
    }
    
    #main .boardBox .gallery .galleryList li img{
    	width:100%;
    }
    
    
    #main .m_ct{
    	width:100%;
    	padding:100px 3%;
    	box-sizing:border-box;
    }
    
    #main .m_ct .brCt{
    	width:100%;
    }
    
    #main .m_ct .brCt .tit{
    	width:100%;
    	text-align:Center;
    	font-size:30px;
    	color:#222;
    	font-family:'Cafe24Danjunghae';
    }
    
    #main .m_ct .brCt .brList{
    	width:100%;
    	margin-top:30px;
    	display:block;
    }
    
    #main .m_ct .brCt .brList li{
    	width:100%;
    	margin-left:0px;
    	border-radius:30px;
    	padding:50px 20px;
    	box-sizing:border-box;
    	box-shadow:10px 10px 10px rgba(0,0,0,0.05);
    	margin-top:20px;
    }
    
    #main .m_ct .brCt .brList li:nth-child(1){
    	background:#FEF0D5;
    	margin-left:0px;
    	margin-top:0px;
    }
    #main .m_ct .brCt .brList li:nth-child(2){
    	background:#E9F7EB;
    }
    #main .m_ct .brCt .brList li:nth-child(3){
    	background:#FBE6EE;
    }
    
    #main .m_ct .brCt .brList li .subj{
    	font-size:24px;
    	text-align:Center;
    	font-weight:500;
    	color:#222;
    }
    
    #main .m_ct .brCt .brList li .date{
    	font-size:18px;
    	text-align:Center;
    	color:#777;
    	margin-top:10px;
    }
    
    #main .m_ct .brCt .brList li .brNm{
    	font-size:36px;
    	text-align:Center;
    	color:#222;
    	margin-top:50px;
    	font-weight:bold;
    }
    
    #main .m_ct .shortcutList{
    	width:100%;
    	margin-top:100px;
    	display:flex;
    	flex-flow:wrap;
    }
    
    #main .m_ct .shortcutList li{
    	width:50%;
    	border-right:1px dashed #999999;
    	box-sizing:border-box;
    	margin:20px 0px;
    }
    
    #main .m_ct .shortcutList li:nth-child(2n){
    	border-right:0px dashed #999999;
    }
    
    #main .m_ct .shortcutList li .ico{
    	width:100%;
    	margin:0 auto;
    	text-align:Center;
    }
    
    #main .m_ct .shortcutList li .ico img{
    	height:40px;
    }
    
    #main .m_ct .shortcutList li .tx{
    	width:100%;
    	text-align:Center;
    	color:#222;
    	font-size:16px;
    	margin-top:20px;
    	font-weight:500;
    }
    

}












































































































































