@charset "utf-8";

/*=================
모바일 및 기본 세팅
===================*/
html.open,body.open{  position:relative; overflow:hidden !important}

#skiptoContent{ display:none;}

/*header_area*/
#header_area{ position:absolute; left:0; top:0; width:100%; padding:15px; background:rgba(20,20,20,.6); z-index: 3000; }
#header_area .logo a{ display:block; width:120px; height:35px; background-image:url("../img/common/logo_junghae2.svg"); background-position: center; background-size:contain; background-repeat:no-repeat; text-indent: -9999px;  }
#header_area.on .logo a{ background-image:url("../img/common/logo_junghae2.svg");}

#header_area.main_header{ position:fixed; }

/*모바일메뉴버튼*/
.btn_menu.m_menu{position:absolute;top: 20px;right:20px;display:block;width: 28px;height: 20px;}
.btn_menu:before,.btn_menu:after,.btn_menu span{position:absolute;display:block;width: 28px;height: 2px;content:"";background-color:#fff;}
.btn_menu:before{top:0;}
.btn_menu:after{top:18px;}
.btn_menu span{ top:9px; text-indent:-9999px; }

/*모바일메뉴*/
 .m_gnb_wrap{ position:absolute; right:-200%; top:0; bottom:0; width:310px;  height:100%; padding-top: 70px; background:#132248;  transition: 0.3s; z-index: 2000}
 .m_gnb_wrap.open{ right:0; transition: 0.3s}
.m_gnb_wrap .m_btn_intranet{ position:absolute; left:20px; top:20px; display:inline-block; padding:8px 15px; border:#fff solid 1px; border-radius:40px; font-size:14px; font-weight:500; color:#fff;  }
 .m_gnb_wrap .m_etc_menu{ text-align: center; border-top:#404c6a solid 1px; padding:15px; background:#132248; }
 .m_gnb_wrap .m_etc_menu > li{ display:inline-block; width:48%;  text-align: center; }
 .m_gnb_wrap .m_etc_menu > li > a{ display:block; padding:15px 0;  font-size:16px; color:#fff; border:#404c6a solid 1px; border-radius: 5px; }
 .m_gnb_wrap .m_etc_menu > li > a:hover{ background:#fff; border:#000 solid 1px; color:#424242  }
 .m_gnb_wrap .m_gnb { position:relative; height:100%; background:#f3f3f3; overflow: hidden;}
 .m_gnb_wrap .m_gnb > li{  border-bottom:#e1e1e1 solid 1px;  }
 .m_gnb_wrap .m_gnb > li > a{ position:relative; display: block; width:45%; padding:20px 15px; text-align: left; color:#000; font-size:16px; }
 .m_gnb_wrap .m_gnb > li.open > a{ background:#fff; }
 .m_gnb_wrap .m_gnb > li.open > a:before{ display:block; position:absolute; left:0; top:0; height:100%; width:5px; background:#000; content:""  }
 .m_gnb_wrap .m_gnb > li:first-child > ul{ display:block; }
 .m_gnb_wrap .m_gnb > li > ul{ display:none; position:absolute; top:-1px; left:45%; width:55%; height:100%; background:#fff; border-top:#eee solid 1px; border-left:#d8d8d8 solid 1px;  overflow-y:scroll }
 .m_gnb_wrap .m_gnb > li > ul > li{ border-bottom:#e1e1e1 solid 1px;}
 .m_gnb_wrap .m_gnb > li > ul > li > a{ display: block; padding:21px 15px; text-align: left; background:#fff; font-size:14px; padding-left:10px; }
 .m_gnb_wrap .m_gnb > li > ul > li.has_sub.open > a{ background:#46ab3a; color:#fff; }
 .m_gnb_wrap .m_gnb > li > ul > li > ul{ display:none; background:#f8f8f8; padding:10px 0 10px 10px; border-top:#eee solid 1px;  }
 .m_gnb_wrap .m_gnb > li > ul > li > ul > li > a{ display:block; padding:10px; font-size:12px; }

 .m_gnb_wrap .m_gnb > li > ul > li.has_sub{ position:relative}
 .m_gnb_wrap .m_gnb > li > ul > li.has_sub:before, .m_gnb_wrap .m_gnb > li > ul > li.has_sub:after{ position:absolute; display:block; content:""; background:#5f5f5f;}
 .m_gnb_wrap .m_gnb > li > ul > li.has_sub:before{right:10px;top: 27px;width:12px;height:2px;}
 .m_gnb_wrap .m_gnb > li > ul > li.has_sub:after{right:15px;top: 22px;width:2px;height:12px;}
 .m_gnb_wrap .m_gnb > li > ul > li.has_sub.open:after{ transform:rotate(-270deg); transition:0.2s; background-color:#fff }
 .m_gnb_wrap .btn_m_close{ position: absolute; right:20px; top:18px; width:30px; height:30px; text-indent: -9999px; }
 .m_gnb_wrap .btn_m_close span{ display:block;  text-indent: -9999px;}
 .m_gnb_wrap .btn_m_close:before, .m_gnb_wrap .btn_m_close:after{ position:absolute; top:15px; display:block; width:30px; height:2px; content:""; background:#fff;  }
 .m_gnb_wrap .btn_m_close:before{   transform: rotate(45deg);}
 .m_gnb_wrap .btn_m_close:after{   transform: rotate(-45deg);}

 .drawer{ position: fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.7); visibility: hidden;  z-index: 1000}
 .drawer.open{ visibility: visible;}

 .gnb_wrap{ display:none;}
 .btn_intranet{ display:none; }

 .section{ position:relative; overflow:hidden; }
 .fp-tableCell{ overflow:hidden }

/*스크롤버튼*/
.section .section_move{ position:absolute; left:0; right:0; bottom:20px; display:flex; align-items: center; justify-content:center;  z-index: 1000; }
.section .section_move a{ display:inline-block; width:30px; height:50px; color:#fff; font-size:1.25em; z-index:100 }
.mouse { max-width: 2.5rem; width: 100%; height: auto; }					
.scroll { animation-name: scroll; animation-duration: 1.5s; animation-timing-function: cubic-bezier(0.650, -0.550, 0.250, 1.500); animation-iteration-count: infinite; transform-origin: 50% 20.5px; will-change: transform; }
.bounce{ animation: bounce 2s ease infinite; }
.scale{ animation: scale 15s ease forwards; }
@keyframes scroll { 0%, 20% { transform: translateY(0) scaleY(1); } 10% { opacity: 1; } 100% { transform: translateY(36px) scaleY(2); opacity: 0.01; } }
@keyframes bounce { 0%, 10%, 20%, 50%, 80%, 100% { transform: translateY(0) ; } 40%, 60% { transform: translateY(-15px); }}
@keyframes shake { 0%, 10%, 20%, 50%, 80%, 100% { transform: translateX(-100%) translateY(-50%) ; } 40%, 60% { transform: translateX(-105%) translateY(-50%); }}
@keyframes scale { 0% { transform: scale(1); } 100% { transform: scale(1.1,1.1)}}


#fp-nav{ display:none; top:auto;bottom: 15px;z-index:300;}
#fp-nav.fp-right{ right:10px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ background:#fff; border-radius: 0; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ border-radius: 0; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{ width:4px; height:4px; margin:-2px 0 0 -2px; }
#fp-nav ul li:last-child{ display:none; }

#fp-nav.fp-black ul li a span{ background:#d1d1d1; }
#fp-nav.fp-black ul li a.active span{ background:#000; }
#fp-nav.fp-black ul li:after{ border-color:#d1d1d1}

#section01{ background-color:#000}

.mobile_visual{ position:absolute; left:0; top:0; width:100%; height:100%; }
.mobile_visual .text_box{ color:#fff; position:absolute; z-index: 200; left:25px; top:90px; background:rgba(0,0,0,0.4); padding:20px; }
.mobile_visual .text_box p.title{ font-size:20px; font-weight:bold; margin-bottom:15px; }
.mobile_visual .text_box p{ font-size:14px; font-weight:300; line-height: 1.3 }
.visual_list li{ float:left; height:100vh; background-size:cover; background-position:center; }

.video_wrap{ display:none; }
#main_video { display:none; /*  object-fit: cover;  width: 100vw;  height: 100vh;  position: fixed;  top: 0;  left: 0;  z-index:0*/ }
.video_btn{ display:none; align-items: center;position:absolute;left: 50px;bottom: 21px;transform:translateX(-50%) translateY(-50%);z-index: 200;}
.video_btn a{ display:block; width:25px;  margin:0 5px;  line-height: 0 }


#section02{ background-image:url("../img/main/bg_section02.jpg"); background-position:center bottom; background-size:cover; background-repeat:no-repeat; }
#section02 h2{position:relative;color:#fff;text-align: center;font-size:25px;padding-bottom:20px;margin-bottom:20px;margin-top:20px;font-weight: 400;}
#section02 h2:after{ position:absolute; left:50%; transform: translateX(-50%); bottom:0; display:block; width:50px; height:3px; background: #e06d38; content:""}
.business_slide_wrap{ position:relative; padding:0 20px; }
.business_slide{ padding:20px 0; }
.business_slide > li{ float:left; width:280px; }
.business_slide > li > div{display:block;background:#fff;padding: 5px;}
.business_slide .thumb{ position:relative; min-height:150px; background-size:cover; background-position:center; }
.business_slide .thumb .status{position:absolute;left:20px;top: -20px;display:inline-block;width: 60px;height: 40px;padding-top: 10px;text-align: center;font-size: 14px;font-weight: 400;background:#000;color:#fff;}
.business_slide .thumb .status:after{position:absolute;left:0;bottom: -25px;display:block;width:0;height:0;content:"";border-style: solid;border-width: 0 60px 25px 0;border-color:transparent #000 transparent transparent;}
.business_slide .thumb .status.ing{ background:#e13226; }
.business_slide .thumb .status.ing:after{ border-color:transparent #e13226 transparent transparent }
.business_slide .thumb .status.pre{ background:#a49387; }
.business_slide .thumb .status.pre:after{ border-color:transparent #a49387 transparent transparent }
.business_slide .text{padding: 0 20px;  margin:30px 0 40px; }
.business_slide .text .category{ display:inline-block; font-size:12px; margin-bottom:10px; }

.business_slide .text p{ font-size:20px; font-weight:bold; color:#000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom:10px; }
.business_slide .text p.tel{ color:#55301d; font-weight:300; margin-bottom:20px; }
.business_slide .text ul{ margin:10px 0 0 0;}
.business_slide .text ul li{font-size:12px;font-weight:300;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 2;}
.business_slide .text ul li span{ display:inline-block; font-weight:400; color:#000; min-width:90px; }

.biz_pager{ display:none !important; }

.business_ctrl{ width:100%; display:flex; justify-content: space-between;  }
.business_ctrl a{ position:absolute; top:50%; transform:translateY(-50%);  display:block; width:30px; height:71px; font-size:0; }
.business_ctrl a:before,.business_ctrl a:after{ position:absolute; display:block; content:""; width:40px; height:1px; background:#fff; }
.business_ctrl a.prev{ left:0; }
.business_ctrl a.prev:before{ left:-5px; top:20px; transform:rotate(-50deg)}
.business_ctrl a.prev:after{ left:-5px; bottom:20px; transform:rotate(50deg)}
.business_ctrl a.next{ right:0; }
.business_ctrl a.next:before{ right:-5px; top:20px; transform:rotate(50deg)}
.business_ctrl a.next:after{ right:-5px; bottom:20px; transform:rotate(-50deg)}

#section03{ background-color:#fff }
.notice_wrap{ padding:0 20px; margin-top:30px; }
.notice_wrap .view_more{ display:inline-block; font-size:14px; font-weight:300; margin-top:20px; color:#000; }
.notice_wrap .view_more img{ display:inline-block; width:20px; height:25px; vertical-align: -6px; margin-left:10px; }
.notice_list li { margin-bottom:25px; }
.notice_list li:last-child{ margin-bottom:0; }
.notice_list li a{ display:block; font-weight:400;   text-overflow:ellipsis; overflow: hidden; white-space: nowrap }
.notice_list li span{ display:block; margin-top:10px; font-size:12px;  border-top:#000 solid 1px; padding-top:10px; }


.link_wrap{ display:flex; justify-content: space-between; padding:20px; margin-top:20px; }
.link_wrap a{ position:relative; display:block; width:48%; padding:20px; border-radius: 20px; background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#000; color:#fff; }
.link_wrap a span{ display:block; font-size:12px; margin-bottom:10px; }
.link_wrap a p{ font-size:18px; font-weight:300; }
.link_wrap a:after{ position:absolute; right:20px; bottom:20px; width:20px; height:20px; content:""; background:url(../img/main/arrow_circle_right.svg) center no-repeat; background-size:cover; }
.link_wrap a.btn_cal{ background-image:url("../img/main/bg_link01.jpg")}
.link_wrap a.btn_notice{ background-image:url("../img/main/bg_link02.jpg")}
.link_wrap a img{ display:none; } 

#section04{ background-color:#474c54}

/*모바일스케줄*/

/*footer*/
#footer{ text-align: center;  padding:25px; background-color:#474c54 }
#footer h1{ margin-bottom:20px; }
#footer h1 img{ width:120px; }
#footer p{ color:#fff; font-size:12px; word-break: keep-all; text-align: left; line-height: 1.3}

.phone{  padding:15px; background:#3c3c3c; border-radius: 15px; margin:20px 0; color:#fff; font-size:20px; }
.phone ul{ display:flex; justify-content: center; align-items: center; flex-direction: column; }
.phone ul li{ display:flex; align-items: center; margin:5px 0;  }
.phone ul li .title{ display:block; font-size:12px; margin-right:15px; }
.phone ul li em{ display:none; }
.phone ul li a{ color:#fff; }

.com_list{ display:flex; justify-content: space-between; align-items: center; margin-top:15px; }
.com_list li{ width:30%; }
.com_list li img{ width:100%; }


/*============서브영역==============*/
#sub_visual_area{ min-height:250px; background-size: cover; background-position:center; background-repeat:no-repeat }
#sub_visual_area.sub_visual01{ background-image:url("../img/sub/sub_visual01.jpg")}
#sub_visual_area.sub_visual02{ background-image:url("../img/sub/sub_visual02.jpg")}
#sub_visual_area.sub_visual03{ background-image:url("../img/sub/sub_visual03.jpg")}
#sub_visual_area.sub_visual04{ background-image:url("../img/sub/sub_visual04.jpg")}

#content_area .breadcrumb{ background:#f7f7f7; padding:15px; }
#content_area .breadcrumb ul{ display:flex; }
#content_area .breadcrumb ul li{ font-size:14px; margin-right:15px; }
#content_area .breadcrumb ul li a{ display:block; }
#content_area .breadcrumb ul li.home a{ width:15px; height:15px; background:url(../img/sub/home.svg) center no-repeat; background-size:cover; text-indent:-9999px; } 

.content_top{ padding:35px 15px;  text-align: center; }
.content_top h3{ font-size:25px; }

.content{ padding:0 15px; }

/*==================
사이즈별 추가코드
==================*/

/*smartphones ( portrait )*/
@media all and (max-width:375px) {
}

/*smartphones ( landscape )*/
@media all and (min-width:321px) and (max-width:360px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:361px) and (max-width:375px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:376px) and (max-width:414px) {

}

/*smartphones ( landscape )*/
@media all and (min-width:415px) and (max-width:480px) {

}

/*tablet( portrait )*/
@media all and (min-width:640px) {

}
@media all and (min-width:641px) and (max-width:767px) {

}

/*=================
태블릿 기본 세팅
===================*/
@media all and (min-width:768px) {

	#section02 h2{ margin-bottom:50px; }
	.business_slide > li{ margin:0 20px;  }

	.notice_list{ display:flex; justify-content: space-between; flex-wrap:wrap }
	.notice_list li{ width:23.5%; }
	.notice_list li a{ white-space: normal; line-height: 1.3; word-break: keep-all;  height:70px;  margin-bottom:20px; }
	.notice_list li span{ padding-top:20px; border-top:#000 solid 3px;  }
	
	.link_wrap a{ padding:30px; }
	.link_wrap a:after{ right:auto; left:130px; bottom:30px; }
	.link_wrap a img{ position:absolute; right:30px; top:50%; transform: translateY(-50%); display:inline-block; height:60px; }
	.link_wrap a.btn_notice img{ height:70px; margin-top:5px;  }
	
	#footer{ padding:30px 15px; }
	#footer .container{ position:relative; display:flex; align-items:center; margin:0 auto;  }
	#footer h1{ margin-right:20px; }
	#footer .phone{ position:absolute; right:10px; margin:0; padding:0; background:transparent; display:block; text-align: left;}
	#footer .com_list{ max-width:320px; }
}

/*=================
데스크탑 기본 세팅
===================*/
@media all and (min-width:1024px) {



#footer{  padding:45px; }
#footer p{ font-size: 14px; text-align: left; margin-bottom: 3px; color:#c0c0c0; font-weight:300; }



}


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

	.container{ width:1200px; padding:0; margin:0 auto}

	/*본문바로가기*/
	#skiptoContent { display:block; margin:0; padding:0; z-index:2000}
	a.quick_menu {display:block; font-size:1em; left:0; text-align:center; top:-10000px; position:absolute; width:100%; z-index:500;}
	a.quick_menu:hover, a.quick_menu:focus, a.quick_menu:active {background:none repeat scroll 0 0 #404b64; color:#fff; font-weight:bold; height:40px; padding:10px 0; position:absolute; top:0; z-index:4000;}

	/*header_area*/
	#header_area{ padding:0; height:95px }
	#header_area .container{ display:flex; justify-content: space-between; align-items: center; height:100%; }
	
	#header_area .logo a{ width:155px; height:45px; }
 
 	.gnb_m_wrap, .btn_menu.m_menu{ display:none; }

 	.gnb_wrap{ display:block; }
	.gnb_wrap .gnb > li{ position:relative; display:inline-block; }
	.gnb_wrap .gnb > li > a{ display:block; color:#fff; padding:37px 60px 40px; font-weight:400; letter-spacing: 0.01em }
	.gnb_wrap .gnb > li > ul{ display:none; position:absolute; left:0; right:0; top:95px; background:rgba(20,20,20,0.6); padding-bottom:10px; }
	.gnb_wrap .gnb > li > ul > li > a{ display:block; padding:10px 0; text-align: center; color:#fff; font-size:16px; }
	.gnb_wrap .gnb > li > ul > li > a:hover{ background:#fff; color:#000; }
	
	.btn_intranet{ display:block; color:#fff; font-size:16px; font-weight:400; padding:10px 20px; border:#fff solid 1px; border-radius: 5px;  }
	.btn_intranet:hover{ background:#fff; color:#3c3c3c; border-radius: 5px; transition:all 0.3s }

	.gnb_drawer{ display:none; position:fixed; width:100%; height:100%; left:0; top:133px; background:rgba(0,0,0,.6) }

	 
	
	
	#section02 h2{font-size: 45px;margin-bottom:30px;}
	.business_slide_wrap{ max-width:1200px; margin:0 auto; }
	
	.biz_pager{ display:flex !important; justify-content: center; padding:40px 0 20px 0; text-align: center; }
	.biz_pager a{ display:flex; align-items: center; vertical-align: middle; margin:0 4px; }
	.biz_pager a span{ display:inline-block; text-indent: -9999px; background:rgba(255,255,255,0.4); width:40px; height:4px; }
	.biz_pager a.selected span{ background:#e06d38; }
	
	.notice_wrap,.link_wrap{ max-width:1200px; margin:0 auto; }
	
	
	#sub_visual_area{ min-height:350px;  background-size:cover ; background-position:center ;  }
	
	#content_area .breadcrumb{ padding:20px; }
	#content_area .breadcrumb ul{ justify-content: flex-end  }
	#content_area .breadcrumb ul li{ position:relative; font-size:16px; margin-right:25px; }
	#content_area .breadcrumb ul li:after{position:absolute;display:inline-block;content:"";width: 7px;height:20px;background:url(../img/sub/arrow_right.svg) center no-repeat;background-size:contain;right: -16px;top: -3px;}
	#content_area .breadcrumb ul li:last-child:after{ display:none; }
	
	
	.content_top h3{ position:relative; font-size:40px; padding:40px 0 30px; margin-bottom:25px; font-weight:400; }
	.content_top h3:after{ display:block; width:80px; height:3px; background:#666; position:absolute; left:50%; bottom:0; transform: translateX(-50%); content:""}
	.content{ padding:0; }

 }

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

	 .container{ width:1400px; padding:0; margin:0 auto}	

 }

@media all and (min-width:1600px) {
	#header_area .logo a{ width:200px;}
	#header_area.on .logo a{ width:200px; }
	
	#fp-nav.fp-right{ right:30px; top:50%; bottom:auto; }
	#fp-nav ul li{ margin:40px 0; width:12px; height:12px; }
	#fp-nav ul li{ position:relative; }
	#fp-nav ul li:after{ position:absolute; left:5px; top:17px; width:0; border-left:rgba(255,255,255,0.6) dotted 2px; height:32px; content:"" }
	#fp-nav ul li:nth-child(3):after{ display:none; }
	
	#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:12px; height:12px; margin:0; left:0; top:0; background:rgba(255,255,255,0.3) }
	#fp-nav ul li a.active span{ margin:0; background:#fff; }
	#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span,
	#fp-nav ul li:hover a.active span{ width:12px; height:12px; margin:0;}
	 
	 .container{ width:1460px; padding:0; margin:0 auto; }	
	
	.mobile_visual{ display:none; }
	.video_wrap{ display:block; }
	 #main_video { display:block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width:auto; height:auto; min-width: 100%; min-height: 100%; 	}	

	 .video_btn{ display:flex; left:auto; right:0; bottom:20px; z-index: 2000; }
	 
	 #section02 h2{margin-bottom: 60px;padding-bottom: 35px;}
	 #section02 h2:after{ width:70px; height:4px;}	 
	
	 .business_slide_wrap{ max-width:1400px; padding:0; }
	 .business_slide > li{ width:320px; margin:0 32px; }
	 .business_slide > li > a{ padding:40px 20px; }
	 .business_slide .thumb{height: 240px;}
	 .business_slide .thumb .status{width:60px;padding-top: 15px;}
	 .business_slide .thumb .status:after{border-width: 0 60px 25px 0;bottom: -25px;}
	 .business_slide .text{padding: 0 25px;  margin:40px 0 50px; }
	 .business_slide .text .category{ font-size:14px; }
	 .business_slide .text p{ font-size:25px;  }
	 .business_slide .text ul li{ font-size:14px; line-height: 2.2 }
	 
	 .business_ctrl a{ width:40px; height:90px; }
	 .business_ctrl a.prev{ margin-left:-50px; }
	 .business_ctrl a.next{ margin-right:-50px; }
	 .business_ctrl a:before, .business_ctrl a:after{ width:64px; }
	
	
	
	.notice_list li{ width:224px; }
	.notice_list li a{ font-size:24px; color:#000; height:95px; overflow:hidden  }
	.notice_list li a:hover{ border-color:#999; transition:all 0.3s } 
	.notice_list li span{ font-size:14px; }
	.notice_wrap .view_more{ font-size:16px; margin-top:70px;  }
	.notice_wrap{ padding:40px 0; }
	.link_wrap{  max-width:1300px; padding:70px 0 0 0; }
	.link_wrap a{ padding:40px; }
	.link_wrap a span{ font-size:16px; }
	.link_wrap a p{ font-size:28px; }
	.link_wrap a:after{ width:37px; height:37px; left:200px; bottom:40px; transition:all 0.3s }
	.link_wrap a:hover:after{ left:210px; transition:all 0.3s}
	.link_wrap a img{ height:75px; transition:all 0.3s}
	.link_wrap a:hover img{ height:75px; right:40px; transition:all 0.3s }
	.link_wrap a.btn_notice img{ height:85px; }

	#footer h1{ margin:0 80px 0 0; }
	#footer h1 img{ width:150px;  }
	#footer .com_list{ max-width:450px; }
	
	.phone ul{ flex-direction:row; justify-content: space-between }
	.phone ul li{ margin:0 15px; align-items: center; font-weight:500;}
	.phone ul li .title{ font-size:20px; margin-bottom:0; color:#8a6744; margin-right:20px; }
	.phone ul li em{ display:inline-block; vertical-align:0; margin-left:20px; }
	.phone a{ display:inline-block; font-size:20px; font-weight:500; }	
	
	#content_area .container{ max-width:1400px; margin:0 auto; }
 }