@font-face { font-family: "shsnb"; src: url("/fonts/SpoqaHanSansNeo-Bold.eot"), url("/fonts/SpoqaHanSansNeo-Bold.otf"), url("/fonts/SpoqaHanSansNeo-Bold.ttf"), url("/fonts/SpoqaHanSansNeo-Bold.woff"), url("/fonts/SpoqaHanSansNeo-Bold.woff2"); } 
@font-face { font-family: "shsnr"; src: url("/fonts/SpoqaHanSansNeo-Regular.eot"), url("/fonts/SpoqaHanSansNeo-Regular.otf"), url("/fonts/SpoqaHanSansNeo-Regular.woff"), url("/fonts/SpoqaHanSansNeo-Regular.woff2"); } 

html { font-size: 16px; }

/* ========== index.php ========== */
.main {  position: relative; width: 100%; height: 900px; overflow: hidden; }
.header { width: 100%; height: 160px; display: flex; align-items: center; justify-content: center; }
.header_content { width: 56.25vw; height: 65px; display: flex; align-items: center; justify-content: space-between; z-index: 9999; }
.logo > a > img { width: 120px; }
.menu_wrap { display: none; }
.nav { width: 300px; height: 30px; }
.nav > ul { width: 100%; height: 100%; display: flex; }
.nav > ul > li { display: block; width: 33.33%; height: 100%; display: flex; align-items: center; justify-content: center; }
.nav > ul > li > a { color: white; font-size: 0.88em; font-weight: bold; text-align: center; text-decoration: none; font-family: 'shsnb'; }
.nav > .menu_wrap { display: none; }
.mainSwiper { position: absolute; top: 0; width: 100%; height: 100%; }
.main_textarea { padding: 0 80px; }
.main_content { width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; background-image: url(../img/david-van-dijk-3LTht2nxd34-unsplash.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.main_content2 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; /*background-image: url(../img/laptop-2557574_1920.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;*/ }
.main_text1 { color: white; font-size: 3.13em; font-family: 'shsnr'; margin-bottom: 30px; line-height: 60px; }
.main_text2 { width: 100%; height: 50px; display: flex; color: white; font-size: 0.94em; font-family: 'shsn'; line-height: 30px; }
.content1 { width: 100%; height: 850px; display: flex; align-self: center; justify-content: center; background-color: #f6f6f6; }
.content1_container { width: 75%; height: 700px; display: flex; flex-direction: row-reverse; align-self: center; justify-content: space-between; }
.content1_textarea { width: 39.06vw;/*750px*/ height: 500px; display: flex; flex-direction: column; justify-content: space-between; margin-top: 20px; margin-right: 20px; }
.content1_text { width: 34.90vw;/*670vw*/ display: flex; color: #10690b; font-size: 2.19em; font-family: 'shsnb'; line-height: 45px; }
.content1_img { width: 550px; height: 775px; background-image: url(../img/new-data-services-0tSiofevpUs-unsplash.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.content2 { width: 100%; display: flex; align-items: center; justify-content: center; padding: 100px 0; }
.content2_container { width: 65%; height: 100%; }
.content2_area { margin-top: 100px; width: 100%; height: 350px; display: flex; justify-content: space-around; }
.content2_area:nth-child(2n) { flex-direction: row-reverse; }
.content2_area > div:nth-child(1) {  width: 43%; height: 350px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.content2_img { background-image: url(../img/glen-carrie-QY39YPpkxaI-unsplash.jpg); }
.content2_img2 { background-image: url(../img/convertkit-L58uwc_d9zY-unsplash.jpg); }
.content2_img3 { background-image: url(../img/new-data-services-0tSiofevpUs-unsplash.jpg); }
.content2_img4 { background-image: url(../img/jakob-owens-fB_kHwH6Sf0-unsplash.jpg); }
.content2_img5 { background-image: url(../img/20240223_131054.jpg); }
.content2_textarea { width: 43%; height: 335px; }
.content2_text1 { display: flex; align-items: center; justify-content: flex-start; font-family: 'shsnb'; margin-bottom: 40px; }
.content2_text1_1 { display: flex; align-items: center; justify-content: flex-end; font-family: 'shsnb'; margin-bottom: 40px; }
.content2_text1 > p { margin-left: 15px; font-size: 2.19em; line-height: 50px; letter-spacing: -1px; font-weight: bold; color: #10690b; }
.content2_text1_1 > p { margin-left: 15px; font-size: 2.19em; line-height: 50px; letter-spacing: -1px; font-weight: bold; color: #10690b; }
.content2_text2 { display: flex; align-items: center; justify-content: flex-start; font-family: 'shsn'; margin-bottom: 40px; }
.content2_text2_1 { display: flex; align-items: center; justify-content: flex-end; font-family: 'shsn'; margin-bottom: 40px; }
.content2_text2 > p { margin-left: 15px; font-size: 0.88em; color: #10690b; line-height: 25px; }
.content2_text2_1 > p { font-size: 0.88em; color: #10690b; line-height: 25px; }
.content2_text3 { display: flex; flex-direction: column; align-items: flex-start; font-family: 'shsnb'; } 
.content2_text3 > p { margin-left: 15px; font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_1 > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px; font-family: 'shsnb'; }
.content2_text3_1 { display: flex; flex-direction: column; align-items: flex-end; }
.content2_text3_2 { width: 100%; height: 100px; display: flex; align-items: center; flex-direction: row; }
.content2_text3_2 > div:nth-child(1) { margin-left: 15px; }
.content2_text3_left { margin-right: 30px; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; font-family: 'shsnb'; }
.content2_text3_left > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_right { height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; font-family: 'shsn'; }
.content2_text3_right > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_2_1 { width: 100%; height: 100px; display: flex; align-items: center; flex-direction: row-reverse; }
.content2_text3_2_1_left { height: 100%; text-align: right; display: flex; align-items: flex-end; flex-direction: column; justify-content: center; font-family: 'shsn'; }
.content2_text3_2_1_left > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_2_1_right { margin-right: 30px; height: 100%; display: flex; flex-direction: column; justify-content: center; font-family: 'shsnb' }
.content2_text3_2_1_right > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_2_2 { width: 100%; height: 100px; display: flex; align-items: center; flex-direction: row; }
.content2_text3_2_2 > div:nth-child(1) { margin-left: 15px; }
.content2_text3_2_2_left { margin-right: 30px; height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; font-family: 'shsnb'; }
.content2_text3_2_2_left > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content2_text3_2_2_right { height: 100%; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; font-family: 'shsn'; }
.content2_text3_2_2_right > p { font-size: 0.88em; font-weight: bold; color: #10690b; line-height: 25px }
.content3 { width: 100%; height: 660px; margin-top: 80px; display: flex; justify-content: center; align-items: center; }
.content3_textarea { width: 1430px; height: 40px; }
.content3_textarea > h1 { color: #10690b; font-size: 3.13em; text-align: center; letter-spacing: 5px; font-family: 'shsnr'; }
.content4 { width: 100%; padding: 100px 0; display: flex; align-items: center; justify-content: center; }
.content4_container { width: 60%; margin-top: 120px; }
.content4_title { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; }
.content4_title > h2 { color: #10690b; font-size: 2em; text-align: center; font-family: 'shsnb' }
.content4_main { width: 100%; }
.content4_main_container:first-child { margin-top: 60px; }
.content4_main_container { width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; }
.content4_main_box { width: 330px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.linearea { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; }
.redline { width: 95%; height: 1px; background-color: #f63141; }
.content4_main_box_img { width: 96%; }
.content4_main_box_img img { width: 100%; height: 100%; }
.content4_main_box_text1 { width: 96%; height: 19px; }
.content4_main_box_text2 { width: 96%; height: 28px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #10690b; font-family: 'shsnb'; }
.content4_main_box_text3 { width: 96%; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #f63141; font-family: 'shsnr'; }
.content4_main_box_text4 { width: 96%; font-size: 0.88em; line-height: 28px; color: #10690b; text-align: center; }
.content4_sns { width: 100px; height: 100px; display: flex; align-items: center; justify-content: space-between; }
.content5 { width: 100%; height: 700px; margin-top: 80px; display: flex; justify-content: center; }
.content5_textarea { width: 60%; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.content5_textarea > h1 { color: #10690b; font-size: 2.19em; font-weight: bold; text-align: left; font-family: 'shsnb'; margin-bottom: 40px; line-height: 40px; }
.content5_textarea > p { color: #fff; font-size: 1.13em; line-height: 25px; }
.content6 { width: 100%; padding: 100px 0; }
.content6_container { width: 60%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.content6 .cont_txt { }
.content6 .cont_txt h1 { font-size: 1.88em; color: #10690b; font-family: 'shsnb'; margin-bottom: 30px; }
.content6 .cont_txt .line { width: 100%; height: 1px; background-color: #f63141; margin-bottom: 30px; }
.content6 .cont_txt p { color: #10690b; margin-bottom: 60px; }
.content6 .cont_txt .addr { color: #10690b; line-height: 30px; }
.content6 .cont_input { }
.content6 .cont_input .info { margin-bottom: 30px; }
.content6 .cont_input .info .txt { }
/* footer */
#footer { width: 100%;height: 280px;background: #252525;display: flex;align-items: center; }
#footer .logo { flex: 1;height: 80%;text-align: right; }
#footer .logo img { width: 190px;margin-right: 80px;margin-top: 9%; }
#footer .line { width: 1px;background: white;height: 80%; }
#footer .text { flex: 1;height: 80%; }
#footer .text .pane { margin-left: 80px; margin-top: 1%; height: 90%; display: flex; justify-content: space-between; flex-direction: column; }
#footer .text .pane p.title { font-size: 0.94em; color: #598dc9; font-weight: bold; }
#footer .text .pane p.address { font-size: 0.75em; color: white; }
#footer .text .pane p.tel { font-size: 0.75em; color: white; }
#footer .text .pane p.business { font-size: 0.75em; color: white; }
#footer .text .pane p.copy { font-size: 0.75em; color: white; }
#footer .text .pane i { margin-left: 20px; margin-right: 5px; color: #598dc9; }