body {font-family: 'IBM Plex Sans KR', sans-serif !important;}

.container {max-width: 1280px; width: 100%; height: auto; margin: 0 auto;}
header {width: 100%; height: 71px; background: #fff; border-bottom: 1px solid #e5e8ec;}
header > .container {display: flex; align-items: center; height: 100%;}
header > .container > .logo {width: 270px;}
header > .container > nav {width: 703px;}
header > .container > .right_nav {width: 307px;}
header > .container > nav > ul {display: flex; align-items: center;}
header > .container > nav > ul > li {padding: 20px 0; margin: 0 17.5px; font-size: 14px; font-weight: bold; color: #383b40;}
header > .container > nav > ul > li.gnb_1 {position: relative;}
header > .container > nav > ul > li.gnb_1:hover .gnb_2 {display: block;}
header > .container > nav > ul > li > .gnb_2 {display: none; position: absolute; z-index: 9999; top: 42px; left: 50%; transform: translateX(-50%); width: max-content; padding: 20px 20px; background: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
header > .container > nav > ul > li > .gnb_2:before {content: ''; display: block; width: 100%; height: 2px; background: #095540; position: absolute; top: 0; left: 0;}
header > .container > nav > ul > li > .gnb_2 > li > a {display: block; padding-bottom: 10px; text-align: center;}
header > .container > nav > ul > li > .gnb_2 > li:last-child > a {padding-bottom: 0;}
header > .container > nav > ul > li > .gnb_2 > li > a:hover {color: #095540; transition: all 0.3s;}
header > .container > .right_nav > ul {display: flex; align-items: center; margin: 0 -17.5px;}
header > .container > .right_nav > ul > li:first-child {font-size: 14px; font-weight: 500; color: #383b40; padding-right: 17px;}
header > .container > .right_nav > ul > li:first-child span {font-size: 14px; font-weight: bold; color: #383b40;}
header > .container > .right_nav > ul > li > a {display: block; font-size: 14px; font-weight: 500; color: #383b40; text-align: center;}
header > .container > .right_nav > ul > li:nth-child(2) > a {width: 67px; height: 32px; line-height: 30px; margin-right: 8px; border: 1px solid #8d8c8c; color: #45484d;}
header > .container > .right_nav > ul > li:nth-child(3) > a {width: 102px; height: 32px; line-height: 30px; background: #095540; border: 1px solid #095540; color: #fff;}

/* visual */
/* 스와이퍼 슬라이드 */
.mySwiper1 .swiper {width: 100%; height: 100%;}
.mySwiper1 .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.mySwiper1 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}

.visual {position: relative; overflow: hidden}
.visual ul li.first {background: url(../img/visual_img.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li.nth2 {background: url(../img/visual_new.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li.nth3 {background: url(../img/visual_img6.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li.nth4 {background: url(../img/visual_img4.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li.nth5 {background: url(../img/visual_img5.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li.last {background: url(../img/visual_img6.png)no-repeat 50% 50%; background-size: cover;}
.visual ul li .v_title {padding-top: 120px;}
.visual ul li .v_title p {font-size: 56px; font-weight: bold; line-height: 1.35; letter-spacing: -0.036em; color: #383b40; text-align: left; margin-bottom: 32px;}
.visual ul li .v_title span {display: block; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.025em; color: #383b40; text-align: left; margin-bottom: 76px;}
.visual ul li .v_gobutton {margin-bottom: 231px;}
.visual ul li .v_gobutton a {display: block; width: 214px; height: 56px; line-height: 56px; background: #095540; font-size: 16px; font-weight: bold; color: #fff; letter-spacing: 0; text-align: center;}
.visual .swiper-pagination {bottom: 81px; left: 0; text-align: left; text-indent: 320px; font-size: 20px; font-weight: 500; color: #45484d; letter-spacing: -0.025em;}
.visual .swiper-pagination span {font-size: 20px; font-weight: 500; color: #45484d; letter-spacing: -0.025em;}
.visual .swiper-pagination span:first-child {font-weight: bold;}
.page_arrow {position: absolute; bottom: 81px; left: 376px; background: url(../img/page_arrow.png)no-repeat 50% 50%; background-size: cover; width: 101px; height: 19px; z-index: 1;}

.section {padding: 100px 0;}

/* 공통 title */
.title {text-align: center; margin-bottom: 93px;}
.title p {font-size: 36px; font-weight: bold; letter-spacing: -0.042em; color: #383b40; margin-bottom: 25px;}
.title span {font-size: 16px; font-weight: 500; color: #383b40; letter-spacing: -0.031em;}
.title span.span {font-size: 16px; font-weight: 500; color: #383b40; letter-spacing: -0.031em; line-height: 1.5;}
.title em {display: block; font-size: 16px; font-weight: bold; color: #383b40; letter-spacing: -0.031em; margin-bottom: 15px;}
/* //공통 title */

/* section1 */
.section1 .content .content_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.section1 .content .content_title p {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #383b40;}
.section1 .content .content_title .go_button a {display: flex; align-items: flex-end; font-size: 14px; font-weight: 500; color: #383b40; letter-spacing: -0.036em;}
.section1 .content .content_title .go_button a > img {margin-left: 12px;}

.section1 .content .new_list ul {display: flex; align-items: center; margin: 0 -20px;}
.section1 .content .new_list ul li {width: calc(100% / 4); box-sizing: border-box; padding: 0 20px; cursor: pointer;}
.section1 .content .new_list ul li .content_area {position: relative;}
.section1 .content .new_list ul li .content_area .label {position: absolute; top: 0; left: 0; z-index: 1;}
.section1 .content .new_list ul li .content_area .label > span {display: block; padding: 7px 10px; /*width: 48px; height: 28px; line-height: 28px;*/ font-size: 13px; font-weight: bold; letter-spacing: 0; color: #fff; background: #095540; text-align: center;}
.section1 .content .new_list ul li .content_area .img_box {margin-bottom: 27px; overflow: hidden;}
.section1 .content .new_list ul li .content_area .img_box > img {transition: all 0.3s;}
/* .section1 .content .new_list ul li .content_area .img_box:hover > img {transform: calc(1.2); transition: all 0.3s;} */
.section1 .content .new_list ul li:hover img {transform: scale(1.2); transition: all 0.3s;}
.section1 .content .new_list ul li .video_box {margin-bottom: 27px; overflow: hidden;}
.section1 .content .new_list ul li .video_box iframe {display: none; position: fixed; width: 826px; height: 50%; margin: 0 auto; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999;}
.dim {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 9998;}
.dim span {position: absolute; right: 47%; top: 30px; transform: translateX(-50%); z-index: 9999; width: 45px; height: 45px; border-radius: 100%; background: #fff; text-align: center; cursor: pointer;}
.dim span img {margin: 13px 0;}
.section1 .content .new_list ul li .video_box img {transition: all 0.3s;}
.section1 .content .new_list ul li .content_area .txt {text-align: center;}
.section1 .content .new_list ul li .content_area .txt p {font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 10px;}
.section1 .content .new_list ul li .content_area .txt span {font-size: 13px; font-weight: 13px; font-weight: 500; letter-spacing: -0.028em; color: #747983;}
/* //section1 */

/* section2 */
.section2 {background: #f4f6f9;}
.section2 .content_slider ul li .img_box {margin-bottom: 28px;}
.section2 .content_slider ul li .txt_box {text-align: center;}
.section2 .content_slider ul li .txt_box p {font-size: 18px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 10px;}
.section2 .content_slider ul li .txt_box span {font-size: 14px; font-weight: 500; color: #747983; letter-spacing: -0.028em;}
/* 스와이퍼2 */
.mySwiper2 {position: relative;}
.mySwiper2::before {content: ''; display: block; width: 174px; height: 100%; background: #f4f6f9; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0.9; box-shadow: 20px 0px 20px 20px #f4f6f9;}
.mySwiper2::after {content: ''; display: block; width: 174px; height: 100%; background: #f4f6f9; position: absolute; top: 0; right: 0; z-index: 2; opacity: 0.7; box-shadow: -20px 0px 20px 20px #f4f6f9;}
.mySwiper2 .swiper {width: 100%; height: 100%;}
.mySwiper2 .swiper-slide {}
.mySwiper2 .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
/* //section2 */

/* section3 */
.section3 .Video {width: 100%; height: auto;}
.section3 .Video ul {display: flex; align-items: center; margin: 0 -20px;}
.section3 .Video ul li {box-sizing: border-box; width: calc(100% / 2); height: 400px; padding: 0 20px;}
.section3 .Video ul li .video_area {width: 100%; height: 100%;}
.section3 .Video ul li .video_box {width: 100%; height: 100%;}
.section3 .Video ul li .video_box iframe {width: 100%; height: 100%;}
.section3 .Video ul li .video_box img {display: none;}
.section3 .Video ul li .vod_title {text-align: center; margin-top: 30px;}
.section3 .Video ul li .vod_title p {font-size: 18px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 10px;}
.section3 .Video ul li .vod_title span {font-size: 14px; font-weight: 500; color: #747983; letter-spacing: -0.028em;}
/* //section3 */

/* section4 */
.section4 {}
.section4 .cr_content {} 
.section4 .cr_content ul {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -20px;} 
.section4 .cr_content ul li {box-sizing: border-box; width: calc(100% / 4); padding: 0 20px; padding-top: 85px; text-align: center;} 
.section4 .cr_content ul li:nth-child(-n+4) {padding-top: 0;}
/* .section4 .cr_content ul li img {transition: all 0.3s;}
.section4 .cr_content ul li:hover img {position: relative; transform: rotate(-20deg); left: -26px; transition: all 0.3s;} */
.section4 .cr_content ul li .cr_book_box {margin-bottom: 27px; background: #f4f6f8;}
.section4 .cr_content ul li .cr_book_box dl {display: flex; align-items: center; box-sizing: border-box; padding: 30px 24px;}
.section4 .cr_content ul li .cr_book_box dl dt {margin-right: 12px;}
.section4 .cr_content ul li .cr_book_box dl dd {text-align: left;}
.section4 .cr_content ul li .cr_book_box dl dd span.big_txt {box-sizing: border-box; border-bottom: 2px solid #383b40; padding-bottom: 25px; margin-bottom: 22px; font-size: 18px; font-weight: bold; line-height: 1.5; letter-spacing: 0.028em; color: #383b40;}
.section4 .cr_content ul li .cr_book_box dl dd span {display: block;}
.section4 .cr_content ul li .cr_book_box dl dd span.go_botton a {display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #383b40;}
.section4 .cr_content ul li .cr_book_box dl dd span.go_botton a img {margin-left: 8px;}
.section4 .cr_content ul li .cr_book_box img {transition: all 0.3s;}
.section4 .cr_content ul li .cr_book_box:hover dt img {position: relative; transform: rotate(-20deg); left: -26px; transition: all 0.3s;}
.section4 .cr_content ul li .txt_box p {font-size: 16px; font-weight: bold; letter-spacing: -0.0285em; color: #383b40; margin-bottom: 10px;}
.section4 .cr_content ul li .txt_box span {font-size: 14px; font-weight: 500; letter-spacing: 0.028em; color: #747983;}
/* //section4 */

/* section5 */
.section5 {width: 100%; height: auto; background: url(../img/bottom_bg.png)no-repeat 50% 50%; background-size: cover;}
.section5 > .container {display: flex; align-items: center; justify-content: center;}
.section5 .sec5_title {text-align: center;}
.section5 .sec5_title p {font-size: 36px; font-weight: bold; line-height: 1.5; letter-spacing: 0.042em; color: #fff; margin-bottom: 50px;}
.section5 .sec5_title .go_button {}
.section5 .sec5_title .go_button a {display: block; width: 180px; height: 52px; line-height: 52px; background: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.031em; color: #095540; margin: 0 auto;}
/* //section5 */

/* footer */
footer {width: 100%; height: auto; background: #383b40; padding: 40px 0;}
footer > .container {position: relative; display: flex; align-items: center;}
footer > .container .logo {margin-right: 48px;}
footer > .container > nav ul {display: flex; align-items: center;}
footer > .container > nav ul dl {display: flex; align-items: center;}
footer > .container > nav ul:first-child {margin: 0 -12.5px;}
footer > .container > nav ul:first-child > li {padding: 0 12.5px;}
footer > .container > nav ul:first-child > li > a {font-size: 14px; font-weight: 500; color: #fff;}
footer > .container > nav ul:nth-child(2) {margin: 0 -6.5px; margin-top: 20px; margin-bottom: 10px;}
footer > .container > nav ul:nth-child(2) > li {font-size: 14px; font-weight: 500; color: #a2a5a9; box-sizing: border-box; padding: 0 6.5px;}
footer > .container > nav ul:nth-child(3) li {display: flex; align-items: center; margin: 0 -6.5px;}
footer > .container > nav ul:nth-child(3) li > dl {box-sizing: border-box; padding: 0 6.5px;}
footer > .container > nav ul:nth-child(3) li > dl dt,dd {font-size: 14px; font-weight: 500; color: #a2a5a9;}
footer > .container .app_area {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
footer > .container .app_area ul {display: flex; align-items: center;}
footer > .container .app_area ul li {margin-right: 8px;}
footer > .container .app_area ul li:last-child {margin-right: 0;}
/* //footer */

/* 위펜중문 및 공통 */
.tap_menu {}
.tap_menu ul {display: flex; align-items: center;}
.tap_menu ul li {box-sizing: border-box; width: 100%; padding-bottom: 20px; margin-bottom: 64px; border-bottom: 1px solid #d8dadd;}
.tap_menu ul li a {display: block; width: 100%; height: 100%; text-align: center; font-size: 16px; font-weight: 500; color: #747983;}
.tap_menu ul li.on {border-bottom:2px solid #095540;}
.tap_menu ul li.on a {color: #095540; font-weight: bold;}
.section1 .content .new_list ul {flex-wrap: wrap;}
.section1 .content .new_list ul li {padding-top: 83px;}
.section1 .content .new_list ul li:nth-child(-n+4) {padding-top: 0;}
.more {margin-top: 67px;}
.more p {display: block; width: 180px; height: 56px; line-height: 54px; box-sizing: border-box; border: 1px solid #eaebed; font-size: 16px; font-weight: 500; color: #383b40; text-align: center; margin: 0 auto; cursor: pointer;}

/* 위펜 뷰페이지 */
.Product_description {margin-top: 80px;}
.Product_description > .container {display: flex; margin-bottom: 103px;}
.Product_description .left_box {position: relative; max-width: 600px; width: 100%; overflow: hidden; margin-right: 80px;}
.Product_description .left_box ul {width: 100%; position: initial;}
.Product_description .left_box ul li {background: #f4f6f8; text-align: center; padding: 35px 0; box-sizing: border-box;}
.Product_description .left_box ul li img {width: auto; height: auto;}
.swiper-button-next {display: block !important; width: 64px !important; height: 64px !important; line-height: 64px; background: #fff; text-align: center; right: 0 !important;}
.swiper-button-next:after {line-height: 64px !important; font-size: 34px !important; color: #3d4044;}
.swiper-button-prev {display: block !important; width: 64px !important; height: 64px !important; line-height: 64px; background: #fff; text-align: center; left: 0 !important;}
.swiper-button-prev:after {line-height: 64px !important; font-size: 34px !important; color: #3d4044;}

.right_box {max-width: 600px; width: 100%;}
.right_box .right_title {margin-bottom: 40px;}
.right_box .right_title p {font-size: 32px; font-weight: bold; letter-spacing: -0.031em; color: #383b40; margin-bottom: 17px;}
.right_box .right_title span {font-size: 14px; font-weight: 500; letter-spacing: -0.036em; color: #747983;}
.right_box .txt_box dl {display: flex; align-items: center; margin-bottom: 30px;}
.right_box .txt_box dl:last-of-type {margin-bottom: 0;}
.right_box .txt_box dl dt {width: 95px; font-size: 16px; font-weight: bold; color: #383b40; letter-spacing: -0.031em;}
.right_box .txt_box dl dd {font-weight: 500; color: #383b40; letter-spacing: -0.031em;}
.go_right_button {margin-top: 55px;}
.go_right_button a {display: block; width: 100%; height: 56px; line-height: 56px; background: #095540; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #fff; text-align: center;}

.detail .img_box {text-align: center;}
.detail_more_button {margin-top: 100px; margin-bottom: 25px;}
.detail_more_button p {width: 100%; height: 56px; line-height: 56px; font-size: 16px; font-weight: 500; color: #383b40; text-align: center; box-sizing: border-box; border: 1px solid #d8dadd;}

/* 적용사례 */
.mySwiper3_title {margin-top: 42px;}
.mySwiper3_title p {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #383b40;}
.Product_description .detail .left_box {max-width: 960px; margin: 0 auto;}
.Product_description .detail .left_box ul li {background: #fff; width: 100%;}
.Product_description .detail .left_box .slide_txt {text-align: center;}
.Product_description .detail .left_box .slide_txt p {font-size: 18px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 18px; margin-top: 52px;}
.Product_description .detail .left_box .slide_txt p span {font-size: 16px; font-weight: 500; letter-spacing: 0.031em; color: #747983;}
.Product_description .detail .left_box ul li img {max-width: 100%; width: 100%; max-height: 100%; height: 960px;}

/* 카타로그 뷰페이지 */
.view_detail {}
.view_detail .view_title {margin-bottom: 31px; padding: 0 24px; padding-top: 37px; padding-bottom: 39px; box-sizing: border-box; border-top: 2px solid #383b40; border-bottom: 1px solid #e5e8ec;}
.view_detail .view_title p {margin-bottom: 20px; font-size: 24px; font-weight: bold; letter-spacing: -0.021em; color: #383b40;}
.view_detail .view_title span {font-size: 16px; font-weight: 500; letter-spacing: -0.031em; color: #737984;}
.view_detail .img_box img {width: 100%;}
.down_button {margin-top: 64px; margin-bottom: 120px;}
.down_button a {display: flex; align-items: center; justify-content: center; width: 140px; height: 48px; line-height: 46px; background: #fff; box-sizing: border-box; border: 1px solid #095540; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #095540; margin: 0 auto;}
.down_button a img {margin-right: 10px;}
.next_button {padding: 28px 24px; box-sizing: border-box; border-top: 1px solid #e5e8ec; border-bottom: 1px solid #e5e8ec;}
.next_button a {display: flex; align-items: center; justify-content: space-between;}
.next_button a span {display: block; font-size: 16px; font-weight: 500; letter-spacing: -0.031em; color: #737984;}
/* .next_button a span:first-child {} */
.next_button a span:last-child {padding-right: 0; font-weight: 500; color: #737984;}
.next_button a span:nth-child(2) {width: calc(100% - 206px); padding-right: 0; font-weight: bold; color: #383b40;}
.color p {background: #095540; color: #fff;}

/* 특허/성적서/인증서 */
.patent_area {display: flex; align-items: center; flex-wrap: wrap; margin: 0 -20px;}
.patent_area .content_list_span {box-sizing: border-box; padding: 0 20px; padding-top: 40px; width: calc(100% / 4);}
.patent_area .content_list_span:nth-child(-n+4) {padding-top: 0;}
.patent_area .content_list_span a {display: block; background: #f4f6f8; padding: 28px 24px; transition: all 0.3s;}
.patent_area .content_list_span a:hover {box-shadow: 4px 3px 9px 0px #000; transition: all 0.3s;}
.patent_area .content_list_span a dl {display: flex; justify-content: space-between;}.patent_area .content_list_span a dl dt {}
.patent_area .content_list_span a dl dt strong {display: block; font-size: 16px; font-weight: bold; letter-spacing: -0.031em; line-height: 1.5; color: #383b40; margin-bottom: 16px;}
.patent_area .content_list_span a dl dt span {display: block; font-size: 14px; font-weight: 500; letter-spacing: -0.028em; color: #747983; margin-bottom: 62px;}
.patent_area .content_list_span a dl dt em {display: block; font-size: 14px; font-weight: 500; letter-spacing: -0.038em; color: #383b40; line-height: 1.5;}


/* 간편견적 */
.information_input {width: 100%; height: auto; background: url(../img/information_input_bg.png)no-repeat 50% 50%; background-size: cover;}
.form {max-width: 800px; width: 100%; height: auto; margin: 0 auto; background: #fff; padding: 75px 80px;}
.form label {display: block; margin-bottom: 50px}
.form label:last-of-type {margin-bottom: 0;}
.form label span,input {display: block; width: 100%;}
.form label span {font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 20px;}
.form label input {height: 56px; box-sizing: border-box; border: 1px solid #d8dadd; font-size: 16px; font-weight: 400; letter-spacing: -0.031em; color: #adb2bb; padding: 0 23px;}
.form button {width: 100%; height: 56px; line-height: 56px; background: #095540; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; margin-top: 48px;}

.information_input2 {width: 100%; height: auto; background: url(../img/information_input_bg2.png)no-repeat 50% 50%; background-size: cover;}
.form label select {display: block; width: 100%; height: 56px; box-sizing: border-box; border: 1px solid #d8dadd; font-size: 16px; font-weight: 400; letter-spacing: -0.031em; color: #adb2bb; padding: 0 23px; appearance: none; background: url(../img/s_path.png)no-repeat 97% 50%;}
.form label .select_area {display: flex; align-items: center; margin: 0 -10px;}
.form label .select_area select {background: url(../img/s_path.png)no-repeat 94% 50%; box-sizing: border-box; margin: 0 10px;}
.form label > select {margin-top: 12px;} 
.form label.flex {display: flex; align-items: center; margin: 0 -10px;}
.form label.flex .select_area {display: block; width: calc(100% / 2); box-sizing: border-box; margin: 0 10px;}
.form .content_on {margin-top: 50px;}
.form .content_on span {display: block; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-bottom: 20px;}
.form .content_on ul {display: flex; align-items: center; margin: 0 -4px;}
.form .content_on ul li {box-sizing: border-box; width: calc(100% / 6); padding: 0 4px;}
.form .content_on ul li .content_on_box {box-sizing: border-box; padding: 7px; padding-bottom: 12px; text-align: center; border: 1px solid #e6e7e9;}
.form .content_on ul li .content_on_box .img_box img {width: 100%;}
.form .content_on ul li .content_on_box span {font-size: 14px; font-weight: 500; color: #747983; margin-top: 10px; margin-bottom: 0;}
.form .content_on ul li.on .content_on_box {border: 2px solid #095540;}
.form .content_on ul li.on .content_on_box span {color: #095540; font-weight: bold;}
.form span.input_wrap_title {display: block; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; margin-top: 50px; margin-bottom: 21px;}
.input_wrap {display: flex; align-items: center; margin-bottom: 56px;}
.input_wrap .input {margin-right: 50px;}
.input_wrap .input:last-of-type {margin-right: 0;}
.input_wrap .input input {display: none;}
.input_wrap .input input + label:before {content:''; display:inline-block; width:20px; height:20px; background:url(../img/chk_on.png)no-repeat center/cover; vertical-align: text-bottom; margin-right:8px;}
.input_wrap .input input:checked + label:before {content:''; display:inline-block; width:20px; height:20px; background: url(../img/chk_off.png)no-repeat center/cover;vertical-align: text-bottom; margin-right:8px;}
.total {}
.total dl {display: flex; align-items: center; justify-content: space-between;}
.total dl dt {font-size: 16px; font-weight: bold; letter-spacing: -0.031em; color: #095540;}
.total dl dd span {display: block; text-align: right;}
.total dl dd span:first-child {font-size: 36px; font-weight: bold; letter-spacing: -0.042em; color: #095540; margin-bottom: 20px;}
.total dl dd span:last-child {font-size: 14px; font-weight: 500; letter-spacing: -0.031em; color: #747983;}
.go_botton2 {display: flex; align-items: center;}
.go_botton2 a {width: 100%; height: 56px; line-height: 56px; background: #383b40; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: -0.028em; margin-top: 48px; text-align: center; margin-right: 20px;}

/* 1대1 문의 */
.input2 {margin-top: 48px; padding-bottom: 25px; margin-bottom: 25px; box-sizing: border-box; border-bottom: 1px solid #e5e8ec;}
.input2 input {display: none;}
.input2 input + label:before {content:''; display:inline-block; width:20px; height:20px; background:url(../img/chk_on.png)no-repeat center/cover; vertical-align: text-bottom; margin-right:8px;}
.input2 input:checked + label:before {content:''; display:inline-block; width:20px; height:20px; background: url(../img/chk_off.png)no-repeat center/cover;vertical-align: text-bottom; margin-right:8px;}
.form label em {color: #095540; font-size: 16px; font-weight: bold; letter-spacing: -0.031em;}
.input_wrap2 {flex-flow: column; justify-content: center; align-items: flex-start;}
.input_wrap2 .input {margin-bottom: 16px;}
.input_wrap2 .input:last-of-type {margin-bottom: 0;}

/* 공지사항 */
.notice_content {border-top: 2px solid #383b40; border-bottom: 0; padding: 0;}
.notice_content a {padding: 28px 24px; box-sizing: border-box; border-bottom: 1px solid #e5e8ec;}

/* 공지사항 뷰 */
.prev {margin-top: 64px; border-bottom: 0;}
.img_box_txt_box {min-height: 500px; height: auto;}
/* 홍보자료 뷰 */
.next_button2 {margin-top: 64px;}

/* 회사소개 */
.title_border {margin-top: 90px; margin-bottom: 0; padding-bottom: 107px; margin-bottom: 107px; box-sizing: border-box; border-bottom: 1px solid #e5e8ec;}
.title_border span {line-height: 1.5;}
.title_border span.color {color: #095540; font-weight: bold; display: block; font-size: 24px;}
.title_border:nth-child(4) {border-bottom: 0;}
.introduction_content .img_box_txt_box {display: flex; align-items: center; flex-flow: column; justify-content: center; min-height: initial; width: 300px; height: 300px; border-radius: 100%; background: #fff; text-align: center; box-shadow: 1px 1px 11px 12px #f8f8f8;}
.introduction_content > ul {display: flex; align-items: center; margin: 0 -36px; justify-content: center;}
.introduction_content > ul > li {box-sizing: border-box; padding: 0 36px;}
.introduction_content .img_box_txt_box .txt_box {margin-top: 33px;}
.introduction_content .img_box_txt_box .txt_box p {font-size: 18px; font-weight: bold; letter-spacing: -0.028em; color: #383b40; line-height: 1.2;}
.middle_txt p {font-size: 24px; font-weight: bold; letter-spacing: -0.045em; color: #095540; margin-top: 125px; margin-bottom: 56px; text-align: center;}
.introduction_content > ul > li .meddle_content {display: flex; align-items: center; flex-flow: column; justify-content: center; min-height: initial; width: 300px; height: 300px; border-radius: 100%; background: #fff; text-align: center; box-shadow: 1px 1px 11px 12px #f8f8f8;}
.introduction_content > ul > li .meddle_content .number span {display: block; width: 40px; height: 40px; line-height: 40px; background: #095540; font-size: 18px; font-weight: bold; color: #fff; text-align: center; box-sizing: border-box; border-radius: 100%; margin-bottom: 21px;}
.introduction_content > ul > li .meddle_content .txt_box strong {display: block; font-size: 20px; font-weight: bold; letter-spacing: -0.025em; color: #383b40; margin-bottom: 14px;}
.introduction_content > ul > li .meddle_content .txt_box span {font-size: 16px; font-weight: 500; letter-spacing: 0.031em; line-height: 1.5; color: #747983;}
.map_area {margin-top: 140px; text-align: center;}
.map_area .map_content img {margin-bottom: 53px;}
.map_area ul li {font-size: 18px; font-weight: 500; letter-spacing: -0.028em; color: #747983; line-height: 1.5;}
.map_area ul li a {color: #095540;}

/* 연혁 */
.history {font-size: 40px; font-weight: bold; letter-spacing: -0.005em; color: #383b40;}
.history dl {display: flex;}
.history dl dt {width: 312px; height: auto;}
.history_content dd:first-child {margin-bottom: 77px;}
.history dl .dl_title {margin-bottom: 35px;}
.history dl .dl_title p {font-size: 24px; font-weight: bold; letter-spacing: -0.045em; color: #095540;}
.history dl .dl_sub_title {display: flex; margin-bottom: 48px;}
.history dl .dl_sub_title .point {position: relative; display: block; width: 12px; height: 12px; margin-right: 20px; background: #383b40; border-radius: 100%;}
.history dl .dl_sub_title .point:before {position: absolute; top: 13px; left: 50%; transform: translateX(-50%); content:''; display: block; width: 1px; height: 53px; margin: 0 auto; background: #d8dadd; text-align: center;}
.history dl .dl_sub_title:last-child .point:before {display: none;}
.history dl .dl_sub_title span {line-height: 1.5;}
.history dl .dl_sub_title span:nth-child(2) {font-size: 16px; font-weight: bold; letter-spacing: -0.031em; color: #383b40; margin-right: 18px;}
.history dl .dl_sub_title span:nth-child(3) {font-size: 16px; font-weight: bold; letter-spacing: -0.031em; color: #737984; margin-right: 18px;}
.content_ci_bi .ci_sub_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px;}
.content_ci_bi .ci_sub_title p {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #383b40;}
.content_ci_bi .ci_sub_title .ci_down_button a {display: flex; align-items: center; justify-content: center; width: 140px; height: 48px; line-height: 46px; border: 1px solid #095540; font-size: 16px; font-weight: bold; letter-spacing: -0.028px; color: #095540;}
.content_ci_bi .ci_sub_title .ci_down_button a img {margin-right: 12px;}
.ci_sub_title > p {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #383b40;}
.ci_sub_title > p span {display: block; font-size: 16px; font-weight: 400; letter-spacing: -0.031em; color: #383b40; margin-top: 22px;}
.content_ci_bi .content_box {background: #095540; margin-bottom: 105px;}
.content_ci_bi .content_box ul {display: flex; align-items: center; box-sizing: border-box; padding: 90px 100px;}
.content_ci_bi .content_box ul li:first-child {margin-right: 120px;}
.content_ci_bi .content_box ul li .text_box p:first-child {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #fff; margin-bottom: 28px;}
.content_ci_bi .content_box ul li .text_box p:last-child {font-size: 18px; font-weight: 400; line-height: 1.5; letter-spacing: -0.050em; color: #fff;}
.down_box {box-sizing: border-box; border: 1px solid #f1f3f5; width: 100%; height: 280px;}
.down_box:nth-child(4) {margin-bottom: 30px;}
.down_box:nth-child(5) {margin-bottom: 105px;}
.down_box dl {display: flex; align-items: center;}
.down_box dl dt {width: 15.7%; height: 280px; padding: 28px 24px; box-sizing: border-box; font-size: 14px; font-weight: bold; letter-spacing: -0.031em; color: #383b40;}
.down_box dl dd {width: 82.5%;}
.down_box dl dd .logo_area ul {display: flex; align-items: center;}
.down_box dl dd .logo_area ul li {width: calc(100% / 2); text-align: center;}
.color_area .color_title {margin-bottom: 37px;}
.color_area .color_title p {font-size: 24px; font-weight: bold; letter-spacing: -0.050em; color: #383b40; margin-bottom: 23px;}
.color_area .color_title span {font-size: 16px; font-weight: 400; letter-spacing: -0.031em; color: #383b40;}
.color_area ul {display: flex; align-items: center; margin: 0 -13.5px;}
.color_area ul li {width: calc(100% / 4); box-sizing: border-box; padding: 0 13.5px;}
.color_area ul li .color_box {padding: 24px 26px; height: 160px; display: flex; flex-flow: column; justify-content: space-between; box-sizing: border-box;}
.color_area ul li .color_box.green {background: #095540; color: #fff;}
.color_area ul li .color_box.basic {background: #c8a977; color: #fff;}
.color_area ul li .color_box.gray {background: #f7f6f5; color: #383b40;}
.color_area ul li .color_box.white {background: #fff; color: #383b40; border: 1px solid #e5e8ec;}
.color_area ul li .color_box .c_title_box p {font-size: 16px; font-weight: bold; letter-spacing: -0.031em;}
.color_area ul li .color_box .c_sub_title span {display: block; font-size: 14px; font-weight: 400; letter-spacing: -0.031em;}
.color_area ul li .color_box .c_sub_title span:first-child {margin-bottom: 10px;}


/* 2021-12-19 */
.next_button a span:nth-child(2) {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.form label[for=chk4] {font-size: 16px; font-weight: bold; color: #383b40;}
.history dl .dl_sub_title {align-items: center;}