@charset "utf-8";
.sect-wrap { margin:0 auto; width:1200px; position:relative;}
.sub-vis {height:390px; background:url(../images/com.jpg) no-repeat center center; background-size:cover; color:white;padding-top:190px; text-align:left; position:relative; margin-bottom:30px; background-image:none;animation:AnimatedBackground 3s ease-out;
	animation-fill-mode:both;}
.com .sub-vis {background-image:url(../images/company.jpg);}
.rec .sub-vis {background-image:url(../images/rec.jpg);}
.bus .sub-vis {background-image:url(../images/business.png);}
.brd .sub-vis {background-image:url(../images/brd.png);}
.pro .sub-vis {/* background-image:url(../images/product.png); */}
.rnd .sub-vis {/* background-image:url(../images/rnd.jpg); */}
.news .sub-vis {background-image:url(../images/news.jpg);}
.tech .sub-vis {background-image:url(../images/technology.png);}
.cus .sub-vis {background-image:url(../images/cus.jpg);}
.adv .sub-vis {background-image:url(../images/adv.jpg);}
.arc .sub-vis {background-image:url(../images/archive.png);}
.sub-vis nav {display:block; bottom:-80px; }
.sub-vis nav div {padding: 0 6px; font-size:16px; display:inline;}
.sub-vis h2 {font-weight:500; letter-spacing: 1rem; font-size:42px; padding-bottom: 0.5rem;}

