/*
Theme Name: My Custom Project
Author: kss
Description: Å׸¶ Àû¿ë
Version: 1.0
*/

@charset "utf-8";

/* ÃʱâÈ­ */
html {}
body {background-color: #fff; margin:0;padding:0;font-size:0.75em;font-family: "Noto Sans KR", sans-serif; color: #40434a;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-weight: 400; font-size:1em;font-family: "Noto Sans KR", sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "Noto Sans KR", sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "Noto Sans KR", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#40434a;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.wrap {min-height: 100dvh; max-width: 1000px; width: 100%; margin: 0 auto; background-color: #fff; letter-spacing: -0.06em; padding-top: 130px;}

#main {}
.main1 {text-align: center; padding-top: 140px; }
.main1 .icon {margin-bottom: 22px;}
.main1 .icon > img {height: 62px;}
.main1 .txt2 {margin-bottom: 100px; font-size: 48px; line-height: 66px; color: #1e927f;}
.main1 .txt2 .box {position: relative; display: inline-block; font-weight: 700; z-index: 2;}
.main1 .txt2 .box::after {content: ""; position: absolute; left: -10px; bottom: -10px; width: calc(100% + 20px); height: 34px; background-color: #1e927f; z-index: -1; opacity: 0.2;}
.main1 .thum {margin-bottom: 85px;}
.main1 .thum img {height: 257px;}
.main1 .people {margin-bottom: 85px;}
.main1 .people img {height: 550px;}
.main1 .txt3 {margin-bottom: 65px; font-size: 51px; font-weight: 700; color: #1e927f; line-height: 79px;}
.main1 .txt3 .line {display: inline-block; position: relative;}
.main1 .txt3 .line::after {content: ''; width: 100%; height: 4px; background-color: #1e927f; position: absolute; left: 0; bottom: 5px;}
.main1 .txt3 .box { display: inline-block; color: #fff; position: relative; z-index: 2;}
.main1 .txt3 .box::before {content: ''; position: absolute; top: 0; left: -15px; z-index: -1; width: calc(100% + 30px); height: 100%; background: linear-gradient(360deg, rgba(87, 199, 133, 1) 0%, rgba(56, 225, 155, 1) 100%);}
.main1 .txt4 {margin-bottom: 45px; font-size: 36px; font-weight: 700; line-height: 55px; color: #40434a; }
.main1 .txt4 > span {color: #1e927f;}
.main1 .logoline {margin-bottom: 57px;}
.main1 .logoline img {height: 256px;}
.main1 .txt5 {margin-bottom: 70px; font-size: 51px; line-height: 79px; color: #40434a;}
.main1 .list {width: 804px; margin: 0 auto; margin-bottom: 70px;}
.main1 .list > li {display: flex; align-items: center; height: 134px; padding-left: 100px; border-radius: 19px; background-color: #EFF7F6; font-size: 35px; font-weight: 700; line-height: 1; color: #1e927f;}
.main1 .list > li > .img {width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; margin-right: 80px; }
.main1 .list > li > .img > img {}
.main1 .list > li:nth-child(1) > .img > img {height: 53px;}
.main1 .list > li:nth-child(2) > .img > img {height: 59px;}
.main1 .list > li:nth-child(3) > .img > img {height: 56px;}
.main1 .list > li + li {margin-top: 15px;}
.main1 .txt6 {margin-bottom: 145px; font-size: 51px; font-weight: 700; line-height: 79px;}
.main1 .txt6 > .box {display: inline-block; color: #fff; position: relative; z-index: 2;}
.main1 .txt6 > .box::before {content: ''; position: absolute; top: 0; left: -15px; z-index: -1; width: calc(100% + 30px); height: 100%; background: linear-gradient(360deg, rgba(87, 199, 133, 1) 0%, rgba(56, 225, 155, 1) 100%);}

.main2 {position: relative; padding: 140px 0 70px 70px; background: linear-gradient(-180deg,rgba(0, 0, 0, 1) 0%, rgba(28, 202, 173, 1) 0%, rgba(56, 225, 155, 1) 100%);}
.main2 .txt1 {margin-bottom: 25px; font-size: 89px; font-weight: 700; color: #fff;}
.main2 .add {width: 390px; margin-bottom: 30px; text-align: center;}
.main2 .add img {height: 350px;}
.main2 .txt1 > span {font-size: 38px; padding-left: 25px;}
.main2 .txt2 {margin-bottom: 30px; font-size: 30px; line-height: 55px; color: #fff; }
.main2 .txt3 {margin-bottom: 50px; display: inline-flex; height: 53px; padding: 0 30px; align-items: center; border-radius: 14px; background-color: #1e927f; font-size: 22px; color: #fff; letter-spacing: -0.02em; font-weight: 700;}
.main2 .logo {width: 390px; text-align: center;}
.main2 .logo img {height: 185px;}
.main2 .thum {position: absolute; right: 32px; bottom: 70px;}
.main2 .thum img {height: 784px;}

.main3 {text-align: center; padding-top: 183px; padding-bottom: 152px; background: linear-gradient(-180deg,rgba(0, 0, 0, 1) 0%, rgba(28, 202, 173, 1) 0%, rgba(56, 225, 155, 1) 100%);}
.main3 .txt1 {margin-bottom: 50px;}
.main3 .txt1 img {height: 127px;}
.main3 .txt2 {margin-bottom: 90px; font-size: 64px; line-height: 84px; color: #fff; font-weight: 700;}
.main3 .txt3 {margin-bottom: 90px; font-size: 38px; line-height: 55px; color: #fff;}
.main3 .list {display: flex; flex-wrap: wrap; justify-content: center; gap:70px 64px;}
.main3 .list > li {width: 211px; }
.main3 .list > li .thum {position: relative;}
.main3 .list > li .thum > img {width: 100%; height: 270px;}
.main3 .list > li .thum > p {display: flex; align-items: center; justify-content: center; color: #fff; font-size: 27px; padding-bottom: 6px; font-weight: 700; position: absolute; bottom: 110px; left: -35px; z-index: 2; width: 280px; height: 50px; background: url('img/img24.png') no-repeat center center / cover; transform: rotate(-30deg);}
.main3 .list > li > h3 {font-size: 33px; margin-top: 25px; line-height: 1.1; color: #fff; font-weight: 700;}

.main4 {text-align: center; padding-top: 182px; padding-bottom: 170px; position: relative;}
.main4::after {content: ''; width: 3px; height: 118px; background-color: #1E927F; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.main4 .txt1 {margin-bottom: 48px; font-size: 47px; line-height: 1;}
.main4 .list1 {margin-bottom: 48px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 8px;}
.main4 .list1 > li {padding: 15px 50px 20px; color: #fff; border-radius: 26px; background-color: #1E927F; font-size: 47px; font-weight: 700; line-height: 1;}
.main4 .txt2 {margin-bottom: 65px; font-size: 47px; line-height: 1;}
.main4 .img {margin-bottom: 60px;}
.main4 .img > img {height: 198px;}
.main4 .txt3 {margin-bottom: 60px; font-size: 57px; font-weight: 700; color: #1E927F; line-height: 88px;}
.main4 .txt3 span {display: inline-block; position: relative;}
.main4 .txt3 span::after {content: ''; position: absolute; width: 100%; height: 4px; background-color: #1E927F; left: 0; bottom: 0px;}
.main4 .list2 {width: 844px; margin: 0 auto;}
.main4 .list2 > li {width: 100%; height: 186px; background-color: #F0FBF9; border-radius: 20px; padding-top: 35px; font-size: 35px; font-weight: 700; line-height: 1;}
.main4 .list2 > li > b {font-size: 45px; font-weight: 700; color: #1E927F;}
.main4 .list2 > li::before {content: ''; display: block; width: 46px; height: 46px; margin: 0 auto 20px; background: url('img/img10.png') no-repeat center center / cover;}
.main4 .list2 > li + li {margin-top: 15px;}

.main5 {position: relative; text-align: center; padding-top: 223px; padding-bottom: 183px; text-align: center; background-color: #1E927F;}
.main5::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 3px; height: 128px; background-color: #fff; z-index: 2;}
.main5::after {content: ''; position: absolute; top: 128px; left: 50%; transform: translateX(-50%); width: 15px; height: 15px; background-color: #fff; z-index: 2; border-radius: 9999px;}
.main5 .txt1 {font-size: 57px; font-weight: 700; line-height: 86px; color: #fff; margin-bottom: 50px;}
.main5 .list1 {margin-bottom: 80px; display: flex; justify-content: center; gap: 16px;}
.main5 .list1 > li {width: 400px; height: 240px; background-color: #2C9F8C; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: #fff; font-size: 36px; line-height: 50px;}
.main5 .txt2 {margin-bottom: 150px; font-size: 60px; font-weight: 700; line-height: 85px; color: #fff;}
.main5 .txt2 > span {display: inline-block; position: relative; color: #1E927F; z-index: 2;}
.main5 .txt2 > span::before {content: ''; position: absolute; width: calc(100% + 20px); height: 70px; background-color: #fff; left: -10px; top: 12px; z-index: -1;}
.main5 .list2 {width: 655px; margin: 0 auto 80px;}
.main5 .list2 > li {position: relative; width: 100%; height: 110px; background-color: #32AB97; color: #104E44; font-size: 41px; font-weight: 700; line-height: 1; display: flex; align-items: center; justify-content: center; border-radius: 31px; box-shadow: 14px 9px 5px 0 rgba(0, 0, 0, 0.29);}
.main5 .list2 > li:nth-child(1) {margin-bottom: 25px; z-index: 3; transform: rotate(-7deg);}
.main5 .list2 > li:nth-child(2) {margin-bottom: 10px; z-index: 2; background-color: #1C8B79; transform: rotate(3deg);}
.main5 .list2 > li:nth-child(3) {z-index: 1; transform: rotate(-5deg); box-shadow:none;}
.main5 .txt3 {margin-bottom: 60px; font-size: 53px; line-height: 80px; color: #fff;}
.main5 .txt3 span {color: #ffd06a; font-weight: 700;}
.main5 .thum {margin-bottom: 50px;}
.main5 .thum img {height: 264px;}
.main5 .cont {color: #fff;}
.main5 .cont > h4 {margin-bottom: 20px; font-size: 50px; line-height: 1;}
.main5 .cont > p {margin-bottom: 10px; font-size: 34px; line-height: 2;}
.main5 .cont > h5 {display: inline-block; font-size: 34px; font-weight: 700; color: #1E927F; background-color: #fff; padding: 3px 15px 5px;}
.main5 .call {width: 700px; margin: 70px auto 0;}
.main5 .call > a {display: flex; gap: 40px; align-items: center; justify-content: center; width: 100%; height: 115px; background-color: #fff; border-radius: 9999px; font-size: 49px; font-weight: 700; color: #1E927F;}
.main5 .call > a img {height: 58px; position: relative; top: 5px;}

.main6 {text-align: center; padding-top: 136px; padding-bottom: 170px;}
.main6 .logo {margin-bottom: 50px;}
.main6 .logo img {height: 185px;}
.main6 .txt1 {font-size: 64px; font-weight: 700; line-height: 98px; color: #1E927F; margin-bottom: 30px;}
.main6 .txt2 {font-size: 34px; line-height: 54px; color: #1E927F; margin-bottom: 50px;}
.main6 .list1 {width: 825px; margin: 0 auto 153px;}
.main6 .list1 > li {display: flex; align-items: center; padding-left: 50px; font-size: 34px; font-weight: 700; line-height: 1; color: #fff; height: 138px; border-radius: 20px; background-color: #1E927F;}
.main6 .list1 > li + li {margin-top: 15px;}
.main6 .list1 > li::before {content: ''; display: block; width: 43px; height: 30px; margin-right: 30px;  background: url('img/img14.png') no-repeat center center / cover; position: relative; top: 3px;}
.main6 .list2 {margin-bottom: 60px; }
.main6 .list2 > li {position: relative; font-size: 59px; line-height: 1;}
.main6 .list2 > li + li {margin-top: 75px;}
.main6 .list2 > li + li::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); top: -40px; width: 11px; height: 11px; background-color: #40434a; border-radius: 9999px;}
.main6 .list2 b {color: #1E927F; font-weight: 700;}
.main6 .txt3 {margin-bottom: 50px; font-size: 75px; font-weight: 700; line-height: 1; color: #1E927F;}
.main6 .txt4 {margin-bottom: 80px; font-size: 48px; line-height: 75px;}
.main6 .thum img {height: 367px;}

.main7 {text-align: center; padding-top: 167px; padding-bottom: 62px; background-color: #E7F5ED;}
.main7 .txt1 {margin-bottom: 40px; font-size: 64px; font-weight: 700; line-height: 97px;}
.main7 .txt1 > b {color: #1E927F;}
.main7 .txt2 {margin-bottom: 50px; font-size: 34px; line-height: 54px;}
.main7 .list {display: flex; margin-bottom: 80px; gap:30px; justify-content: center;}
.main7 .list > li {width: 400px; background-color: #fff;}
.main7 .list > li > h4 {color: #fff; padding: 30px 0; font-size: 34px; font-weight: 700; line-height: 1; position: relative;}
.main7 .list > li:nth-child(1) > h4 {background-color: #ccc;}
.main7 .list > li:nth-child(2) > h4 {background-color: #1E927F;}
.main7 .list > li:nth-child(2) > h4 > img {position: absolute; left: calc(100% - 50px); bottom: calc(100% - 72px); height: 120px;}
.main7 .list > li > ul {padding: 50px 0;}
.main7 .list > li > ul > li {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; font-size: 30px; font-weight: 500;}
.main7 .list > li > ul > li + li {margin-top: 45px;}
.main7 .list > li > ul > li::before {content: ''; display: block; width: 47px; height: 47px; background: url('img/img17.png') no-repeat center center / cover;}
.main7 .list > li:nth-child(1) > ul > li {color: #9A999A;}
.main7 .list > li:nth-child(2) > ul > li {color: #1E927F; font-weight: 700;}
.main7 .list > li:nth-child(2) > ul > li::before {background: url('img/img18.png') no-repeat center center / cover;}
.main7 .logo img {height: 185px;}

.main8 {padding-top: 138px; padding-bottom: 153px; }
.main8 .txt1 {padding-left: 87px; font-size: 64px; font-weight: 700; line-height: 98px; color: #1E927F; margin-bottom: 30px;}
.main8 .txt2 {padding-left: 87px; margin-bottom: 50px; font-size: 34px; line-height: 54px;}
.main8 .txt2 span {color: #1E927F;}
.main8 .txt3 {margin-bottom: 65px; padding-left: 87px; font-size: 34px; line-height: 54px;}
.main8 .txt3 span {color: #1E927F;}
.main8 .thum {margin-bottom: 120px; text-align: right; padding-right: 57px;}
.main8 .thum img {height: 630px;}
.main8 .txt4 {margin-bottom: 100px; text-align: center; font-size: 64px; font-weight: 700; line-height: 98px;}
.main8 .list {width: 838px; margin: 0 auto; background-color: #1E927F; border-radius: 36px; padding: 100px 80px; position: relative;}
.main8 .list > img {position: absolute; top: -45px; right: -45px; height: 129px; z-index: 2;}
.main8 .list > li {background-color: #fff; padding: 50px 0 55px 55px; border-radius: 30px; position: relative; font-size: 36px; line-height: 55px;}
.main8 .list > li > span {color: #1fcdab; font-weight: 700;}
.main8 .list > li + li {margin-top: 60px;}
.main8 .list > li::after {content: ''; position: absolute; top: 0; left: -35px; display: block; width: 84px; height: 88px; background: url('img/img21.png') no-repeat center center / cover;}

.main9 {text-align: center; padding-top: 100px; padding-bottom: 130px;}
.main9 .txt1 {width: 272px; height: 68px; background-color: #1E927F; color: #fff; font-size: 37px; line-height: 1; font-weight: 700; display: flex; align-items: center; justify-content: center; margin: 0 auto 40px; border-radius: 100%;}
.main9 .list1 {margin-bottom: 100px; }
.main9 .list1 > li {font-size: 57px; line-height: 1; color: #1e927f;}
.main9 .list1 > li > span {font-weight: 700;}
.main9 .list1 > li + li {margin-top: 55px;}
.main9 .img {margin-bottom: 45px;}
.main9 .img img {height: 185px;}
.main9 .txt2 {margin-bottom: 70px; font-size: 60px; font-weight: 700; line-height: 1;}
.main9 .list2 {width: 844px; margin: 0 auto 88px;}
.main9 .list2 > li {width: 100%; height: 142px; display: flex; align-items: center; justify-content: center; border-radius: 20px; background-color: #1E927F; color: #fff; font-size: 35px; font-weight: 700; line-height: 1;}
.main9 .list2 > li + li {margin-top: 12px;}
.main9 .thum {margin-bottom: 60px;}
.main9 .thum img {height: 385px;}
.main9 .txt3 {font-size: 58px; font-weight: 700; line-height: 90px;}
.main9 .txt3 > span {color: #1E927F;}

.main10 {text-align: center; padding-top: 190px; padding-bottom: 164px; background: url('img/img28.png') no-repeat center 70% / contain; background-color: #E7F6F3;}
.main10 .txt1 {margin-bottom: 30px; }
.main10 .txt1 img {height: 127px;}
.main10 .txt2 {margin-bottom: 80px; font-size: 64px; font-weight: 700; line-height: 98px;}
.main10 .txt2 > span {color: #1E927F;}
.main10 .txt3 {width: 230px; height: 62px; background-color: #1E927F; color: #fff; margin: 0 auto 55px; display: flex; align-items: center; justify-content: center; font-size: 37px; font-weight: 700; border-radius: 9999px;}
.main10 .list {width: 822px; margin: 0 auto;}
.main10 .list > li {background-color: #fff; padding: 63px 0;}
.main10 .list > li + li {margin-top: 15px;}
.main10 .list > li > .star {margin-bottom: 24px;}
.main10 .list > li > .star img {height: 32px;}
.main10 .list > li > h3 {margin-bottom: 20px; font-size: 30px; line-height: 48px; font-weight: 700;}
.main10 .list > li > h3 > span {color: #1e927f; }
.main10 .list > li > p {font-size: 25px; font-weight: 700; line-height: 1;}

.main11 {text-align: center; padding: 140px 0; background-color: #1E927F;}
.main11 .logo {margin-bottom: 50px;}
.main11 .logo img {height: 100px;}
.main11 .txt1 {margin-bottom: 50px; color: #fff; font-size: 34px; font-weight: 700; line-height: 54px;}
.main11 .call {width: 700px; margin: 0 auto;}
.main11 .call > a {display: flex; gap: 40px; align-items: center; justify-content: center; width: 100%; height: 115px; background-color: #fff; border-radius: 9999px; font-size: 49px; font-weight: 700; color: #1E927F;}
.main11 .call > a img {height: 58px; position: relative; top: 5px;}

.float_btm {width: 700px; position: fixed; left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 1000; }
.float_btm > a {width: 100%; display: flex; align-items: center; justify-content: center; height: 100px; background-color: #fff; border-radius: 10px; gap: 30px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);}
.float_btm > a .thum {background-color: #E7F6F3; border-radius: 10px; padding: 0 20px;}
.float_btm > a .thum img {height: 80px;}
.float_btm > a span {font-size: 24px; font-weight: 600;}
.float_btm > a .btn {width: 160px; height: 60px; background-color: #1E927F; color: #fff; font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: center; line-height: 1; border-radius: 10px;}

.float_menu {position: fixed; bottom: 20px; right: calc(50% - 470px); z-index: 2000;}
.float_menu > li {}
.float_menu > li + li {margin-top: 15px;}
.float_menu > li > a {width: 100px; height: 100px; border-radius: 9999px; background-color: #1E927F; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); font-size: 36px;}
.float_menu > li:nth-child(2) > a {background-color: #03A94D;}


.header {display:flex; align-items:center; justify-content:space-between; padding: 0 40px; height: 130px; position: fixed; max-width: 1000px; width: 100%; top: 0; left: 50%; transform:translateX(-50%); z-index: 999; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(4px); }
.header .logo a img {height: 80px;}
.header .menu_btn {cursor: pointer; font-size: 40px;}

.menu_box {overflow: hidden; display: none; position: fixed; top: 0; left: 50%; transform:translateX(-50%); z-index: 9999; max-width: 1000px; width: 100%; height: 100dvh;}
.menu_box .menu_box_bg {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.5); transition:all 0.2s;}
.menu_box .menu_box_cont {position: absolute; top: 0; right: -50%; width: 50%; height: 100%; z-index: 3; background-color: #F0FBF9; padding: 0 20px; transition: all 0.3s;}
.menu_box .menu_box_cont .close {text-align: right; padding: 20px; font-size: 30px; color: #1E927F; cursor: pointer; font-weight: 800;}
.menu_box .menu_box_cont > .list {text-align: right; border-bottom: 1px solid #ccc;}
.menu_box .menu_box_cont > .list > li {border-top: 1px solid #ccc;}
.menu_box .menu_box_cont > .list > li > a {display: block; padding: 20px 20px; font-size: 25px; font-weight: 600;}


.menu_box.open {display: block;}
.menu_box .menu_box_bg.open {opacity: 1;}
.menu_box .menu_box_cont.open {right: 0; }
  

@media screen and (max-width:1000px){

	
	.wrap {padding-top: 13vw;}
	
  .main1 {padding-top: 14vw; }
  .main1 .icon {margin-bottom: 2.2vw;}
  .main1 .icon > img {height: 6.2vw;}
  .main1 .txt2 {margin-bottom: 10vw; font-size: 4.8vw; line-height: 6.6vw;}
  .main1 .txt2 .box::after {left: -1vw; bottom: -1vw; width: calc(100% + 2vw); height: 3.4vw;}
  .main1 .thum {margin-bottom: 8.5vw;}
  .main1 .thum img {height: 25.7vw;}
  .main1 .people {margin-bottom: 8.5vw;}
  .main1 .people img {height: 55vw;}
  .main1 .txt3 {margin-bottom: 6.5vw; font-size: 5.1vw; line-height: 7.9vw;}
  .main1 .txt3 .line::after {height: 0.4vw; bottom: 0.5vw;}
  .main1 .txt3 .box::before {left: -1.5vw; width: calc(100% + 3vw);}
  .main1 .txt4 {margin-bottom: 4.5vw; font-size: 3.6vw; line-height: 5.5vw;}
  .main1 .logoline {margin-bottom: 5.7vw;}
  .main1 .logoline img {height: 25.6vw;}
  .main1 .txt5 {margin-bottom: 7vw; font-size: 5.1vw; line-height: 7.9vw;}
  .main1 .list {width: 80.4vw; margin-bottom: 7vw;}
  .main1 .list > li {height: 13.4vw; padding-left: 10vw; border-radius: 1.9vw; font-size: 3.5vw; }
  .main1 .list > li > .img {width: 6vw; height: 6vw; margin-right: 8vw; }
  .main1 .list > li:nth-child(1) > .img > img {height: 5.3vw;}
  .main1 .list > li:nth-child(2) > .img > img {height: 5.9vw;}
  .main1 .list > li:nth-child(3) > .img > img {height: 5.6vw;}
  .main1 .list > li + li {margin-top: 1.5vw;}
  .main1 .txt6 {margin-bottom: 14.5vw; font-size: 5.1vw; line-height: 7.9vw;}
  .main1 .txt6 > .box::before {left: -1.5vw; width: calc(100% + 3vw);}

  .main2 {padding: 14vw 0 7vw 7vw;}
  .main2 .txt1 {margin-bottom: 2.5vw; font-size: 8.9vw;}
	.main2 .add {width: 39vw; margin-bottom: 3vw;}
	.main2 .add img {height: 35vw;}
  .main2 .txt1 > span {font-size: 3.8vw; padding-left: 2.5vw;}
  .main2 .txt2 {margin-bottom: 3vw; font-size: 3vw; line-height: 5.5vw; }
  .main2 .txt3 {margin-bottom: 5vw; height: 5.3vw; padding: 0 3vw; border-radius: 1.4vw; font-size: 2.2vw;}
	.main2 .logo {width: 39vw;}
  .main2 .logo img {height: 18.5vw;}
  .main2 .thum {right: 3.2vw; bottom: 7vw;}
  .main2 .thum img {height: 78.4vw;}

  .main3 {padding-top: 18.3vw; padding-bottom: 15.2vw;}
  .main3 .txt1 {margin-bottom: 5vw;}
  .main3 .txt1 img {height: 12.7vw;}
  .main3 .txt2 {margin-bottom: 9vw; font-size: 6.4vw; line-height: 8.4vw;}
  .main3 .txt3 {margin-bottom: 9vw; font-size: 3.8vw; line-height: 5.5vw;}
  .main3 .list { gap: 7vw 6.4vw;}
  .main3 .list > li {width: 21.1vw; }
  .main3 .list > li .thum > img {height: 27vw;}
  .main3 .list > li .thum > p {font-size: 2.7vw; padding-bottom: 0.6vw; bottom: 11vw; left: -3.5vw; width: 28vw; height: 5vw;}
  .main3 .list > li > h3 {font-size: 3.3vw; margin-top: 2.5vw;}

  .main4 {padding-top: 18.2vw; padding-bottom: 17vw;}
  .main4::after {width: 0.3vw; height: 11.8vw;}
  .main4 .txt1 {margin-bottom: 4.8vw; font-size: 4.7vw;}
  .main4 .list1 {margin-bottom: 4.8vw; gap: 1.2vw 0.8vw;}
  .main4 .list1 > li {padding: 1.5vw 5vw 2vw; border-radius: 2.6vw; font-size: 4.7vw;}
  .main4 .txt2 {margin-bottom: 6.5vw; font-size: 4.7vw;}
  .main4 .img {margin-bottom: 6vw;}
  .main4 .img > img {height: 19.8vw;}
  .main4 .txt3 {margin-bottom: 6vw; font-size: 5.7vw; line-height: 8.8vw;}
  .main4 .txt3 span::after {height: 0.4vw; }
  .main4 .list2 {width: 84.4vw;}
  .main4 .list2 > li {height: 18.6vw; border-radius: 2vw; padding-top: 3.5vw; font-size: 3.5vw;}
  .main4 .list2 > li > b {font-size: 4.5vw;}
  .main4 .list2 > li::before {width: 4.6vw; height: 4.6vw; margin: 0 auto 2vw;}
  .main4 .list2 > li + li {margin-top: 1.5vw;}

  .main5 {padding-top: 22.3vw; padding-bottom: 18.3vw;}
  .main5::before {width: 0.3vw; height: 12.8vw;}
  .main5::after {top: 12.8vw; width: 1.5vw; height: 1.5vw;}
  .main5 .txt1 {font-size: 5.7vw; line-height: 8.6vw; margin-bottom: 5vw;}
  .main5 .list1 {margin-bottom: 8vw; gap: 1.6vw;}
  .main5 .list1 > li {width: 40vw; height: 24vw; font-size: 3.6vw; line-height: 5vw;}
  .main5 .txt2 {margin-bottom: 15vw; font-size: 6vw; line-height: 8.5vw;}
  .main5 .txt2 > span::before {width: calc(100% + 2vw); height: 7vw; left: -1vw; top: 1.2vw;}
  .main5 .list2 {width: 65.5vw; margin: 0 auto 8vw;}
  .main5 .list2 > li {height: 11vw; font-size: 4.1vw; border-radius: 3.1vw;}
  .main5 .list2 > li:nth-child(1) {margin-bottom: 2.5vw;}
  .main5 .list2 > li:nth-child(2) {margin-bottom: 1vw;}
  .main5 .list2 > li:nth-child(3) {transform: rotate(-5deg);}
  .main5 .txt3 {margin-bottom: 6vw; font-size: 5.3vw; line-height: 8vw;}
  .main5 .thum {margin-bottom: 5vw;}
  .main5 .thum img {height: 26.4vw;}
  .main5 .cont > h4 {margin-bottom: 2vw; font-size: 5vw;}
  .main5 .cont > p {margin-bottom: 1vw; font-size: 3.4vw;}
  .main5 .cont > h5 {font-size: 3.4vw; padding: 0.3vw 1.5vw 0.5vw;}
	.main5 .call {width: 70vw; margin-top: 7vw;}
  .main5 .call > a {gap: 4vw; height: 11.5vw; font-size: 4.9vw;}
  .main5 .call > a img {height: 5.8vw; top: 0.5vw;}

  .main6 {padding-top: 13.6vw; padding-bottom: 17vw;}
  .main6 .logo {margin-bottom: 5vw;}
  .main6 .logo img {height: 18.5vw;}
  .main6 .txt1 {font-size: 6.4vw; line-height: 9.8vw; margin-bottom: 3vw;}
  .main6 .txt2 {font-size: 3.4vw; line-height: 5.4vw; margin-bottom: 5vw;}
  .main6 .list1 {width: 82.5vw; margin: 0 auto 15.3vw;}
  .main6 .list1 > li {padding-left: 5vw; font-size: 3.4vw; height: 13.8vw; border-radius: 2vw;}
  .main6 .list1 > li + li {margin-top: 1.5vw;}
  .main6 .list1 > li::before {width: 4.3vw; height: 3vw; margin-right: 3vw; top: 0.3vw;}
  .main6 .list2 {margin-bottom: 6vw; }
  .main6 .list2 > li {font-size: 5.9vw;}
  .main6 .list2 > li + li {margin-top: 7.5vw;}
  .main6 .list2 > li + li::before {top: -4vw; width: 1.1vw; height: 1.1vw;}
  .main6 .txt3 {margin-bottom: 5vw; font-size: 7.5vw;}
  .main6 .txt4 {margin-bottom: 8vw; font-size: 4.8vw; line-height: 7.5vw;}
  .main6 .thum img {height: 36.7vw;}

  .main7 {padding-top: 16.7vw; padding-bottom: 6.2vw;}
  .main7 .txt1 {margin-bottom: 4vw; font-size: 6.4vw; line-height: 9.7vw;}
  .main7 .txt2 {margin-bottom: 5vw; font-size: 3.4vw; line-height: 5.4vw;}
  .main7 .list {margin-bottom: 8vw; gap: 3vw;}
  .main7 .list > li {width: 40vw;}
  .main7 .list > li > h4 {padding: 3vw 0; font-size: 3.4vw;}
  .main7 .list > li:nth-child(2) > h4 > img {left: calc(100% - 5vw); bottom: calc(100% - 7.2vw); height: 12vw;}
  .main7 .list > li > ul {padding: 5vw 0;}
  .main7 .list > li > ul > li {gap: 2vw; font-size: 3vw;}
  .main7 .list > li > ul > li + li {margin-top: 4.5vw;}
  .main7 .list > li > ul > li::before {width: 4.7vw; height: 4.7vw;}
	.main7 .logo img {height: 18.5vw;}

  .main8 {padding-top: 13.8vw; padding-bottom: 15.3vw; }
  .main8 .txt1 {padding-left: 8.7vw; font-size: 6.4vw; line-height: 9.8vw; margin-bottom: 3vw;}
  .main8 .txt2 {padding-left: 8.7vw; margin-bottom: 5vw; font-size: 3.4vw; line-height: 5.4vw;}
  .main8 .txt3 {margin-bottom: 6.5vw; padding-left: 8.7vw; font-size: 3.4vw; line-height: 5.4vw;}
  .main8 .thum {margin-bottom: 12vw; padding-right: 5.7vw;}
  .main8 .thum img {height: 63vw;}
  .main8 .txt4 {margin-bottom: 10vw; font-size: 6.4vw; line-height: 9.8vw;}
  .main8 .list {width: 83.8vw; border-radius: 3.6vw; padding: 10vw 8vw;}
  .main8 .list > img {top: -4.5vw; right: -4.5vw; height: 12.9vw;}
  .main8 .list > li {padding: 5vw 0 5.5vw 5.5vw; border-radius: 3vw; font-size: 3.6vw; line-height: 5.5vw;}
  .main8 .list > li + li {margin-top: 6vw;}
  .main8 .list > li::after {left: -3.5vw; width: 8.4vw; height: 8.8vw;}

  .main9 {padding-top: 10vw; padding-bottom: 13vw;}
  .main9 .txt1 {width: 27.2vw; height: 6.8vw; font-size: 3.7vw; margin: 0 auto 4vw;}
  .main9 .list1 {margin-bottom: 10vw; }
  .main9 .list1 > li {font-size: 5.7vw;}
  .main9 .list1 > li + li {margin-top: 5.5vw;}
  .main9 .img {margin-bottom: 4.5vw;}
  .main9 .img img {height: 18.5vw;}
  .main9 .txt2 {margin-bottom: 7vw; font-size: 6vw;}
  .main9 .list2 {width: 84.4vw; margin: 0 auto 8.8vw;}
  .main9 .list2 > li {width: 100%; height: 14.2vw; border-radius: 2vw; font-size: 3.5vw;}
  .main9 .list2 > li + li {margin-top: 1.2vw;}
  .main9 .thum {margin-bottom: 6vw;}
  .main9 .thum img {height: 38.5vw;}
  .main9 .txt3 {font-size: 5.8vw; line-height: 9vw;}

  .main10 {padding-top: 19vw; padding-bottom: 16.4vw;}
  .main10 .txt1 {margin-bottom: 3vw; }
  .main10 .txt1 img {height: 12.7vw;}
  .main10 .txt2 {margin-bottom: 8vw; font-size: 6.4vw; line-height: 9.8vw;}
  .main10 .txt3 {width: 23vw; height: 6.2vw; margin: 0 auto 5.5vw; font-size: 3.7vw;}
  .main10 .list {width: 82.2vw;}
  .main10 .list > li {padding: 6.3vw 0;}
  .main10 .list > li + li {margin-top: 1.5vw;}
  .main10 .list > li > .star {margin-bottom: 2.4vw;}
  .main10 .list > li > .star img {height: 3.2vw;}
  .main10 .list > li > h3 {margin-bottom: 2vw; font-size: 3vw; line-height: 4.8vw;}
  .main10 .list > li > p {font-size: 2.5vw;}

  .main11 {padding: 14vw 0 18vw;}
  .main11 .logo {margin-bottom: 5vw;}
  .main11 .logo img {height: 10vw;}
  .main11 .txt1 {margin-bottom: 5vw; font-size: 3.4vw; line-height: 5.4vw;}
  .main11 .call {width: 70vw;}
  .main11 .call > a {gap: 4vw; height: 11.5vw; font-size: 4.9vw;}
  .main11 .call > a img {height: 5.8vw; top: 0.5vw;}

  .float_btm {width: 70vw; bottom: 2vw;}
  .float_btm > a {height: 10vw; border-radius: 1vw; gap: 3vw;}
  .float_btm > a .thum {border-radius: 1vw; padding: 0 2vw;}
  .float_btm > a .thum img {height: 8vw;}
  .float_btm > a span {font-size: 2.4vw;}
  .float_btm > a .btn {width: 16vw; height: 6vw; font-size: 2.2vw; border-radius: 1vw;}

  .float_menu {bottom: 2vw; right: calc(50% - 47vw);}
  .float_menu > li + li {margin-top: 1.5vw;}
  .float_menu > li > a {width: 10vw; height: 10vw; border-radius: 99vw; font-size: 3.6vw;}
	
	.header {padding: 0 4vw; height: 13vw; width: 100%; left: 0; transform:translateX(0); }
	.header .logo a img {height: 8vw;}
	.header .menu_btn {font-size: 4vw;}
	
	.menu_box .menu_box_cont {padding: 0 2vw;}
	.menu_box .menu_box_cont .close {padding: 2vw; font-size: 3vw; }
	.menu_box .menu_box_cont > .list > li > a {padding: 2vw; font-size: 2.5vw;}

}

@media screen and (max-width:768px){
	.wrap {padding-top: 16vw;}
	
  .float_btm {width: 90vw; bottom: 2vw;}
  .float_btm > a {height: 14vw; gap: 3vw;}
  .float_btm > a .thum {padding: 0 2vw;}
  .float_btm > a .thum img {height: 10vw;}
  .float_btm > a span {font-size: 3.2vw; font-weight: 700;}
  .float_btm > a .btn {width: 18vw; height: 8vw; font-size: 3.0vw; }
	
	.float_menu {bottom: 20vw;}
	
	.header {height: 16vw;}
	.header .logo a img {height: 10vw;}
	.header .menu_btn {font-size: 6vw;}
	
	.menu_box .menu_box_cont {padding: 0 2vw;}
	.menu_box .menu_box_cont .close {padding: 3vw; font-size: 5vw; }
	.menu_box .menu_box_cont > .list > li > a {padding: 3vw; font-size: 3.5vw;}
}





/* °Ô½ÃÆÇ */

/* °Ô½ÃÆÇ ¸®½ºÆ® */
#board_wrap {padding-bottom: 150px;}
#board_wrap .list-head {min-height: auto; display:flex; flex-direction:column; gap:10px; margin-bottom: 20px; margin-top: 20px;}
#board_wrap .list-head .mb-category {order:2; display:flex; flex-wrap:wrap;}
#board_wrap .list-head .mb-category > button {all: unset; box-sizing: border-box !important;}
#board_wrap .list-head .mb-category > button {padding: 10px 25px; border: 1px solid #d9d9d9; background-color: #fff; font-size: 0; border-radius: 99px; margin-right: 5px !important;}
#board_wrap .list-head .mb-category > button > span {font-size: 15px; font-weight: 600; }
#board_wrap .list-head .mb-category > button.tab-menu-on {background-color: #1E927F !important; border-color: #1E927F;}
#board_wrap .list-head .mb-category > button.tab-menu-on > span {color: #fff;}
#board_wrap .list-head .list-search {float: none; text-align: left !important; padding: 0 !important;}
#board_wrap .list-head .list-search #search_text {width: 250px !important; height: 45px !important; border: 1px solid #d9d9d9; border-radius: 10px; min-width: auto !important; min-height: auto !important; padding: 0 10px !important; font-size: 15px !important; font-weight: 500 !important;}
#board_wrap .list-head .list-search > button {all: unset; box-sizing: border-box !important;}
#board_wrap .list-head .list-search > button {background-color: #f0f0f0 !important; width: 80px !important; height: 45px !important; border: 1px solid #d9d9d9; border-radius: 10px; min-width: auto !important; min-height: auto !important; padding: 0 10px !important; font-size: 15px !important; font-weight: 700 !important; text-align: center !important;}
#board_wrap .list-head .list-search > button:hover {background-color: #f0f0f0 !important;}
#board_wrap .list-head .list-search > select {display: none !important; }
#board_wrap .gallery-list .gallery-list-head {display: none !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-item-wrap {position: relative; border-radius: 20px !important; overflow: hidden; background-color: #f0f0f0 !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-item-wrap .gallery-category {position: absolute; top: 10px; left: 10px;	display: inline-block; padding: 5px 14px; background-color: #1E927F; font-size: 13px; font-weight: 600; color: #fff; border-radius:50px}
#board_wrap .gallery-list .gallery-list-body .gallery-item-img {padding: 0 !important; margin: 0 !important; border: none !important; }
#board_wrap .gallery-list .gallery-list-body .gallery-title {padding: 15px 15px 0  !important; min-height: auto !important; font-weight: 500 !important; font-size: 15px !important; color: #555 !important; opacity: 1 !important; text-overflow: inherit !important; overflow: visible !important; white-space: wrap !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-title > a {color: #555 !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-date {padding: 2px 15px 15px !important; font-size: 13px !important; color: #999 !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-name {display: none !important;}
#board_wrap .gallery-list .gallery-list-foot {display: none !important;}
#board_wrap .gallery-list .gallery-list-body {margin-top: -20px !important; display:flex; flex-wrap:wrap;}
#board_wrap .gallery-list .gallery-list-body .gallery-item-box {width: 33% !important; padding: 20px 10px 0 10px !important; transition:all 0.2s; float:none !important;}
#board_wrap .gallery-list .gallery-list-body .gallery-item-box:hover {transform:translateY(-10px)}

.title-h2 {font-size: 30px; margin: 50px 0 30px !important; font-weight: 500; }

@media screen and (max-width:1200px){
	#board_wrap .mb-board div form {padding: 0 15px;}
	#board_wrap .gallery-list .gallery-list-body .gallery-item-box {width: 50% !important;}
	#board_wrap .gallery-list .gallery-list-body {width: 100%;}
}


@media screen and (max-width:768px){
	#board_wrap .list-head .mb-category > button {padding: 7px 15px;}
	#board_wrap .list-head .mb-category > button > span {font-size: 13px;}
	#board_wrap .list-head {margin-top: 20px;}
	#board_wrap .gallery-list .gallery-list-body .gallery-item-box {width: 100% !important;}
	#board_wrap .gallery-list .gallery-list-body {width: 100%;}
	#board_wrap .gallery-list .gallery-list-body .gallery-item-img .img {height: 240px !important;}
	
	.title-h2 {font-size: 23px; margin: 30px 0 20px !important;}
}


/* °Ô½ÃÆÇ ºä */
#board_wrap .custom-view-container {margin-top: 50px;}
#board_wrap .custom-view-container .view-list {margin-bottom: 20px;}
#board_wrap .custom-view-container .view-list > a {display:flex; align-items:center; font-size: 16px; font-weight: 500; gap: 5px; }
#board_wrap .custom-view-container .view-category {display: inline-block; padding: 7px 15px; background-color: #1E927F; font-size: 16px; font-weight: 600; color: #fff; border-radius:5px; margin-bottom: 20px;}
#board_wrap .custom-view-container .view-title {font-size: 28px; font-weight: 600; margin-bottom: 10px;}
#board_wrap .custom-view-container .view-date {display:flex; align-items:center; gap:5px; font-size: 16px; color: #777; margin-bottom: 50px; justify-content:flex-end; padding-bottom: 30px; border-bottom: 1px solid #d9d9d9; }
#board_wrap .custom-view-container .view-content {}
#board_wrap .custom-view-container .view-content img {max-width: 100%;}
#board_wrap button.btn-list {display: none !important;}


@media screen and (max-width:768px){
	#board_wrap .custom-view-container .view-title {font-size: 20px;}
}