@import url(https://use.fontawesome.com/releases/v6.4.2/css/all.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');
/* @charset "utf-8"; */

/* Reset CSS  */
html { height: 100%; overflow-y:scroll;}
body { font-size: 14px; color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  font-family:"Pretendard", "GmarketSans", "Noto Sans KR", "Malgun Gothic", "Dotum", sans-serif; word-break: keep-all;}
button{font-family:"Pretendard", "Noto Sans KR", "Malgun Gothic", "Dotum", sans-serif;}
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#000;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  word-break: keep-all;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; height:auto; }
table { border-collapse:collapse; border-spacing:0; border: 0px; }
input, select { vertical-align:middle; }

label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 1.6;}
td strong {font-weight: 100; vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

.container { max-width: 1200px; width:100%; margin: 0 auto; position: relative; box-sizing: border-box; padding:0 25px;}
.container:after {content: ""; display: block; clear: both;}

.scrollLock {overflow: hidden;}
.error {display: flex; justify-content: center;}

.modal.dragging {
    transition: none !important;
  }
.modal-overlay {
    position:fixed;top:0;left:0;width:100%;height:100%;
    pointer-events:none;z-index:1000;
}
.modal {
    position:fixed;
    width:400px;
    max-width:90vw;
    background:white;
    border:1px solid #ddd;border-radius:8px;
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    opacity:0;
    transform:scale(0.9);
    transition:all 0.2s ease;
    pointer-events:none;
    z-index:9999;

    resize: none;
    overflow: auto;
    min-width: 300px;
    min-height: 200px;
}


/* .modal::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 20px;
    cursor: se-resize;
} */

/* .modal::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    cursor: ew-resize;
}

.modal::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    cursor: ns-resize;
} */

/* 오른쪽 테두리 */
.modal .resize-handle-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    z-index: 1;
    cursor: ew-resize;
  }
  
  /* 아래쪽 테두리 */
  .modal .resize-handle-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    z-index: 1;
    cursor: ns-resize;
  }
  .modal .resize-handle-corner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px; /* 조금 더 여유 있게 조정 */
    height: 20px;
    cursor: nwse-resize;
    z-index: 10;
    /* 45도 각도의 3줄 사선 패턴 생성 */
    background-image: linear-gradient(135deg, 
        transparent 0%, transparent 50%, 
        #ccc 50%, #ccc 60%, 
        transparent 60%, transparent 70%, 
        #ccc 70%, #ccc 80%, 
        transparent 80%, transparent 90%, 
        #ccc 90%, #ccc 100%
    );
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 3px; /* 테두리에서 살짝 띄움 */
    opacity: 0.6;
    transition: opacity 0.2s;
}

.modal .resize-handle-corner:hover {
    opacity: 1; /* 마우스 올리면 더 진하게 */
}
  

