@charset "utf-8";

/* ����Ͽ� CSS */


/* �����̴� ���� CSS */
.slider {display:flex; justify-content:space-between;  background:url(/images/main/bg.jpg) center center no-repeat; }
.slider .slider_img { margin:0 auto;  width:100%; }
.slider .slider_img .slider06{ display:none}
.slider .slider_img .main_img img{width:100%; }


.banner { margin:0 auto;  width:100%; display:flex; justify-content:space-between; margin:30px 0px;     }
.banner .banner_box {width:50%; float:left;   text-align:center; padding:10px; font-size:0.9em; }
.banner .banner_box img{ width:100%}


.gallery_section{ order:4; padding:20px; padding:1.250rem; background:#fff; text-align:center;  }
.gallery_title {width:100%;  font-size:1.5rem;text-align:center;text-transform:uppercase;font-weight:bold; margin-bottom:5px;   }
.gallery_list{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.gallery_list img{ width:100%; max-width:100%; border-radius:5px; transition:all 0.4s;  }
.gallery_list img:hover{ -webkit-filter:grayscale(0); filter:grayscale(0); }
.gallery_list li{ margin-top:20px; margin-top:1.250rem;  width:48.54651162790698%;}



.map_section { margin-top:30px; }
.map_section .map img{width:100%; display:none}
.map_section .map_mobile img{width:100%; display:block;}

/* �ֱ� �� ����, �α� �� ���� CSS */
.notice_section {width:100%; display:flex; flex-flow:column nowrap; }
.latest_post_section{order:4;background:#fff; }
.popular_post_section{order:6;background:#f3f3f3; }
.notice_logo {order:5;display:none;}

.latest_post_section, .popular_post_section{padding:40px 12.5%;padding:2.500rem 12.5%;/* 40px �� 320px */}
.title{margin-bottom:30px;margin-bottom:1.875rem;font-size:1.188em;font-size:1.188rem;text-align:left;text-transform:uppercase;color:#000; margin-left:20px;}
.latest_post_list li, .popular_post_list li{margin-top:15px;margin-top:0.938rem; font-size:0.9em;   padding-left:14px;padding-left:0.875rem;font-weight:bold;text-transform:uppercase;  font-weight:normal }
.latest_post_list li:first-child, .popular_post_list li:first-child{margin-top:0;}
.latest_post_list li a, .popular_post_list li a{color:#000; list-style:none;}


/* �º���� CSS */
@media all and (min-width:768px){
	
/* �����̴� ���� CSS */
.slider{ width:100%;/* 480px �� 960px */       }
 
 /* ��� ���� CSS */
.banner .banner_box {font-size:1em; line-height:1.3em; }
.banner .banner_box  img{width:135px;}


/* ������ ���� CSS */
.gallery_section{ padding:40px; padding:2.500rem; }
.gallery_title {  font-size:1.8em;  font-size:1.8rem;   }
.gallery_list li{ width:23.92857142857143%;/* 201px �� 840px */ margin-top:12px; margin-top:0.750rem;}
 

.map_section .map  img{width:100%; display:block;}
.map_section .map_mobile{width:100%; display:none;}

/* �ֱ� �� ����, �α� �� ���� CSS */
.notice_section {width:100%;   flex-flow:row;}
.latest_post_section{order:5;}
.popular_post_section{order:6;}

.latest_post_section, .popular_post_section{
width:41.666666666666666666666666666667%;/* 320px �� 768px */
padding-left:5.208333333333333333333333333333%;
padding-right:5.208333333333333333333333333333%;
/* 40px �� 768px */
}



}


/* PC�� CSS */
@media all and (min-width:980px){

/* �����̴� ���� CSS */
.slider{ width:100%;/* 480px �� 960px */}
.slider .slider_img{ margin:0 auto;  width:980px;} 
.slider .slider_img .slider06{ display:block}
.slider .slider_img .main_img {width:100%; display:none}

 
/* ��� ���� CSS */
.banner{   margin:0 auto;  width:980px;  margin-top:30px; margin-bottom:30px  }
.banner .banner_box { float:left; width:25%; font-size:1.1em; line-height:1.5em; }
.banner .banner_box  img{width:135px;}


 
/* ������ ���� CSS */
.gallery_section{ margin:0 auto;  width:980px;  order:3; padding:30px; padding:1.750rem;}
.gallery_title {  font-size:2.0em;  font-size:2.0rem;   }
.gallery_list li{ width:23.92857142857143%;/* 201px �� 840px */ margin-top:12px; margin-top:0.750rem;}


.map_section { width:100%;   text-align:center; }
.map_section .map  {text-align:center;  margin:0 auto;  width:980px;  }
.map_section .map  img{width:980px; display:block;}
.map_section .map_mobile{width:100%; display:none;}


/* �ֱ� �� ����, �α� �� ���� CSS */
.notice_section {margin:0 auto;  width:980px;  display:flex;  }
.latest_post_section, .popular_post_section{display:flex;flex-direction:column; width:35%;/* 288px �� 960px */padding-left:20px;padding-right:20px; background:#fff;  }
.notice_logo {width:30%; display:block; text-align:center; padding-top:50px;  border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5}


}