@charset "utf-8";

html, body, #wrap {overflow: hidden; height: 100%;}
#wrap {display: flex;}
#container {height: 100%; flex: 1 0 auto;}

/*color main theme */
.inner{position: relative; max-width:1200px; width: 100%; height: 100%; margin: 0 auto;}
.txt_point{color: #1270A9 !important;}
.bg_gradient{background: rgb(1,99,177); background: -moz-linear-gradient(-45deg,  rgba(1,99,177,1) 0%, rgba(74,154,138,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); background: linear-gradient(135deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%);}

/*header*/
#header{z-index:100; width: 72px; height: 100%; background-color: #fff; border-right: 1px solid rgba(0,0,0,.12);}
#header .header_inner{width: 100%; height: 100%; position: relative; text-align: center;}
#header .logo{display: inline-block; max-width: 100%; height: 30px; vertical-align: middle;}
#header .logo_text {display: none;}
.header_menu_btn{display: block; position: relative; width:48px; height:48px; padding:16px 12px; background:transparent; cursor:pointer; transition:top 300ms;}
.header_menu_btn .menu_btn{display: block; position:relative; width:100%; height:100%;}
.header_menu_btn .btn_line{display:block; position:absolute; width:100%; height:2px; background:#555; transition:all 280ms ease;}
.header_menu_btn .line_01{top:0;}
.header_menu_btn .line_02{top:50%; margin-top:-1px;}
.header_menu_btn .line_03{bottom:0;}
.header_menu_btn.menu_open .line_01{top:50%; margin-top:-1px; transform:rotate(45deg);}
.header_menu_btn.menu_open .line_03{top:50%; margin-top:-1px; transform:rotate(-45deg);}
.header_menu_btn.menu_open .line_02{width:0;}

#header .logo_area {display:block; position: relative; width: 100%; border-bottom: 1px solid rgba(0,0,0,.12);}
#header .logo_area > a {display: block; padding: 20px 0;}

@media (min-width:1024px){
.header_menu_btn{display:none;}
.selectic_depth{opacity: 0; visibility: hidden; -webkit-transition: all .35s; -moz-transition: all .35s; -ms-transition: all .35s; -o-transition: all .35s; transition: all .35s;}
.selectic_parent > li:hover .selectic_depth{opacity: 1; visibility: visible; z-index:100;}
.gnb .weather_icon{ width: 20px; margin-right: 5px;}
.gnb span{vertical-align: top;}
.gnb{padding-left: 20%; font-size: 0; vertical-align: top;}
.gnb a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.gnb > li{display: inline-block; position: relative; margin:0 21px; font-size: 1rem; font-weight: 600; vertical-align: middle; padding:30px 0 20px;}
.gnb > li > a{display: block; position: relative; padding:36px 0 38px; font-size: 18px; color:#333; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease;}
.gnb_depth{position:absolute; top:100%; left:50%; width:180px; margin-left:-90px; text-align:left; background:#fff; border:1px solid #797979; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.gnb_depth > li{display: block; font-size:14px; font-weight:400; border-top:1px solid #eee; text-align: center;}
.gnb_depth > li:first-child{margin-top:0; border-top-width:0;}
.gnb_depth > li  > a{display:block; width:100%; padding:18px 20px; font-weight:600; transition:color .3s;}
.gnb_depth > li  > a span{display:inline-block; position:relative; padding-bottom:1px;}
.gnb_depth .depth_menu{display: none;}
.gnb > li:hover .gnb_depth{-webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px);}
#wrap  #header .gnb > li:hover > a,
#wrap  #header .gnb_depth > li:hover > a{color:#1270A9;}
.gnb > li.on > a{color:#1270A9;}

#header .util_gnb{position: absolute; top: 50%; right:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.util_login{font-size: 0; display: inline-block; background: linear-gradient(135deg,rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); border-radius: 50px; width: auto; height: 36px; vertical-align: middle;}
.util_login > li{display: inline-block; position: relative; vertical-align: middle; font-size: 14px; padding-top: 7px;}
.util_login > li:before{content:""; display: block; position: absolute; top: 50%; left: -1px; width: 2px; height: 10px; margin-top: 0; background-color: rgba(255,255,255,.3);}
.util_login > li:first-child:before{content:none;}
.util_login > li > a{display: inline-block; padding: 0 20px; font-weight: 600; color: #fff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}

.util_gnb span.popup{line-height:22px; margin-left: 10px;}
.util_gnb span.popup:before{content:none;}
.util_gnb span.popup > a{font-weight:600;}
.util_gnb span.popup .count{display: inline-block; position: relative; top: -1px; min-width:22px; height:22px; line-height:21px; margin-left: 4px; border-radius:3px; background: rgb(30,87,153); background: -moz-linear-gradient(-45deg,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); background: linear-gradient(135deg,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); color: #fff; text-align: center;}

}

/*footer*/
#footer{position:absolute; bottom: 0; padding: 0; z-index: 50; ; background-color: rgba(0,0,0,.5); backdrop-filter: blur(5px); width: 100%;}
#footer .inner{position: relative;}

.footer_nav ul{margin-left: -12px; font-size: 0;}
.footer_nav li{opacity: .5; display: inline-block; margin: 0 12px; font-size: 1rem;}
.footer_nav li.admin{opacity: 1; font-weight: 600;}
.footer_info{padding: 20px 20px; font-size: 0; text-align: center;}
.footer_info strong {position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-weight: 800; font-size: 14px; color: #fff;}
.footer_info span{opacity: .8; display: inline-block; margin: 2px 12px; font-size: 14px; color: rgba(255,255,255,.6);}
.footer_contact{overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.footer_contact div {float: left; text-align: right;}
.footer_contact div span {color: rgba(255,255,255,.6);}
.footer_contact div a{display: inline-block; line-height:1; font-size: 25px; font-weight: 600; margin-left: 10px; color: #fff;}
.footer_contact .btn_more{float: right;}
.footer_contact em{display: block; color: #999; font-weight: 600;}

/*sub layout*/
.sub_visual{position: relative; height: 300px; padding-bottom: 60px;}
.sub_visual .inner{position: relative; width: 100%; height: 100%;}
.sub_visual .sub_visual_bg{overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub_visual .sub_visual_bg .sub_visual_bg_img{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/images/contents/img_sub_visual.jpg) no-repeat 50% 50%; background-size:cover; -webkit-transform: translateZ(0) scale(1.1) rotate(0.1deg); -moz-transform: translateZ(0) scale(1.1) rotate(0.1deg); -ms-transform: translateZ(0) scale(1.1) rotate(0.1deg); -o-transform: translateZ(0) scale(1.1) rotate(0.1deg); transform: translateZ(0) scale(1.1) rotate(0.1deg); -webkit-transition: 1800ms; -moz-transition: 1800ms; -ms-transition: 1800ms; -o-transition: 1800ms; transition: 1800ms; -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.desktop .sub_visual .sub_visual_bg{-webkit-transform: translateZ(0) scale(1) rotate(0deg); -moz-transform: translateZ(0) scale(1) rotate(0deg); -ms-transform: translateZ(0) scale(1) rotate(0deg); -o-transform: translateZ(0) scale(1) rotate(0deg); transform: translateZ(0) scale(1) rotate(0deg);}
.sub_visual_title{position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
.sub_visual_title h2{font-size: 36px; font-weight: 700; color: #fff;}
.sub_visual_title p{opacity: .5; margin-top: 10px; color: #fff;}
.sub_visual_title br{display:none}

.area_cont_navi{position: absolute; bottom: -60px; left: 0; width:100%; background-color:rgba(255,255,255,.1); box-shadow:0 -10px 20px rgba(0,0,0,.12);}
.area_cont_navi .cont_navigation{width:100%;}
.area_cont_navi .cont_navigation:after{content:""; display:block; clear:both;}
.area_cont_navi .home{float:left; display:block; position:relative; width:60px; height:62px; background: rgb(1,99,177); background: -moz-linear-gradient(-45deg,  rgba(1,99,177,1) 0%, rgba(74,154,138,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); background: linear-gradient(135deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%);}
.area_cont_navi .home:after{content:""; display:block; position:absolute; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px; background:url(/images/common/icon_home.svg) no-repeat 50% 50%; background-size:22px auto;}
.cont_navi{float:left; display:block; position:relative; border-right:1px solid rgba(255,255,255,.1);}
.cont_navi dt a{display:block; position:relative; width:240px; height:62px; line-height:62px;}
.cont_navi dt span:first-child{display:inline-block; max-width:220px; line-height:1; padding:0 30px 0 16px; color:#999; font-weight:400; width:100%; white-space:nowrap; word-wrap:normal; text-overflow:ellipsis;}
.cont_navi:last-child dt span{color:#fff;}
.cont_navi dt .ico{opacity:.6; display:block; position:absolute; top:50%; right:8px; width:32px; height:32px; margin-top:-16px; background:no-repeat 50% 50%; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s;}
.cont_navi dt .ico{background-image:url(/images/common/icon_arw_down.svg);}
.cont_navi:last-child dt .ico{background-image:url(/images/common/icon_sitemap.svg); background-size:22px auto;}
.cont_navi dd{overflow: hidden; overflow-y: auto; display:none; position:absolute; top:100%; left:-1px; z-index:10; width:100%; width:calc(100% + 1px) ; max-height:360px; background:#fff; border:1px solid #e0e0e0; border-top:0;}
.cont_navi dd ul > li{display:block; border-top:1px solid #e1e1e1;}
.cont_navi dd ul > li > a{display:block; position:relative; padding: 16px; background-color: #f9f9f9; color:#999; -webkit-transition: color .5s; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; transition: color .5s;}
.cont_navi dd ul > li > a span{display:inline-block; line-height:1.3; padding:2px 0; font-size:14px; vertical-align:middle;}
.cont_navi.active .ico,
.cont_navi:hover .ico{opacity:1;}
.cont_navi dd ul > li:hover > a{color:#333;}
.cont_navi dd ul > li > a.on{color:#1270A9; font-weight: 600; background-color: #fff;}
.cont_navi .depth_menu{display: none !important;}

.breadcrumb{font-size:0;}
.breadcrumb > li{display:inline-block; position:relative; margin-left:8px; padding-left:18px; font-size:13px; color:#afafaf;}
.breadcrumb > li:before{opacity:.7; content:""; display:block; position:absolute; top:50%; left:0; margin-top:-5px; width:10px; height:10px; background:url(/images/common/icon_arw.svg) no-repeat 50% 50%; background-size:auto 18px;}
.breadcrumb > li:first-child{margin-left:0; padding-left:0;}
.breadcrumb > li:first-child:before{content:none;}
.breadcrumb > li > a{color:inherit;}
.breadcrumb > li.current,
.breadcrumb > li:last-child{opacity:1; font-weight:400; color:#444;}

/*common style*/
.btn_more{display:inline-block; overflow:hidden; position:relative; min-width:150px; box-sizing:border-box; padding:14px 10px; border:1px solid #ddd; transition:border 200ms; border-radius:3px; text-align: center;}
.btn_more span{position:relative; z-index:2; color:#555; font-size: 14px; font-weight: 600; -webkit-transition: color .4s; -moz-transition: color .4s; -ms-transition: color .4s; -o-transition: color .4s; transition: color .4s;}
.btn_more:after{content:''; display:block; position:absolute; left:0; top:0; width:120%; height:100%;  background:#ddd; transform-origin:right top; transform:translateX(-101%) skewX(-17.62deg); transition:transform 1s cubic-bezier(.165, .84, .44, 1); backface-visibility:hidden;}
.btn_more:hover{border-color:#ddd;}
.btn_more:hover:after{transform:translateX(0) skewX(-17.62deg);}
.btn_more:hover span{color:#fff;}
.btn_wrap{margin-top: 30px; text-align: center;}

.btn_more.black{border-color:transparent; background-color: #333333; background: -moz-linear-gradient(-45deg,  rgba(1,99,177,1) 0%, rgba(74,154,138,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); background: linear-gradient(135deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%);}
.btn_more.black span{color: #fff;}
.btn_more.black:hover{border-color:#1270A9;}
.btn_more.black:after{background: -moz-linear-gradient(-45deg,  rgba(1,99,177,1) 0%, rgba(74,154,138,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); background: linear-gradient(135deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%);}

.ico{position: relative; display: inline-block;}
.ico_arw{width: 100%; padding-right: 32px;}
.ico_arw:after{content:""; display: block; position: absolute; top: 50%; right: 0; width: 32px; height: 32px; background:url(/images/main/icon_arw.svg) no-repeat 50% 50%; margin-top: -17px; background-size:24px auto;}



/* **************************************** *
 * 1400px
 * **************************************** */
@media (max-width:1400px){
	/* #header{position: relative; padding: 0 40px;} */
	#wrap .inner{max-width:none;}
	.inner{padding:0 40px;}

	.footer_contact{right: 40px;}
	.sub_visual_title h2{font-size: 30px;}
}
@media (max-width:1400px) and (min-width:1024px){
	.gnb{padding-left: 0; text-align: center;}
	.gnb > li{margin:0 14px;}
	.gnb > li > a{font-size:16px;}
	.util_login > li{font-size: 12px;}
	.util_login > li > a{padding: 0 14px;}
	.util_login > li.popup{margin-left: 0;}
}


/* **************************************** *
 * 1024px : mobile
 * **************************************** */
@media (max-width:1024px){
	.inner{max-width:none; padding:0 30px;}

	.header_menu_btn{display: block; position: absolute; top:50%; right:30px; z-index:650; margin-right:-12px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.menu_open .header_menu_btn .btn_line{background-color: #fff;}
	.header_menu_overlay{opacity: 0; visibility: hidden; position: fixed; width: 0; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; background: #000; background: rgba(0,0,0,.8); -webkit-transition: all .3s ease, width 0s; -moz-transition: all .3s ease, width 0s; -ms-transition: all .3s ease, width 0s; -o-transition: all .3s ease, width 0s; transition: all .3s ease, width 0s;}

	.area_gnb{position: fixed; top: 0; bottom: 0; left:inherit; right:-320px; z-index:650; width: 320px; height: 100%; padding-top: 96px; padding-bottom: 60px; background-color: #fff; -webkit-transition: right .5s ease; -moz-transition: right .5s ease; -ms-transition: right .5s ease; -o-transition: right .5s ease; transition: right .5s ease;}
	.main_gnb{width: 100%; height: 100%; overflow-y:auto; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
	.main_gnb .gnb{display: block; border-bottom:1px solid #333;}
	.gnb a{display: block;}
	.gnb > li > a{width: 100%; padding:14px; font-size:15px; border-bottom:1px solid #eee; color:#333; font-weight:600;}
	.gnb > li > a > span{display: block; width: 100%;}
	.gnb > li.toggle > a > span{position: relative; padding-right:24px;}
	.gnb > li.toggle > a > span:after{content:""; display: block; position: absolute; top: 50%; right: 0; width: 22px; height: 22px; margin-top: -11px; background: url(/images/common/icon_arw_down.svg) no-repeat 50% 50%; background-size:28px auto; -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
	.gnb > li.toggle.active > a > span:after{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
	.gnb_depth{display: none; width: 100%; background-color: #fafafa;}
	.gnb_depth > li{border-bottom:1px solid #eee;}
	.gnb_depth > li > a{display: block; padding: 15px; line-height:1.45;}
	.gnb_depth .depth_menu{display: -webkit-flex; display: -ms-flexbox; display: -webkit-box; display: flex; webkit-align-items: stretch; -ms-flex-align: stretch; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-flex-direction: row; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 10px 10px; background-color: #f3f3f3;}
	.gnb_depth .depth_menu > li{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%;}
	.gnb_depth .depth_menu > li:nth-child(odd){border-right:1px dashed #ddd;}
	.gnb_depth .depth_menu > li > a{width: 100%; padding: 15px;}
	.util_gnb{position: absolute; top: 0; left: 0; width: 100%; height: 96px; padding: 50px 14px 0 14px; background: rgb(1,99,177); background: -moz-linear-gradient(-45deg,  rgba(1,99,177,1) 0%, rgba(74,154,138,1) 100%); background: -webkit-linear-gradient(-45deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%); background: linear-gradient(135deg,  rgba(1,99,177,1) 0%,rgba(74,154,138,1) 100%);}
	.util_login{font-size: 0; display: inline-block; vertical-align: middle;}
	.util_login .login_depth_wrap{display: inline-block;}
	.util_login li{display: inline-block; vertical-align: top;}
	.util_login li a,
	.util_gnb .popup {display: inline-block; line-height:30px; padding:0 10px; margin:0 0 0 8px; border:1px solid #fff; font-size: 13px; vertical-align: top; color:#fff;}
	.util_gnb .popup > a {color: #fff;}
	.util_login > li:first-child > a:first-child{margin-left: 0;}
	.util_login > li.sitemap,
	.util_login > li.popup .count:after{display: none;}

	.logo_gnb {left: 0; right: 0; top: 60%; text-align: center; margin: 0 auto;}

	.gnb > li.active > a{color:#1270A9;}

	.menu_open{overflow: hidden;}
	.menu_open .area_gnb{right: 0;}
	.menu_open .header_menu_overlay{opacity: 1; visibility: visible; width: 100%; z-index:600;}

	.btn_top{position: fixed; top: auto; bottom: 24px; right: 3%; border-radius:50%;}

	.sub_visual_title h2{font-size: 28px;}

	.sub_visual{padding-bottom:0;}
	.cont_navi dt a{width:200px;}
	.cont_navi dt .ico{right: 0;}
	.area_cont_navi .home:after{width: 28px; height: 28px; margin:-14px 0 0 -14px;}

	#footer{padding: 20px 0;}
	.footer_info {text-align: left;}
	.footer_info strong {position: static; transform: none;}
	.footer_contact div a {font-size: 20px;}
	#footer .footer_contact .btn_more{display: none; float: none;}

	.btn_more{min-width:120px;}

	.breadcrumb > li{font-size:13px;}

}

/* **************************************** *
 * 767px
 * **************************************** */
@media (max-width:767px){
	#wrap {display: block;}
	#container {flex: none;}

	#header{width: 100%; height:60px; border-right: none; border-bottom: 1px solid #e0e0e0;}
	#header .logo_area {width: 100%; border-bottom: 0; position: absolute; top: 50%; transform: translateY(-50%);}
	#header .logo_area > a {display: inline-block; padding: 0;}
	#header .logo{height: 26px;}
	#header .logo_text {position: relative; display: inline-block; vertical-align: middle; font-size: 15px; font-weight: 700; margin-left: 10px; margin-top: 5px; color: #3B414D; padding-left: 10px;}
	#header .logo_text:before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; width: 2px; height: 16px; background-color: rgba(0,0,0,0.3);}
	
	.inner{max-width:none; padding:0 20px;}
	.header_menu_btn{right: 20px;}

	.btn_top{bottom: 15px; right: 15px;}

	.sub_visual{height: 340px;}

	.area_cont_navi{display:none;}
	.area_cont_navi .inner{padding:0;}
	.cont_navi dd ul > li > a{padding: 10px;}
	.cont_navi dd ul > li > a span{font-size: 13px;}
	.cont_navi dt .ico{width: 28px; height: 28px; margin-top: -14px;}
	.cont_navi:last-child dt .ico.ico_depth{background-size:18px auto;}

	.btn_wrap{margin-top: 16px;}
	.btn_more{min-width:120px; padding: 12px 8px;}
	.btn_more span{font-size: 12px;}

	#footer {position: relative; padding: 10px 0;}
	.footer_info {padding: 0;}
	.footer_info span{font-size: 12px;}
}

/* **************************************** *
 * 576px
 * **************************************** */
@media (max-width:576px){
	/* #header{padding: 0 4%;}
	.inner{max-width:none; padding:0 4%;}
	.header_menu_btn{right: 4%;} */
}

/* **************************************** *
 * 430px
 * **************************************** */
@media (max-width:430px){
	/* #footer,
	.footer_contact div{text-align: center;position: relative;} */
}

/* **************************************** *
 * 320px
 * **************************************** */
 @media (max-width:320px){
	/* #header .logo {height: 20px; width: auto;}
	#header .logo_text {font-size: .8rem; margin-top: 4px;}
	#header .logo_text:before {height: 8px;} */
}