@charset "utf-8";
/* CSS Document */

/* 퀵 네비 */
#quick_nav { width: 70px; position: fixed; right: 0; bottom: 2rem; margin-right: 2rem; display: flex; flex-wrap:wrap; justify-content: center; align-items: center; z-index: 2; }
#quick_nav a { display: flex; align-items: center; justify-content: space-around; width: 70px; height: 70px; border-radius: 500px; box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.1); cursor: pointer; margin-bottom: 1rem; transition: all ease 250ms; font-size: 1.4rem; color: #fff; background-color: #383643; }
#quick_nav a:hover{ animation-name: btn_bounce; animation-duration: 750ms; animation-iteration-count:infinite;}
	#quick_nav a:last-child{width: 50px; height: 50px; margin-bottom: 0;}
#quick_nav a.top { background-color: #fff; }
#quick_nav a.top i { color: #888; }


/* 헤더 */
header { background-color: rgba(255,255,255,1); border-bottom: solid 1px rgba(0,0,0,0.06); position: fixed; width: 100%; top: 0; left: 0; z-index: 555; }
#top_num { display: inline-block; padding: 0.5rem; width: 100%; font-size: 1.3em; font-weight: normal; color: #fff; }
header .logo a { font-size: 1.1em; font-weight: bold; color: #333; }
header .logo a img { display: inline-block; margin-right: 5px; height: 50px; }
header .logo p { font-size: 1rem; margin-left: 0.1rem; }
.navbar-toggle {display: none;}

/* 헤더 - 네비 */
#header_nav { position: relative; }
#header_nav .overlay .overlay-menu li { margin-right: 3rem; }
	#header_nav .overlay .overlay-menu li:last-of-type { margin-right: 0rem; }
#header_nav .overlay .overlay-menu li a { display: block; height: 90px; line-height: 90px; color: #555; font-size: 1.05em; font-weight: normal; }
	#header_nav .overlay .overlay-menu li a:hover, #header_nav .overlay .overlay-menu li a.active { color: #46C780; border-bottom: solid 5px #46C780; }

/* 헤더 - 스크롤 내렸을때 */
header.active { background-color: #fff; box-shadow: 0px 2px 12px 0px rgb(0 13 57 / 10%); position: fixed; width: 100%; top: 0; left: 0; z-index: 555; border:none;}
header.active #top_num { display: none; }
header.active #header_nav .overlay .overlay-menu li a { height: 80px; line-height: 80px; }
header.active .logo a { color: #333; }

/* 메인 */
main { padding: 5rem 0; margin: 140px 0 0; }

/* 메인 - carousel slider */
main .container { width:70%; height: 510px; padding: 0!important; position: relative;  }
	.carousel-inner { position: relative; width: 100%; overflow: hidden!important; border-radius: 15px; }
		.carousel-inner .item { background-size: contain; height: 510px;  position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; padding: 2rem; background-repeat: no-repeat; background-position: bottom right; }
			.carousel .carousel-inner .item#slider_01 { background-color: #3C6CEF; background-image: url(../images/carousel_img_01.png);  }
			.carousel .carousel-inner .item#slider_02 { background-color: #ffb524; background-image: url(../images/carousel_img_02.png); }

.carousel-inner .active, .carousel-inner .next, .carousel-inner .prev { display: block }
.carousel-inner .active { left: 0 }
.carousel-inner .next, .carousel-inner .prev { position: absolute; top: 0; width: 100% }
.carousel-inner .next { left: 100% }
.carousel-inner .prev { left: -100% }
.carousel-inner .next.left, .carousel-inner .prev.right { left: 0 }
.carousel-inner .active.left { left: -100% }
.carousel-inner .active.right { left: 100% }

.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5 }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x }
.carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; }
.carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; filter: alpha(opacity=90); opacity: .9 }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px }
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%;  margin-left: -10px }
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%;  margin-right: -10px }
.carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1 }
.carousel-control .icon-prev:before { content: "\2039" }
.carousel-control .icon-next:before { content: "\203a" }

