/* 공통 */
@font-face {
  font-family: 'Pretendard-Regular';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
html {scroll-behavior: smooth;}
body {font-family: 'Pretendard-Regular' !important; overflow-x: hidden; min-width: 370px;}
.container {max-width: 1611px; width: 100%; height: 100%; padding: 0 50px; box-sizing: border-box; margin: 0 auto;}
.sub-container {max-width: 850px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
.sub-container930 {max-width: 930px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box;}
img {object-fit: cover;}
.tit-box {margin-bottom: 60px; text-align: center;}
.tit-box_b {margin-bottom: 0; text-align: center;}
.tit-box .tit {margin-bottom: 10px; font-size: 48px; font-weight: 300; line-height: 1; color: #000;}
.tit-box .tit > b {font-weight: bold; color: #f15959;}
.tit-box .sub-tit {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
video:not(.visual .bg-video) {position: relative; object-fit: cover; border-radius: 5px; opacity: 0;}
.swiper-slide-active video:not(.visual .bg-video) { opacity: 1;}
.mo_br {display: none;}
/* kv-btn_box */
.visual .kv-btn_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.visual .kv-btn_box .request-btns a {display: flex; align-items: center; justify-content: center; width: 320px; height: 50px; margin-bottom: 10px; background: #00acc7; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff; border-radius: 5px; transition: all 0.3s;}
.visual .kv-btn_box .request-btns a:last-of-type {margin-bottom: 0;}
.visual .kv-btn_box .request-btns a:hover {transform: scale(1.2); transition: all 0.3s;}
.visual .kv-btn_box .kv_txt {font-family: 'Noto Sans KR', sans-serif; font-size: 80px; font-weight: 300; line-height: 1.92; color: #fff; text-align: center; word-break: keep-all; text-align: center;}
.visual .kv-btn_box .sub-tit {font-size: 31.9px; font-weight: 500; line-height: 1.2; letter-spacing: 3.19px; color: #fff; text-align: center;}

/* //kv-btn_box */

/* icon_list */
.icon_list {margin-bottom: 50px;}
.icon_list ul {display: flex; align-items: center; justify-content: space-between;}
.icon_list ul li {}
.icon_list ul li .img-box {width: 150px; margin: 0 auto; margin-bottom: 15px;}
.icon_list ul li .img-box img {width: 100%;}
.icon_list ul li .txt-box {font-size: 20px; font-weight: bold; line-height: 1.2; color: #fff;}
.sub-sec .icon_list ul li .txt-box {font-size: 20px; font-weight: bold; line-height: 1.2; color: #fff;}
/* //icon_list */

/* talk-area */
.talk-area {margin-top: 50px;}
.talk-area ul {}
.talk-area ul li {display: flex; align-items: center; justify-content: space-between; width: 100%; height: 249px; padding: 30px; padding-right: 50px; background: #e1f4ff; box-sizing: border-box; margin-bottom: 20px;}
.talk-area ul li:last-of-type {margin-bottom: 0;}

.talk-area ul li.left {border-radius: 50px; border-top-left-radius: 0;}
.talk-area ul li.right {border-radius: 50px; border-top-right-radius: 0;}
.talk-area ul li.right .img-box {margin-right: 0; margin-left: 31px;}

.talk-area ul li .img-box {min-width: 194px; text-align: center; margin-right: 31px;}
.talk-area ul li .img-box img {width: 150px; height: 150px; margin-bottom: 15px;}
.talk-area ul li .img-box .txt {font-size: 16px; font-weight: bold; line-height: 1.44; color: #227698;}
.talk-area ul li .txt-box {font-family: 'Gowun Batang', serif; font-size: 24px; font-weight: bold; line-height: 1.25; color: #000;}
.sub-sec .talk-area ul li .txt-box {font-family: 'Gowun Batang', serif; font-size: 24px; font-weight: bold; line-height: 1.25; color: #000;}
/* //talk-area */

/* circle_list */
.circle_list {margin-top: 60px;}
.circle_list ul {display: flex; align-items: center; justify-content: center;}
.circle_list ul li {}
.circle_list ul li.circle-box {display: flex; align-items: center; justify-content: center; width: 211px; height: 211px; border-radius: 100%; background: #fff;}
.circle_list ul li.circle-box .txt-box {font-size: 24px; font-weight: bold; line-height: 1.46; color: #227698; text-align: center;}
.circle_list ul li.arrow-box {width: 20px; margin: 0 44px;}
.circle_list ul li.arrow-box img {width: 100%;}
.circle_list .dscription {margin-top: 20px; margin-bottom: 10px; font-size: 18px; font-weight: 400; line-height: 1.28; color: #fff; text-align: center;}
/* //circle_list */

button {cursor: pointer;}

.caution-area {margin-top: 80px; font-size: 16px; font-weight: 300; line-height: 1.44; color: #585858;}

/* color */
.Property {background: #925a2f !important;}
.pr {color: #227698 !important;}
.wt {color: #fff !important;}
.wt_b {background: #fff !important;}
.bk {color: #000 !important;}

/* header */
header {position: fixed; top: 0; left: 0; width: 100%; height: 150px; background: #fff; z-index: 9999; transition: all 0.3s; z-index: 9999;}
header.on {height: 110px; background: transparent; transition: all 0.3s;}
header .container {display: flex; align-items: center; justify-content: space-between;}
header .logo {width: 246px;}
header nav {}
header nav ul {display: flex; align-items: center; margin: 0 -20px;}
header nav ul li {transition: all 0.3s;}
header nav ul li:hover {margin-top: -5px; transition: all 0.3s; color: #f32d3d;}
header nav ul li:hover a {transition: all 0.3s; color: #f32d3d !important; border-bottom: 2px solid #f32d3d;}
header nav ul li.active a {color: #f32d3d; border-bottom: 2px solid #f32d3d;}
header nav ul li a {display: flex; align-items: center; justify-content: center; margin: 0 20px; font-size: 18px; font-weight: normal; line-height: 1.5; color: #262626;}
/* //header */

/* visual */
.visual {position: relative; width: 100%; height: 100vh; margin-top: 150px;}
/* .visual::after {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 70vh; background: rgba(0, 0, 0, 0.6); z-index: 1;} */
.visual .bg-video {width: 100%; height: calc(100vh - 150px); object-fit: cover; overflow: hidden;}
/* .visual .bg-video img {animation: bg-pan-tl 8s both;}
@keyframes bg-pan-tl {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
} */
.visual {position: relative; z-index: 3;}
.visual video{width: 100%; height: 100%;}
/* .visual::before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: calc(100% - 150px); background: rgba(0, 0, 0, 0.7); z-index: 2;} */
.visual .kv-btn_box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.visual .kv-btn_box .kv-logo{width: 320px; height: 50.3px; margin-bottom: 22.7px;}
.visual .kv-btn_box .request-btns {}
.visual .kv-btn_box .request-btns a {display: flex; align-items: center; justify-content: center; width: 320px; height: 50px; background: #00acc7; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff; border-radius: 5px; transition: all 0.3s;}
.visual .kv-btn_box .request-btns a:hover {transform: scale(1.2); transition: all 0.3s;}
.visual .content {position: absolute; bottom: -216px; width: 100%; z-index: 2;}
.visual .content ul {display: flex; align-items: center; justify-content: center;}
.visual .content ul li {width: 350px; height: 306px; margin-right: 60px; background: #fff; border-radius: 5px; overflow: hidden; transition: all 0.3s; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.visual .content ul li:last-of-type {margin-right: 0;}
.visual .content ul li .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 100%;}
.visual .content ul li:hover {margin-top: -30px; transition: all 0.3s;}
.visual .content ul li:hover .child-box .img-box img {transform: scale(1.5); transition: all 0.3s;}
.visual .content ul li .child-box .img-box {width: 80px; height: 80px; margin: 0 auto; margin-bottom: 30px;}
.visual .content ul li .child-box .img-box img {width: 100%; height: 100%; transition: all 0.3s;}
.visual .content ul li .child-box .txt-box {text-align: center;}
.visual .content ul li .child-box .txt-box .tit {margin-bottom: 15px; font-size: 20px; font-weight: bold; line-height: 1.2; color: #00acc7;}
.visual .content ul li .child-box .txt-box .sub-tit {font-size: 16px; font-weight: normal; line-height: 1.5; color: #888;}

.kv_tit {position: absolute; top: 211px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 32px; font-weight: 500; line-height: 1.2; color: #fff; text-align: center; z-index: 2;}
.swiper-slide .kv_tit.kv_tit2 {top: 560px;}
.swiper-slide:first-child .kv_tit.kv_tit2 {opacity: 0.3 !important; transition: all 2s;}
.swiper-slide:last-child .kv_tit.kv_tit1 {opacity: 0.3 !important; transition: all 2s;}
.kv_tit b {display: block; font-size: 54px; line-height: 1.5; color: #fff;}
/* //visual */

/* main section */
.main-sec1 {background: #f6f6f6; padding: 60px 0 80px;}

/* form */
form.form-box {width: 850px; margin: 0 auto;}
form.form-box input {width: 100%; height: 50px; border-radius: 5px; padding: 0 15px; margin-bottom: 10px; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
form.form-box input::placeholder {color: #8d8d8d;}
form.form-box select {width: 100%; height: 50px; border-radius: 5px; padding: 0 15px; margin-bottom: 10px; box-sizing: border-box; background: #fff; font-size: 16px; font-weight: 300; line-height: 1.44; color: #8d8d8d; appearance: none; background: url(./../img/select_icon.png)no-repeat 98% 50%; background-size: 20px 12px; background-color: #fff;}
form.form-box select option {color: #202020;}
form.form-box textarea {width: 100%; height: 182px; margin-bottom: 10px; border-radius: 5px; padding: 15px; background: #fff; box-sizing: border-box; resize: none; font-size: 16px; font-weight: 300; line-height: 1.44; color: #262626;}
form.form-box textarea::placeholder {color: #8d8d8d;}
/* form.form-box select {width: 100%; height: 40px; padding: 0 15px; box-sizing: border-box; border-radius: 5px; font-size: 15px; font-weight: normal; line-height: 1.53; color: #262626; border-radius: 5px; appearance: none; background: url(./../img/select_icon.png)no-repeat 98% 50%; background-size: 20px 12px; background-color: #f6f6f6;} */
button.submit {display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border-radius: 5px; background: #227698; font-size: 18px; font-weight: normal; line-height: 1.67; letter-spacing: -0.36px; color: #fff;}
/* //form */
/* //main section */

/* about_us */
.sec-tit_bg {position: relative; width: 100%; height: 200px;  margin-top: 80px; background: url(./../img/sec-bg.jpg)no-repeat 90% 50%; z-index: 1;}
.sec-tit_bg:before {position: absolute; top: 0; left: 0; content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1;}
.sec-tit_bg .sub-container {display: flex; align-items: flex-start; justify-content: center; flex-flow: column;}
.sec-tit_bg .sub-container .bg-tit {}
.sec-tit_bg .sub-container .bg-tit p.tit {margin-bottom: 8px; font-size: 40px; font-weight: bold; line-height: 1.45; color: #fff;}
.sec-tit_bg .sub-container .bg-tit p.sub-tit {font-size: 18px; font-weight: 300; line-height: 1.44; color: #fff;}

/* sub-sec */
.sub-sec {padding-top: 60px; overflow: hidden;}
/* //sub-sec */

/* sub-sec1 */
#sub-sec1 {padding-bottom: 60px; background: #fff;}
#sub-sec1 .content {display: flex; align-items: center; justify-content: center;}
#sub-sec1 .content .img-box {min-width: 300px; height: 350px; margin-right: 50px;; border-radius: 5px; overflow: hidden;}
#sub-sec1 .content .txt-box {text-align: left;}
#sub-sec1 .content .txt-box .text {margin-bottom: 40px; font-size: 18px; font-weight: 300; line-height: 1.28; color: #929292;}
#sub-sec1 .content .txt-box .signature-area {display: flex; align-items: center; justify-content: space-between;}
#sub-sec1 .content .txt-box .signature-area .position {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
#sub-sec1 .content .txt-box .signature-area .signature {display: flex; align-items: baseline;}
#sub-sec1 .content .txt-box .signature-area .signature .name1 {margin-right: 10px; font-size: 24px; font-weight: 500; line-height: 0.96; color: #000;}
#sub-sec1 .content .txt-box .signature-area .signature .name2 {font-size: 18px; font-weight: 300; line-height: 1.28; color: #000;}
/* //sub-sec1 */

/* sub-sec2 */
#sub-sec2 {padding-bottom: 80px; background: #f6f6f6;}
#sub-sec2 .content {}
#sub-sec2 .content .video-box {width: 100%; height: auto;}
#sub-sec2 .content .video-box video {width: 100%; height: 475px; object-fit: cover;}
#sub-sec2 .content .video-box .txt-box {margin-bottom: 52px; margin-top: 15px; font-size: 18px; font-weight: 300; line-height: 1.4; color: #585858;}
.sub-sec .list-content:not(:last-of-type) {margin-bottom: 50px;}
.sub-sec .list-content dl {display: flex; align-items: center; margin-bottom: 15px;}
/* .sub-sec .list-content dl:last-of-type {margin-bottom: 0;} */
.sub-sec .list-content dl dt > span {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: #227698; margin-right: 8px; font-size: 20px; font-weight: 600; color: #fff;}
.sub-sec .list-content dl dd {font-size: 24px; font-weight: 500; line-height: 1.4; color: #00acc7;}
.sub-sec .list-content dl dd .more {font-size: 18px; font-weight: 500; line-height: 1.61; color: #88d3ff;}
.sub-sec .list-content dl dd.more_btns {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.sub-sec .list-content .txt-box {font-size: 18px; font-weight: 300; line-height: 1.28; color: #585858;}
.sub-sec.naver_blog .list-content .txt-box b {display: block; margin-bottom: 5px;; font-size: 20px; font-weight: bold; line-height: 1.5;}
.sub-sec.naver_blog .list-content .txt-box:not(:last-of-type) {margin-bottom: 30px;}

/* //sub-sec2 */

/* sub-sec3 */
#sub-sec3 {padding-bottom: 70px; background: #fff;}
#sub-sec3 .content {}
#sub-sec2 .content2 {margin-bottom: 40px;}
#sub-sec2 .content2.content3 {margin-bottom: 70px;}
.sub-sec .content ul.item-box-col2 {display: flex; justify-content: center;}
.sub-sec .content ul.item-box-col2 li {width: 350px; margin-right: 60px; box-sizing: border-box;}
.sub-sec .content ul.item-box-col2 li:last-of-type {margin-right: 0;}
.sub-sec .content ul.item-box-col2 li .child-box {width: 100%; padding: 35px 40px 45px; background: #fff; border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.sub-sec .content ul.item-box-col2 li .child-box .img-box {width: 80px; height: 80px; margin: 0 auto; margin-bottom: 30px;}
.sub-sec .content ul.item-box-col2 li:hover .child-box .img-box img {transform: scale(1.2); transition: all 0.3s;}
.sub-sec .content ul.item-box-col2 li .child-box .img-box img {transition: all 0.3s;}
.sub-sec .content ul.item-box-col2 li .child-box .txt-box {text-align: center;}
.sub-sec .content ul.item-box-col2 li .child-box .txt-box .tit {margin-bottom: 15px; font-size: 20px; font-weight: bold; line-height: 1.2; color: #f15959;}
#sub-sec3.new-sec3 .content ul.item-box-col2 li .child-box .txt-box .tit {color: #00acc7;}
.sub-sec .content ul.item-box-col2 li .child-box .txt-box .sub-tit {font-size: 16px; font-weight: 300; line-height: 1.5; color: #888888; word-break: keep-all;}
#sub-sec3.new-sec3 {padding-bottom: 120px; background: #f6f6f6;}
.sub-sec.new-sec3 .content ul:not(:last-of-type) {margin-bottom: 50px;}
.sub-sec.new-sec3 .content ul.item-box-col2 li {background: #fff; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); border-radius: 5px;}
.sub-sec.new-sec2 .content ul.item-box-col2 li {background: transparent; border-radius: 5px;}
.sub-sec.new-sec2 .content ul.item-box-col2 li .child-box {padding: 35px 48px 45px;}
.sub-sec.new-sec3 .content ul.item-box-col2 li .child-box {padding: 35px 66px 45px; background: transparent;}
.sub-sec.new-sec3 .content ul.item-box-col2 li .child-box .txt-box .sub-tit {color: #888888;}
#sub-sec2.new-sec2 {background: #f9f9f9;}
#sub-sec2 {padding-bottom: 70px; border-bottom: 4px solid #eee;}
#sub-sec2:nth-child(4) {padding-bottom: 0; border-bottom: 0;}
#sub-sec2.new-sec2:not(:first-of-type) {padding-top: 70px;}
#sub-sec2.new2-sec2 {background: #fff;}
#sub-sec2.new2-sec2.new2-sec2_bg {background-color: #0b4c66 !important;}
#sub-sec2.new2-sec2 .content .video-box {margin-bottom: 54.7px;}

#sub-sec2.new2-sec2.naver_view {background: url(./../img/bg1.png)no-repeat 50% 50%; background-size: cover;}
#sub-sec2.new2-sec2.naver_mt {background: url(./../img/bg2.png)no-repeat 50% 50%; background-size: cover;}
#sub-sec2.new2-sec2.naver_cafe {background: url(./../img/bg4.png)no-repeat 50% 50%; background-size: cover;}
#sub-sec2.new2-sec2.naver_blog {background: url(./../img/bg5.png)no-repeat 50% 50%; background-size: cover;}
/* //sub-sec3 */

/* sub-sec4 */
#sub-sec4 {padding-bottom: 120px; background: #f6f6f6;}
/* //sub-sec4 */

/* sub-sec5 */
#sub-sec5 {padding-bottom: 120px; background: #f6f6f6;}
#sub-sec5 .content {}
#sub-sec5 .content ul {display: flex; align-items: center; justify-content: center; margin-bottom: 60px;}
#sub-sec5 .content ul:last-of-type {margin-bottom: 0;}
#sub-sec5 .content ul li {width: 400px;}
#sub-sec5 .content ul li:first-child {margin-right: 50px;}
#sub-sec5 .content ul li .img-box {height: 400px; margin-bottom: 13px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 5px;}
#sub-sec5 .content ul li .img-box img {border-radius: 5px;}
#sub-sec5 .content ul li:hover .img-box img {transform: translate3d(10px, 10px, 10px); transition: all 0.3s; border-radius: 5px;}
#sub-sec5 .content ul li .img-box img {transition: all 0.3s;}
#sub-sec5 .content ul li .txt-box {text-align: center;}
#sub-sec5 .content ul li .txt-box .tit {margin-bottom: 3px; font-size: 18px; font-weight: 500; line-height: 1.28; color: #3b3b3b;}
#sub-sec5 .content ul li .txt-box .sub-tit {font-size: 16px; font-weight: 300; line-height: 1.44; color: #929292;}
/* //sub-sec5 */

/* //about_us */

#sub-sec6 {padding: 60px 0 70px; background: #fff;}
#sub-sec6 .content {}
.news-area {}
.news-area .big-thum {margin-bottom: 50px;}
.news-area .big-thum ul {}
.news-area .big-thum ul li {display: flex; justify-content: center; cursor: pointer;}
.news-area .big-thum ul li .img-box {min-width: 400px; height: 258px; margin-right: 30px; border-radius: 5px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); overflow: hidden;}
.news-area .big-thum ul li .img-box img {transition: all 0.3s;}
.news-area .big-thum ul li:hover .img-box img {transform: scale(1.2); transition: all 0.3s;}
.news-area .big-thum ul li .txt-box {text-align: left;}
.news-area .big-thum ul li .txt-box .sub-tit {padding-top: 6px; margin-bottom: 20px; font-size: 14px; font-weight: 500; line-height: 1.64; color: #888;}
.news-area .big-thum ul li .txt-box .tit {margin-bottom: 5px; font-size: 22px; font-weight: 500; line-height: 1.27; color: #3b3b3b;}
.news-area .big-thum ul li .txt-box .date {margin-bottom: 30px; font-size: 12px; font-weight: 500; line-height: 1.92; color: #c7c7c7;}
.news-area .big-thum ul li .txt-box .txt {font-size: 18px; font-weight: 300; line-height: 1.11; color: #585858;}

.news-area .small-thum {}
.news-area .small-thum.aos-animate ul {position: initial; display: flex; justify-content: space-between; flex-wrap: wrap; transition: all 0.5s;}
/* .news-area .small-thum ul li {position: absolute; top: 0; left: 0; transition: all 0.3s;} */
.news-area .small-thum ul {will-change: contents; margin: 0 -14px; transition: all 0.5s;}
.news-area .small-thum ul li {width: calc(100% / 3); padding: 0 14px; box-sizing: border-box; padding-top: 60px; cursor: pointer;}
.news-area .small-thum ul li:nth-child(-n+3) {padding-top: 0;}
.news-area .small-thum ul li .child-box {}
.news-area .small-thum ul li .child-box .img-box {width: 100%; height: 160px; margin-bottom: 12px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.news-area .small-thum ul li .child-box .img-box img {transition: all 0.3s;}
.news-area .small-thum ul li .child-box:hover .img-box img {transform: scale(1.2); transition: all 0.3s;}
.news-area .small-thum ul li .child-box .sub-tit {margin-bottom: 9px; font-size: 13px; font-weight: 500; line-height: 1.77; color: #888;}
.news-area .small-thum ul li .child-box .tit {width: 255px; margin-bottom: 5px; font-size: 16px; font-weight: 500; line-height: 1.25; color: #3b3b3b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.news-area .small-thum ul li .child-box .date {font-size: 12px; font-weight: 500px; line-height: 1.92; color: #c7c7c7;}

/* sub-sec7 */
#sub-sec7 {padding-bottom: 120px; background: #f6f6f6;}
/* //sub-sec7 */

/* sub-sec8 */
#sub-sec8 {padding-bottom: 120px; background: #f6f6f6;}
.portfolio-area {}
.portfolio-area ul {}
.portfolio-area ul li:not(:last-of-type) {margin-bottom: 120px;}
.portfolio-area ul li .img-box {width: 850px; height: 411px; margin-bottom: 15px; border-radius: 10px; overflow: hidden; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);}
.portfolio-area ul li .information {margin-bottom: 15px;}
.portfolio-area ul li .information dl{display: flex; align-items: center; justify-content: space-between;}
.portfolio-area ul li .information dl dt{display: flex; align-items: center;}
.portfolio-area ul li .information dl dt span.name {margin-right: 12px; font-size: 14px; font-weight: 500; line-height: 1.64; color: #888;}
.portfolio-area ul li .information dl dt span.name-paper {padding: 2px 9px 3px; background: #00acc7; border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 1.64; color: #fff;}
.portfolio-area ul li .information dl dd {}
.portfolio-area ul li .information dl dd span.date {font-size: 12px; font-weight: 500; color: #c7c7c7;}
.portfolio-area ul li .txt-box {}
.portfolio-area ul li .txt-box .tit {margin-bottom: 30px; font-size: 22px; font-weight: 500; line-height: 1.27; color: #3b3b3b;}
.portfolio-area ul li .txt-box .sub-tit {font-size: 18px; font-weight: 300; line-height: 1.28; color: #585858;}
/* //sub-sec8 */

/* footer */
footer {position: relative; padding: 56.7px 0 46px;}
footer .container {display: flex; justify-content: center; align-items: center;}
footer .f-logo {width: 250px; height: 20px; margin-right: 60px;}
footer .f-logo img {width: 100%;}
footer address {margin-bottom: 19.5px; font-size: 15px; font-weight: 300; line-height: 1.4; color: #262626;}
.Copyright {font-size: 15px; font-weight: 300; line-height: 1.53; color: #888;}

.f_sns {position: absolute; top: 50%; right: 50px; transform: translateY(-50%); display: flex; align-items: center;}
.f_sns a {width: 40px; margin-right: 10px;}
.f_sns a:last-child {margin-right: 0;}
/* //footer */



/* 스와이퍼1 */
.swiper-slide {background-color: #000;}
.mySwiper1 {position: relative; margin-top: 30px;}
.swper_sec .list-content dl {padding-left: 40px;}
.mySwiper1 .swiper-wrapper {align-items: flex-start; width: 100%;}
.mySwiper1 .swiper-button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 28.3px;}
.mySwiper1 .swiper-button-next1 {right: 15px;}
.mySwiper1 .swiper-button-prev1 {left: 15px;}
.mySwiper1 .swiper-wrapper .img-box {position: relative;}
.mySwiper1 .swiper-wrapper .img-box .txt-box {opacity: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.mySwiper1 .swiper-wrapper .swiper-slide:hover .img-box .txt-box {opacity: 1; transition: all 0.3s; cursor: pointer;}
.mySwiper1 .swiper-wrapper .img-box .txt-box .tit {display: block; margin-bottom: 13px; font-size: 22px; font-weight: bold; line-height: 1; letter-spacing: 2.2px; color: #fff; text-align: center; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.mySwiper1 .swiper-wrapper .img-box .txt-box .sub-tit {font-size: 16px; font-weight: 100; line-height: 1.44; text-align: center; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
/* .mySwiper1 .swiper-wrapper .swiper-slide {width: 50%;} */
/* //스와이퍼1 */

/* 스와이퍼2 */
.mySwiper2 {position: relative; margin-top: 30px;}
.swper_sec .list-content dl {padding-left: 40px;}
.mySwiper2 .swiper-wrapper {align-items: flex-start; width: 100%;}
.mySwiper2 .swiper-button {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 28.3px;}
.mySwiper2 .swiper-button-next2 {right: 15px;}
.mySwiper2 .swiper-button-prev2 {left: 15px;}
.mySwiper2 .swiper-wrapper .img-box {position: relative;}
.mySwiper2 .swiper-wrapper .img-box .txt-box {opacity: 0; display: flex; align-items: center; justify-content: center; flex-flow: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.mySwiper2 .swiper-wrapper .swiper-slide:hover .img-box .txt-box {opacity: 1; transition: all 0.3s; cursor: pointer;}
.mySwiper2 .swiper-wrapper .img-box .txt-box .tit {display: block; margin-bottom: 13px; font-size: 22px; font-weight: bold; line-height: 1; letter-spacing: 2.2px; color: #fff; text-align: center; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.mySwiper2 .swiper-wrapper .img-box .txt-box .sub-tit {font-size: 16px; font-weight: 100; line-height: 1.44; text-align: center; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
/* .swper_sec .list-content {margin-bottom: 60px; padding-bottom: 80px; border-bottom: 4px solid #eeeeee;} */
/* .mySwiper1 .swiper-wrapper .swiper-slide {width: 50%;} */
/* //스와이퍼2 */


/* business */
.business {padding: 285.3px 0 282px;}
.business .tit-box {margin-bottom: 146px;}
.business .tit-box .tit {font-size: 70.7px; font-weight: bold;}
.business .tit-box .tit2 {font-size: 56px; font-weight: bold; line-height: 1.25; color: #000;}
.business .tit-box .tit .sub {font-size: 35.4px; font-weight: 400; line-height: 1.2; color: #000;}
.business .tit-box .tit2 .sub {font-size: 50px; font-weight: 500;}
.business .tit-box .sub-tit {font-size: 26px; font-weight: 400; line-height: 1.54; color: #000;}

.Simple-img_list {display: flex; align-items: center; justify-content: center; margin: 0 -10px;}
.Simple-img_list li {width: calc(100% / 3); padding: 0 10px; box-sizing: border-box; overflow: hidden;}
.Simple-img_list li img {transition: all 0.3s;}
.Simple-img_list li:hover img {transform: scale(1.2); transition: all 0.3s;}
/* //business */

/* history_list */
.history {padding: 273.3px 0 249px; background: url(./../img/history.png)no-repeat 50% 50%; background-size: cover;}
.history .tit-box {margin-bottom: 210px;}
.history .tit-box .tit {font-size: 70.7px; font-weight: bold;}
.history .tit-box .tit2 {font-size: 56px; font-weight: bold; line-height: 1.25; color: #000;}
.history .tit-box .tit .sub {font-size: 35.4px; font-weight: 400; line-height: 1.98; color: #000;}
.history .tit-box .tit2 .sub {font-size: 50px; font-weight: 500;}
.history_list {position: relative; padding: 24px 0 183px; box-sizing: border-box;}
.history_list:before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 2px; height: 100%; background: #000; opacity: 0.8;}
.history_list li {position: relative; display: flex; align-items: flex-end; justify-content: center; margin-bottom: 180px;}
.history_list li:last-of-type {margin-bottom: 0;}
.history_list li:not(:first-of-type)::before {position: absolute; top: 30px; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 26px; height: 26px; background: #fff; border: 4px solid #f32d3d; border-radius: 100%;}
.history_list li:first-of-type:before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 14px; height: 14px; background: #f32d3d; border-radius: 100%;}
.history_list li:first-of-type {position: initial;}
.history_list:after {position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; display: block; width: 14px; height: 14px; background: #f32d3d; border-radius: 100%;}
/* .history_list li:last-of-type {position: initial;} */
.history_list li .left {min-width: 382px; width: auto; padding-right: 90px; text-align: right;}
.history_list li .right {min-width: 382px; width: auto; padding-left: 90px; text-align: left;}
.history_list li .img-box {display: flex; align-items: center; justify-content: flex-end;}
.history_list li .img-box img {width: 355px;}
.history_list li .right .img-box {justify-content: flex-start;}
.history_list li .img-box img {width: 100%;}
.history_list li .txt-box {}
.history_list li .txt-box .year {display: flex; align-items: center; justify-content: center; width: 177px; height: 74px; margin-bottom: 35px;; border-radius: 37px; border-bottom-left-radius: 0; background: #000; font-size: 42px; font-weight: bold; color: #fff;}
.history_list li .left .txt-box {display: flex; align-items: flex-end; justify-content: center; flex-flow: column;}
.history_list li .txt-box .tit-area .sub-tit {display: block; margin-bottom: 7px; font-size: 32px; font-weight: 400; line-height: 1.64; color: #000;}
.history_list li .txt-box .tit-area .tit {font-size: 48px; font-weight: bold; line-height: 1.09; color: #000;}
/* //history_list */

/* toggle_box */
.toggle_box {margin-top: 530px; margin-bottom: 135px; border-radius: 61.3px; box-sizing: border-box; overflow: hidden;}
.toggle_box:last-of-type {margin-top: 0; margin-bottom: 0;}
.toggle_box .toggle_header {padding: 90px 130px 64.5px; background: #08b3b1; box-sizing: border-box;}
.toggle_box .toggle_header dl {display: flex; align-items: center; justify-content: space-between;}
.toggle_box .toggle_header dl dt {display: flex; white-space: nowrap; flex-flow: column;}
.toggle_box .toggle_header dl dt img {width: 280px;}
.toggle_box .toggle_header dl dt .number {margin-right: 50px; font-size: 56.4px; font-weight: 800; line-height: 1.4; color: #fff;}
.toggle_box .toggle_header dl dt .tit {margin-bottom: 9.7px; font-size: 26.9px; font-weight: 500; line-height: 3.41; color: #fff;}
.toggle_box .toggle_header dl dt .tit b {display: block; font-size: 51.8px; font-weight: bold; color: #fff; line-height: 1;}

.toggle_box .toggle_header dl dd {display: flex; align-items: center; }
.toggle_box .toggle_header dl dd .txt-box {display: block; width: 681px;}
.toggle_box .toggle_header dl dd .txt-box .tit {display: block; margin-bottom: 34px; font-size: 28px; font-weight: bold; line-height: 1.14; color: #fff;}
.toggle_box .toggle_header dl dd .txt-box .sub-tit {font-size: 22px; font-weight: 500; line-height: 1.55; color: #fff;}
.toggle_box .toggle_header dl dd .img-box {width: 80px; margin-left: 87px;}
.toggle_box .toggle_header dl dd .img-box img {width: 100%; transition: all 0.3s;}
.toggle_box .toggle_header dl dd .img-box img.on {transform: rotate(-90deg); transition: all 0.3s;}

.toggle_box .toggle_body {padding: 72px 130px 90px; background: #1096a2; box-sizing: border-box;}
.toggle_box .toggle_body ul {display: flex; align-items: center; justify-content: center;}
.toggle_box .toggle_body ul li {width: 400px; margin-right: 74px;}
.toggle_box .toggle_body ul li:last-of-type {margin-right: 0;}
.toggle_box .toggle_body ul li img {}

.toggle_box.toggle_box2 .toggle_header {background: #95c864;}
.toggle_box.toggle_box2 .toggle_body {background: #70ad47;}
/* //toggle_box */

/* organization */
.organization {padding: 171px 408px 196px; background: #2d2d2d; box-sizing: border-box;}
.organization .tit-box {margin-bottom: 70px;}
.organization .tit-box .tit2 {font-size: 60px; font-weight: bold; line-height: 1.74; color: #fff;}
.root_daum_roughmap {width: 100% !important; height: 910px !important;}
.root_daum_roughmap .wrap_map {height: 910px!important;}

.maparea {padding-top: 213px; padding-bottom: 264px;}
.maparea .tit-box {margin-bottom: 108px;}
.maparea .tit-box .tit2 {font-size: 60px; font-weight: bold; line-height: 1.74; color: #000;}
.address {margin-top: 85px;}
.address .tit-box {margin-bottom: 80px;}
.address .tit {text-align: left; font-size: 48px; font-weight: bold; line-height: 2.17; color: #000; margin-bottom: 0;}
.address .sub-tit {text-align: left; font-size: 28px; line-height: 1.29; color: #000;}
.address .footer {line-height: 2;}
.address .footer .logo_txt {font-size: 26px; font-weight: 400; line-height: 1; color: #000;}
.address .footer .e-mail {font-size: 20px; font-weight: 300; color: #000;}
.address .footer .number {font-size: 20px; font-weight: 300; color: #000;}
/* //organization */