/*메인왼쪽*/
.mspace{height:50px;content:'';display:block}


.main_dlw{display:flex;justify-content:space-between}
#main_header{position:relative;background:#f8a72a url(../img/main_bg.jpg) left top ;width:30vw; box-sizing:border-box;text-align:center;}


#main_header .icon1{padding-top:10vw}
#main_header .txt3{color:#704504;font-weight:600;margin-top:20px;display:block;letter-spacing:-1px}



/*메인오른쪽*/
#main_content{position:relative;width:70vw;padding:4vw 4vw 1vw 4vw;box-sizing:border-box;font-family: 'NanumSquare';}
#main_content article{position:relative;z-index:1;}
#main_content article .mtit{position:absolute;left:-30px;top:0}
#main_content article ul{display: -webkit-flex; display: flex;width:100%;justify-content:space-between}

#main_content .mpride{position:relative}
#main_content .mpride .mpride_txt{position:absolute;left:-30px;top:0;pointer-events:none;}

#main_content article ul li{text-align:center;width:calc(33.3% - 2vw);}
#main_content article ul li a{width:100%;/*height:18vw;*/height:10vw;overflow: hidden;display:block}
#main_content article  li img{transform: scale(1);cursor:pointer;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.4s ease-in-out; /*자연스러운 확대 축소 위해서*/}
#main_content article  li img:hover {
  transform: scale(1.2); /*이미지 hover 했을경우 transform: scale() 값을 키워 확대*/
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  opacity:0.5;
}


#main_content article h3{font-size:1.1rem;font-family: 'Noto Sans';line-height:1.5em;color:#000;font-weight:600;}

#main_content article ul li p{margin-top:10px}
#main_content .m_more {text-align:center;margin-top:20px;}
#main_content .m_more a{position:relative;top:15px;border:1px solid #333;font-size:0.9em;padding:5px 40px;border-radius:2em;background:#fff;}


#main_content article .slide_post{position:relative; overflow:hidden;}
#main_content article ol{ }
#main_content article ol li{text-align:center; width:30%; }
#main_content article ol li img{width:100%}
#main_content article ol li a{width:100%;height:10vw;overflow: hidden;display:block}

#main_content article ol li p{margin-top:10px}

#main_content article .controll{ position:absolute; top:35%; left:0; right:0; z-index:3;}
#main_content article .controll button{ background:transparent; position:absolute; top:-40px; width:40px; height:80px; background:rgba(0,0,0,0); border:0;}
#main_content article .controll button.prev{left:-40px}
#main_content article .controll button.next{right:-40px}
#main_content article .controll button.swiper-button-disabled{background:rgba(0,0,0,.2);}
#main_content article .controll button:after{position:absolute; top:50%; width:15px; height:15px; border-style:solid;  border-width:2px; content:"";}
#main_content article .controll button.prev:after{left:18px; border-color:#aaa transparent transparent #aaa; transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;  }
#main_content article .controll button.prev:after{transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#main_content article .controll button.next:after{right:18px; border-color:#aaa #aaa transparent transparent ;  transform-origin:right top;-ms-transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;  }
#main_content article .controll button.next:after{transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}






/*네개별도메뉴_왼쪽버전*/

.mlink{}
.mlink ul{display:flex;justify-content:space-between;margin:0 auto;background-color:rgba(112,69,4,0.3);text-align:center;width:80%;;border-radius:1em}
.mlink li{width:25%; vertical-align:middle;font-size:13px;padding:20px 0 10px;border-left:1px solid #f8a72a;border-radius:1em;}
.mlink img{display:block;margin:0 auto 5px;height:25px}
.mlink li a{color:#fff}

/*.mbanner2{}
.mbanner2 ul{display:table;justify-content:space-between;width:90%;margin:0 auto}
.mbanner2 li{display: table-cell; vertical-align:middle;}
.mbanner2 img{display:block;margin:0 auto}
.mbanner2 li a{color:#fff;}
.mbanner2 li p{width:110px;height:110px;border-radius:100%;display: table-cell; vertical-align:middle;margin:0 5px;}
.mbanner2 li:nth-child(1) p{background:#94db0d}
.mbanner2 li:nth-child(2) p{background:#ed8c2d}
.mbanner2 li:nth-child(3) p{background:#3c6bae}
.mbanner2 li:nth-child(4) p{background:#fff;}
.mbanner2 li:nth-child(4) p a{color:#003e97}*/
/*네개별도메뉴*/
/*.mbanner ul{display:flex;justify-content:space-between}
.mbanner li{width:calc(25% - 2em)}
.mbanner img{border-radius:100%;}

*/










/* -----------------------------------------------------------------------------------------------
	미디어 쿼리
--------------------------------------------------------------------------------------------------*/
@media (max-width:1400px){

/*메인왼쪽*/

#main_header{width:30vw;  box-sizing:border-box;text-align:center;}


#main_header .icon1{width:60%;display:block;margin:0vw auto 0}
#main_header .txt3{margin-top:10px;display:block;line-height:1.4em}

#main_content article h3{font-size:1rem;}


/*네개별도메뉴*/

.mlink img{display:block;margin:0 auto 0px;height:20px}
.mlink li{width:25%; vertical-align:middle;font-size:12px;padding:10px 0 5px}

}


/* 1024 이하 PC, Tablet PC */
@media (max-width:1023px){



#main_content article .mtit{position:absolute;left:-25px;top:0;width:20px}
#main_content article ul li{text-align:center;width:calc(33.3% - 1vw)}
#main_content article ul li h3{font-size:1.2em;word-break:keep-all}






}










/* tablet PC */
@media (max-width:899px){


.mpride .mpride_txt{position:absolute;left:-40px;top:0;display:none;visibility:hidden}
#main_content article ol li a{width:100%;height:55vw;overflow: hidden;display:block}



/*메인왼쪽*/
.main_dlw{display:block}
#main_header{width:100%;}
#main_header .icon1{margin-top:0vw;padding-top:80px}

/*메인오른쪽*/
.mspace{height:40px;content:'';display:block;}
#main_content{position:relative;width:100%;padding:20px;padding-bottom:0;box-sizing:border-box}

#main_content article .mtit{position:relative;left:0px;top:0;display:none;visibility:hidden}
#main_content article ul{display:block}
#main_content article ul li{text-align:center;width:calc(100%  - 0vw) }

#main_content article ul li a{width:100%;height:100%;overflow: hidden;display:block;}
#main_content article ol{}
#main_content article ol li{text-align:center; }


#main_content article .controll button.prev{left:-10px;}
#main_content article .controll button.next{right:-10px;}

#main_content article .controll2 button.prev{left:-10px;}
#main_content article .controll2 button.next{right:-10px;}


.vol {position:absolute;right:80px;top:30px;display:none}
.motit{display:block;text-align:left;color:#003e97;font-weight:bold;font-size:1.4rem;margin-bottom:10px}


.mmt20{margin-top:20px}


}











@media (max-width:736px){






#main_header .icon1{margin-top:0vw;width:85%}






}