.modal.active {opacity:1;transform:scale(1.2);pointer-events:all;}
.modal-header {
    padding:20px 25px 15px;border-bottom:1px solid #eee;position:relative;
    touch-action: none;
}
.modal-title {font-size:20px;font-weight:600;color:#333;margin:0;}
.modal-title > img {vertical-align: baseline;}
.modal-close {
    position:absolute;top:15px;right:15px;background:#f8f9fa;color:#666;
    border:1px solid #ddd;width:30px;height:30px;border-radius:4px;
    cursor:pointer;font-size:16px;transition:all 0.2s ease;
    display:flex;align-items:center;justify-content:center;
}
.modal-close:hover {background:#e9ecef;color:#333;}
.modal-body {padding:15px;line-height:1.6;color:#555;}
.modal-body h3 {color:#333;margin-bottom:15px;font-size:18px;}
.modal-body p {margin-bottom:15px;}
.clear-all {
    padding:10px 20px;background:#6c757d;color:white;border:none;
    border-radius:4px;cursor:pointer;font-size:14px;margin-top:20px;
    transition:background-color 0.2s ease;
}
.clear-all:hover {background:#5a6268;}
@media (max-width:768px) {
    .modal {width:350px;}
    .button-grid {grid-template-columns:1fr;}
}








/*header*/
.hd-container{max-width: 1200px; margin: 0 auto; padding: 0 50px 0;}
#m-hd{position:fixed; top:0; width:100%; padding:0; height:80px; z-index: 9500; transition-duration: 0.2s; background-color: #fff;}
/* #m-hd:hover{background: #fff;} */
#m-hd:after{content:""; display:block; clear:both}
#m-hd #m-logo{position: absolute; /*width: 70%;*/ top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9000;}
#m-hd #mobile-menu.active span{background-color: #000;}
#m-hd .container{height: 100%;}
/* #m-hd .container{top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);} */
/* #admin-join{position: fixed; right:0; top:120px; z-index: 9999;}
#admin-join a{display:block; padding:15px; color:#fff;}
#admin-join .logout{background:#000}
#admin-join .admin-icon{background:#ff3746} */

#m-hd #m-nav {display:flex; justify-content: center; }
#m-hd #m-nav::after{content:""; display:block; clear:both}
/* #lang-nav{position:absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9000;} */
#lang-nav li{float:left; position:relative;}
/* #lang-nav li::before{content:""; display:block; position:absolute; width:1px; height:14px; background:#fff; left:-15px; top:5px;} */
#lang-nav li:first-child{margin-left:0 }
#lang-nav li:first-child::before{display:none;}

#lang-nav li{display: flex; width: 80px;  height: 40px;  justify-content: space-between;  padding: 10px;}
#lang-nav li p{font-size:14px; font-weight: 300; color:#fff; opacity:0.6;}
#lang-nav li p.active{color:#000; opacity:1;}


#m-hd #m-gnb{margin-left: 100px; display:flex; align-items: center; justify-content: center; width: 90%;}
#m-hd #m-gnb > li{text-align:center; margin-right:70px; position: relative;}
#m-hd #m-gnb > li:last-child{margin-right: 0;}
#m-hd #m-gnb > li > a{font-size:17px; font-weight:700; margin:0 auto; display:block; color:#000; box-sizing:border-box; position:relative; line-height:90px; position: relative;}
#m-hd #m-gnb > li > a{color:#000;}
/* #m-hd:hover #m-gnb > li > a{color:#fff;} */
#m-hd #m-gnb > li:hover > a{color:#3a9729 !important}
#m-hd #m-gnb .lnb{position:absolute; width:230px; background:rgba(0, 0, 0, 0.8); left: 50%;transform: translateX(-50%); display:none; top: 80px;}
#m-hd #m-gnb > li:hover .lnb{display:inline-block; }
#m-hd #m-gnb .lnb li:last-child{margin-right:0px }
#m-hd #m-gnb .lnb li a{display:block; padding:11px 0; font-size:15px; color:#b6b6b6;  font-weight: 500;}
#m-hd #m-gnb .lnb li a:hover{color:#3a9729}
#m-hd #m-gnb .lnb li a p{margin-top:7px;}
#m-hd #m-gnb .lnb li:last-child a p{margin-bottom:7px;}

/* 언어 */
.etc-nav{display:flex; align-items: center; justify-content: space-around; width: 60px;}
/* .etc-nav li{} */
#lang-nav{width: 100%; border: 1px solid #bfbfbf; background-color: fff; border-radius: 50px;}
#lang-nav.clicked{
    background-color: #000;
}

#all-menu{display:none;}
#mobile-btn{display:block; cursor: pointer; margin-right:25px; position: absolute; right:0; top:22px; display:none;}

#mobile-menu-open{width:32px; height: 21px; }
#mobile-menu-open,
#mobile-menu-open span {display: inline-block; transition: all .2s;box-sizing: border-box;}
#mobile-menu-open {position: relative;}
#mobile-menu-open span {position: absolute; right: 0; width: 100%; height: 3px; background-color: #000;}

#m-hd.color-change #mobile-menu-open span{background:#000;}
/* #m-hd:hover #mobile-menu-open span{background:#000;} */
/* #m-hd.sub-hd{position: relative;} */
#m-hd.sub-hd #m-gnb > li > a{color:#000;}
#m-hd.sub-hd #mobile-menu-open span{background:#000;}
#m-hd.sub-hd #lang-nav li a{color:rgba(0, 0, 0, 0.4)}
#m-hd.sub-hd #lang-nav li a.active{color:#000}
#m-hd.sub-hd #lang-nav li::before{background:#000;}
#m-hd.hd-fixed #mobile-menu-open span{background:#000;}

#mobile-menu-open span:nth-of-type(1) {top: 0; width:calc(100% - 7px); }
#mobile-menu-open span:nth-of-type(2) {top: 9px;}
#mobile-menu-open span:nth-of-type(3) {bottom: 0; width:calc(100% - 7px);}
#mobile-menu-open:hover span:nth-of-type(1),
#mobile-menu-open:hover span:nth-of-type(3){width:100%;}
#mobile-menu-open.active span{background-color: #555;}
#mobile-menu-open.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
#mobile-menu-open.active span:nth-of-type(2) {opacity: 0;}
#mobile-menu-open.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);transform: translateY(-14px) rotate(45deg);}


#mobile-menu-close,
#mobile-menu-close span {display: inline-block; transition: all .4s;box-sizing: border-box;}
#mobile-menu-close {position: absolute; width: 30px; height: 30px; right:0 }
#mobile-menu-close span {position: absolute; left: 0; width: 100%; height: 3px; background-color: #000; border-radius: 2px}

#mobile-menu-close span:nth-of-type(1) {top:14px; transform: rotate(45deg);}
#mobile-menu-close span:nth-of-type(2) {top:14px;transform: rotate(-45deg);}

#all-menu{position:fixed; display:block; background:#fff; width:100%;  height:100%; z-index:9500; top:0; right:-100%; opacity:0;  background:rgba(0, 0, 0, 0.9 ); width:100%;}
#menu-box{height: 100%; display:flex; align-items:center; justify-content: center; overflow: auto; padding-top: 50px;}

#all-menu #all-gnb > li > a{padding:23px 0 0; font-size:42px; display:block; text-align:left; color:#000; font-weight:700}
#all-menu #all-gnb > li {margin-bottom: 30px;}

#all-gnb ul a{font-size:15px; font-weight: 500; color:#aaa; display:block;}
#all-gnb ul > li{padding:8px 0}
#all-menu #all-nav{ position:relative; width:80%; height: 100%;}
#all-menu #all-gnb .lnb{display:none;}
#all-menu #all-gnb .lnb li{float:left; margin-right:45px;}
#all-menu #all-gnb .lnb li a{ font-size:22px; color:#fff; font-weight: 700;}
#all-menu #all-gnb .lnb li a:hover{color:#e84b18; background: none;}
#all-menu #all-gnb .lnb li:last-child {margin-right:0;}

#mobile-lang-nav{margin-bottom:20px;}
#mobile-lang-nav li{float:left; margin-right:30px;}
#mobile-lang-nav li a{padding:10px 0; font-size:22px;  color:#000; opacity: 0.3; font-weight: 700;}
#mobile-lang-nav li:last-child{margin-right:0px;}
#mobile-lang-nav li a.active{opacity:1;}

/* .lnb-depth{display:none;}
#m-hd #m-gnb > li:nth-child(2) .lnb > li > a{padding:0; margin-top:21px; margin-bottom:7px; color:#e84b18;}
#m-hd #m-gnb > li:nth-child(2) .lnb > li > a p{margin:0;}
#m-hd #m-gnb > li:nth-child(2) .lnb-depth{display: block;}

#all-menu #all-gnb > li:nth-child(2) .lnb > li > a{padding:0; margin-top:7px; margin-bottom:7px; color:#e84b18;}
#all-menu #all-gnb > li:nth-child(2) .lnb-depth{display: block;} */

/*index 공통*/
.contents-box::after{content:""; display:block; clear:both;}
.box-wrap::after{content:""; display:block; clear:both;}


/*index 공통*/
#wrap{overflow: hidden;}
.main-page-anchor { position: fixed;right: 60px; top: 50%;z-index: 30; text-align:center;  transform:translateY(-50%);
-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); }
.main-page-anchor li{ margin-bottom:20px;}
.main-page-anchor li:last-child{ margin-bottom:0; }
.main-page-anchor a {display:block; width:12px; height:12px; border-radius:50%; background:#fff; transition: 0.3s; opacity:0.3; margin:0 auto;}
.main-page-anchor li.active > a {opacity:1 }

/* #fullpage section{ height: 936px;} */
/* .main-section .container{height: calc(var(--vh, 1vh) * 100);} */
.main-section .container{height: 100%;}
.main-section .symbol-title h5{font-size:23px; color:#a0a0a0; margin:5px 0 15px; font-weight: 500;}

#m-hd #m-logo .logo-color{display:none;}
#m-hd.color-change #m-gnb > li > a{color:#000}

#m-hd.color-change #m-logo .logo-color{display:block;}

#m-hd.color-change #m-logo .logo-white{display:none;}

#m-hd.color-change #lang-nav li a.active{color:#000;}
.main-page-anchor.color-change a{background:#000;}

#m-hd.color-change #lang-nav li::before{background:#949494;}

#m-hd.color-change #lang-nav li a{color:rgba(0, 0, 0, 0.4)}

#m-hd.color-change #lang-nav li a.active{color:#000;}


/* #m-hd:hover #m-logo .logo-color,
#m-hd.color-change #m-logo .logo-color{display:block;}
#m-hd:hover #m-logo .logo-white,
#m-hd.color-change #m-logo .logo-white{display:none;}
#m-hd:hover #lang-nav li a.active,
#m-hd.color-change #lang-nav li a.active{color:#000;}
.main-page-anchor.color-change a{background:#000;}
#m-hd:hover #lang-nav li::before,
#m-hd.color-change #lang-nav li::before{background:#949494;}
#m-hd:hover #lang-nav li a,
#m-hd.color-change #lang-nav li a{color:rgba(0, 0, 0, 0.4)}
#m-hd:hover #lang-nav li a.active,
#m-hd.color-change #lang-nav li a.active{color:#000;} */


#m-hd.hd-fixed #m-gnb > li > a{color:#000}
#m-hd.hd-fixed #m-logo .logo-white{display:none;}
#m-hd.hd-fixed #m-logo .logo-color{display:block;}
#m-hd.hd-fixed{background:#fff;}
#m-hd.hd-fixed #lang-nav li a.active{color:#000;}
#m-hd.hd-fixed #lang-nav li a{color:rgba(0, 0, 0, 0.4)}
#m-hd.hd-fixed #lang-nav li::before{background:#949494;}

.page01 .swiper-wrapper {filter: brightness(75%);}

/* 공통 */
#fullpage{overflow: hidden;}

.biotran {border: 1px solid #ddd;}

/* 여기부터 메인 페이지 섹션 1 */
.page01 .contents-box{width: 100%;}

/*게시판*/
.board-qa .section01 .container .section-title {height: auto !important;}
.board-qa #bo_list {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa #bo_v {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa #bo_w {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa .sub-grid {background-color: white;}
.board-qa #fwrite {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa .section01 .container .section-title .title {height: auto !important;}
.board-qa .section01 .container .section-title .title p {font-size: 18px; line-height: 35px; color: #6f6f6f; margin: 40px auto 100px; width: 57%;}

.board-qa_en .section01 .container .section-title {height: auto !important;}
.board-qa_en #bo_list {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa_en #bo_v {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa_en #bo_w {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa_en .sub-grid {background-color: white;}
.board-qa_en #fwrite {max-width: 1200px; margin: 0 auto 20px; padding: 0 25px;}
.board-qa_en .section01 .container .section-title .title {height: auto !important;}
.board-qa_en .section01 .container .section-title .title p {font-size: 18px; line-height: 35px; color: #6f6f6f; margin: 40px auto 100px; width: 100%;}

/* 슬라이드 */
.page01 .swiper-container.slider1{width: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.page01 .swiper-container.slider1 img{width: 100%;}

/* 페이지네이션 */
.page01 .swiper-pagination-bullet{width: 16px; height: 16px; border: 2px solid #fff; background: rgba(0, 0, 0, 0);}
.page01 .swiper-pagination-bullet-active{background: #fff;}

/* 네비 */
.page01 .slider1 .swiper-button-next, .page01 .slider1 .swiper-button-prev{top: 55%; color: rgba(0, 0, 0, 0); width: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; display: flex; justify-content: center; position: absolute; align-items: center; cursor: pointer; /* 커서를 포인터로 변경하여 클릭 가능하도록 설정 */}
.page01 .slider1 .swiper-button-next:hover, .page01 .slider1 .swiper-button-prev:hover{background-color: rgba(255, 255, 255, 0.3); transition: 0.4s;}
.page01 .slider1 .swiper-button-next::after{ position: absolute; background-image: url('../img/next.png'); background-repeat: no-repeat; top: 62%; left: 57%; transform: translate(-50%, -50%);}
.page01 .slider1 .swiper-button-prev::after{ position: absolute; background-image: url('../img/prev.png'); background-repeat: no-repeat; top: 62%; left: 50%; transform: translate(-50%, -50%);}

/* 텍스트 */
.page01 .contents-box .title-box{position: absolute; /*left: 40%; top: 45%;*/ z-index: 1; color: #fff; text-align: center; text-shadow: 2px 4px 2px rgba(0,0,0,0.2); width: 50%;}
.page01 .contents-box .title-box h3{justify-content: center; font-size: 35px; font-family: "GmarketSans"; line-height: 47px;}
.page01 .contents-box .title-box p{justify-content: center; font-size: 20px; font-family: "Noto Sans KR"; font-weight: 400; line-height: 28px; padding-top: 16px;}

/* 메인 페이지 섹션 1 끝 */

/*여기부터 메인 페이지 섹션2 */
.page02 .container{padding-top: 100px;}
.page02 .container .contents-box{display: flex; justify-content: space-between; width: 100%; font-family: "Noto Sans KR";}
.page02 .contents-box .inner{width: 50%; flex: 1; text-align: left;}
.page02 .contents-box .inner .title-box{width: 70%;}
.page02 .contents-box .inner .title-box h5{font-size: 23px; font-weight: 700;}
.page02 .contents-box .inner .title-box h5:before {content: ''; display: block; width: 29px; height: 3px; background-color: #3a9729;}
.page02 .contents-box .inner .title-box h2{padding-top: 20px; font-size: 36px; font-weight: 900;}
.page02 .contents-box .inner .text-box{padding-bottom: 40px; padding-top: 25px; width: 80%;}
.page02 .contents-box .inner .text-box h6{font-size: 21px; font-weight: 300;}
.page02 .contents-box .inner .text-box p{font-size: 16px; line-height: 23px; font-weight: 200; padding-top: 10px; color: #6f6f6f;}
.page02 .contents-box .inner .contents-link{position: relative; width: 155px; height: 45px; border-radius: 50px; font-size: 15px; color: #919191; border: 1px solid #919191; }
.page02 .contents-box .inner .contents-link .link-btn{position: absolute; top: 30%; left: 0%; width: 100%; text-align: center;}
.page02 .contents-box .inner .contents-link .link-btn img{padding-left: 25px;}
.page02 .contents-box .inner .contents-link:hover{font-weight: 500; background-color: #3a9729; color: white; transition: 0.4s; border: none;}
.page02 .contents-box .inner .contents-link:hover > .link-btn img {filter: brightness(0) invert(1)}
.page02 .contents-box .inner .au {border-radius: 9px; border: 1px solid #b9b9b9; width: 495px; color: #3d5975; margin-top: 40px;}
.page02 .contents-box .inner .au .title {background-color: #edcd1f; border-top-left-radius: 9px; border-top-right-radius: 9px; padding: 15px; font-size: 20px; display: flex; align-items: center;}
.page02 .contents-box .inner .au .title::before {content: ''; display: block; width: 46px; height: 46px; background-image: url('../img/au_logo.png'); margin-right: 15px;}
.page02 .contents-box .inner .au .link-btn {padding: 15px; font-size: 15px; background-color: white; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;}
.page02 .contents-box .inner .au .link-btn img {padding-left: 25px;}

/* 슬라이드 */
.page02 .swiper-container .inner-right{position: relative;}
.page02 .swiper-container.slider2{float: 1; text-align: right; width: 550px; height: 390px; position: relative; overflow: hidden;}
.page02 .swiper-container.slider2 img{width: 100%;}

/* 네비 */
.page02 .slider2 .swiper-button-next, .page02 .slider2 .swiper-button-prev{color: rgba(0, 0, 0, 0); cursor: pointer; /* 커서를 포인터로 변경하여 클릭 가능하도록 설정 */}
.page02 .slider2 .swiper-button-prev{opacity: 1; position: absolute; background-image: url('../img/prev02.png'); width: 55px; height: 55px; background-color: white; border: 2px solid #ebebeb; background-repeat: no-repeat; top: 92%; left: 80%; background-position: center;}
.page02 .slider2 .swiper-button-next{opacity: 1; position: absolute; background-image: url('../img/next02.png'); width: 55px; height: 55px; background-color: white; border: 2px solid #ebebeb; background-repeat: no-repeat; top: 92%; left: 90%; background-position: center;}
.page02 .slider-bg{position: absolute; margin-top: 10px; margin-left: 10px;}

/* .page02 .navi-button{position: absolute; top: 90%; right: 20%;}
.page02 .swiper-button-prev, 
.page02 .swiper-button-next{ color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-color: white; width: 55px; height: 55px; border: 2px solid #ebebeb; background-position: center; background-size: 18px;}
.page02 .swiper-button-prev{background-image: url('../img/prev02.png'); }
.page02 .swiper-button-next{background-image: url('../img/next02.png'); margin-right: -130px;} */
/* 메인 페이지 섹션 2 끝 */

.main-bg{position: absolute; }

/*여기부터 메인 페이지 섹션3 */
.page03 {background-image: url('../img/main03.png'); background-size: contain; background-position: bottom; background-repeat: no-repeat;}
.page03 .container-3{max-width: 1200px; overflow: hidden; margin: 0 auto;}
.page03 {padding-top: 140px; padding-bottom: 100px;}
.page03 .contents-box{margin-bottom: 100px; position: relative; display: flex; width: 100%; font-family: "Noto Sans KR"; justify-content: center;}
.page03 .contents-box .inner{width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center;}

.page03 .contents-box .inner .title-box h5{font-size: 23px; font-weight: 700; display: flex; flex-direction: column; align-items: center;}
.page03 .contents-box .inner .title-box h5:before {content: ''; display: block; width: 29px; height: 3px; background-color: #3a9729;}
.page03 .contents-box .inner .text-box{width: 50%; padding-bottom: 30px; padding-top: 15px;}
.page03 .contents-box .inner .text-box p{font-size: 18px; font-weight: 200; padding-top: 0px; color: #6f6f6f; padding-bottom: 50px;}
.page03 .contents-box .inner .img-box {display: flex; flex-wrap: wrap; justify-content: space-evenly;}
.page03 .contents-box .inner .img-box .event {width: 230px; height: 175px; margin-bottom: 28px; overflow: hidden;}
.page03 .contents-box .inner .img-box .event {width: 230px; height: 175px; position: relative; overflow: hidden;}
.page03 .contents-box .inner .img-box .event .text {width: 230px; height: 175px; position: absolute; top: 0; left: 0; transform: translateY(70%); background-color: rgba(58, 151, 41, 0.85); transition: all 0.5s;}
.page03 .contents-box .inner .img-box .event .text p {font-size: 19px; width: 100%; color: white; margin: 15px 0 13px; transition: all 0.5s;}
.page03 .contents-box .inner .img-box .event .text .contents-link {color: white; margin: 0 auto;}
.page03 .contents-box .inner .img-box .event .text .contents-link .link-btn img {padding-left: 10px;}
.page03 .contents-box .inner .img-box .event:hover .text {transform: translateY(0);}
.page03 .contents-box .inner .img-box .event:hover .text p {margin-top: 70px;}
.page03 .contents-box .inner .img-box .item01 .img {width: 230px; height: 175px; background-image: url('../img/section03_01.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item02 .img {width: 230px; height: 175px; background-image: url('../img/section03_02.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item03 .img {width: 230px; height: 175px; background-image: url('../img/section03_03.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item04 .img {width: 230px; height: 175px; background-image: url('../img/section03_04.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item05 .img {width: 230px; height: 175px; background-image: url('../img/section03_05.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item06 .img {width: 230px; height: 175px; background-image: url('../img/section03_06.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item07 .img {width: 230px; height: 175px; background-image: url('../img/section03_07.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item08 .img {width: 230px; height: 175px; background-image: url('../img/section03_08.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item09 .img {width: 230px; height: 175px; background-image: url('../img/section03_09.png'); background-size: cover;}
.page03 .contents-box .inner .img-box .item10 .img {width: 230px; height: 175px; background-image: url('../img/section03_10.png'); background-size: cover;}
.page03 .contents-box .inner .contents-link{ position: relative; width: 155px; height: 45px; border-radius: 50px; font-size: 17px; color: #919191; border: 1px solid transparent; }
.page03 .contents-box .inner .contents-link .link-btn{position: absolute; top: 30%; left: 0%; width: 100%; text-align: center;}
.page03 .contents-box .inner .contents-link .link-btn img{padding-left: 25px;}
.page03 .contents-box .inner .contents-link:hover{font-weight: 500; color: rgb(182, 182, 182); transition: 0.4s; border: 1px solid white;}

/* 슬라이드 */
.page03 .swiper-container.slider3{overflow: hidden; right: 0; display: flex; width: 70%; height: 350px; text-align: right;}
.page03 .swiper-container.slider3 .swiper-wrapper{margin-right: 80px}
.page03 .swiper-container.slider3 .swiper-slide .inner01{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_01.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner01 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner01 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner01 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner02{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_02.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner02 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner02 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner02 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner03{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_03.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner03 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner03 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner03 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner04{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_04.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner04 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner04 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner04 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner05{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_05.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner05 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner05 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner05 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner06{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_06.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner06 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner06 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner06 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner07{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_07.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner07 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner07 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner07 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner08{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_08.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner08 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner08 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner08 .menu .button{margin-right: 0;}

.page03 .swiper-container.slider3 .swiper-slide .inner09{border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 460px; height: 322px; background-image: url('../img/main03_09.png'); background-size: cover;}
.page03 .swiper-container.slider3 .swiper-slide .inner09 .menu{justify-content: space-between; align-items: center; display: flex; border-bottom-right-radius: 20px; position: absolute; padding: 30px; bottom: 0;  width: 100%; height: 25%; background-color: white;}
.page03 .swiper-container.slider3 .swiper-slide .inner09 .menu h2{font-weight: 500; font-size: 23px; vertical-align: center; line-height: 100px;}
.page03 .swiper-container.slider3 .swiper-slide .inner09 .menu .button{margin-right: 0;}


/* 네비 */
.page03  .swiper-button-next, .page03 .slider3 .swiper-button-prev{background: #409629; top: 40%; color: rgba(0, 0, 0, 0); width: 40px; height: 40px;  display: flex; justify-content: center; position: absolute; align-items: center; cursor: pointer; /* 커서를 포인터로 변경하여 클릭 가능하도록 설정 */}
.page03 .slider3 .swiper-button-prev{background: #cdcdcd;}
.page03  .swiper-button-next::after{background-position: center; position: absolute; background-image: url('../img/next03.png'); background-repeat: no-repeat;}
.page03  .swiper-button-prev::after{background-position: center; position: absolute; background-image: url('../img/prev03.png'); background-repeat: no-repeat;}
.page03  .swiper-button-prev{left: 0%;}
.page03  .swiper-button-next{left: 3%;}

/* 여기부터 메인 페이지 섹션4 */
.page04 {background-color: #000;  width: 100%; background-image: url('../img/main04_bg.jpg');  background-size: cover; background-repeat: no-repeat;}
.page04 .contents-box{padding-top: 80px; padding-bottom: 60px; color: white; font-family: "Noto Sans KR";}
.page04 .contents-box .title-box h5{font-size: 28px; color: #000;}
.page04 .contents-box .inner{padding-top: 20px; display: flex; width: 100%;}
.page04 .contents-box .inner .list{display: flex; width: 100%; justify-content: space-between; align-items: flex-end;}
.page04 .contents-box .inner .list h3{font-size: 27px; font-weight: 700;}
.page04 .contents-box .inner .list p{font-size: 16px; font-weight: 300; line-height: 24px;}
.page04 .contents-box .inner .list .contents-link{position: relative; width: 155px; height: 45px; border-radius: 50px; font-size: 15px; color: #919191; border: 1px solid #919191;}
.page04 .contents-box .inner .list .contents-link .link-btn{position: absolute; top: 30%; left: 0%; width: 100%; text-align: center; }
.page04 .contents-box .inner .contents-link .link-btn img{padding-left: 25px;}
.page04 .contents-box .inner .contents-link:hover{background-color: rgba(58, 151, 41, 0.85); transition: 0.4s; border: #000; color: white;}
.page04 .contents-box .inner .contents-link:hover > .link-btn img {filter: brightness(0) invert(1);}
.page04 .contents-box .inner .list ul{padding-top: 20px; width:30%;}
.page04 .contents-box .inner .list ul li{padding-top: 20px; color: #000;}

/* sub 공통 */
.sub-page-visual{margin-bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 50vw; max-height: 370px;}
.sub-page-visual .container{height: 100%; margin-bottom: 30px; position: relative;}
.sub-page-visual .container .inner{display:flex;  height: 100%; color: #fff; position: absolute; top: 45%;}
.sub-page-visual .visual-title h3{font-size:40px}
.sub-page-visual .visual-title h5{font-size:24px; font-weight: 200; line-height: 1.5; font-family: "GmarketSans";}

.sub-section .container  .menu-list ul{display: flex; align-items: center; font-size: 17px; text-align: center; color: #5b5b5b; height: 75px; justify-content: center;}
.sub-section .container  .menu-list ul li{padding: 0 30px; border-right: 1px solid #f3f3f3;}
.sub-section .container  .menu-list ul li a{color: #5b5b5b;}
.sub-section .container .menu-list ul li:last-child{border: none;}
.sub-section .bg-gray {background-color: #f6f6f6;}

.sub02 .sub-page-visual .container .inner{display:flex;  height: 100%; color: #fff; position: absolute; top: 45%;}
.sub02 .sub-page-visual{background-image: url('../img/sub02_01_visual.png');}
.sub02 .section01 .container .section-title{display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 75px 20px 90px 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;} 
.sub02 .section01 .container .section-title .title {height: 65%;}
.sub02 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub02 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}
.sub02 .sub-section .container  .menu-list ul {display: flex; flex-wrap: wrap; font-size: 18px; color: #6a6a6a; margin-top: 75px; justify-content: space-evenly; height: auto;}
.sub02 .sub-section .container  .menu-list ul::after{display: none;}
.sub02 .sub-section .container  .menu-list.en ul li {width: 210px;}
.sub02 .sub-section .container  .menu-list ul li {width: 193px; padding: 25px 0; background-color: #f6f6f6; border: none; border-top-left-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 10px;}
.sub02 .sub-section .container .menu-list ul  li:hover {background-color: #3a9729;}
.sub02 .sub-section .container  .menu-list ul a:hover li {color: #fefefe;}

/* sub01_01 */
.sub0101 .sub-page-visual{background-image: url('../img/sub01_01_visual.png');}

.sub0101 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;}
.sub0101 .section01 .container .section-title::before {content: url("../img/sub01_01_img02.png"); position: absolute; top: -15px; left: 0; z-index: -1;} 
.sub0101 .section01 .container .section-title .title {height: 65%;}
.sub0101 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0101 .section01 .container .section-title .icon{margin-bottom: 10px; align-items: center; width: 2%; height: 5px; background-color: #3a9729;}
.sub0101 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}

.sub0101 .section01 .contents-box{display:flex; flex-wrap: wrap; align-items: flex-start}
.sub0101 .section01 .img-box{max-width: 1920px; margin: 0 auto;}
.sub0101 .section01 .container:last-child {display: flex;}
.sub0101 .section01 .container .img-box{padding-top: 75px; margin-right: 36px;}
.sub0101 .section01 .text-box{margin-top: 60px; width: 67%; margin-bottom: 60px;}
.sub0101 .section01 .text-box h3{font-size: 27px; font-weight: 700; line-height: 2.7; color: #363636;}
.sub0101 .section01 .text-box p{font-size:18px; font-weight: 400; line-height: 1.8; color:#6f6f6f;}

/* sub01_02 */
.sub0102 .sub-page-visual{background-image: url('../img/sub01_01_visual.png');}

.sub0102 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */}
.sub0102 .section01 .container .section-title .title{height: 65%;}
.sub0102 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0102 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000000;}

.sub0102 .section01 .img-box{width: 100vw; margin: 0 auto; margin-bottom: 20px;}
.sub0102 .section01 .img-box img{width: 100%; height: 550px; object-fit: cover;}

.sub0102 .section02 .contents-box{margin-bottom: 120px;}
.sub0102 .section02 .contents-box::after{display: block; content: ""; width: 1px; height: calc(100% - 150px); background-color: #ccecd4; position: absolute; top: 55px; left: 6px; z-index: -1;}

.sub0102 .section02 .history-box h3{font-size: 34px; font-weight: 700; color: #00a126;}
.sub0102 .section02 .history-box{display:flex; align-items: flex-start; padding:50px 0 80px 0;}
.sub0102 .section02 .history-box .inner{width: 45%;}
.sub0102 .section02 .history-box .inner h3{position: relative; padding-left: 30px;}
.sub0102 .section02 .history-box .inner h3::before{display: block; content: ""; width: 14px; height: 14px; border-radius: 7px; background-color: #00a126; position: absolute; top: 15px; left: -25px;}
.sub0102 .section02 .history-box .inner h3::after{display: block; content: ""; width: 30px; height: 30px; border-radius: 15px; background-color: #ccecd4; position: absolute; top: 15px; left: -25px; transform: translate(-7.5px, -7.5px); z-index: -1;}
.sub0102 .section02 .history-box .inner-right{width: 55%;}
.sub0102 .section02 .history-box .inner-right ul{display: flex; flex-direction: column; gap:20px;}
.sub0102 .section02 .history-box .inner-right ul{display: flex; flex-direction: column; gap:20px;}
.sub0102 .section02 .history-box .inner-right ul li{padding-bottom: 20px; border-bottom: 1px solid #f3f3f3;}
.sub0102 .section02 .history-box .inner-right ul li::before{display: block; content: ""; width: 5px; height: 5px; border-radius: 5px; background-color: #1b1b1b; position: relative; top: 18px; left: -25px;}
.sub0102 .section02 .history-box .inner-right ul li h6{font-size: 23px; font-weight: 700; color: #333333; padding-bottom: 10px;}
.sub0102 .section02 .history-box .inner-right ul li p{font-size: 16px; font-weight: 300; color: #6f6f6f;}

/* sub01_03 */
.sub0103 .sub-page-visual{background-image: url('../img/sub01_01_visual.png');}
.sub0103 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;} 
.sub0103 .section01 .container .section-title .title {height: 65%;}
.sub0103 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0103 .section01 .container .section-title .icon{margin-bottom: 10px; align-items: center; width: 2%; height: 5px; background-color: #3a9729;}
.sub0103 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}
.sub0103 .section01 .container:first-child .contents-box .wrap {text-align: center;}
.sub0103 .section01 .container:first-child .contents-box .wrap .text-box p {font-size: 18px; line-height: 34px; color: #626262; margin-top: 60px;}
.sub0103 .section01 .container:nth-child(n+2) .section-title{justify-content: flex-end;}
.sub0103 .section01 .container:nth-child(n+2) .section-title .title {height: 55%;}
.sub0103 .section01 .container:nth-child(2) .contents-box .wrap .img-box:last-child{margin-top: 20px;}
.sub0103 .section01 .container:last-child .contents-box {margin-bottom: 120px;}

/* sub01_04 */
.sub0104 .sub-page-visual{background-image: url('../img/sub01_01_visual.png');}
.sub0104 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;} 
.sub0104 .section01 .container .section-title .title {height: 65%;}
.sub0104 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0104 .section01 .container .section-title .icon{margin-bottom: 10px; align-items: center; width: 2%; height: 5px; background-color: #3a9729;}
.sub0104 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}
.sub0104 .section01 .container .contents-box {display: flex; margin-bottom: 225px;}
.sub0104 .section01 .container .contents-box .inner-right{margin-left: 30px;}
.sub0104 .section01 .container .contents-box .inner-right .text-box h3 {font-size: 22px; line-height: 29px; font-weight: 500; color: #363636; margin-bottom: 20px;}
.sub0104 .section01 .container .contents-box .inner-right .text-box:first-child {margin-bottom: 50px;}
.sub0104 .section01 .container .contents-box .inner-right .text-box:first-child p:before {display: none;}
.sub0104 .section01 .container .contents-box .inner-right .text-box p{font-size: 18px; line-height: 40px; color: #6f6f6f; display: flex; align-items: center;}
.sub0104 .section01 .container .contents-box .inner-right .text-box p::before{content: ''; width: 41px; height: 41px; background-image: url('../img/sub01_04_icon.png'); margin-right: 10px;}

/* sub01_05 */
.sub0105 .sub-page-visual{background-image: url('../img/sub01_01_visual.png');}
.sub0105 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;} 
.sub0105 .section01 .container .section-title .title {height: 65%;}
.sub0105 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0105 .section01 .container .section-title .icon{margin-bottom: 10px; align-items: center; width: 2%; height: 5px; background-color: #3a9729;}
.sub0105 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}
.sub0105 .section01 .container .contents-box {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 50px; gap: 5px;}
.sub0105 .section01 .container .contents-box .cert-box {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: 0 5px 50px 5px;}
.sub0105 .section01 .container .contents-box .cert-box p {font-size: 18px; line-height: 29px; color: #626262; text-align: center;}
.sub0105 .section01 .container.en {max-width: 1350px;}

/* sub02_01 */
.sub0201 .section01 .container h3 {font-size: 33px; font-weight: bold; margin-bottom: 15px;}
.sub0201 .section01 .container .contents-box {display: flex; align-items: center; justify-content: space-between;}
.sub0201 .section01 .container .contents-box .text-box {width: 40%;}
.sub0201 .section01 .container .contents-box .text-box p {font-size: 20px; line-height: 30px; color: #6f6f6f;}
.sub0201 .section01 .container:last-child .contents-box {flex-direction: column; margin: 80px 0 120px;}
.sub0201 .section01 .container:last-child .contents-box .overflow:first-child img {margin-bottom: 80px;}

/* sub02_02 */
.sub0202 .section01 .container:nth-child(3) {max-width: none;  margin-top: 80px; display: flex; justify-content: center;}
.sub0202 .section01 .container h3 {font-size: 33px; font-weight: bold; margin-bottom: 15px;}
.sub0202 .section01 .container .contents-box {display: flex; align-items: center; justify-content: space-between;}
.sub0202 .section01 .container .contents-box .text-box {width: 60%;}
.sub0202 .section01 .container .contents-box .text-box p {font-size: 20px; line-height: 30px; color: #6f6f6f;}
.sub0202 .section01 .container:nth-child(3) .contents-box {justify-content: space-around; padding: 25px 0 50px; box-sizing: border-box; width: 80%;}
.sub0202 .section01 .container:nth-child(3) .contents-box .text-box {width: 63%;}
.sub0202 .section01 .container:nth-child(3) .contents-box::after {display: none;}
.sub0202 .section01 .container:nth-child(3) .contents-box .text-box p:first-child {font-size: 25px; line-height: 35px; font-weight: bold; color: #333333; width: 100%;}
.sub0202 .section01 .container:nth-child(3) .contents-box .text-box p:first-child > img {vertical-align: top;}
.sub0202 .section01 .container:nth-child(3) .contents-box .text-box p:last-child {font-size: 18px; line-height: 35px; margin-top: 20px;}
.sub0202 .section01 .container:nth-child(3) .contents-box .text-box p:last-child > img {vertical-align: text-top;}
.sub0202 .section01 .container:last-child .contents-box {display: flex; flex-direction: column; margin: 80px 0 120px;}
.sub0202 .section01 .container .contents-box .contents-area {width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px; align-items: center;}
.sub0202 .section01 .container .contents-box .contents-area .buttons {display: flex;}
.sub0202 .section01 .container .contents-box .contents-area .buttons button {margin-left: 10px; width: 200px; background-color: white; color: #00a126; border-radius: 10px; font-size: 30px; padding: 10px 0; border: 1px solid #00a126; transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1);} 
.sub0202 .section01 .container .contents-box .contents-area .buttons button:hover {color: white; background-color: #00a126;}
.sub0202 .section01 .container .contents-box .contents-area .buttons > div {width: 200px;}

/* sub02_03 */
.sub0203 .section01 .container h3 {font-size: 33px; font-weight: bold; margin-bottom: 15px;}
.sub0203 .section01 .container .contents-box {display: flex; align-items: center; justify-content: space-between;}
.sub0203 .section01 .container .contents-box .text-box {width: 75%;}
.sub0203 .section01 .container .contents-box .text-box p {font-size: 20px; line-height: 30px; color: #6f6f6f;}
.sub0203 .section01 .container:last-child .contents-box {display: flex; flex-direction: column; margin: 80px 0 120px;}

/* sub02_05 */
.sub0205 .section01 .container h3 {font-size: 33px; font-weight: bold; margin-bottom: 15px;}
.sub0205 .section01 .container .contents-box {display: flex; align-items: center; justify-content: space-between;}
.sub0205 .section01 .container .contents-box .text-box {width: 77%;}
.sub0205 .section01 .container .contents-box .text-box p {font-size: 20px; line-height: 30px; color: #6f6f6f;}
.sub0205 .section01 .container:last-child .contents-box {display: flex; flex-direction: column; margin: 80px 0 120px;}

/* sub02_07 */
.sub0207 .section01 .container h3 {font-size: 33px; font-weight: bold; margin-bottom: 15px;}
.sub0207 .section01 .container .contents-box {display: flex; align-items: center; justify-content: space-between;}
.sub0207 .section01 .container .contents-box .text-box {width: 70%;}
.sub0207 .section01 .container .contents-box .text-box p {font-size: 20px; line-height: 30px; color: #6f6f6f;}
.sub0207 .section01 .container:last-child .contents-box {display: flex; flex-direction: column; margin: 80px 0 120px;}

/* sub03_01 */
.sub0301 .sub-page-visual{background-image: url('../img/sub03_01_visual.png');}
.sub0301 .sub-page-visual .container .inner{display:flex;  height: 100%; color: #fff; position: absolute; top: 45%;}

.sub0301 .section01 .container .section-title{height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;}
.sub0301 .section01 .container .section-title .title {height: 65%;}
.sub0301 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0301 .section01 .container .section-title .icon{margin-bottom: 10px; align-items: center; width: 2%; height: 5px; background-color: #3a9729;}
.sub0301 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}

.sub0301 .section01 .contents-box{display:flex; flex-wrap: wrap; align-items: flex-start}
/* .szb0101 .section01 .img-box{margin-top: 70px;} */
.sub0301 .section01 .container {display: flex; justify-content: center;}

.sub0301 .section01 .text-box{text-align: center;}
.sub0301 .section01 .text-box h3{font-size: 27px; font-weight: 700; line-height: 2.7; color: #363636;}
.sub0301 .section01 .text-box p{font-size:18px; font-weight: 400; line-height: 32px; color:#6a6a6a;}
.sub0301 .section01 .text-box p b {color: #00a126}
.sub0301 .section01 .container .contents-box {width: 747px; background-color: #f8f8f8; border-radius: 30px; display: flex; flex-direction: column; align-items: center; margin-bottom: 105px; padding: 50px 90px 60px; box-sizing: border-box;}
.sub0301 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: space-between; margin-bottom: 50px;}

/* sub04_01 */
.sub0401 .sub-page-visual{background-image: url('../img/sub04_01_visual.png');}
.sub0401 .sub-page-visual .container .inner{display:flex;  height: 100%; color: #fff; position: absolute; top: 45%;}

.sub0401 .section01 .container .section-title{display: flex; flex-direction: column; align-items: center; justify-content: space-between; text-align: center; /* h3 요소의 텍스트를 중앙 정렬하기 위해 추가 */padding: 100px 20px 20px; /* 필요한 경우 패딩을 추가하세요 */ position: relative;}
.sub0401 .section01 .container .section-title .title {height: 65%;}
.sub0401 .section01 .container .section-title h6{font-size: 18px; font-weight: 300; color: #626262; padding-bottom: 10px;}
.sub0401 .section01 .container .section-title h3{font-size: 33px; font-weight: 700; color: #000;}
.sub0401 .section01 .container .section-title .text-box {display: flex; flex-direction: column; align-items: center;}
.sub0401 .section01 .container .section-title .text-box h4 {font-size: 25px; line-height: 28px; color: #363636; margin-bottom: 40px;}
.sub0401 .section01 .container .section-title .text-box p {font-size: 18px; line-height: 35px; color: #6f6f6f;}
.sub0401 .section01 .container .section-title .text-box::before {content: ''; display: block; width: 56px; height: 2px; background-color: #ccecd4; margin: 40px 0 20px;}

.sub0401 .section01 .contents-box{display:flex; flex-wrap: wrap; justify-content: center; width: 100%;}
/* .szb0101 .section01 .img-box{margin-top: 70px;} */
.sub0401 .section01 .container {display: flex; justify-content: center; width: 100%;}
.sub0401 .section01 .container:nth-child(2) {max-width: none; padding: 0;}
.sub0401 .section01 .container:nth-child(2) .contents-box .title {background-color: #f3f3f3; margin-bottom: 0; padding-top: 90px; max-width: 1920px;}
.sub0401 .section01 .container:last-child {margin-bottom: 180px;}

.sub0401 .section01 .text-box{text-align: center;}
.sub0401 .section01 .text-box h3{font-size: 27px; font-weight: 700; line-height: 2.7; color: #363636;}

.sub0401 .section01 .container .contents-box .title {text-align: center; width: 100%; margin: 90px 0 30px;}
.sub0401 .section01 .container .contents-box .title h6 {font-size: 18px; line-height: 34px; color: #626262;}
.sub0401 .section01 .container .contents-box .title h3 {font-size: 33px; line-height: 34px; color: black; font-weight: bold; margin-bottom: 60px;}
.sub0401 .section01 .container .contents-box .title p {font-size: 18px; line-height: 25px; color: #6f6f6f;}
.sub0401 .section01 .container .contents-box .text-box {display: flex; width: 100%; justify-content: space-evenly;}
.sub0401 .section01 .container .contents-box .text-box p {font-size: 23px; color:#6f6f6f; display: flex; flex-direction: column; align-items: center;}
.sub0401 .section01 .container .contents-box .text-box p::before {content: ''; display: block; width: 185px; height: 185px; margin-bottom: 25px;}
.sub0401 .section01 .container .contents-box .text-box p:first-child::before {background-image: url('../img/sub04_01_img02.png');}
.sub0401 .section01 .container .contents-box .text-box p:nth-child(2)::before {background-image: url('../img/sub04_01_img03.png');}
.sub0401 .section01 .container .contents-box .text-box p:nth-child(3)::before {background-image: url('../img/sub04_01_img04.png');}
.sub0401 .section01 .container .contents-box .text-box p:nth-child(4)::before {background-image: url('../img/sub04_01_img05.png');}



/* 여기부터 푸터 */
#footer{display: flex; flex-direction: column; align-items: center;}
#footer{background:#373737;}
#footer .container {margin: 0; max-width: none; padding: 0 50px}
#footer .contents-box {display:flex; padding:50px 0; justify-content: center;}
#footer .info{font-size:14px; color:#b9b9b9; margin-right: 60px; margin-bottom: 20px;}
#footer .info a{color:#b9b9b9;}
#footer .info h1 {font-size: 19px;}
#footer .info p{line-height: 1.7;}
#footer .info span{color:#fff;}
/* #footer .ft-logo{margin-right: 30px;} */
#footer .ft-info-area{/*width:50%;*/ display: flex; margin-right: 70px;}
#footer .ft-logo {margin-right: 30px;}
#footer .ft-gnb{display:flex; width:100%; justify-content: flex-end;}

#footer .ft-gnb > li{margin-right:45px; }
#footer .ft-gnb > li > a{font-size:16px; color:#b9b9b9;}
#footer .ft-gnb .lnb{margin-top:10px}
#footer .ft-gnb .lnb li{margin-bottom:8px; }
#footer .ft-gnb .lnb li:last-child{margin-bottom:0px; }
#footer .ft-gnb .lnb a{font-size:14px; color:#a3a3a3}
#footer .ft-gnb > li:last-child{margin-right:0; }
#footer .ft-copy{color: #626262; font-size:12px; color:#969696; margin-top: 24px;}

#footer .terms {display:flex; align-items: center; margin-bottom:20px;}
#footer .terms li{margin-right:28px; }
#footer .terms li a{font-size:16px; font-weight: 700; color:#a3a3a3;}
#footer .terms li:last-child{margin-right:0;}
#footer .familysite {position: relative; font-size: 16px;color: white;border: 1px solid white;padding: 4px 10px 4px 15px;box-sizing: border-box; margin-bottom: 10px; margin-right: 100px; width: 130px; float: right;}
#footer .familysite:hover .lnb {display: block;}
#footer .familysite > p {display: flex;align-items: baseline;}
#footer .familysite > p::after {content: '';display: block;width: 12px;height: 9px;background-image: url("../img/footer_icon.png");background-repeat: no-repeat;margin-left: 9px; transform: rotate(180deg);}
#footer .familysite .lnb {position: absolute; width:265px; background:rgba(0, 0, 0, 0.8); left: 50%;transform: translateX(-50%); top: -40px; text-align: center; display: none;}
#footer .familysite .lnb a p {color: white; padding: 10px;}
#footer .familysite .lnb a p:hover {color: #3a9729;}

#top_btn{background-color: white; border-radius: 100%;}
#top_btn:hover{background-color: rgba(0, 0, 0, 0.7); border-color: #000;}

@media screen and (max-width:1200px) {
    .sub0202 .section01 .container:nth-child(3) .contents-box{width: 100%;}
    .sub0202 .section01 .container:nth-child(3) .contents-box{justify-content: space-between;}
    .sub0202 .section01 .container:nth-child(3) .contents-box .text-box{width: 75%;}
}

@media screen and (max-width:1023px) {
    .mobile-menu{width:32px; height: 21px; }
    .mobile-menu,
    .mobile-menu span {display: inline-block; transition: all .2s;box-sizing: border-box;}
    .mobile-menu {position: relative;}
    .mobile-menu span {position: absolute; right: 0; width: 100%; height: 3px; background-color: #fff;}

    .mobile-menu span:nth-of-type(1) {top: 0; width:calc(100% - 7px); }
    .mobile-menu span:nth-of-type(2) {top: 9px;}
    .mobile-menu span:nth-of-type(3) {bottom: 0; width:calc(100% - 7px);}
    .mobile-menu:hover span:nth-of-type(1),
    .mobile-menu:hover span:nth-of-type(3){width:100%;}
    .mobile-menu.active span{background-color: #555;}
    .mobile-menu.active span:nth-of-type(1) {-webkit-transform: translateY(14px) rotate(-45deg); transform: translateY(14px) rotate(-45deg);}
    .mobile-menu.active span:nth-of-type(2) {opacity: 0;}
    .mobile-menu.active span:nth-of-type(3) {-webkit-transform: translateY(-14px) rotate(45deg);transform: translateY(-14px) rotate(45deg);}

    .all-menu {transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s linear 0.3s;}
    .all-menu.open {top: auto !important; right: auto !important; opacity: 1 !important; background-color: white !important; transition-delay: 0s;}
    #mobile-btn {display: block;}
    #m-hd #m-nav {display: none;}
    #all-menu #all-gnb .lnb{display:block;}
    #all-menu #all-gnb > li > a {color: #00a126;}
    #all-menu #all-gnb .lnb li a{ font-size:22px; color:#000; font-weight: 700;}
    #all-menu #all-gnb .lnb li a:hover{color:#00a126; background: none;}

    .sub-section .container  .menu-list ul {width: 100%; white-space: nowrap; overflow-x: auto; justify-content: space-between; height: auto;}


    .page01 .contents-box .title-box {height: 33%;}
    .page01 .contents-box .title-box h3 {font-size: 27px; line-height: 30px;}
    .page01 .contents-box .title-box p {font-size: 14px; line-height: 19px;}
    .page01 .slider1 .swiper-button-next, .page01 .slider1 .swiper-button-prev {top: 66%;}

    .page02 .container .contents-box {flex-wrap: wrap;}
    .page02 .contents-box .inner {margin-bottom: 30px;}

    .page03 {padding-bottom: 0;}


    .sub0101 .section01 .text-box h3 { line-height: 27px; margin-bottom: 30px;}
    .sub0101 .section01 .container .section-title {height: auto;}
    .sub0101 .section01 .container .section-title::before {content: none;}


    .sub0102 .section01 .img-box img {height: auto;}
    .sub0102 .section01 .text-box h3 { line-height: 27px; margin-bottom: 30px;}
    .sub0102 .section01 .container .section-title {height: auto;}
    .sub0102 .section02 .container {padding: 0 50px;}
    .sub0102 .section02 .contents-box::after {left: 31px;}

    .sub0103 .section01 .text-box h3 { line-height: 27px; margin-bottom: 30px;}
    .sub0103 .section01 .container {margin-bottom: 50px;}
    .sub0103 .section01 .container .section-title {height: auto;}
    .sub0103 .section01 .container .section-title h3 {font-size: 28px;}

    .sub0104 .section01 .text-box h3 { line-height: 27px; margin-bottom: 30px;}
    .sub0104 .section01 .container .section-title {height: auto;}
    .sub0104 .section01 .container .contents-box {flex-direction: column;}
    .sub0104 .section01 .container .contents-box .inner iframe {width: 100%;}
    .sub0104 .section01 .container .contents-box .inner-right{margin: 30px 0 0;}

    .sub0105 .section01 .text-box h3 { line-height: 27px; margin-bottom: 30px;}
    .sub0105 .section01 .container .section-title {height: auto;}

    .sub0201 .section01 .container .contents-box {flex-direction: column;}
    .sub0201 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    .sub0201 .section01 .container .contents-box .img-box img {margin: 0 30px 30px 0;}
    .sub0201 .section01 .container .contents-box .text-box {width: 100%;}

    .sub0202 .section01 .container .contents-box {flex-direction: column;}
    .sub0202 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    .sub0202 .section01 .container .contents-box .img-box img {margin: 0 30px 30px 0;}
    .sub0202 .section01 .container .contents-box .text-box {width: 100%;}
    .sub0202 .section01 .container:nth-child(3) .contents-box {width: 100%;}
    .sub0202 .section01 .container:nth-child(3) .contents-box .text-box {width: 100%;}
    .sub0202 .section01 .container:nth-child(3) .contents-box .text-box p:first-child {width: 100%;}
    .sub0202 .section01 .container .contents-box .contents-area {flex-direction: column; margin-bottom: 60px;}
    .sub0202 .section01 .container .contents-box .contents-area > img {margin-bottom: 10px;}
    .sub0202 .section01 .container .contents-box .contents-area .buttons {display: unset;}
    .sub0202 .section01 .container .contents-box .contents-area .buttons button > div {display: none;}

    .sub0203 .section01 .container .contents-box {flex-direction: column;}
    .sub0203 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    .sub0203 .section01 .container .contents-box .img-box img {margin: 0 30px 30px 0;}
    .sub0203 .section01 .container .contents-box .text-box {width: 100%;}

    .sub0205 .section01 .container .contents-box {flex-direction: column;}
    .sub0205 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    .sub0205 .section01 .container .contents-box .img-box img {margin: 0 30px 30px 0;}
    .sub0205 .section01 .container .contents-box .text-box {width: 100%;}

    .sub0207 .section01 .container .contents-box {flex-direction: column;}
    .sub0207 .section01 .container .contents-box .img-box {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
    .sub0207 .section01 .container .contents-box .img-box img {margin: 0 30px 30px 0;}
    .sub0207 .section01 .container .contents-box .text-box {width: 100%;}

    .sub0301 .sub-section .container  .menu-list ul {height: 50px;}

    .sub0401 .section01 .container .contents-box .text-box {flex-wrap: wrap;}
    .sub0401 .section01 .container .contents-box .text-box p {margin-right: 10px; margin-left: 10px; margin-bottom: 40px;}

    /* .sub0301 .section01 .container .contents-box {width: 65%;} */

    /* .sub0301 .section01 .container .section-title .title {height: 50%;} */
    
    /* #footer .container {margin: 0 auto;} */
    #footer .ft-gnb{display:none; }
    #footer .contents-box{display:block}
    #footer .ft-info-area{width:100%; margin: 0; justify-content: normal; flex-direction: row;}
    #footer .ft-logo {margin-right: 30px; margin-bottom: 0;}
    #footer .info {margin-right: 60px;}
}

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

    .modal.active {
        transform:scale(1);
    }


    #all-menu #all-gnb .lnb li a {font-size: 16px;}
    #all-menu #all-gnb > li > a{font-size: 24px;}
    .sub-page-visual .visual-title h3{font-size:30px;}
    .sub-page-visual .visual-title h5{font-size:20px;}
    .sub-section .container  .menu-list ul {height: 50px;}

    .page01 .contents-box img {height: 300px; max-height: 100%;}
    .page01 .contents-box .title-box h3 {font-size: 19px; line-height: 23px;}
    .page01 .contents-box .title-box p {font-size: 14px; line-height: 19px;}
    .page01 .slider1 .swiper-button-next, .page01 .slider1 .swiper-button-prev {top: 85%;}

    .page01 .contents-box .title-box {height: 58%; top: 90px;}

    /* .page02 .container .contents-box {flex-direction: column;} */
    .page02 .contents-box .inner {width: auto; margin-bottom: 50px;}
    .page02 .contents-box .inner .text-box {width: auto;}
    .page02 .contents-box .inner-right {width: 100%;}
    .page02 .contents-box .inner-right .slider-bg {display: none;}
    .page02 .swiper-container.slider2 {width: 100%; height: auto;}

    .sub02 .sub-section .container  .menu-list ul {margin-top: 30px;}
    .sub02 .overflow {width: 100%; overflow: auto; margin-bottom: 80px;}
    .sub02 .overflow::-webkit-scrollbar {height: 5px;}
    .sub02 .overflow::-webkit-scrollbar-thumb {background-color: #3a9729; border-radius: 12px;}
    .sub02 .overflow img {max-width: none;}
    .sub02 .sub-section .container  .menu-list ul li {width: 150px; padding: 15px 0;}
    .page02 .contents-box .inner .au {width: 100%;}
    .page02 .contents-box .inner .au .title {flex-wrap: wrap;}
    /* .page02 .swiper-container.slider2 {width: 100%;} */

    .page03 .contents-box .inner .text-box {width: 90%;}
    .page03 .contents-box .inner .text-box p {padding-bottom: 0;}

    .page04 .contents-box .inner .list {flex-direction: column;}
    .page04 .contents-box .inner .list ul {width: 100%;}

    .sub0101 .section01 .container:last-child {flex-direction: column; align-items: center;}
    .sub0101 .section01 .container .img-box {margin-right: 0;}

    .sub0102 .section02 .history-box .inner h3 {padding-left: 7px;}
    .sub0102 .section02 .history-box .inner{width: 60%;}
    .sub0102 .section02 .history-box .inner-right{width: 40%;}

    .sub0105 .section01 .container .contents-box {justify-content: center;}
    .sub0105 .section01 .container .contents-box .cert-box {margin-right: 10px; margin-left: 10px; width: 45%;}
    .sub0105 .section01 .container .contents-box .cert-box img {width: 100%;}
    .sub0105 .section01 .container .contents-box .cert-box p {white-space: nowrap;}

    .sub0201 .section01 .container:last-child .contents-box img:first-child {margin-bottom: 0;}

    .sub0202 .section01 .container .contents-box .contents-area .buttons button {width: 100%; margin: 0 0 10px 0;}

    .sub0301 .section01 .container .contents-box {padding-right: 15px; padding-left: 15px;}
    .sub0301 .section01 .container .contents-box .img-box {justify-content: space-evenly;}
    .sub0301 .section01 .container .contents-box .img-box img {width: 25%;}
    
    

    #footer .ft-info-area{width:100%; margin: 0; justify-content: normal; flex-direction: column;}
    #footer .ft-logo { margin-bottom: 30px;}
    #footer .info {margin-right: 0;}
}