.lnb { width:100%;position:absolute; bottom:0; border-bottom: 1px solid #ccc; text-align:center;}
.lnbs::after {display:block; clear:both; content:'';}
.lnb-wrap {background:#fff; line-height:60px;color:#333; border-top: 1px solid rgba(255,255,255,.3); transition: 0.3s all ease-out;}
.lnb-wrap .lnb-home {display:block; background:url(../images/lnb.png) no-repeat center center; height:50px; width:70px; float:left;}
.lnb-wrap .lnbs {max-width:1200px; margin: 0 auto;}
.lnb-wrap li {float:left; position:relative; line-height:50px; width:25%; transition: 0.3s all ease-out; color:#777;}
.lnb-wrap li::after { width:1px; content:''; display:block; background:rgba(255,255,255,0.5); position:absolute; top: 22px; right:0;}
.lnb-wrap li:last-child::after {display:none;}
.lnb-wrap li.on {position:relative; color:#142d62;}
.lnb-wrap li a {transition:0.3s all; font-size:15px;}
.lnb-wrap li.on::after {background:#142d62; display:block; content:''; height:2px; width:80%; position:absolute; top:49px; left:10%;}
.lnb-wrap li:hover a {color:#142d62;}
.lnb-wrap a {display:block; width:100%;}
.lnb-wrap .third > li {width:33.3%;}
.sixth > li {width: 16.66667%;}
.fifths > li {width: 20%;}

.pager {text-align:center; padding-top:3rem; padding-bottom: 2rem; position:relative;  margin-bottom:4rem;}
.pager a {background:url(../images/pager-prev.png) no-repeat left center; position:absolute; left:0; width:100px; height:36.8px;; display:block;top:42%; display:none;}
.pager .next {background-image:url(../images/pager-next.png); background-position:right center; position:absolute; right:0; left:auto; display:none;}
.pager h3 {position:relative; display:inline-block;margin-top: 30px; background: url(../images/h3-bullet.jpg) no-repeat 50% 90%; padding-bottom:30px;}
/* .pager h3::after {content:''; width: 30px; height: 2px; background:linear-gradient(to left, #15317c 50%, #01a579 50% ); position:absolute; bottom: -20px; left:calc(50% - 15px); display:block;} */


.tabs {padding-bottom: 2rem; text-align:center;}
.tabs li {display:inline-block; width:15%; margin-right: 5px;}
.tabs li a {display:block; height:50px; font-size:17px; width:100%; line-height:50px; text-align:center; border:1px solid #ddd; background:#f8f8f8; font-weight:300;}
.tabs li.on a { color:#fff; background:#e00032;}
footer {border-top: 1px solid #ddd;}


/* basic table */


/* board table */
.brd-wrap table th{border: none;}
.brd-wrap table td{border: none;}

/* basic document */
.content {padding:0 0 5rem; max-width: 1200px; margin:0 auto;}
.com .content > h3 {text-align:center; padding-top: 100px; position:relative; margin-bottom: 80px;}
.com .content > h3::before {background:url(../images/h3-bullet.png) no-repeat center top; transform:translateY(-50%); bottom: 45px; position:absolute; height:14px; width:100%; content:''; display:block;}
.com .content > h3::after {content:''; width: 30px; height: 2px; background:#e00032; position:absolute; bottom: -20px; left:calc(50% - 15px); display:block;}

h5 {padding:1.2rem; position:relative; margin-top: 3rem;}
/*h5::before {width: 12px; height: 0.3rem; content:''; display:block; background:#f08700;position:absolute; left:0; top:1.9rem; transform: rotate(45deg);}
h5::after {width: 12px; height: 0.3rem; content:''; display:block; background:#0076c1;position:absolute; left:0; top:1.3rem; transform: rotate(45deg);}*/
h5 i {padding-right: 0.5rem;}
h6 i { padding-right: 0.7rem;}
p.d {margin-left: 2rem; padding-bottom:0.5rem; position:relative; color:#666; text-align:justify;}
p.d::before {content:''; display:block; width:3px; height:3px; background:#0076c1; position:absolute; left:-0.7rem; top: 0.7rem;}
article > h6 {position:relative; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem;}
article > h6::before {content:''; display:block; width: 3px; height: 1.2rem; background:#f08700; position:absolute; left:-0.7rem; top:0.2rem;}
.dsc ul li {color: #666; position:relative; line-height:1.6rem; margin-left: 1rem;}
.dsc ul li::before {content:''; display:block; width:3px; height:3px; background:#e00032; position:absolute; left:-0.7rem; top: 0.7rem;}
table{width:100%; font-size: 14px;}
table th{padding: 5px; border: 1px solid #ddd; background-color: #eee; font-weight: 400; color: #333;}
table td{padding: 5px; border: 1px solid #ddd; color: #666; line-height:1.6em; text-align:center;}


.rnd .pager {padding-bottom:0; margin-bottom:2rem;}
#rnd .row .th {width:300px; height:200px; text-align:center; padding-top:60px;}
#rnd .row { border-bottom: 1px dotted #999;padding-bottom: 20px;}
#rnd h5 {font-size: 20px; margin-top: 20px; padding:0;}
#rnd .td { padding-top:60px;}
#rnd p {color:#666; font-size:14px;}
#rnd .row.last {border-bottom: 0; width:500px;}
#rnd h6 {padding-bottom: 10px;}
#rnd {padding-bottom: 80px;}




/* greeting */
.sect1 {position:relative;}
 .sect1 h2{text-align:center; font-size:36px; padding-top:75px; padding-bottom:100px;position:relative; font-weight:500;}
 .sect1 h2::after {display:block; content:''; width:40px; height:2px; background:#333; position:absolute; left:50%;top:143px; transform:translateX(-50%)}
.sect1 h3 {font-size: 36px; text-align:left; font-weight:400; padding-bottom:2rem; padding-left: 12px; position:relative;}
.sect1 h3::before {position:absolute; top:0; left:0; width:5px; height:20px; background:linear-gradient(to bottom, #004382 60%, #333 60%); display:block; content:'';}
#greeting.sect1 .col:first-child {padding-left:70px;}
#greeting.sect1 h4 { font-size:32px; padding-bottom:1rem; color:#333; line-height:1.6em;}
#greeting.sect1 .imgbox {margin: 0 auto;}
#greeting p {font-size: 19px; line-height: 1.8em; }
.sect1 .imgbox img{margin: 0 auto; display:block; max-width:100%;}
.sect1 .text {line-height:1.6em;}
.sect1 .text em {width: 80%; font-style:normal; display:block; color:#004382;}
.sect2 {padding-bottom:100px;}
/* certificate */
#certificate .col {padding: 0 0.5rem;}
#certificate h5 {padding-left: 0.5rem;}

#certificate h6 {padding-bottom: 0.5rem; border-bottom: 1px solid #ddd; padding-top:7.5rem; margin-bottom: 2rem;}
#certificate .dsc img {width:100%; border: #ddd 1px solid; display:block;}
#certificate .dsc a {margin-bottom: 0.5rem; display:block;position:relative;}
#certificate dl { line-height: 1.6rem;}
#certificate dl dt {width: 40%; font-weight:500;}
#certificate dl dd {width:60%; font-weight:400; color:#666;}
#certificate .dsc .col {padding: 0rem; padding-bottom: 1rem;}
#certificate .dsc a[data-lightbox="image1"]::after {display:block; content:'+'; background:#e00032; width:100%; height:100%; position:absolute; color:#fff; line-height:260px; top:0; left:0; font-size: 32px; opacity: 0; transition: 0.5s all;}
#certificate .dsc a[data-lightbox="image1"]:hover::after {opacity:0.6;}



/* history */
#history {position:relative;  text-align:left; padding-bottom: 5rem;}
#history .line {height:1410px; background:#ededed; position:absolute; top: 19px; left:13px; width:1px;}
#history h4 {font-size:28px; padding-left:44px; position:relative; padding-top:0; padding-bottom:1rem; margin-top: 3rem;}
#history h4::before {background:rgba(0,0,0,.1); width:27px; height:27px; border-radius:50%; position:absolute; top:10px; left:0; content:''; display:block;}
#history h4::after {background:#142d62; width:7px; height:7px; content:''; display:block; position:absolute; top:20px; left:10px; border-radius:50%;}
#history dl > * {float:left; line-height: 30px;}
#history dl::after {display:block; clear:both; content:'';}
#history dt {font-size:18px; color:#142d62; width:120px; padding-left:45px; position:relative; font-weight:bold;}
#history dd {color:#666;}
#history dt::before {display:block; content:''; width:5px; height:5px; background:#142d62; position:absolute; top:13px; left:11px;}
#history dd.double {line-height:1.6rem; padding-top:12px; padding-bottom:10px;}
#history img {position:absolute; box-shadow: 5px 5px 10px rgba(0,0,0,.2);}
#history img:nth-of-type(1) {position:absolute; right:0; top:0;}
#history img:nth-of-type(2) {position:absolute; right:0; bottom:0;}
#history b {color:#142d62;}


/* brand */
#brand h5 {padding-left:0; }
#brand .dsc {padding:0.5rem; text-align:center;}
#brand .dsc img{ width:100%;}
#brand  .color {width: 200px; height:200px; border-radius:50%; line-height:200px; color:#fff; background:#e00032; margin: 0 auto; font-size: 1.25rem;}
#brand .col:nth-of-type(2) .color{background:#231916}
#brand .col:nth-of-type(3) .color{background:#fff; color:#333; border: 3px solid #eee;}
#brand .col:nth-of-type(4) .color{background:#e00032}
#brand .left { font-weight:500;  margin: 0 auto; font-size: 18px;  display:inline-block; text-align:center; padding:0 1.5rem ; border-radius: 30px; line-height:30px; background:#eee; color:#333; margin-top: 1rem;}
#brand .brand-left {text-align:left; line-height:1.6em; padding-top: 5rem;}
.brand-c {max-width: 800px; margin:0 auto;padding-bottom: 30px;}
#brand h6 {color:#e00032; padding-bottom: 20px; margin-top: -10px;}
.brand-c-h5 {padding: 60px 0;}
.brand-t .dsc {text-align:center; font-size:18px;}
.brand-t .col {border-left: 1px solid #ddd; margin-top: 20px;}
.brand-t .col:first-child {border-left:none;}
.brand-t img {width:100%;}

/* location */

#location h5 {padding-left:0;padding-bottom: 3rem;font-size:28px;}
#location h5 span {color:#666; padding-left: 2rem; font-size:18px;font-weight:400}
#location h6 {color:#142d62; padding-bottom:1rem;}
#location p {color:#666; }
#location iframe {padding-top: 2rem;}

/* brd */

.brd-wrap {padding: 0rem 0 3rem ;}

/* business */
.bus h4 {font-size: 1.5rem;}
.bus h5 {padding:0; color:#25499c; font-size: 16px; padding-bottom: 10px;}
.bus p, .bus .sect1 li {font-size: 14px; color:#666; position:relative; line-height:1.6em;}
.bus .sect1 li {padding-left: 6px;}
.bus .sect1 li::after {background:#25499c; width:3px; height:3px; position:absolute; top: 10px; left:0; content:''; display:block;}
.bus .modular-last {padding-left: 70px;}
p.small {font-size:0.8em;}

.bus .sect2 {background:#f5fbff; width:100%; padding-top: 60px; margin-top: 60px;}
.bus .sect2 h4 + p {padding: 15px 0;}
.bus .sect2 h5 {margin-top:1rem;}

#tech-03.content {width: 100%;max-width:100%; padding:0;}
#tech-03 .sect2 .col {padding-right: 20px; }
#tech-03 img {padding: 15px;}
#tech-03 .box1 {background:url(../images/t-1-1-bg.png) no-repeat center / cover; padding: 50px 0;}
#tech-03 .box1 img {padding-right: 60px;}
#tech-03 .box2 {background:url(../images/t-1-2-bg_06.png) no-repeat center / cover; padding: 50px 0;}
#tech-03 .box2 h4 {padding-top: 130px;}
#tech-03 dl {line-height: 1.8em; color:#666; font-size: 15px;}
#tech-03 dt {padding-right: 1rem;}
.box3.sect2 {margin-top:0;}
.box3.sect2 .col h4 {padding-bottom: 15px;}
.box3.sect2 .col img {width:auto;max-width:195%;}


/* product */
table {letter-spacing:0; border-top: 2px solid #142d62;}
table .name {background:#f0f3ff;}
.table-1{width:70%; height:280px;padding-right:3%;}
.table-2 {width:30%; height:280px;}
.product-dsc table {height:280px; }
.product-dsc h5 {padding-bottom: 1rem; padding-left:0;font-size: 20px;}
.product-dsc .imgbox {padding: 2rem; border: 1px solid #ddd; height: 800px; width: 97%; margin-right:3%; border-top: 2px solid #142d62;}
.product-dsc .subject .imgbox {width:100%;max-width: 530px; height:530px; }
.product-dsc .circle {width: 105px; height:105px; text-align:center; position:relative; border: 1px solid #ccc; margin-right:10px; border-radius: 50%;}
.product-dsc .circle img {position:absolute; top:35%; left:50%; transform:translate(-50%, -50%) scale(0.7);}
.product-dsc .circle h6 {font-size:14px; position:absolute; bottom: 20px; width:100%; text-align:center; font-size: 13px;color:#142d62;}
.product-dsc h3 {font-weight: 600;}
.product-dsc h3 span {font-size:14px; font-weight:400; color:#2b7fdf;}
.product-dsc p {color:#666;}
.pro section {padding-bottom: 100px;}
.pro .pager {padding-bottom:0;}

.product-list {max-width:1200px; margin: 0 auto; text-align:center; border: 1px solid #ddd; margin-bottom: 6rem; margin-top:20px;}
.product-list .half > a {background:#f3f3f3; display:block; font-weight:600; color:#333; width:50%; float:left;font-size: 18px; padding: 10px 0; cursor:pointer;}
.product-list a.on {background:#142d62; color:#fff;}
.product-list img {width: 90px; height:90px; display:block; margin: 0 auto;padding-bottom: 10px;}
.product-list li {float:left; width:80px; font-size: 13px;width:12.5%; padding: 30px 0;}
.product-list .QF li {width: 8.333%;}
.product-list ul {display:none;}
.product-list ul.on {display:block;}

.col.QF  {width:100%;}

.purpose h4 {padding: 5rem 0 1rem;}
.purpose h4 span {font-size:14px; color:#666; font-weight:400; padding-left:10px;}

.purpose .fifths .col {width:20%;}
.purpose .circle {width: 200px;  height:200px; text-align:center; position:relative; border: 1px solid #ccc; margin-right:10px; border-radius: 50%; margin: 0 auto;}
.purpose .circle img {position:absolute; top:35%; left:50%; transform:translate(-50%, -50%);}
.purpose .circle h6 {font-size:14px; position:absolute; bottom: 35px; width:100%; text-align:center; font-size: 20px;color:#142d62;}

.codes {padding-top: 5rem;}
.codes .code {background:#f5f5f5; padding: 3rem; padding-bottom:10rem;}
.codes span {font-size: 60px; font-weight:600;display:inline-block; width:auto;width: 20%; text-align:center; float:left;}
.codes span em {display:block; border-top: 2px solid #333; font-size: 14px; font-weight:400; text-align:center; padding-top: 10px;}
.codes .col:nth-of-type(2) {padding-left:20px;}
#rnd .row.purpose {border-bottom: none;}
#rnd .purpose .row {border-bottom: none;}
#rnd .td {max-width:70%;}
#rnd .row.half.codes .col:nth-of-type(1) { width:70%;}
#rnd .row.half.codes .col:nth-of-type(2) {width:30%;}
#bo_v_title .bo_v_tit {font-size:1em !important;}
.bo_tit {text-align:left;}
/* responsive */
@media all and (min-width:1200px) { /* for desktop */

}

@media all and (max-width:1199px) { /* for tablet */
	.lnb-wrap {margin-left: 0vw; min-width:auto;}
	.sect-wrap {width: auto;}
	.imgbox img {max-width:100%;}
	.sub-vis {height: 350px; padding-top: 130px;}
	.sub-vis .sect-wrap {padding-left:20px;}
	h2 {font-size: 2rem;}
	.sub-vis nav div {font-size:14px;}
	.lnb-wrap li {max-width: 150px; font-size: 15px; white-space:nowrap;}
	.pager {margin-bottom:0;}
	.content {padding: 2rem 1rem 5rem;}
	#greeting.content {padding: 0 1rem;}


	/* greeting */
	#greeting .greeting01 .col:first-child {background:none;}
	#greeting .greeting01 h2 {transform: translateX(0); text-align:center; padding-top: 0; font-size:2rem; line-height:1.5em;}
	#greeting h5 {text-align: center; font-size: 1.2rem;}
	#greeting .greeting01 h2 br {display:none;}
	#greeting .dsc p {float:none; text-align:center; width:100%; max-width:100%; font-size:14px;line-height:1.6rem;}
	#greeting .greeting01 .col:first-child {height:auto;}
	#greeting .greetingimg {height:auto; padding-top: 75%; width:100%; margin: 0 auto;}
	#greeting .greeting02 .imgbox {height: auto; width:100%; margin: 0 auto; padding-top: 75%; float:none;margin-top: 2rem;}
	#greeting .greeting02 .col:last-child {height:auto; background:none; text-align:center;}
	#greeting .greeting02 h2  {transform: translateX(0); text-align:center; padding-top: 0; font-size:2rem; line-height:1.5em;}
	#greeting .greeting02 span {text-align:center;}
	#greeting .greeting02 span img {position:static; padding-left: 20px;transform:translateY(15px);}
	#greeting .dsc {padding: 2rem 1rem;;}

	#history span {font-size:6rem;}
	#history img {bottom: 10%; max-width:30vw;}
	#history img:nth-of-type(2) {bottom:100px;}
	#history article:nth-of-type(3) img {max-width: 40vw;}

	#brand .brand-left {text-align:center;}
	#brand .row > .col {float:left;}
	#brand .logos > .col {float:left; width:50%;}
	#brand .third > .col {width:33.3%;}
	#brand .color {max-width: 30vw; max-height:30vw; line-height:200px; font-size: 14px;}
	#organization img {max-width:100%;}
	#location .third > .col { width:33.3%; float:left;}
	#as .col {float:left; width:50%; font-size:14px;}

	
	/* rnd */
	.rnd .content-wrap {padding-top: 50px;}
	#rnd .bar {display:none;}
	#rnd h6 {text-align:center; padding-left:0; font-size: 16px;}
	#rnd h6 img {max-width:100%; width:auto; margin: 0 auto;}
	#rnd .cont1 {height:auto;}
	#rnd .cont1 .mobonly {padding-top: 2rem;}
	#rnd .cont2 .susin .sus-big {left:0;}
	#rnd .cont2 .susin {display:none;}
	#rnd .cont2 .cont2-dsc.right { text-align:center; float:none;}
	#rnd .cont2 .cont2-dsc br {display:none;}
	#rnd .cont2 .cont2-dsc br.res-br {display:block;}
	#rnd .cont2 .big {font-size:14px; line-height:1.6em;}
	#rnd .cont2 .cont2-dsc {padding: 2rem 0;}
	#rnd .cont2 .rnd-res-02 {transform:translateX(-1rem);}
	#rnd .cont3 {padding-top: 5rem;;}
	#rnd .cont3 .col {padding: 0.5rem;}
	#rnd .cont3 .col br {display:none;}
	#rnd .cont3 .row:nth-of-type(2) {width:auto;}
	#rnd .cont3 .third .col {float:left; width:33.3%;}
	#rnd .cont3 .col .imgbox {max-width:150px; margin: 0 auto;}
	.rnd .cont4 .box {float:left;}

	.coating .content h4 {text-align:center;position:static;}
	.coating .sect-wrap {padding: 0 1rem;}
	.coating .surface img {position:static; display:block; margin: 0 auto; top: auto; right: auto;padding-top: 2rem;}
	.coating .surface .logo {position:absolute; top: 300px; left:50%; transform:translate(-50%);}
	.coating h5 {text-align:center;}
	.coating .surface li {font-size:16px; width:100%;}
	.coating .surface h5 {padding-top: 3rem;}
	.coating .surface table { width:100%; overflow-x: scroll;}
	.coating .surface table th {padding: 1rem 0; font-size:14px;}
	.coating .surface table td {padding: 1rem 0; font-size:14px;}
	
	.pro section {padding: 0 20px;}

}
@media all and (max-width:1100px) {  /* for mobile */
	.lnb-wrap .lnb-home {display:none; }
	.sub-vis {height:300px; padding-top: 140px; text-align:center;}
	.lnb-wrap li { width:25%; font-size: 13px; line-height: 50px;}
	.lnb-wrap li a {font-size: 13px;}
	.sub-vis nav div {font-size:12px;}
	h3 {font-size: 24px;}
	.rnd .content h4 {font-size: 1.25rem;}

	.pager {padding-top:0;}

	#greeting .greeting01 br {display:none;}
	#greeting.sect1 .col:first-child {padding-left:0; text-align:center;}
	#greeting.sect1 h4 {font-size:24px;}
	#greeting p {font-size:14px;}
	.sect1 .text em {width:100%;} 
	.half > .col {width:100%;}
	#brand .quarter .col {width:100%;}
	#brand .color {line-height: 125px;}
	#location h5 {text-align:center; padding: 0; padding-bottom: 1rem; font-size: 1rem;}
	#location h5 span {display:block; padding-left:0; padding-top: 1rem; padding-bottom: 1rem; font-size:1rem;}
	#location .third > .col { width:100%; float:none;  padding-bottom: 1rem; text-align:center; font-size:1rem;}
	#location h6 {font-size:1rem;}

	.rnd .cont3 .col {width:50%; }
	#rnd .cont3 .third .col {width:50%;}
	#rnd .cont3 {padding-bottom:0;}
	.rnd .cont4 .arrow {transform:rotate(90deg) scale(0.8); top: 45%; left:45%;}
	.coating .surface table th {padding: 1rem 0; font-size:13px;}
	.coating .surface table td {padding: 1rem 0; font-size:13px;}
	#location.content { padding:0;}
	#location h5 span {font-size: 14px;}
	#location p {font-size:14px;}
	#history dt {font-size:14px; width:50px; padding-left:25px;}
	#history dd {width:calc(100% - 60px)}
}
@media all and (max-width: 800px ) {
	.product-list {margin-bottom: 2rem;}
	.product-list li {width: 25%;padding: 15px 0;}
	.product-list .QF li {width: 16%;}
	.product-list .QF img {width:70px; height:auto;}
	.product-dsc .subject .imgbox {margin:0 auto;}
	.sect1 h3::before {display:none;}
	.sect1 h3 {text-align:center; padding-top: 30px;}
	.product-dsc p {text-align:center;}
	.product-dsc h5 {text-align:center;}
	.product-dsc .row.fifths {text-align:center;}
	.product-dsc .row.fifths .col{float:none; display:inline-block;}
	.table-1 {width:100%; float:none; padding-right:0; margin-bottom:30px; overflow-x:scroll;}
	.table-2 {width:100%; float:none;margin-bottom:30px;}
	.product-dsc .imgbox {width:100%;}
	.product-dsc .imgbox {height:auto;}
	.product-dsc .QF table {height:auto; overflow:scroll; margin-bottom: 60px; font-size:14px;}

	/* rnd */
	#rnd {padding: 0 10px;}
	#rnd .row .th {width:100%; margin:0 auto; height:auto; padding: 20px 0;}
	#rnd .td { max-width:100%; padding:0; width:100%;}
	#rnd p {padding: 0 10px ; width:100%; text-align:center; }
	#rnd .td img {display:block; margin: 0 auto;}
	#rnd .row.half.codes .col:nth-of-type(1) {width:100%;}
	#rnd .row.half.codes .col:nth-of-type(2) {width:100%;}
	#rnd .row.last .col {width:50%; }
	#rnd .row.last p {}
	#rnd .row.last {text-align:center; width:100%;}
	.purpose .fifths .col {width:50%;}
	.purpose .circle {width:43vw; height:43vw; margin-bottom: 20px;}
	.codes span {font-size: 24px;}
	.codes .code {padding: 1rem; padding-top: 2rem; padding-bottom: 9rem;}
	.codes span em {font-size:13px;}
	.codes {padding-top: 2rem;}
	.codes h6 {padding-top: 2rem;}
	.gall_row .col-gn-4 {width:50% !important;}
	#bo_sch .sch_input {width: 200px;}
}
@media all and (max-width:650px) { 
	#history img:nth-of-type(1), #history img:nth-of-type(2) { display:none;}
	#history h4 {font-size:24px;}
	#history dl {font-size:14px;}
	#history dt {font-size:14px;}


}