.indicators-wrap { position: absolute; padding: 0 0 3rem 2rem; bottom: 0; z-index: 16; }
.carousel-indicators { position: absolute; z-index: 15; padding-left: 0; text-align: center; list-style: none; width: auto; }
.carousel-indicators li { display: inline-block; width: 15px; height: 15px; text-indent: -999px; cursor: pointer; background-color: rgba(255,255,255,0.3); border-radius: 10px; margin-right: 0.15rem; }
	.carousel-indicators .active { width: 25px; height: 15px; margin: 0; background-color: #fff; margin-right: 0.15rem; }

/* 메인 carousel slider 페이드 */
.carousel-fade .carousel-inner .item { transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }

/* 메인 - carousel slider 추가 */
.carousel .item .wrap {  color: #fff; }
.carousel .item .txt_01 { font-weight: bold; font-size: 2.4rem; margin-bottom: 1rem; line-height: 1.3; }
.carousel .item .txt_02 { margin: 1.5rem 0 3rem; font-size: 1.1em; line-height: 1.4; }
.carousel .item .slider_btn i { margin-left: 0.5rem; }

/* 메인 - 상품 배너 */
main #prod_bnr { width: 28%; height: 510px; }
main #prod_bnr li { width: 100%; height: 160px; margin-bottom: 20px; }
	main #prod_bnr li:nth-of-type(3){ margin-bottom: 0; }
main #prod_bnr li a { display: inline-block; border: solid 1px #ddd; padding:2.5rem 2rem; border-radius: 15px; width: 100%; background-color: #fff; position: relative; }
	main #prod_bnr li a:hover { border: solid 1px #33B86F; box-shadow: 3px 4px 27px rgba(14,147,87,0.20); margin-top: -15px; }
	main #prod_bnr li a:hover p { color: #33B86F; }
main #prod_bnr li a .txt_01 { color: #333; font-weight: bold; font-size: 1.6em; }
main #prod_bnr li a .txt_02 { font-size: 1.1em; }
main #prod_bnr li a .icon {position: absolute; top: 50%; right: 2rem; transform: translateY(-50%); filter: hue-rotate(279deg);}

/* 포인트, 메인 신청 폼 영역 */
#contact_area { position: relative; height: 386px; margin-bottom: 5rem; }

/* 포인트, 메인 신청 폼 영역 - 포인트 */
#contact_area #point_area { width: 100%; background-image: url(../images/point_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; position: absolute; left: 0; z-index: 1; }
#contact_area #point_area .innerwrap { width: 100%; float: right; padding: 5rem 3% 5rem 0; text-align: center }
#contact_area #point_area .innerwrap .txt_01 { font-weight: bold; font-size: 1.85em; }
#contact_area #point_area .innerwrap .txt_02 { font-size: 1.1em; line-height: 1.4; margin: 0.5rem 0 1.5rem; }
#contact_area #point_area .innerwrap ul li { margin-bottom: 0.3rem; }
	#contact_area #point_area .innerwrap ul li:last-of-type { margin-bottom: 0; }
#contact_area #point_area .innerwrap ul li i { margin-right: 0.5rem; }

/* 포인트, 메인 신청 폼 영역 - 신청 폼 */
#contact_area #form_area { width: 53%; right: 0; position: absolute; padding: 5rem 0 5rem 6%; z-index: 1; top: 4rem; }
#contact_area #form_area form { width: 700px; }

/* 하단 아이템 */
#footer_item { background-color: #F65742; color: #fff; padding: 2rem 0; }
#footer_item .tel { color: #fff; }
#footer_item .tel .txt_01 span { font-size: 1.6em; font-weight: bold; }
#footer_item .tel .txt_02 { font-size: 2.2em; font-weight: bold; margin-left: 3rem; }
#footer_item .tel .txt_02 i { margin-right: 0.5rem; }
#footer_item nav a { margin-right: 1rem; }
	#footer_item nav a:last-of-type { margin-right: 0; }
#footer_item nav a i { margin-left: 0.5rem; }

/* 푸터 */
footer { padding: 6rem 0; font-size: 0.9em; background-color: #fff; }
footer #footer_logo { display: flex; flex-direction: column; text-align: center; font-size: 1.5em; font-weight: bold; color: #888; }
footer #footer_logo img { height: 50px; opacity: 0.5; }
footer #footer_logo span {font-size: 0.8em; line-height: 1.6;}
footer #footer_txt_area { width: 80%; }
footer #footer_bnr li { margin-right: 2rem; }
	footer #footer_bnr li:last-of-type { margin-right: 0rem; }
footer #footer_bnr li a img { height: 40px; }
footer #footer_nav { margin: 1rem 0 2rem; }
footer #footer_nav a { margin-right: 1rem; padding-right: 1rem; border-right: solid 1px rgba(51,51,51,0.3); line-height: 1; }
	footer #footer_nav a:hover { color: rgba(51,51,51,0.4); }
	footer #footer_nav a:last-of-type { margin-right: 0!important; padding-right: 0!important; border-right: none; }
footer #footer_txt_01 { margin-bottom: 2rem; }
footer #footer_txt_01 a { color: #333; }
footer #footer_txt_01 p { font-size: 1em; font-weight: 500; }
footer #footer_txt_01 p+p{margin-top: 0.125rem; }
footer #footer_txt_01 p i { margin-right: 0.3rem; }

/* ==================== 서브페이지 ==================== */

/* 페이지 비주얼 */
.page_visual { display: block; width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
	#page_visual_01 { background-image: url(../images/page_visual_bg_01.jpg); }
	#page_visual_02 { background-image: url(../images/page_visual_bg_02.jpg); }
	#page_visual_03 { background-image: url(../images/page_visual_bg_03.jpg); }
	#page_visual_04 { background-image: url(../images/page_visual_bg_04.jpg); }
.page_visual .wrap { height: 600px; }
.page_visual .wrap .txtwrap { display: inline-block; text-align: center; color: #fff;  margin-top: 111px; }
.page_visual .wrap .txtwrap .txt_01 { font-size: 1.8em; font-weight: bold; margin: 2rem 0 1rem; }
.page_visual .wrap .txtwrap .icon { width: 130px; height: 130px; background-color: #fff; border-radius: 500px; display: flex; align-items: center; justify-content: center; margin: 1rem auto 0; }
.page_visual .wrap .txtwrap .icon img { width: 54px; filter: hue-rotate(279deg);}

/* 페이지 내용영역 */
#prod_content { text-align: center; padding: 5rem 0; }

/* 상품 테이블 */
.prod_table tbody tr td span.fc_gray_02 { display: inline-block; font-size: 0.95em; font-weight: normal; margin-top: 12px; line-height: 1.4; }
.prod_table tbody tr td span.fc_gray_02 a { color: rgba(51,51,51,0.85); }

/* 안내 박스 */
.note_txt { border: 10px solid #f8f8f8; padding: 1.2rem; font-size: 0.9em; margin-top: 4rem; text-align: left; }
.note_txt li { position: relative; padding-left: 0.8rem; line-height: 1.6; margin-bottom: 0.35rem; }
	.note_txt li::before { position: absolute; content: ''; width: 3px; height: 3px; background-color: #333; border-radius: 500px; left: 0; top: 50%; transform: translateY(-50%); }
	.note_txt li:first-of-type { padding-left: 0; color: #333; margin-bottom: 1rem; font-size: 1.1em; }
		.note_txt li:first-of-type::before { display: none; }
	.note_txt li:first-of-type i { margin-right: 0.5rem; }
	.note_txt li:last-of-type { margin-bottom: 0; }
.note_txt .no_list { margin-top: 10px; border-top: dotted 1px #ddd; padding-top: 30px; }
.note_txt .no_list .txt_01 { font-weight: 500; font-size: 1.1em; }
.note_txt .no_list .txt_02 { margin: 8px 0 20px; }
.note_txt .no_list table { border: none; }
.note_txt .no_list table th, .note_txt .no_list table td { padding: 0.8rem; text-align: center; border: solid 1px #e8e8e8; }
.note_txt .no_list table th { font-weight: 500; color: #333; }
.note_txt .no_list table td { width: auto; font-weight: normal; }

/* 페이지 폼 */
#page_form { padding: 5rem 0; }

/* ==================== 모바일 레이아웃 ==================== */

@media only screen and (min-width: 300px) and (max-width: 1400px) {
	
	body { font-size: 14px; }
	
	/* 퀵 네비 */
	#quick_nav { width: 100%; justify-content: center; align-items: center; margin-right: 0; bottom: 1.5rem; }
	#quick_nav a { width: 60px; height: 60px; margin: 0 0.2rem!important; font-size: 1.4em; }
	
	/* 헤더 */
	header { position: fixed; width: 100%; z-index: 44; top: 0; }
	#top_num { font-size: 1em; padding: 0.5rem 1rem; }
	#top_num .wrap { padding: 0!important; }
	header > .wrap { height: 60px; }
	header .logo a { font-size: 1.1em; font-weight: 500; }
	header .logo a img { height: 40px; }
	
	/* 헤더 - 네비 */
	.button_container { position: relative; height: 27px; width: 33px; cursor: pointer; z-index: 300; transition: opacity .25s ease; transform: scale(-0.8); }
		.button_container:hover { opacity: .7; }
	.button_container.active .top { -webkit-transform: translateY(11px) translateX(0) rotate(45deg); transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; }
	.button_container.active .middle { opacity: 0; background: #FFF; }
	.button_container.active .bottom { -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg); transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; }
	.button_container span { background: #434656; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; }
		.button_container span:nth-of-type(2) { top: 11px; }
		.button_container span:nth-of-type(3) { top: 22px; }
	.overlay { position: fixed; background: rgba(0,0,0,0.85); top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index: 66 }
	.overlay.open { opacity: .9; visibility: visible; height: 100%; overflow: hidden; }
	.overlay.open li { display: flex; align-items: center; -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; margin-right: 0!important; }
		.overlay.open li:nth-of-type(1) { -webkit-animation-delay: .35s; animation-delay: .35s; }
		.overlay.open li:nth-of-type(2) { -webkit-animation-delay: .39s; animation-delay: .39s; }
		.overlay.open li:nth-of-type(3) { -webkit-animation-delay: .43s; animation-delay: .43s; }
		.overlay.open li:nth-of-type(4) { -webkit-animation-delay: .46s; animation-delay: .46s; }	
		.overlay.open li:nth-of-type(5) { -webkit-animation-delay: .50s; animation-delay: .50s; }	
		.overlay.open li:nth-of-type(6) { -webkit-animation-delay: .53s; animation-delay: .53s; }	
		.overlay.open li:nth-of-type(7) { -webkit-animation-delay: .57s; animation-delay: .57s; }	
		.overlay.open li:nth-of-type(8) { -webkit-animation-delay: .60s; animation-delay: .60s; }	
		.overlay.open li:nth-of-type(9) { -webkit-animation-delay: .62s; animation-delay: .62s; }
	.overlay nav { position: relative; height: 70%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.3em; text-align: center;
	}
	.overlay ul { list-style: none; padding: 0; margin: 0 auto; position: relative; height: 100%; display: block; width: 100%!important; }
	.overlay ul li { display: block; /*height: 14.2%;*/ height: calc(100% / 4); min-height: 50px; position: relative; opacity: 0; }
	.overlay ul li a { display: block; position: relative; width: 100%!important; color: #FFF!important; text-decoration: none; overflow: hidden; height: auto!important; text-align: center; }
	.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after { width: 100%; }
	.overlay ul li a:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0%; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 3px; background: #FFF; transition: .35s; }
	@-webkit-keyframes fadeInRight {
	  0% { opacity: 0; left: 20%; }
	  100% { opacity: 1; left: 0; }
	}
	.overlay ul li a.active { border: none!important; }
	
	@keyframes fadeInRight {
	  0% { opacity: 0; left: 20%; }
	  100% { opacity: 1; left: 0; }
	}
	#header_nav .overlay .overlay-menu li a:hover { border-bottom: none!important; }
	.navbar-toggle {display: inline-block;} 
	
	/* 헤더 - 스크롤 내렸을때 */
	header.active .button_container span { background: #333; }
	
	/* 메인 */
	main { margin: 100px 0 0; padding: 3rem 0; }
	main .wrap { display: inline-block; }
	
	/* 메인 - 슬라이드 */
	.slide_box_wrap { width: 100%; font-size: 0.9em; margin-top: 2rem!important; }
	.slideArea .slideContents a { width: 100%!important; height: 275px; background-size: cover; background-position: 45% 50%; padding: 2rem; font-size: 0.95em; }
	.slideArea .bx-pager { margin-left: 2rem; bottom: 2rem; }
	main .container, .carousel-inner .item { height: 350px; }
	
	/* 메인 - 상품배너 */
	main #prod_bnr { width: 100%; margin-top: 2rem; }
	main #prod_bnr li { width: 100%!important; margin: 0 0 1rem!important; height: 153px; }
	main #prod_bnr li a { padding: 1.5rem; height: 153px; }
	main #prod_bnr li a .txt_01 { font-size: 1.4em;  }
	main #prod_bnr li a .txt_02 { font-size: 1em; }
	main #prod_bnr li a .icon { margin: 0; width: 50px; transform: translateY(0)}
	
	/* 메인 - carousel slider */
	main .container { width: 100%!important; padding: 0!important; position: relative; height: 580px; }
	.carousel-inner .item { padding: 1.5rem; background-size: 100%; background-position: bottom center; }
	main .container, .carousel-inner .item { height: 420px; }
	
	/* 메인 - carousel slider 추가 */
	.carousel .item .wrap { top: 51%; text-align: left; padding: 0!important; }
	.carousel .item .txt_01 { font-size: 2em; padding-top: 0rem; }
	.carousel .item .txt_02 { margin: 1rem 0 2rem; width: 70%; word-break: keep-all; }
	.carousel .item .slider_btn { margin-bottom: 0.2rem; }
	.carousel-indicators  { bottom: 1.5rem; left: 1.5rem; }
	
	/* 포인트, 메인 신청 폼 영역 */
	#contact_area { display: block!important; height: auto!important; margin-bottom: 0; }
	
	/* 포인트, 메인 신청 폼 영역 - 포인트 */
	#contact_area #point_area { position: relative; width: 100%; padding: 3rem 1rem; text-align: center; }
	#contact_area #point_area .innerwrap { float: none; width: 100%; padding: 0; }
	
	/* 포인트, 메인 신청 폼 영역 - 신청 폼 */
	#contact_area #form_area { position: relative; width: 100%!important; padding: 3rem 1rem; top: auto; }
	#contact_area #form_area form { width: 100%; }
	
	/* 푸터 */
	footer { padding: 3rem 0 7rem; background-color: #fff; }
	footer .wrap { display: block!important; text-align: center; }
	footer #footer_logo img { width: 70%; height: auto; max-width: 150px; margin: 0 auto; }
	footer #footer_bnr { display: none; }
	footer #footer_nav a { margin-right: 0rem; padding-right: 0rem; margin: 0 0.5rem; border: none; }
	footer #footer_txt_area { width: 100%; }
	footer #footer_nav { justify-content: center!important; margin: 1.5rem 0; padding: 0!important; }
	footer #footer_txt_01 { text-align: left; margin-bottom: 1.5rem; font-size: 10px; line-height: 1.4}
	footer #footer_txt_01 p { width: 100%; display: flex; align-items:center; margin-bottom: .5rem;}
	/* 페이지 비주얼 */
	#page_visual_01 { background-image: url(../images/page_visual_bg_01_m.jpg); }
	#page_visual_02 { background-image: url(../images/page_visual_bg_02_m.jpg); }
	#page_visual_03 { background-image: url(../images/page_visual_bg_03_m.jpg); }
	#page_visual_04 { background-image: url(../images/page_visual_bg_04_m.jpg); }
	.page_visual .wrap { height: auto; padding: 10rem 0 3rem; }
	.page_visual .wrap .txtwrap { margin-top: 98px; padding: 4rem 0; }
	.page_visual .wrap .txtwrap .icon { margin: 0 auto; width: 90px; height: 90px; }
	.page_visual .wrap .txtwrap .icon img { width: 40px; }
	.page_visual .wrap .txtwrap .txt_01 { margin: 1.5rem 0 0.5rem; }
	
	/* 페이지 내용영역 */
	#prod_content { padding: 3rem 1rem!important; }
	
	/* 안내 박스 */
	.note_txt { margin-top: 2rem; }
	
	/* 페이지 폼 */
	#page_form { padding: 3rem 0; }
	
}

@media ( max-width: 850px ) {
	/* 하단 아이템 */
	#footer_item { padding: 3rem 0; }
	#footer_item .wrap { display: inline-block; }
	#footer_item .tel { display: inline-block; text-align: center; width: 100%; }
	#footer_item .tel .txt_01 span { font-size: 1.7em; }
	#footer_item .tel .txt_02 { font-size: 2.3em; margin-left: 0; margin-top: 0.5rem; }
	#footer_item nav { justify-content: center; margin-top: 1.5rem; flex-wrap: wrap }
	#footer_item nav a { margin-right: 0.5rem; }
	#footer_item nav a+a {margin-top: 1rem;}
}
/* ==================== oneWaySend ==================== */

.result_page { text-align: center; position: absolute; width: 100%; height: inherit; }
.result_page .innerwrap {  width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.result_page img { width: 110px; }
.result_page strong { display: inline-block; font-size: 1.4em; margin-top: 1.5rem; }
.result_page a { background-color: rgba(0,0,0,0.8); color: #fff; padding: 0.7rem 2rem; border-radius: 500px; margin-top: 2.5rem; }

@media only screen and (min-width: 300px) and (max-width: 850px) {
	.result_page img { width: 85px; }
	.result_page strong { display: inline-block; font-size: 1.4em; margin-top: 1.2rem; }
	.result_page a { margin-top: 2rem; }
}

/* ========================================================================== */