@charset "UTF-8";
/********************************************************

		main

********************************************************/
/*----------------------------------------------------------------------
@ MAIN HEADER
----------------------------------------------------------------------*/
#header {border-bottom:none;}
.lnb-menu > li > a {color:#fff;}
#header.nav-up .lnb-menu > li > a {color:#fff;}
#header.nav-down .lnb-menu > li > a {color:#fff;}
/*#header.nav-down.nav-top .lnb-menu > li > a {color:#fff;}*/
#header.nav-down.nav-top {border-bottom:none;}
/*
#header .logo1 {display:none;}
#header.nav-down .logo1 {display:block;}
#header.nav-down .logo2 {display:none;}
#header.nav-down.nav-top .logo1 {display:none;}
#header.nav-down.nav-top .logo2 {display:block;}
*/

/* 반응형 */
@media screen and (max-width: 1024px){
	/*
	#header.nav-up .logo1 {display:block;}
	#header.nav-up .logo2 {display:none;}
	*/
}

/*----------------------------------------------------------------------
@ MAIN
----------------------------------------------------------------------*/
#main { background:#f2f2f2; }
#main > section {padding-top:5.625rem;padding-bottom:5.625rem;}
#main #main__bnr .bnr-list li {width:48.5%;}
.main__title {margin-bottom:15px;font-weight:600;font-size:20px;color:#333;text-align:center;}
.main__title span {display:block;font-size:14px;color:#b3a586;letter-spacing:0}
.main__desc {margin-bottom:60px;font-size:14px;color:#221916;line-height:25px;text-align:center;}

/* 반응형 */
@media screen and (max-width: 1024px){
	#main > section {padding-top:60px;padding-bottom:60px;}
}
@media screen and (max-width: 768px){
	#main > section {padding-top:40px;padding-bottom:40px;}
	.main__title span {font-size:13px;}
}

/*----------------------------------------------------------------------
@ MAIN SLIDE
----------------------------------------------------------------------*/
#main__slider {position:relative;padding:0 !important; overflow:hidden}
#main__slider .slider__infos {overflow:hidden !important;height:100vmin;}

/* 배경 */
#main__slider .slider__thumb {position:relative;width:100%;height:100%;}
#main__slider .slider__thumb .slider__thumb_bg {position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;}
#main__slider .slider__thumb .slider__thumb_mo {display:none;}
#main__slider .slider__thumb video {position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);background-size:cover;z-index:-1;}
#main__slider .slider__thumb iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#main__slider .slider__mxw {position:absolute;top:0;left:0;right:0;max-width:1170px;width:100%;height:100%;z-index:9;margin:0 auto;}

/* 슬로건 */
#main__slider .slider__slogun {display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:600;font-size:3.75rem;line-height:1.4;color:#fff;}
#main__slider .slider__slogun > b {display:block;font-weight:900;font-size:3.75rem;line-height:1;color:#fff;}
#main__slider .slider__slogun > strong {display:block;margin-top:2.2rem;font-weight:400;font-size:3rem;color:#fff;}
#main__slider .slider__slogun > p { position:relative; font-family:"Noto Sans KR"; font-weight:100;font-size:2.25rem;line-height:1.4;color:#fff; padding-bottom:10rem; }
#main__slider .slider__slogun > p:after { content:''; position:absolute; left:50%; bottom:1.875rem; transform:translateX(-50%); width:1px; height:6.25rem; background:#fff; } 
#main__slider .slider__slogun > p strong {font-weight:500;}
#main__slider .slider__slogun_btn {position:relative;display:block;width:12rem;line-height:4.6rem;margin-top:3rem;border:1px solid #fff;font-size:1.6rem;color:#fff;text-align:center;box-sizing:border-box;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;opacity:0.8;z-index:-1;-webkit-transition-duration:.3s;-m-transition-duration: .3s;-o-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;transition: all .3s ease-out;}
#main__slider .slider__slogun_btn > span {display:flex;align-items:center;justify-content:center;}
/*#main__slider .slider__slogun_btn > span:before {content:'';display:inline-block;width:20px;height:20px;margin-right:8px;background-image:url(images/main/slogun_icon.svg);background-repeat:no-repeat;background-position:center;}*/
#main__slider .slider__slogun_btn > span:after {content:'More View';}

/* 스크롤 */
#main__slider .slider-scroll a {display:block;position:absolute;left:0;right:0;width:9.2rem;height:6rem;margin:0 auto;font-weight:300;font-size:1.6rem;color:#fff;animation:scrollImage 2s linear infinite;cursor:pointer;text-align:center;letter-spacing:0;z-index:9;}
#main__slider .slider-scroll a:before {content:'';display:block;width:3.9rem;height:3.8rem;margin:0 auto;margin-bottom:.4rem;background-image:url(images/main/visual_scroll.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
@keyframes scrollImage {0%{bottom:50px;}50%{bottom:70px;}100%{bottom:50px;}}

/* 좌우 부가설정 */
#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:3rem;color:#fff;}
#main__slider .swiper-pagination-bullet { width:3px; height:20px; background-color:#fff; border-radius:revert; margin:0 10px; transform:rotate(25deg); transition:all 0.3s;  }
#main__slider .swiper-pagination { bottom:160px; } 
#main__slider .swiper-pagination-bullet-active { transform:rotate(0deg); }

/* 액션 */
#main__slider .slider__thumb .slider__thumb_bg {-webkit-transition-duration:15s;-m-transition-duration: 15s;-o-transition-duration:15s;-ms-transition-duration:15s;transition-duration:15s;transition: all 15s ease-out;-webkit-transform: scale(1,1);-ms-transform: scale(1,1);-moz-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);}
#main__slider .slider__slogun {position:relative;top:4rem;-webkit-transition-duration:.8s;-m-transition-duration: .8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;transition-duration:.8s;transition: all .8s ease-out;}
#main__slider .swiper-slide-active .slider__slogun {top:0;}
#main__slider .swiper-slide-active .slider__thumb .slider__thumb_bg {-webkit-transform: scale(1.25);-ms-transform: scale(1.25);-moz-transform: scale(1.25);-o-transform: scale(1.25);transform: scale(1.25);}

/* 반응형 */
@media screen and (min-width: 1025px){
	#main__slider .slider__slogun_btn:hover {border-color:#0d1231;}
	#main__slider .slider__slogun_btn:hover:before {background-color:#0d1231;opacity:1;}
}
@media screen and (max-width: 1024px){
	#main__slider .slider__slogun  {font-size:3rem;}
	#main__slider .slider__slogun > p { font-size:2rem;padding-bottom:8rem; }
	#main__slider .slider__slogun > p:after { content:''; position:absolute; left:50%; bottom:1.875rem; transform:translateX(-50%); width:1px; height:5rem; background:#fff; } 
	#main__slider .slider__slogun {padding:0 15px;} 
	#main__slider .swiper-button-prev:after, #main__slider .swiper-button-next:after {font-size:2rem;color:#fff;}
}
@media screen and (max-width: 640px){
	#main__slider .slider__slogun {font-size:2.5rem;}
	#main__slider .slider__slogun > p { font-size:1.563rem;padding-bottom:5rem; }
	#main__slider .slider__slogun > p:after { bottom:1.25rem; width:1px; height:3rem; background:#fff; } 
	#main__slider .slider__infos,
	#main__slider .slider_new, 
	#main__slider .slider__mxw {height:640px;}
	#main__slider .slider__thumb .slider__thumb_bg {display:none;}
	#main__slider .slider__thumb .slider__thumb_bg.slider__thumb_mo {display:block;}
	@keyframes scrollImage {0%{bottom:30px;}50%{bottom:50px;}100%{bottom:30px;}}
	#main__slider .swiper-pagination { bottom:5rem; } 
}
@media screen and (max-width: 480px){
	#main__slider .slider__slogun {font-size:2rem;}
	#main__slider .slider__infos,
	#main__slider .slider_new, 
	#main__slider .slider__mxw {height:400px;}
}

/*----------------------------------------------------------------------
@ MAIN COMMON
----------------------------------------------------------------------*/
section { overflow-x:clip;  } 

.main_title { display:flex; align-items:center; position:relative; font-size:1.875rem; color:#333; font-weight:600; text-align:left; line-height:1.2; word-break:keep-all; margin-bottom:1.875rem; letter-spacing:-0.07em; transition:all 0.3s;   } 
.main_title .main_more { margin-left:1.25rem; margin-top:-7px; }
.main_title .main_more a { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; background:#333; border-radius:50%; transition:all 0.3s;  }
.main_title .main_more a img {  transition:all 0.3s; } 
.main_title .main_more a:hover img { transform:rotate(180deg); }
.main_title .main_more a:hover { background:#666; } 

.main_comm_wrap { display:flex; }
.main_comm_left { flex:0 0 auto; width:calc(100% - 21.875rem - 3.125rem); margin-right:3.125rem; }
.main_comm_right { flex:0 0 auto; width:21.875rem; }

/* 반응형 */
@media screen and (max-width: 1200px){
	/*.main_title { font-size:1.563rem; } */
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 768px){
	.main_title { font-size:1.563rem; }
	.main_title .main_more { margin-top:-2px; } 

	.main_comm_wrap { display:flex; flex-direction:column; }
	.main_comm_left { width:100%; margin-right:0rem; }
	.main_comm_right { width:100%; }
}
@media screen and (max-width: 640px){

}

/*----------------------------------------------------------------------
@ MAIN QUICK  
----------------------------------------------------------------------*/
#main_quick_menu { position:relative; padding-top:0rem !important; padding-bottom:0rem !important; margin-top:-3.75rem; z-index:10; } 
.main_quick_menu { display:flex; } 
.main_quick_menu > div { position:relative; display:flex; flex-direction:column;  align-items:center; justify-content:center; width:20%; text-align:center;  } 
.main_quick_menu .quick_tt { background:#333 !important; padding:1.875rem 0;}
.main_quick_menu > div:first-of-type { border-radius:0.625rem 0  0 0.625rem; z-index:2;} 
.main_quick_menu > div:last-of-type a { border-radius:0 0.625rem  0.625rem 0; } 
.main_quick_menu > div:first-of-type:after { position:absolute; right:-24px; content:''; display:inline-block; width:0; height:0; border : transparent 12px solid; border-left-color:#333; } 
.main_quick_menu .quick_col a { display:block; width:100%;  padding:1.875rem 0; background:#555; transition:all 0.3s;  } 
.main_quick_menu .quick_col:hover a { background:#666; } 
.main_quick_menu .icon .material-symbols-outlined { font-size:32px; color:#fff;  }
.main_quick_menu .tt { font-size:1.5rem; color:#fff; font-weight:600; line-height:1; margin-top:0.625rem; margin-bottom:0.313rem; } 
.main_quick_menu .en { font-family:'roboto'; font-size:1.25rem; color:#fff; font-weight:300; } 

/* 반응형 */
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
	.main_quick_menu .tt { font-size:1.125rem; } 
	.main_quick_menu .en { font-size:1rem; } 
}
@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
	/*#main_quick_menu { padding-top:2.5rem !important; margin-top:0rem; } */
	#main_quick_menu { margin-top:-3rem; } 
	.main_quick_menu .quick_tt { padding:1.563rem 0; } 
	.main_quick_menu .quick_col a { padding:1rem 0; } 
	.main_quick_menu { flex-wrap : wrap; } 
	.main_quick_menu > div { width:50%; } 
	.main_quick_menu > div:first-of-type { width:100%; margin-bottom:1.25rem; border-radius:0.625rem} 
	.main_quick_menu > div:first-of-type:after { right:revert; bottom:-23px; border : transparent 12px solid; border-top-color:#333; display : inline-block; } 
	.main_quick_menu > div:nth-of-type(2) a { border-radius:0.625rem 0 0 0 ; } 
	.main_quick_menu > div:nth-of-type(3) a { border-radius:0 0.625rem 0  0 ; } 
	.main_quick_menu > div:nth-of-type(4) a { border-radius:0 0 0 0.625rem; } 
	.main_quick_menu > div:nth-of-type(5) a { border-radius:0 0 0.625rem 0 ; } 

}
@media screen and (max-width: 480px){
}

/*----------------------------------------------------------------------
@ MAIN NOTICE  
----------------------------------------------------------------------*/
#main_notice { padding-bottom:0rem !important; } 
.main_notice {} 

.main_news_list { position:relative; } 
.main_news_list .mueeui .thk-row { display: flex; margin-right:-1.25rem;  }
.main_news_list .mueeui .thk-col { position:relative;  flex: 1 0 0%; margin-right:1.25rem; box-sizing:border-box;   } 
.main_news_list .mueeui .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 1.25rem); } 

.main_news_cont { width:100%; min-height:297px; background:#fff; padding:2.188rem 1.25rem 2.188rem 1.875rem; border:2px solid transparent; transition:all .3s ease; border-radius:0.625rem; } 
.main_news_cont a { display:block; position:relative; } 
.main_news_cont:hover { border:2px solid #333; }

.main_news_subject_wrap { display:flex; flex-direction:column; justify-content:space-between; position:relative; width:100%;  z-index:7; transition:all .3s ease; } 
.main_news_cate { font-size:0.938rem; color:#999; font-weight:600; margin-bottom:1.125rem; } 
.main_news_subject { display:block; width:100%; font-size:1.25rem; color:#333; font-weight:600; -webkit-line-clamp : 2;  line-height:1.35em; height:2.7em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:1.25rem; } 
.main_news_content_wrap { margin-top:.10px; } 
.main_news_content { display:block; width:100%; font-size:1rem; color:#666; font-weight:300; -webkit-line-clamp : 3;  line-height:1.37em; height:4.2em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:1.875rem; } 
.main_news_date { font-size:0.938rem; color:#999; }

/* 반응형 */
@media screen and (max-width: 1200px){
	.main_news_list .mueeui .row-md3 .thk-col { width: calc((100% / 2 ) - 1.25rem); } 
	.main_news_list .mueeui .row-md3 .thk-col:last-of-type { display:none; } 
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 900px) and (min-width: 769px){
	.main_news_list .mueeui .row-md3 .thk-col { width: calc((100% / 1 ) - 1.25rem); } 
	.main_news_list .mueeui .row-md3 .thk-col:nth-of-type(2) { display:none; } 
} 

@media screen and (max-width: 768px){
	.main_news_list .mueeui .row-md3 .thk-col { width: calc((100% / 3 ) - 1.25rem); } 
	.main_news_list .mueeui .row-md3 .thk-col:last-of-type { display:block; } 
}
@media screen and (max-width: 640px){
	.main_news_cont { min-height:revert; } 
	.main_news_list .mueeui .row-md3 .thk-col { width: calc((100% / 1 ) - 1.25rem); margin-bottom:1.25rem; } 
	.main_news_list .mueeui .row-md3 .thk-col:last-of-type { margin-bottom:0rem; } 
}
@media screen and (max-width: 480px){
	.main_news_cont { padding:1.563rem; } 
}

/*----------------------------------------------------------------------
@ MAIN CALENDAR  
----------------------------------------------------------------------*/
.main_calendar { margin-top:4.125rem; } 
.main_calendar .calendar-table { width:100%; height:214px; max-height:214px; }
.main_calendar .calendar-table th, 
.main_calendar .calendar-table td { font-family:"Open Sans"; padding:0; text-align:center; vertical-align:middle; font-size:0.688rem;color:#333;font-weight:400; letter-spacing:-0.01em; } 
.main_calendar .calendar-table th:first-of-type { color:#ff7777; }
.main_calendar .calendar-table th { height:32px; } 
.main_calendar .calendar-table td { font-size:0.813rem; color:#333; box-sizing:border-box;}
.main_calendar .calendar-table td.col--1 {color:#ff7777; }
.main_calendar .calendar-table td.col--1 a {color:#ff7777;}
.main_calendar .calendar-table td.next,
.main_calendar .calendar-table td.prev {color:#cccccc;}

.main_calendar .calendar_top { position:relative; display:flex; align-items:center; justify-content:center; padding:10px 0 10px; background:#333; border-bottom:1px solid transparent; border-radius:0.625rem 0.625rem 0 0; } 
.main_calendar .calendar_top span { font-size:1.375rem; font-weight:400; color:#fff; line-height:1; font-family: "Open Sans"; } 
.main_calendar .calendar_top span.prev { margin-right:20px; margin-top:7px; } 
.main_calendar .calendar_top span.next { margin-left:20px; margin-top:7px; } 
.main_calendar .calendar_top a.more { display:inline-flex; align-items:center; justify-content:center; position:absolute; width:29px; height:29px; border-radius:50%; background:transparent; right:12px; top:11px; color:#fff; transition:all .4s ease; } 
.main_calendar .calendar_top a.more img { transition:all .4s ease; } 
.main_calendar .calendar_top a.more:hover { background:#555; } 
.main_calendar .calendar_top a.more:hover img { transform:rotate(180deg); } 
.main_calendar .calendar_top a.monthLink { display:none; } 

.calendar_body { padding:1rem 1.25rem 1.1rem; border:1px solid #ddd; border-top:0px; background:#fff; border-radius:0 0 0.625rem 0.625rem; }

/* 오늘 */ 
.calendar-table td.dDay span { position:relative; color:#fff; font-weight:600; background:#555; border-radius:100%; z-index:3; } 
.calendar-table td.dDay span:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:27px; height:27px; background:#555; border-radius:50%; z-index:-1; } 
.calendar-table td.dDay a { font-weight:600;  } 

/* 일정있는경우 */
.calendar-table td a { position:relative; color:#fff; z-index:3; } 
.calendar-table td a.todayLink:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:27px; height:27px; background:#c9c9c9; border-radius:50%; z-index:-1; } 

/* 반응형 */
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 900px) and (min-width: 769px){
}
@media screen and (max-width: 768px){
	.main_calendar { margin-top:1.875rem; } 
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){
}

/*----------------------------------------------------------------------
@ MAIN GALLERY  
----------------------------------------------------------------------*/
#main_gallery {} 
.main_gallery {} 

.main_gallery_list { position:relative; } 
.main_gallery_list .mueeui .thk-row { display: flex; margin-right:-1.25rem;  }
.main_gallery_list .mueeui .thk-col { position:relative;  flex: 1 0 0%; margin-right:1.25rem; box-sizing:border-box;   } 
.main_gallery_list .mueeui .row-md3 .thk-col { flex: 0 0 auto; width: calc((100% / 3 ) - 1.25rem); } 

.main_gallery_cont { height:350px; border:2px solid transparent; transition:all 0.3s; border-radius:0.625rem; overflow:hidden; } 
.main_gallery { position:relative;width:100%;height:0;padding-top:80%;text-align:center; overflow:hidden; }
.main_gallery img {position:absolute; width:100%; height:100%; top:50%;left:50%; transform:translate(-50%,-50%); -o-object-fit: cover;object-fit: cover;}

.main_gallery_subject_wrap { display:flex; flex-direction:column; position:relative; width:100%; height:100%; z-index:7; padding:1.563rem 1.875rem; transition:all .3s ease; background:#fff; border-radius:0 0 0.625rem 0.625rem; } 
.main_gallery_subject { display:block; width:100%; font-size:1.25rem; color:#333; font-weight:600; -webkit-line-clamp : 1;  line-height:1.35em; height:1.35em; overflow:hidden; text-align:left;  text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; word-break:keep-all; margin-bottom:0.525rem; } 
.main_gallery_date { font-size:0.875rem; color:#999; } 

/* hover */
.main_gallery_cont:hover { border:2px solid #333; } 

/* 반응형 */
@media screen and (max-width: 1200px){
	.main_gallery_list .mueeui .row-md3 .thk-col { width: calc((100% / 2 ) - 1.25rem); } 
	.main_gallery_list .mueeui .row-md3 .thk-col:last-of-type { display:none; } 
	.main_gallery { padding-top:68%; } 
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 900px) and (min-width: 769px){
	.main_gallery_list .mueeui .row-md3 .thk-col { width: calc((100% / 1 ) - 1.25rem); } 
	.main_gallery_list .mueeui .row-md3 .thk-col:nth-of-type(2) { display:none; } 
	.main_gallery { padding-top:54%; } 
} 
@media screen and (max-width: 768px){
	.main_gallery_list .mueeui .row-md3 .thk-col { width: calc((100% / 3 ) - 1.25rem); } 
	.main_gallery_list .mueeui .row-md3 .thk-col:last-of-type { display:block; } 
	.main_gallery_cont { height:100%; } 
}
@media screen and (max-width: 640px){
	.main_gallery_list .mueeui .row-md3 .thk-col { width: calc((100% / 1 ) - 1.25rem); margin-bottom:1.25rem; } 
	.main_gallery_list .mueeui .row-md3 .thk-col:last-of-type { margin-bottom:0rem; } 
	.main_gallery { padding-top:56.25%; } 
}
@media screen and (max-width: 480px){

}

/*----------------------------------------------------------------------
@ MAIN BANNER  
----------------------------------------------------------------------*/
.main_banner { margin-top:4.125rem; height:348px;  background:url('/common/theme/layout2/images/main/banner1.jpg') no-repeat; background-size:cover; background-position:center; border-radius:0.625rem; overflow:hidden; } 
.main_banner a { position:relative; display:flex; align-items:center; justify-content:center; height:100%;  } 
.main_banner a:after { content:''; position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0, 0.7); z-index:0; transition:all 0.3s; opacity:0; } 
.main_banner .banner_cont { position:relative; color:#fff; text-align:center; z-index:1; } 
.main_banner .banner_subtt { font-size:24px; font-weight:300; margin-bottom:0.938rem; line-height:1;  }
.main_banner .banner_tt { font-size:36px; font-weight:600; margin-bottom:2.188rem; line-height:1; } 
.main_banner .banner_more { display:inline-block; font-size:1rem; color:#333; font-weight:400; background-color:#fff; border:2px solid transparent; border-radius:1.25rem; padding:5px 20px; transition:all 0.3s;  } 

/* hover */
.main_banner a:hover:after {opacity:1; }
.main_banner a:hover .banner_more { color:#fff; background:transparent; border:2px solid #fff; } 

/* 반응형 */
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1024px){
}
@media screen and (max-width: 900px) and (min-width: 769px){
} 
@media screen and (max-width: 768px){
	.main_banner { margin-top:1.875rem; height:revert; } 
	.main_banner a { padding:3.75rem 0;  } 
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 480px){

}