@charset "utf-8";
/* CSS Document */
.edit_area {color: #000a14; line-height: 1.75; letter-spacing: 0.8px; font-weight: 500;}
.edit_area h2 {font-size: 222.222%; color: rgba(0, 10, 20, 0.9);}
.edit_area h3 {font-size: 211.111%; color: rgba(0, 10, 20, 0.8);}
.edit_area h4 {font-size: 200%; color: rgba(0, 10, 20, 0.7);}
.edit_area h5 {font-size: 188.889%; color: rgba(0, 10, 20, 0.6);}
.edit_area h6 {font-size: 177.778%; color: rgba(0, 10, 20, 0.5);}

.seo-content {color: #000a14; line-height: 1.75; letter-spacing: 0.68px; font-weight: 500;}
.seo-content h2 {font-size: 175%; color: rgba(0, 10, 20,1);}
.seo-content h3 {font-size: 162.5%; color: rgba(0, 10, 20,0.9);}
.seo-content h4 {font-size: 150%; color: rgba(0, 10, 20,0.8);}
.seo-content h5 {font-size: 137.5%; color: rgba(0, 10, 20,0.7);}
.seo-content h6 {font-size: 125%; color: rgba(0, 10, 20,0.6);}

.sub_banner {position: relative; z-index: 1; background: #000a14; color: #fff;}
.sub_banner > .img {line-height: 0; max-width: 63.584%; position: relative; z-index: 1;}
.sub_banner > .txt {background: #000a14; width: 46.716%; clip-path: polygon(21.1% 0%, 100% 0%, 100% 100%, 0% 100%); position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-flow: wrap; align-items: center; padding: 0 20px 2.155% 12.875%;}
.sub_banner > .txt .tit {font-weight: 900; line-height: 1.2; letter-spacing: 5.3px; margin: 0;}
.sub_banner > .txt .tit span {color: #41a0ab;}

.path {position: relative; z-index: 100; background: #000a14; padding: 0 0 0 12px;}
.path > ul, .path > ul li {list-style-type:none; margin: 0; padding: 0; letter-spacing: 0.9px; font-weight: 300;}
.path > ul {width: 100%; max-width: 1490px; display: flex; flex-wrap: wrap; padding: 19px 100px 24px 100px; margin: auto;}
.path > ul li {color:#41a0ab; position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center;}
.path > ul li::after {content: '>'; margin: 0 5px 0 4px; color:#fff;}
.path > ul li:last-child::after {content: none;}
.path > ul li a:link, .path > ul li a:visited {text-decoration:none; color:#fff; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.path > ul li a:active, .path > ul li a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.path > ul li a::before {content: ''; position: absolute; bottom: calc(100% - 3px); right: 0; height: 3px; background: #d40c27; width: 0%; transition: all 0.25s ease-out 0s;}
.path > ul li a:hover::before {width: 100%; left: 0; transition: all 0.25s ease-out 0s;}

.ul_a, .ul_a > li {list-style-type:none; margin: 0; padding: 0;}
.ul_a {width: 100%; margin: 3.024% 0;}
.ul_a > li {padding: 0 0 28px 75.5px; position: relative; z-index: 1;}
.ul_a > li::before {content: attr(data-title); position: absolute; top: 1px; left: -0.5px; color: #41a0ab; font-weight: 900; letter-spacing: 4px; font-size: 275%; line-height: 1;}

.ul_b, .ul_b > li {list-style-type:none; margin: 0; padding: 0;}
.ul_b {width: 100%; margin: 2.791% 0 3.799% 0;}
.ul_b > li {padding: 0 0 28px 75.5px; position: relative; z-index: 1;}
.ul_b > li::before {content: ''; background: url("../images/icon_03a.png") no-repeat center / cover; width: 26px; height: 23px; position: absolute; top: 18px; left: 19px;}

.con_bot {position: relative; z-index: 1;}
.con_bot > a {background: #41a0ab; color: #fff!important; font-weight: 900; letter-spacing: 4px; clip-path: polygon(7.4% 0%, 92.5% 0%, 100% 100%, 0% 100%); width: 100%; max-width: 880px; height: 129px; display: flex; flex-flow: wrap; align-items: center; justify-content: center; padding: 3px 0 0 3px; margin: 0 -71px 0 auto;}
.con_bot > a img {margin: 1px 0 0 3.194%;}
.con_bot > a:active, .con_bot > a:hover {text-decoration:none; background: #d40c27;}

.h1_a {color: #fff; font-weight: 900; line-height: 1.2; letter-spacing: 4.4px; margin: 0;}
.h1_bg {background: url("../images/h1_bg.png") no-repeat center / cover; width: 80.61%; height: 0; padding-bottom: 13.348%; position: absolute; top: -67px; left: 0; z-index: -1; display: none!important;}

.h1_b {color: #000a14; font-weight: 900; line-height: 1.0909091; letter-spacing: 2.2px; margin: 0;}
.h1_c {color: #419ba6; font-weight: 900; line-height: 1.1; letter-spacing: 4.4px; margin: 0;}
.h1_d {color: #fff; font-weight: 900; line-height: 1.2; letter-spacing: 4.4px; padding-right: 15.5%; margin: 0; position: relative; z-index: 1;}
.h1_d::before {content: ''; background-image: linear-gradient(0deg, #3f474e 0%, #000a14 100%); position: absolute; top: -45px; left: -440px; right: 0; bottom: -38px; z-index: -10; clip-path: polygon(0 0, 94.2% 0, 88.7% 100%, 0% 100%);}

.subj_a {line-height: 1.6; font-weight: 700; color: #005d72; letter-spacing: 3px; margin: 0 0 3.332% 0;}

.leftBn {line-height: 0; padding: 12.433% 0 0 0;}
.leftBn > div {padding: 0 0 20px 0;}
.leftBn a img {transform: scale(1.0, 1.0)!important; transition: all 0.5s ease 0s;}
.leftBn a:hover img {transform: scale(0.9, 0.9)!important; transition: all 0.5s ease 0s;}

.pages {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: -3px 0 0 0;}
.pages a:link, .pages a:visited {text-decoration:none; color:#000a14; background: #fff; transition: all 0.5s ease 0s;}
.pages a:active, .pages a:hover {text-decoration:none; color:#fff; background: #005d72; cursor:pointer; transition: all 0.5s ease 0s;}
.pages a {line-height: 1; font-weight: 500; letter-spacing: 0.8px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-width: 40px; height: 41px; border: 1px solid #96b7bf; margin: 0 0 5px 0;}
.pages a.current {color:#fff; background: #005d72;}
.pages .prev {padding: 0 17px 0 16px;}
.pages .next {padding: 0 16px 0 17px;}


.abot_A {background: url("../images/sub_bg_01.png") no-repeat top center / cover; padding: 42px 0 14.031% 0;}
.abot_A > div.frame_1290 {position: relative; z-index: 1;}
.abot_A > div.frame_1290 > .txt {width: 53.334%; position: relative; z-index: 10; color: #fff; font-weight: 300; padding: 0 0 0 8px;}
.abot_A > div.frame_1290 > .txt .tit {margin: 0 0 21.324% -2px;}
.abot_A > div.frame_1290 > .txt p {margin: 0;}
.abot_A > div.frame_1290 > .txt .fs_24 {font-weight: 500; line-height: 1.166667; letter-spacing: 1.2px; margin: 0 0 3px 0;}
.abot_A > div.frame_1290 > .img {width: 47.584%; max-width: 709px; text-align: right; position: absolute; top: 11.408%; left: 45.772%; z-index: -1; overflow: hidden;}
.abot_A > div.frame_1290 > .img .shadow {background: rgba(0, 10, 20, 0.8); width: 100%; position: absolute; top: 0; right: 79.126%; bottom: 0; z-index: 10;}
.abot_YT {position: relative; z-index: 1;}
.abot_YT::before {content: ''; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; filter:alpha(opacity=0); Opacity:0; transition: all 0.5s ease 0s;}
.abot_YT:hover::before {filter:alpha(opacity=100); Opacity:1.0;}
.abot_YT > .img {line-height: 0;}
.abot_YT > .txt {position: absolute; top: 0;  left: 0; right: 0; bottom: 0; z-index: 10;}
.abot_YT > .txt > a {position: absolute; top: 0;  left: 0; right: 0; bottom: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; color: #fff; font-weight: 600; letter-spacing: 1.4px; text-decoration:none;}
.abot_YT > .txt > a img {margin: 0 0 17px 0;}
.abot_YT > .txt > a:hover {transform: scale(0.9, 0.9);}
.abot_B {color: #000a14; font-weight: 400; padding: 10.078% 0 12.559% 0;}
.abot_B p {margin: 0;}
.abot_B .fs_24 {font-weight: 500; line-height: 1.2; letter-spacing: 1.2px; padding: 0 0 8px 0; margin: 0 0 0 -0.5px;}

.oemA {background: url("../images/sub_bg_02.png") no-repeat top center; background-size: 100%; padding: 42px 0; color: #fff; font-weight: 300;}
.oemA p {margin: 0;}
.oemA > div.frame_1300 > .txt {padding: 0 0 0 7px;}
.oemA > div.frame_1300 > .txt > .tit {margin: 0 0 13.148% 4px;}
.oemA > div.frame_1300 > .txt > .fs_30 {font-weight: 600; line-height: 1.6; letter-spacing: 3.25px; margin: 0 0 15px 0;}
.oemA > div.frame_1300 > .lis {display: flex; flex-flow: wrap; padding: 12.462% 0 0 0.77%;}
.oemA > div.frame_1300 > .lis > div {width: 30.07752%; margin: 0 4.88372% 30px 0;}
.oemA > div.frame_1300 > .lis > div:nth-child(3n+3), .oemA > div.frame_1300 > .lis > div:last-child {margin: 0 0 30px 0;}
.oemA > div.frame_1300 > .lis > div > .img {background: #41929d; line-height: 0; position: relative; z-index: 1; height: 0; padding-bottom: 146.135%; margin: 0 0 7.732% 0;}
.oemA > div.frame_1300 > .lis > div > .img > .pho {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; line-height: 0;}
.oemA > div.frame_1300 > .lis > div > .img > .tit {background: #41929d; color: #fff; font-weight: 500; line-height: 1.3333; letter-spacing: 0.5px; clip-path: polygon(0 0, 100% 49.3%, 100% 100%, 0% 100%); position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; padding: 161px 20px 30px 33px; margin: 0;}
.oemA > div.frame_1300 > .lis > div > .txt {color: #000a14; font-weight: 300;}
.oemA > div.frame_1300 > .lis > div > .txt p {margin: 0;}
.oemB {background: url("../images/sub_bg_03.png") no-repeat top center / cover; padding: 6.832% 0 20px 0; color: #fff; font-weight: 300;}
.oemB > div.frame_1300 > .tit {color: #000a14; font-weight: 600; line-height: 1.3333; letter-spacing: 1.9px; text-align: center; padding: 0 0 0 0.847%; margin: 0;}
.oemB > div.frame_1300 > .lis {display: flex; flex-flow: wrap; justify-content: center; padding: 6.385% 2% 0 1.077%;}
.oemB > div.frame_1300 > .lis > div {width: 26.42857%; margin: 80px 10.357145% 81px 0; text-align: center; color: #000a14; line-height: 1.7143; font-weight: 500; letter-spacing: 1.4px; transition: all 0.5s ease 0s;}
.oemB > div.frame_1300 > .lis > div:hover {color: #005d72;}
.oemB > div.frame_1300 > .lis > div:nth-child(3n+3), .oemB > div.frame_1300 > .lis > div:last-child {margin: 80px 0 81px 0;}
.oemB > div.frame_1300 > .lis > div .img {max-width: 311px; margin: 0 auto 9.61% auto;}
.oemB > div.frame_1300 > .lis > div .img > div {position: relative; z-index: 1; height: 0; overflow: hidden; padding-bottom: 100%; line-height: 0;}
.oemB > div.frame_1300 > .lis > div .img > div::before {content: ''; background: url("../images/oe_bg_01.png") no-repeat center / cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10; transform:rotate(0deg); -webkit-animation: rotate_360_right 30000ms linear infinite; animation: rotate_360_right 30000ms linear infinite;}
.oemB > div.frame_1300 > .lis > div .img > div::after {content: ''; background: url("../images/oe_bg_02.png") no-repeat center / cover; position: absolute; top: 13px; left: 12.5px; right: 12.5px; bottom: 12px; z-index: -5; transform:rotate(0deg); -webkit-animation: rotate_360_left 40000ms linear infinite; animation: rotate_360_left 40000ms linear infinite;}
.oemB > div.frame_1300 > .lis > div p {margin: 0;}
.oemB > div.frame_1300 > .lis > div:hover .img img, .oemB > div.frame_1300 > .lis > div:hover p {-webkit-animation: scaleX 700ms linear 1; animation: scaleX 700ms linear 1;}
.oemC {background: #f1f1f1; padding: 6.727% 0 5.886% 0.684%;}
.oemC p {margin: 0; font-weight: 300;}
.oemC p.fs_24 {color: #005d72; line-height: 1.1666667; font-weight: 500; letter-spacing: 1.2px; margin: 0 0 1.693% 0;}
.oemD {padding: 5.15% 0 5.15% 0.789%;}
.oemD > div.frame_1300 > .fs_36 {color: #000a14; font-weight: 600; line-height: 1.3333; letter-spacing: 1.805px; padding: 0; margin: 0 0 0 -1px;}
.oemD > div.frame_1300 > .lis {display: flex; flex-flow: wrap; padding: 14.077% 4px 0 0;}
.oemD > div.frame_1300 > .lis > div {width: 9.02778%; margin: 0 6.134256666% 30px 0; position: relative; z-index: 1;}
.oemD > div.frame_1300 > .lis > div:nth-child(7n+7), .oemD > div.frame_1300 > .lis > div:last-child {margin: 0 0 30px 0;}
.oemD > div.frame_1300 > .lis > div .num {background: url("../images/oe_bg_03.png") no-repeat center / cover; width: 100%; height: 0; padding-bottom: 87.18%; position: relative; z-index: 10;  margin: 0 0 52px 0;}
.oemD > div.frame_1300 > .lis > div .num::before {content: ''; background: #bfd6dc; height: 1px; width: calc(100% + 20%); position: absolute; top: 50%; left: 100%; z-index: -10;}
.oemD > div.frame_1300 > .lis > div .num::after {content: ''; background: url("../images/arrow_c.png") no-repeat center / cover; width: 26px; height: 26px; position: absolute; top: calc(50% - 13px); left: calc(100% + 23%); z-index: -5; -webkit-animation: translateX 1500ms linear infinite; animation: translateX 1500ms linear infinite;}
.oemD > div.frame_1300 > .lis > div:nth-child(7n+7) .num::before, .oemD > div.frame_1300 > .lis > div:last-child .num::before, .oemD > div.frame_1300 > .lis > div:nth-child(7n+7) .num::after, .oemD > div.frame_1300 > .lis > div:last-child .num::after {content: none;}
.oemD > div.frame_1300 > .lis > div .num p {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; color: #fff; font-size: 2.292vw; font-weight: 700; letter-spacing: 4.3px; padding: 0 2px 0 0; margin: 0;}
.oemD > div.frame_1300 > .lis > div .tit {font-weight: 500; line-height: 1.166667; letter-spacing: 0px; text-align: center; padding: 0 0 0 1px; margin: 0; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.oemD > div.frame_1300 > .lis > div:hover .tit {color: #d40c27;}
.oemD > div.frame_1300 > .lis > div .tit::before {content: ''; background: #bfd6dc; width: 1px; height: 70px; position: absolute; bottom: calc(100% + 10px); left: 50%; z-index: -10;}
.oemD > div.frame_1300 > .lis > div .tit::after {content: ''; background: #005d72; width: 8px; height: 8px; border-radius: 8px; position: absolute; bottom: calc(100% + 6px); left: calc(50% - 3px); z-index: -5;}
.oemE {padding: 3.942% 0 1.6291% 0.736%; position: relative; z-index: 1;}
.oemE::before {content: ''; background: url("../images/oe_bg_04.png") no-repeat center / cover; width: 34.42%; padding-bottom: 59.538%; height: 0; position: absolute; bottom: 0; left: -3px; z-index: -10;}
.oemE > div.frame_1300 > .lis {display: flex; flex-flow: wrap;}
.oemE > div.frame_1300 > .lis > div {width: 89.6154%; margin: 0 auto 90px 0; position: relative; z-index: 1;}
.sub_anchor {position: absolute; top: -70px; left: 0; z-index: -1000;}
.oemE > div.frame_1300 > .lis > div::before {content: ''; border: 1px solid #bfc2c4; position: absolute; top: 0; left: 0; right: 7.983%; bottom: 0; z-index: 10;}
.oemE > div.frame_1300 > .lis > div > .img {width: 48.92704%; line-height: 0; clip-path: polygon(0% -186%, 94.5% 100%, 100% 100%, 0% 100%); margin: 0 auto 0 0;}
.oemE > div.frame_1300 > .lis > div > .img img {width: 100%;}
.oemE > div.frame_1300 > .lis > div > .txt {width: 69.872%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; font-weight: 500; line-height: 1.88889; letter-spacing: 0.9px; display: flex; flex-flow: column; justify-content: flex-end; padding: 0 0 3.091% 23.606%;}
.oemE > div.frame_1300 > .lis > div > .txt::after {content: ''; background: url("../images/oe_bg_05.png") no-repeat center / cover; width: 18.552%; padding-bottom: 16.094%; height: 0; position: absolute; top: 8.11%; right: 2.335%; z-index: -1; -webkit-animation: blink 2000ms linear infinite; animation: blink 2000ms linear infinite;}
.oemE > div.frame_1300 > .lis > div > .txt .tit {color: #000a14; font-weight: 700; line-height: 1.2; letter-spacing: 2.1px; margin: 0 0 5.01% 1px;}
.oemE > div.frame_1300 > .lis > div > .txt .fs_24 {color: #005d72; font-weight: 500; line-height: 1.166667; letter-spacing: 1px; margin: 0 0 6px 0;}
.oemE > div.frame_1300 > .lis > div:nth-child(2n+2) {margin: 0 4px 90px auto;}
.oemE > div.frame_1300 > .lis > div:nth-child(2n+2)::before {right: 0; left: 8.07%;}
.oemE > div.frame_1300 > .lis > div:nth-child(2n+2) > .img {clip-path: polygon(38.5% 0%, 100% 0%, 100% 100%, 5.5% 100%); margin: 0 0 0 auto;}
.oemE > div.frame_1300 > .lis > div:nth-child(2n+2) > .txt {width: 69.958%; right: auto; left: 0; padding: 0 20% 4.55% 3.606%;}
.oemE > div.frame_1300 > .lis > div:nth-child(2n+2) > .txt::after {right: auto; left: 19px;}
.oemF {background: #005d72; color: #fff; position: relative; z-index: 1; display: flex; flex-flow: wrap; overflow: hidden;}
.oemF > .txt {width: 58.814%; font-weight: 500; line-height: 1.88889; letter-spacing: 0.9px; padding: 52px 40px 40px 16.396%;}
.oemF > .txt .tit {color: #fff; font-weight: 700; line-height: 1.2; letter-spacing: 2.1px; margin: 0 0 3.78% 0;}
.oemF > .txt .fs_24 {line-height: 1.166667; letter-spacing: 1.1px; margin: 0 0 6px 0;}
.oemF > .txt p {margin: 0;}
.oemF > .img {width: 41.186%; line-height: 0;}
.oemF > .img img {width: 100%; height: 100%; object-fit:cover;}
.oemG {padding: 4.4141% 0 6.674% 0;}
.oemG > div.frame_1300 > .lis {display: flex; flex-flow: wrap; padding: 0 0 0 0.693%; position: relative; z-index: 1;}
.oemG > div.frame_1300 > .lis > div {width: 30.131681%; margin: 0 4.8024785% 30px 0; background: #41929d;}
.oemG > div.frame_1300 > .lis > div:nth-child(3n+3), .oemG > div.frame_1300 > .lis > div:last-child {margin: 0 0 30px 0;}
.oemG > div.frame_1300 > .lis > div .num {background: #fff; color: #000a14; font-weight: 700; line-height: 1.2; letter-spacing: 2.1px; text-align: center; padding: 0 0 14px 0; margin: 0;}
.oemG > div.frame_1300 > .lis > div .img {line-height: 0;}
.oemG > div.frame_1300 > .lis > div .txt {color: #fff; font-weight: 500; line-height: 1.88889; letter-spacing: 0.9px; padding: 12.854% 7.713% 10.8% 9.512%;}
.oemG > div.frame_1300 > .lis > div .txt .tit {color: #fff; font-weight: 700; line-height: 1.1818182; letter-spacing: 0.5px; margin: 0 0 13.044% 0;}
.oemG > div.frame_1300 > .lis > div .txt .fs_24 {line-height: 1.166667; letter-spacing: 1.1px; margin: 0 0 6px 0;}
.oemG > div.frame_1300 > .lis p {margin: 0;}


.news_wrap {position: relative; z-index: 1; padding: 45px 0 7.83% 0; overflow: hidden;}
.news_wrap .h1_d {padding-left: 0.808%;}
.news_bg_01 {width: 100.894%; line-height: 0; position: absolute; top: 0; left: 0; z-index: -10;}
.news_bg_02 {width: 17.867%; line-height: 0; position: absolute; bottom: 144px; left: -6px; z-index: -1;}
.news_bg_03 {width: 34.6821%; text-align: right; line-height: 0; position: absolute; bottom: 0; right: -11px; z-index: -7;}
.news_list {padding: 10% 0 5.693% 6px;}
.news_list > div {display: flex; flex-flow: wrap; padding: 5.642% 8.115% 5.41% 8.424%; margin: 0 0 4.792% 0; background: rgba(209, 209, 209, 0.9); position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.news_list > div:hover {box-shadow: 0 0 31px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, 1);}
.news_list > div .img {width: 44.445%;}
.news_list > div .img img {transform: scale(1.0, 1.0); transition: all 0.5s ease 0s;}
.news_list > div:hover .img img {transform: scale(0.9, 0.9); transition: all 0.5s ease 0s;}
.news_list > div .img > div {height: 0; padding-bottom: 73.125%; overflow: hidden; position: relative; z-index: 1;}
.news_list > div .txt {width: 55.555%; display: flex; flex-flow: wrap; align-items: center; padding: 0 0 0 5.186%;}
.news_list > div .txt > .dat {width: 141px; height: 141px; color: #005d72; font-size: 40px; font-weight: 300; line-height: 1.30825; letter-spacing: 2px; border: 1px solid #005d72; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; padding: 0 0 0 2px; transition: all 0.5s ease 0s;}
.news_list > div:hover .txt > .dat {background: #005d72; color: #fff;}
.news_list > div .txt > .tit {width: calc(100% - 141px); color: #005d72; font-weight: 700; line-height: 1.55555; letter-spacing: 3.6px; padding: 0 0 1px 4.596%; margin: 0; transition: all 0.5s ease 0s;}
.news_list > div:hover .txt > .tit {color: #d40c27;}
.news_list > div .txt > .con {width: 100%; height: 196px; overflow: hidden; color: #000a14; font-weight: 400; line-height: 28px; letter-spacing: 0.8px; margin: 52px 0 0 1.5px; transition: all 0.5s ease 0s;}
.news_list > div .txt > .con p {margin: 0;}
.news_list > div:hover .txt > .con {color: #005d72;}
.news_bg_11 {width: 100.894%; line-height: 0; position: absolute; top: 0; left: 0; z-index: -10;}
.news_bg_12 {width: 8.566%; line-height: 0; position: absolute; top: 48.093%; left: 0; z-index: -7;}

.detail_A {padding: 15% 0 7.077% 1%;}
.detail_AT {display: flex; flex-flow: wrap; align-items: center; position: relative; z-index: 1;}
.detail_AT > .dat {width: 163px; height: 163px; color: #005d72; font-size: 44px; font-weight: 300; line-height: 1.3636364; letter-spacing: 2px; border: 1px solid #005d72; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; padding: 1px 0 0 0;}
.detail_AT > .tit {width: calc(100% - 163px - 235px); color: #005d72; font-weight: 700; line-height: 1.230769; letter-spacing: 5.15px; padding: 5px 0 0 3.264%; margin: 0;}
.detail_AT > .sha {position: absolute; bottom: 0; right: 0;}
.detail_AC {padding: 10% 0 11.578% 0;}
.detail_AC .fs_18 {line-height: 1.555556;}

.btn_PBN {max-width: 674px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; font-weight: 500; letter-spacing: 0.9px;}
.btn_P {width: 135px; display: flex; flex-flow: wrap; justify-content: flex-start;}
.btn_P a:link, .btn_P a:visited {text-decoration:none; color:#000a14; transition: all 0.5s ease 0s;}
.btn_P a:active, .btn_P a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.btn_P a {height: 41px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center;}
.btn_P a::before {content: ''; background: url("../images/prev_b.png") no-repeat center / cover; width: 32px; height: 31px; display: inline-block; margin: 0 15px 0 0; transform:scaleX(1); transition: all 0.5s ease 0s;}
.btn_P a:hover::before {transform:scaleX(-1); margin: 0 10px 0 0;}
.btn_B a:link, .btn_B a:visited {text-decoration:none; color:#005d72; transition: all 0.5s ease 0s;}
.btn_B a:active, .btn_B a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.btn_B a {border: 1px solid #005d72; width: 78px; height: 41px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center;}
.btn_B a:hover {border: 1px solid #d40c27; background: #d40c27;}
.btn_N {width: 135px; display: flex; flex-flow: wrap; justify-content: flex-end;}
.btn_N a:link, .btn_N a:visited {text-decoration:none; color:#000a14; transition: all 0.5s ease 0s;}
.btn_N a:active, .btn_N a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.btn_N a {height: 41px; display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center;}
.btn_N a::after {content: ''; background: url("../images/next_b.png") no-repeat center / cover; width: 32px; height: 31px; display: inline-block; margin: 0 0 0 15px; transform:scaleX(1); transition: all 0.5s ease 0s;}
.btn_N a:hover::after {transform:scaleX(-1); margin: 0 0 0 10px;}


.prod_wrap {position: relative; z-index: 1; padding: 43px 0 6.779% 0; overflow: hidden;}
.prod_wrap .h1_d {padding-left: 1.077%;}
.prod_bg_01 {width: 100.894%; line-height: 0; position: absolute; bottom: 0; left: 0; z-index: -10;}
.prod_bg_02 {width: 40.726%; text-align: right; line-height: 0; position: absolute; bottom: 0; right: -11px; z-index: -7;}
.prod_wrap > div.frame_1300 > .seo-content {margin: 14.616% 0 0 0.693%;}
.prod_wrap > div.frame_1300 > .cla {padding: 14.693% 0 0 0.77%;}
.prod_wrap > div.frame_1300 > .cla > div {width: 93.024%; margin: 0 auto 6.977% 0; position: relative; z-index: 1;}
.prod_wrap > div.frame_1300 > .cla > div::before {content: ''; border: 1px solid #bfc2c4; position: absolute; top: 0; left: 0; right: 12.334%; bottom: 0; z-index: 10; transition: all 0.5s ease 0s;}
.prod_wrap > div.frame_1300 > .cla > div:hover::before {border: 1px solid #000a14; box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);}
.prod_wrap > div.frame_1300 > .cla > div > .img {width: 46.684%; line-height: 0; clip-path: polygon(0% -186%, 94.74% 100%, 100% 100%, 0% 100%); background: #cccccc; overflow: hidden; margin: 0 auto 0 0;}
.prod_wrap > div.frame_1300 > .cla > div > .img img {width: 100%;}
.prod_wrap > div.frame_1300 > .cla > div > .txt {width: 71.312%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; font-weight: 600; line-height: 2; letter-spacing: 0.75px; display: flex; flex-flow: column; padding: 6.066% 0 0 0; transition: all 0.5s ease 0s;}
.prod_wrap > div.frame_1300 > .cla > div:hover > .txt {color: #005d72;}
.prod_wrap > div.frame_1300 > .cla > div > .txt::after {content: ''; background: url("../images/oe_bg_05.png") no-repeat center / cover; width: 17.765%; padding-bottom: 15.412%; height: 0; position: absolute; top: 8.11%; right: 8.392%; z-index: -1; -webkit-animation: blink 2000ms linear infinite; animation: blink 2000ms linear infinite;}
.prod_wrap > div.frame_1300 > .cla > div > .txt .tit {color: #000a14; font-weight: 700; line-height: 1.2; letter-spacing: 4.4px; text-align: right; margin: 0 0 30px 10.345%; transition: all 0.5s ease 0s;}
.prod_wrap > div.frame_1300 > .cla > div:hover > .txt .tit {color: #d40c27;}
.prod_wrap > div.frame_1300 > .cla > div > .txt .fs_18 {padding: 0 0 0 31.725%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) {margin: 0 -6px 6.977% auto;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2)::before {right: 0; left: 12.417%;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) > .img {clip-path: polygon(38.6% 0%, 100% 0%, 100% 100%, 5.5% 100%); margin: 0 0 0 auto;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) > .txt {width: 70.834%; right: auto; left: 0; padding: 4.584% 0 0 2%;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) > .txt::after {right: auto; left: 8.706%;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) > .txt .tit {text-align: left; margin: 0 10.896% 30px 0;}
.prod_wrap > div.frame_1300 > .cla > div:nth-child(2n+2) > .txt .fs_18 {padding: 1px 25.424% 0 10.413%;}
.prod_bg_11 {width: 11.719%; line-height: 0; position: absolute; bottom: 6.9%; left: -6px; z-index: -1;}


.sub {display: flex; flex-flow: wrap; align-items: flex-start; padding: 12.729% 0 6px 0.634%;}
.subL {width: 370px; padding: 3px 0 0 0;}
.subL > .tit, .subL .fs_20 {color: #419ba6!important; font-weight: 600; line-height: 1.2; letter-spacing: 0.8px; margin: 0;}
.subL > .tit {color: #000a14!important; margin: 0 0 10.271% 0;}
.subR {width: calc(100% - 370px); padding: 0 0 0 7.29%;}
.subR > .lis {display: flex; flex-flow: wrap; padding: 0 0 4.469% 0;}
.subR > .lis > div {width: 30.6383%; padding: 0 0 83px 0; margin: 0 4.04255% 137px 0; background: #005d72; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.subR > .lis > div:hover {background: #a4a4a4;}
.subR > .lis > div:nth-child(3n+3), .subR > .lis > div:last-child {margin: 0 0 137px 0;}
.subR > .lis > div > .img {height: 0; overflow: hidden; padding-bottom: 94.792%; line-height: 0; position: relative; z-index: 1; border: 1px solid #bfc2c4; background: #fff; transition: all 0.5s ease 0s;}
.subR > .lis > div > .txt {color: #fff; font-weight: 300; letter-spacing: 0.87px; padding: 4.514% 5.21% 0 9.03%;}
.subR > .lis > div > .txt > .tit {font-weight: 600; line-height: 1.4; letter-spacing: 1px; margin: 0 0 6px 0;}
.subR > .lis > div > .txt > .tit a:link, .subR > .lis > div > .txt > .tit a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.subR > .lis > div > .txt > .tit a:active, .subR > .lis > div > .txt > .tit a:hover {text-decoration:none; color:#005d72; cursor:pointer; transition: all 0.5s ease 0s;}
.subR > .lis > div > .txt p {margin: 0;}
.subR > .lis > div > .txt > .bot {width: 100%; max-width: 90%; height: 39px; border-radius: 39px; color: #fff; font-size: 14px!important; font-weight: 500; letter-spacing: 0; background: #419ba6; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 0 9px 1px 9px; margin: 0; position: absolute; bottom: 26px; left: 51.6%; z-index: 10; transform:scale(1, 1) translateX(-50%);}
.subR > .lis > div > .txt > .bot:link, .subR > .lis > div > .txt > .bot:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.subR > .lis > div > .txt > .bot:active, .subR > .lis > div > .txt > .bot:hover {text-decoration:none; color:#fff;  transform: scale(0.9, 0.9) translateX(-55%); cursor:pointer; transition: all 0.5s ease 0s;}
.subR > .lis > div > .txt > .bot img {margin: 0 5px 0 0;}
.item_01 {position: absolute; top: 18px; left: -8px; z-index: 110; color: #fff; font-weight: 600; letter-spacing: 0.87px; background: #38c0c8; min-width: 84px; height: 28px; display: flex; flex-flow: wrap; align-items: center; padding: 0 6px 2px 13px;}
.item_01::after {content: ''; height: 0; width: 0; border-color: transparent transparent transparent #38c0c8; border-style: solid solid solid solid; border-width: 14px 14px; position: absolute; top: 0; left: 100%;}
.item_02 {position: absolute; top: -6px; right: -9px; z-index: 120; color: #fff; font-weight: 600; letter-spacing: 0.87px; background: #dc0c27; min-width: 41px; height: 41px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 0 1px 2px 3px;}
.item_02::after {content: ''; height: 0; width: 0; border-color: #dc0c27 transparent transparent transparent; border-style: solid solid solid solid; border-width: 10px 5px; position: absolute; top: calc(100% - 2px); left: calc(50% - 5px);}


.detail_B {position: relative; z-index: 1; overflow: hidden;}
.detail_B::before {content: ''; height: 15.657%; background: #419ba6; position: absolute; bottom: 0; left: 0; right: 0; z-index: -10;}
.detail_BT {background: #f9f9f9; padding: 5.571% 0 8.513% 0.894%;}
.detail_BT > div.frame_1300 {display: flex; flex-flow: wrap; align-items: flex-start;}
.detail_BT > div.frame_1300 > .img {width: 52.847%; line-height: 0; padding: 8px 0 0 0;}
.detail_BT > div.frame_1300 > .img > .sha {line-height: 0;}
.detail_BT > div.frame_1300 > .img > .pho {padding: 8.444% 2px 0 149px;}
.detail_BT > div.frame_1300 > .txt {width: 47.153%; padding: 0 0 0 6.385%;}
.detail_BT > div.frame_1300 > .txt > .h1_b {margin: 0 0 8.302% 0;}
.detail_BT > div.frame_1300 > .txt > .mod {color: #005d72; font-weight: 500; line-height: 1.2; letter-spacing: 1.2px; margin: 0 0 9.057% 0;}
.detail_BT > div.frame_1300 > .txt > .ite {display: flex; flex-flow: wrap; align-items: flex-start;}
.detail_BT > div.frame_1300 > .txt > .ite > .bot {width: 100%; max-width: 285px; height: 58px; color: #fff; font-size: 18px!important; font-weight: 500; letter-spacing: 0px; background: #419ba6; display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 0 9px 1px 9px; margin: 0 10px 5px 0;}
.detail_BT > div.frame_1300 > .txt > .ite > .bot:link, .detail_BT > div.frame_1300 > .txt > .ite > .bot:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.detail_BT > div.frame_1300 > .txt > .ite > .bot:active, .detail_BT > div.frame_1300 > .txt > .ite > .bot:hover {text-decoration:none; color:#fff;  background: #dc0c27; cursor:pointer; transition: all 0.5s ease 0s;}
.detail_BT > div.frame_1300 > .txt > .ite > .bot img {margin: 0 5px 0 0; width: 20px;}
.detail_BT > div.frame_1300 > .txt > .ite > div {line-height: 0; margin: 0 10px 5px 0;}
.detail_BT > div.frame_1300 > .txt > .not {line-height: 1.33333!important; font-weight: 500!important; padding: 7.361% 0 0 0;}
.detail_BT > div.frame_1300 > .txt > .not .table_scroll > table {min-width: inherit;}
.detail_BT > div.frame_1300 > .txt > .linBot {display: flex; flex-flow: wrap; align-items: flex-start; padding: 10% 0 0 0;}
.detail_BT > div.frame_1300 > .txt > .linBot > .dow {width: 51.8867921%; padding: 0 10px 0 0;}
.detail_BT > div.frame_1300 > .txt > .linBot > .dow > a {width: 100%; max-width: 243px; min-height: 49px; display: flex; flex-flow: row; justify-content: flex-start; align-items: center; text-align: center; line-height: 1; border: 1px solid #005d72; font-size: 18px!important; font-weight: 500; letter-spacing: 0.9px; padding: 5px 0 6px 13px; margin: 1px 0 8.001% 0;}
.detail_BT > div.frame_1300 > .txt > .linBot > .dow > a:hover {text-decoration:none; border: 1px solid #d40c27;}
.detail_BT > div.frame_1300 > .txt > .linBot > .dow > a img {margin: 0 11px 0 0; transform: scale(1.0, 1.0)!important; transition: all 0.5s ease 0s;}
.detail_BT > div.frame_1300 > .txt > .linBot > .dow > a:hover img {margin: 0 5px 0 0; transform: scale(0.9, 0.9)!important;}
.detail_BT > div.frame_1300 > .txt > .linBot > .adbn {width: 48.1132079%; line-height: 0; text-align: right; padding: 0 4px 0 10px;}
.detail_BT > div.frame_1300 > .txt > .linBot > .adbn img {transform: scale(1.0, 1.0)!important; transition: all 0.5s ease 0s;}
.detail_BT > div.frame_1300 > .txt > .linBot > .adbn a:hover img {transform: scale(0.9, 0.9)!important;}
.detail_BC {padding: 4.099% 0 5.203% 0;}
.detail_BC > div.frame_1300 > .h1_c {text-align: center; padding: 0 0 0 1.077%; margin: 0 0 3.077% 0;}
.detail_BC > div.frame_1300 > .con {margin: 0 0 7.077% 0; background: #fff;}
.style_a {display: flex; flex-flow: row; justify-content: space-around; align-items: center; padding: 4.77% 0 0 0;}
.style_a > .txt {padding: 0 1.539% 40px 5.462%; font-weight: 500!important; line-height: 1.33333!important; letter-spacing: 0.9px;}
.style_a > .img {padding: 0 5.232% 0 1.539%; line-height: 0;}
.style_b {display: flex; flex-flow: row; justify-content: space-around; align-items: center; padding: 3.847% 0 0 0;}
.style_b > .img {padding: 0 1.539% 0 5.847%; line-height: 0;}
.style_b > .txt {padding: 40px 17.154% 0px 1.539%; font-weight: 500!important; line-height: 1.33333!important; letter-spacing: 0.9px;}

.rela_pro {padding: 6.077% 0.924% 15.077% 0.77%;}
.rela_pro > .h1_c {text-align: center; padding: 0 0 0 2px; margin: 0 0 8.452% 0;}
.rela_pro_list {width: 100%; background: #005d72; color: #fff; border: 1px solid #bfbfbf; position: relative; z-index: 1; padding: 0 0 8.334% 0; transition: all 0.5s ease 0s;}
.rela_pro_list:hover {border: 1px solid #d40c27; background: #d40c27;}
.rela_pro_list > .img {padding-bottom: 95.46%; height: 0; overflow: hidden; background: #fff; position: relative; z-index: 1;}
.rela_pro_list > .tit {font-weight: 600; line-height: 1.4; letter-spacing: 1px; padding: 5.945% 5.945% 5px 8.742%; /*height: 91px;*/ overflow: hidden; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; margin: 0;}
.rela_pro_list > .mod {font-weight: 300; line-height: 1.2; letter-spacing: 0.9px; padding: 0 5.945% 0 8.742%;}

.rela_PBN {max-width: 674px; margin: auto; display: flex; flex-flow: wrap; justify-content: space-between; font-weight: 500; letter-spacing: 0.9px;}
.rela_P {width: 135px; display: flex; flex-flow: wrap; justify-content: flex-start;}
.rela_P a:link, .rela_P a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.rela_P a:active, .rela_P a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.rela_P a {height: 41px; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center;}
.rela_P a::before {content: ''; background: url("../images/prev_d.png") no-repeat center / cover; width: 32px; height: 32px; display: inline-block; margin: 0 15px 0 0; transform:scaleX(1); transition: all 0.5s ease 0s;}
.rela_P a:hover::before {transform:scaleX(-1); margin: 0 10px 0 0;}
.rela_B a:link, .rela_B a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.rela_B a:active, .rela_B a:hover {text-decoration:none; color:#fff; cursor:pointer; transition: all 0.5s ease 0s;}
.rela_B a {border: 1px solid #fff; width: 78px; height: 41px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; text-align: center; font-weight: 500;}
.rela_B a:hover {border: 1px solid #d40c27; background: #d40c27;}
.rela_N {width: 135px; display: flex; flex-flow: wrap; justify-content: flex-end;}
.rela_N a:link, .rela_N a:visited {text-decoration:none; color:#fff; transition: all 0.5s ease 0s;}
.rela_N a:active, .rela_N a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.rela_N a {height: 41px; display: flex; flex-flow: wrap; justify-content: flex-end; align-items: center;}
.rela_N a::after {content: ''; background: url("../images/next_d.png") no-repeat center / cover; width: 32px; height: 32px; display: inline-block; margin: 0 0 0 15px; transform:scaleX(1); transition: all 0.5s ease 0s;}
.rela_N a:hover::after {transform:scaleX(-1); margin: 0 0 0 10px;}


.appl_wrap {position: relative; z-index: 1; padding: 43px 0 6.779% 0; overflow: hidden;}
.appl_bg_01 {width: 100.894%; line-height: 0; position: absolute; bottom: 0; left: 0; z-index: -10;}
.appl_bg_02 {width: 62.691%; text-align: right; line-height: 0; position: absolute; bottom: 0; right: -14px; z-index: -7;}
.appl_wrap > div.frame_1300 > .seo-content {margin: 14.616% 0 0 0.693%;}
.appl_wrap > div.frame_1300 > .lis {display: flex; flex-flow: wrap; padding: 12.077% 0 20% 0.77%;}
.appl_wrap > div.frame_1300 > .lis > div {background: #41929d; width: 30.07752%; margin: 0 4.88372% 86px 0; display: flex; flex-flow: column; justify-content: space-between; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.appl_wrap > div.frame_1300 > .lis > div:hover {background: #d40c27;}
.appl_wrap > div.frame_1300 > .lis > div:nth-child(3n+3), .appl_wrap > div.frame_1300 > .lis > div:last-child {margin: 0 0 86px 0;}
.appl_wrap > div.frame_1300 > .lis > div > .img {clip-path: polygon(0% 0%, 100% 0%, 100% 99.2%, 0% 66%);}
.appl_wrap > div.frame_1300 > .lis > div > .img > .pho {line-height: 0; position: relative; z-index: 1; height: 0; padding-bottom: 109.54%;}
.appl_wrap > div.frame_1300 > .lis > div > .tit {color: #fff; font-weight: 500; line-height: 1.3; letter-spacing: 2.4px; padding: 5.155% 5.155% 5.674% 12.63%; margin: 0;}


.cont_wrap {position: relative; z-index: 1; padding: 2.891% 0 7.305% 0.5781%; overflow: hidden;}
.cont_wrap::before {content: ''; background: #f7f8f8; height: 31.2704%; clip-path: polygon(0 0, 100% 0, 100% 40%, 84.1% 100%, 0% 100%); position: absolute; top: 0; left: 0; right: 0; z-index: -10;}
.cont_wrap .h1_c {padding: 0 0 0 0.385%;}
.cont_bg_01 {width: 100.894%; line-height: 0; position: absolute; bottom: 0; left: 0; z-index: -10;}
.cont_bg_02 {width: 13.085%; text-align: right; line-height: 0; position: absolute; bottom: 22.01%; right: -14px; z-index: -7;}
.cont_info {display: flex; flex-flow: wrap; align-items: flex-end; margin: 12.077% 0 40px 0;}
.cont_info > .txt {width: 44.3847%; padding: 0 30px 1px 1px;}
.cont_info > .txt a:link, .cont_info > .txt a:visited {text-decoration:none; color:#000a14; position: relative; z-index: 1; transition: all 0.5s ease 0s;}
.cont_info > .txt a:active, .cont_info > .txt a:hover {text-decoration:none; color:#d40c27; cursor:pointer; transition: all 0.5s ease 0s;}
.cont_info > .txt > .tit {font-weight: 500; line-height: 1.2; letter-spacing: 1.5px; margin: 0 0 8.244% 4px;}
.cont_info > .txt > ul {width: 100%; font-size: 20px; display: flex; flex-flow: wrap; padding: 0 0 0 4px;}
.cont_info > .txt > ul > li {width: 69px; color: #41a1ac; font-weight: 500; line-height: 1.65; letter-spacing: 1px; padding: 15px 0 0 0;}
.cont_info > .txt > ul > li:nth-child(2n+2) {width: calc(100% - 69px); color: #000a14; letter-spacing: 1px;}
.cont_info > .map {width: 55.6154%;}
.cont_info > .map > .con {position: relative; height: 0; overflow: hidden; padding-bottom: 62.656%;}
.cont_info > .map > .con iframe, .cont_info > .map > .con object, .cont_info > .map > .con embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.cont_from {padding: 25.308% 0 0 0;}
.cont_from .con {font-weight: 500; letter-spacing: 1px; padding: 6.847% 0 0 4px;}
.row_A {display: flex; flex-flow: wrap; justify-content: space-between; padding: 0 0 16px 0;}
.col_A {width: 45.833333%;}
.col_A > .tit, .col_B > .tit, .col_C > .tit, .col_D > .tit {margin: 0 0 16px 1px;}
.col_A > .tit span, .col_B > .tit span, .col_C > .tit span, .col_D > .tit span {color: #dd0c27;}
.col_A > .inp, .col_B > .inp, .col_D > .inp {margin: 0 0 16px 0;}
.row_B {display: flex; flex-flow: wrap; padding: 4.939% 0 16px 0;}
.col_B {width: 100%; max-width: 870px;}
.row_C {display: flex; flex-flow: wrap; padding: 4.013% 0 16px 0;}
.col_C {width: 100%;}
.col_C > .inp {max-width: 790px; display: flex; flex-flow: wrap; padding: 20px 0 0 0; margin: 0 0 16px -1px;}
.inp_checkbox {display: flex; flex-flow: row; align-items: center; letter-spacing: 0.9px; padding: 0 20px 28px 0; min-width: 217px;}
.row_D {display: flex; flex-flow: wrap; padding: 3.164% 0 16px 0;}
.col_D {width: 100%;}
.col_D > .inp textarea {width: 100%; height: 292px; display: flex; padding: 15px; border: 1px solid #bfc2c4; font-size: 20px; font-family:'Bai Jamjuree', sans-serif; font-weight: 600; letter-spacing: 0.7px; color: #419ba6; background-color: #fff;}
.row_E {display: flex; flex-flow: wrap; padding: 2.701% 0;}
.col_E {display: flex; flex-flow: wrap; align-items: center;}
.cont_from .con > .bot {display: flex; flex-flow: wrap; justify-content: center; align-items: center; padding: 7.022% 0 0 0;}
.cont_from .con > .bot button {width: 100%; max-width: 87px; height: 42px; display: flex; flex-flow: wrap; justify-content: center; align-items: center; font-weight: 500; letter-spacing: 1px; text-decoration: none; padding: 0 0 1px 0; margin: 5px 20px; cursor: pointer; transition: all 0.5s ease 0s;}
.cont_from .con > .bot button.send {color: #fff; background: #005d72; border: 2px solid #005d72;}
.cont_from .con > .bot button.reset {color: #000a14; background: transparent; border: 2px solid #b5bcbf;}
.cont_from .con > .bot button:hover {color: #fff; background: #d40c27; border: 2px solid #d40c27; border-radius: 42px;}