@charset "utf-8";
@import url('font.css');

@keyframes shake {
    0% {transform: rotate(0) scale(1);}
    25% {transform: rotate(-15deg) translateY(15px) scale(0.98);}
    50% {transform: rotate(-5deg) translateY(20px) scale(0.95);}
    75% {transform: rotate(5deg) translateY(15px) scale(0.98);}
    100% {transform: translate(0) scale(1);}

}
/*.edu_card .wrapper .pic {overflow: hidden;}
.edu_card:hover .ecard_img{animation: shake 0.7s alternate infinite;}
.edu_card:hover .wrapper .txt ul li {border:1px solid #ccc;}
.edu_card .wrapper .txt ul li {border: 1px solid #fff;}*/

@media (min-width:1300px) {

    /* 메인 슬라이드  */
    .mainbanner {  height:520px; text-align:center;}	
    #wrap-mainbanner {position: relative;width: 100%;  height: 520px;   overflow: hidden;display: flex;align-items: center;}
	#slider {  position: absolute;width: 100%; height: 520px; }	
	#slider .slide {position: absolute;width: 100%;height: 520px;overflow: hidden;padding: 0;}
	#slider .slide img { margin-left: 350px;}
	#slide-nav {position: absolute; top:0; left: 50%; margin-left: -650px;  }
	#slide-nav>ul {background: rgba(13, 33, 55, 1); width: 150px; height: 500px; padding-top: 20px;}
	#slide-nav>ul>li>a{display: block; height: 60px; line-height: 60px; font-size: 1.1rem; color: #fff;}
	#slide-nav>ul>li.on>a{ background: #fff;color: #ed1c24; font-weight: bold;}
	#slide-nav>ul ul{display: none;position: absolute; top:0; left: 150px; background: #fff; width: 150px;  height: 480px;padding: 20px 0;}
	#slide-nav>ul ul.on{display: block;}
	#slide-nav>ul ul>li>a{display: block; height: 40px; line-height: 40px;}
	#slide-nav>ul ul>li>a:hover{color:#ed1c24; font-weight: bold;}
    #slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

    /* 메인 슬라이드 좌우 버튼 */
    #next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
    #next {right: 0;}
    #prev {left: 0;}
    .main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
        
    #lecture { width:1300px; margin:65px auto 55px; overflow:hidden;display:flex;justify-content: space-around; align-items: center; }
    #lecture .title { float:left; width:15%; color:#222; }
    #lecture .title p { display:block; font-size:1.3em; font-weight:600; }
    #lecture .title strong { display:block; margin:20px 0 30px; font-size:2.2em; font-weight:800; line-height:1.2em;}
    #lecture .title span a {transition: ease 0.3s; display:block; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/more_arr.png) 40% 4px no-repeat; border-bottom:1px solid #404040; width:100%; padding-bottom:10px; font-weight:800; color:#222; }
    #lecture .title:hover span a {background:url(https://img.megastudyacademy.co.kr/kdchrd/img/more_arr.png) 50% 4px no-repeat;}
    
    .lct_wrap { display:flex; justify-content:space-evenly; flex-wrap:wrap; margin-left:auto; width:81%; }
    .lct_wrap .content { width:18.5%; }
    .lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
    .lct_wrap .content .pic img {width:100%; border-radius: 4px;}
    .lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
    .lct_wrap .content p span { display:block; margin-top:3px; font-size:1.05em; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .edu_card { background: #E9DFD2; width:1300px; margin:40px auto;border-radius: 20px;padding:19px 0;}
    .edu_card .wrapper a { display:flex; width:1180px; margin:0 auto;display: flex;gap:40px;align-items: center;}
    .edu_card .wrapper .pic { width: fit-content; }
    .edu_card .wrapper .tit { color:#222222; display:flex; flex-direction: column; justify-content: center; gap:12px;}
    .edu_card .wrapper .tit strong { display:block; font-size:1em; color:#222; line-height:1; }
    .edu_card .wrapper .tit span { line-height: 1;font-size:1.6em; color:#222;font-weight: 700;}
    .edu_card .wrapper .txt { overflow:hidden;line-height:1; }
    .edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:15px; margin:0 5px; padding:6px 12px; font-size:0.9em; color:#646464; letter-spacing:-0.5px; text-align:center; line-height:1;}
    .edu_card .wrapper p {
        margin-left: auto;display: flex;background: #0D2137;color: #fff;border-radius: 40px;font-size:14px;font-weight: 700;padding:13px 32px;
    }
    .edu_card .wrapper .pic img {
        width: 153px;
    }

    .support { width:1300px; margin:0 auto; }
    .support .tit { border-bottom:1px solid #e0e0e0; padding-bottom:12px; font-size:1.3em; font-weight:600; color:#222; }
    .support_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:100%; }
    .support_wrap .content { width:11.5%; margin:2% 0; }
    .support_wrap .last { display:none;} 
    .support_wrap .content .pic {transition: ease 0.3s; display:block; width:100%; padding:0; text-align:center; }
    .support_wrap .content .pic img { width:56px; }
    .support_wrap .content p {transition: ease 0.3s; display:block; margin-top:12px; font-size:1.0em; color:#444444; text-align:center;}
    .support_wrap .content:hover .pic,.support_wrap .content:hover p {transform: translateY(-7px); }

    .info_banner { width:100%; overflow:hidden; background: #F8F9FB; padding:51px 0; border-top:1px solid #E9DFD2; border-bottom:1px solid #E9DFD2;}
    .info_banner .info_banner_wrap{
        width:1300px; margin:0 auto;
    }
    .info_banner .manual a { float:left; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_01_new.png) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#838383; }
    .info_banner .company a { float:left; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_02_new.png) left; margin-right:1.5%; width:14%; padding:25px 0 25px 11%; font-size:0.9em; color:#838383; border-radius: 10px;}
    .info_banner .manual strong, .info_banner .company strong { display:block; font-size:1.4em; font-weight:500; color:#444; line-height:1.7em; border-radius: 10px;}
    .info_banner .ceo a { float:right; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_03_new.png); width:44%; padding:24px 0 25px 3%; font-weight:400; font-size:0.9em; color:#838383;border-radius: 10px;}
    .info_banner .ceo strong { display: block;
        font-size: 1.4em;
        font-weight: 500;
        color: #444;
        line-height: 1.7em;
        border-radius: 10px;
    } 


    .bottom { width:1300px; margin:80px auto; overflow:hidden;border:1px solid #E0E0E0;border-radius: 20px;display: flex;}
    .bottom .board { width:100%; border-right:1px solid #E0E0E0;padding:24px;}
    .bottom .board .tit { border-bottom:1px solid #e0e0e0; padding-bottom:16px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; width:100%;}
    .bottom .board .tit a { float:right; font-size:0.7em; }
    .bottom .board .tit .text {display: flex;align-items: center;justify-content: center; position: relative; height: 21px;  line-height: 1; font-size: 13px; letter-spacing: -0.05em;border:1px solid #E0E0E0;border-radius: 30px;color: #838383;font-weight: 600;        gap: 10px;
        padding: 2px 11px;
    }
    .bottom .board .tit .text .arrow { display: block; width: 2px; height: 2px; background: #838383; box-shadow: -2px 2px 0 0 #838383, -3px 3px 0 0 #838383, -2px 2px 0 0 #838383, -1px 1px 0 0 #838383, -1px -1px 0 0 #838383, -2px -2px 0 0 #838383, -3px -3px 0 0 #838383, -2px -2px 0 0 #838383;position: relative;
        top: 1px;}

    /*기본게시판*/
    .latestBBS { clear: both; margin-left:0; display: flex;flex-direction: column;gap:10px;}
    .latestBBS li { width:100%; overflow:hidden; display: flex;}
    .latestBBS li a {width:100%; display: flex;}
    .latestBBS li .title { display:inline-block; width:320px; font-size:0.95em; font-weight:400; color:#646464; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .latestBBS li .date {display:; float:right; font-size:0.9em; color:#9e9e9e; line-height:1.5em; letter-spacing:0;}

    .bottom .customer { width:100%; padding:24px 24px 20px;max-width: 338px;display: flex;flex-direction: column;}
    .bottom .tit { border-bottom:1px solid #e0e0e0; padding-bottom:16px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; width:100%;}
    .bottom .content { display: flex;flex-direction: column;gap:20px;align-items: flex-start;height:100%;}
    .bottom .content ul { display:flex;flex-direction: row; justify-content: space-between;padding: 0 10px; width: 100%; max-width: 318px;margin:auto 0;}
    .bottom .content ul li { display:flex; align-items: center; }
    .bottom .content ul li strong { display:block; font-size:1.85em; font-weight:800; color:#0081FF; letter-spacing:-1.0px;}
    .bottom .content ul li p { display:block; font-size:0.9em; color:#838383; line-height:1.6em; }
    .bottom .customer .content a {
        background: #0D2137;
        font-size:0.95rem;
        color: #fff;
        padding:9px 25px;
        border-radius: 36px;
        font-weight: 700;
    }

    .patners { background:#f7f7f7;}
    .patners .content { width:1300px; margin:0 auto; text-align:center; overflow:hidden;}
    .patners .content ul {
        display: flex;justify-content: space-around;
    }
    .patners .content ul li { display:inline-block; width:12%;}

}

@media (min-width:768px) and (max-width:1299px) {

    /* 메인 슬라이드  */	
    .mainbanner {  height:40vw; text-align:center;}	
    #wrap-mainbanner {position: relative;width: 100%;  height: 40vw;   overflow: hidden;display: flex;align-items: center;}
    #slider {  position: absolute;width: 90%; padding: 0 5%;height: 40vw;   }	
    #slider .slide {position: absolute;width: 100%;height: 40vw;overflow: hidden;padding: 0;}
    #slider .slide img { height: 100%;}
    #slide-nav {display: none !important ;position: absolute; top:0; left: 50%; margin-left: -45%;  }
    #slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

    /* 메인 슬라이드 좌우 버튼 */
    #next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer; display: none;}
    #next {right: 0;}
    #prev {left: 0;}
    .main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
        
    #lecture { width:90%; margin:50px auto 45px; overflow:hidden; }
    #lecture .title { float:left; width:15%; color:#222; }
    #lecture .title p { display:block; font-size:1.1em; font-weight:600; }
    #lecture .title strong { display:block; margin:20px 0 30px; font-size:1.6em; font-weight:800; line-height:1.2em;}
    #lecture .title span a { display:block; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/more_arr.png) 75px 4px no-repeat; border-bottom:1px solid #404040; width:100%; padding-bottom:10px; font-size:0.9em; font-weight:800; color:#222; }

    .lct_wrap { display:flex; justify-content:space-evenly; flex-wrap:wrap; margin-left:auto; width:81%; }
    .lct_wrap .content { width:18.5%; }
    .lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
    .lct_wrap .content .pic img { width:100%; border-radius: 4px; }
    .lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
    .lct_wrap .content p span { display:block; margin-top:3px; font-size:1.0em; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .edu_card { background: #E9DFD2; margin:20px auto; border-radius: 10px; padding:19px 0;width:90%;}
    .edu_card .wrapper a { display:flex; width:90%; margin:0 auto;gap: 40px;align-items: center;}
    .edu_card .wrapper .pic { width: fit-content; }
    .edu_card .wrapper .tit { color: #222222; display: flex; flex-direction: column; justify-content: center; gap: 12px; }
    .edu_card .wrapper .tit strong {display: block; font-size: 1em;color: #222; line-height: 1; }
    .edu_card .wrapper .txt { color: #222222; display: flex; flex-direction: column; justify-content: center; gap: 12px;}
    .edu_card .wrapper .txt ul {display: flex;flex-direction: row;flex-wrap: wrap;row-gap:10px;}
    .edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:15px; margin:0 5px; padding:6px 12px; font-size:0.9em; color:#646464; letter-spacing:-0.5px; text-align:center; line-height:1;}
    .edu_card .wrapper .tit span { line-height: 1;font-size:1.6em; color:#222;font-weight: 700;}
    .edu_card .wrapper p {
        margin-left: auto;display: flex;background: #0D2137;color: #fff;border-radius: 40px;font-size:1rem;font-weight: 700;padding:13px 32px;white-space: nowrap;
    }
    .edu_card .wrapper .pic img {
        width: 100px;
    }

    .support { width:90%; margin:0 auto; }
    .support .tit { border-bottom:1px solid #e0e0e0; padding-bottom:10px; font-size:1.1em; font-weight:700; color:#222; }
    .support_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin-left:auto; width:100%; }
    .support_wrap .content { width:11.5%; margin:2% 0; }
    .support_wrap .last { display:none;} 
    .support_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
    .support_wrap .content .pic img { width:28px; }
    .support_wrap .content p { display:block; margin-top:8px; font-size:0.85em; color:#444444; text-align:center;}	
        
    .info_banner { width:90%; margin:20px auto; overflow:hidden; }
    .info_banner .manual a { float:left; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_01_new.png) left; background-size:cover; margin-right:1.5%; width:17%; padding:22px 0 22px 10%; font-size:0.8em; color:#646464; border-radius: 5px;}
    .info_banner .company a { float:left; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_02_new.png) left; background-size:cover; margin-right:1.5%; width:17%; padding:22px 0 22px 10%; font-size:0.8em; color:#646464; border-radius: 5px;}
    .info_banner .manual strong, .info_banner .company strong { display:block; font-size:1.1em; font-weight:500; color:#444; line-height:1.4em; }
    .info_banner .ceo a { float:right; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_03_new.png) right; background-size:cover; width:40%; padding:22px 0 22px 3%; font-weight:400; font-size:0.8em; color:#838383;border-radius: 5px;}
    .info_banner .ceo strong { display:block; font-size:1.2em; font-weight:600; line-height:1.2em; }
        
    .bottom { width:90%; margin:20px auto; overflow:hidden;border:1px solid #E0E0E0;border-radius: 10px;display: flex;}
    .bottom .board { width:100%; border-right:1px solid #E0E0E0;max-width:33.3333%;padding:12px; max-width: 33%;}
    .bottom .board .tit { border-bottom:1px solid #e0e0e0; padding-bottom:16px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; width:100%;}
    .bottom .board .tit a { float:right; font-size:0.7em; }
    .bottom .board .tit .text {display: flex;align-items: center;justify-content: center; position: relative; height: 21px;  line-height: 1; font-size: 13px; letter-spacing: -0.05em;border:1px solid #E0E0E0;border-radius: 30px;color: #838383;font-weight: 600;        gap: 10px;
        padding: 2px 11px;
    }
    .bottom .board .tit .text .arrow { display: block; width: 2px; height: 2px; background: #838383; box-shadow: -2px 2px 0 0 #838383, -3px 3px 0 0 #838383, -2px 2px 0 0 #838383, -1px 1px 0 0 #838383, -1px -1px 0 0 #838383, -2px -2px 0 0 #838383, -3px -3px 0 0 #838383, -2px -2px 0 0 #838383;position: relative;
        top: 1px;}

    /*기본게시판*/
    .latestBBS { clear: both; margin-left:0; display: flex;flex-direction: column;gap:10px;}
    .latestBBS li { width:100%; overflow:hidden; display: flex;justify-content: space-between;}
    .latestBBS li a {width:100%; display: flex;justify-content: space-between;}
    .latestBBS li .title { display:inline-block; font-size:0.95em; font-weight:400; color:#646464; line-height:1.5em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .latestBBS li .date {display:flex; font-size:0.9em; color:#9e9e9e; line-height:1.5em; letter-spacing:0;white-space: nowrap;}

    .bottom .customer { width:100%;padding:12px 12px 10px;}
    .bottom .tit { border-bottom:1px solid #e0e0e0; padding-bottom:16px; margin-bottom:12px; font-size:1.3em; font-weight:600; color:#222; width:100%;}
    .bottom .content { display: flex;flex-direction: column;gap:10px;align-items: flex-start;}
    .bottom .content ul { display:flex;flex-direction: row; justify-content: space-between; width: 100%; flex-wrap: wrap;gap:10px;}
    .bottom .content ul li { display:flex; align-items: center; }
    .bottom .content ul li strong { display:block; font-size:1.85em; font-weight:800; color:#0081FF; letter-spacing:-1.0px;white-space: nowrap;}
    .bottom .content ul li p { display:block; font-size:0.9em; color:#838383; line-height:1.6em; }
    .bottom .customer .content a {
        background: #0D2137;
        font-size:0.95rem;
        color: #fff;
        padding:5px 15px;
        border-radius: 36px;
        font-weight: 700;
    }

    .patners { background:#f7f7f7; border-top:1px solid #e0e0e0;}
    .patners .content { width:90%; margin:0 auto; text-align:center; overflow:hidden;}
    .patners .content ul li { display:inline-block; width:12%;}
    .patners .content ul li img { width:75%;}
        
}



@media (max-width:767px) {
    /* 메인 슬라이드  */	
    .mainbanner {  height:67.7966vw; text-align:center;}	
    #wrap-mainbanner {position: relative;width: 100%;  height: 67.7966vw;   overflow: hidden;display: flex;align-items: center;}
    #slider {  position: absolute;width: 90%; padding: 0 5%; height: 67.7966vw;   }	
    #slider .slide {position: absolute;width: 100%;height: 67.7966vw;overflow: hidden;padding: 0;}
    #slider .slide img { height: 100%;}
    #slide-nav {display: none !important ;position: absolute; top:0; left: 50%; margin-left: -45%;  }
    #slider.animated {-webkit-transition: left .3s ease-in;transition: left .3s ease-in;}

    /* 메인 슬라이드 좌우 버튼 */
    #next,#prev {position: absolute;z-index: 1;width: 60px;height: 60px;cursor: pointer; display: none;}
    #next {right: 0;}
    #prev {left: 0;}
    .main__item svg {width: 64px;height: 64px;stroke: #333;stroke-width: 1.5;stroke-linecap: round;stroke-linejoin: round;fill: none; color: #333;  }
        
    #lecture { width:85%; margin:40px auto 20px; overflow:hidden; }
    #lecture .title { color:#222; }
    #lecture .title p { display:block; font-size:1.1em; font-weight:600; }
    #lecture .title strong { display:block; margin:5px 0 15px; font-size:1.5em; font-weight:; line-height:1.2em;}
    #lecture .title span a { display:block; background:url(https://img.megastudyacademy.co.kr/kdchrd/img/more_arr.png) 75px 5px no-repeat; border-bottom:0px solid #404040; width:100%; padding-bottom:10px; font-weight:800; color:#222; }

    .lct_wrap { display:flex; justify-content:space-evenly; flex-wrap:wrap; width:100%; }
    .lct_wrap .content { width:100%; margin:5% 0; }
    .lct_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
    .lct_wrap .content .pic img { width:100%; border-radius: 4px;}
    .lct_wrap .content p { display:block; margin-top:8px; font-size:0.9em; color:#9e9e9e; }
    .lct_wrap .content p span { display:block; margin-top:; font-size:1.05em; color:#222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



    .edu_card { background: #E9DFD2; width:100%; margin:7.8227vw auto 2.6076vw;padding:5.2151vw 0;}
    .edu_card .wrapper a { display:flex; width:91.2647vw; margin:0 auto;display: flex;gap:5.2151vw;align-items: center;}
    .edu_card .wrapper .pic { width: fit-content; }
    .edu_card .wrapper .tit { color:#222222; display:flex; flex-direction: column; justify-content: center; gap:1.5645vw;}
    .edu_card .wrapper .tit strong { display:block; font-size:2.3468vw; color:#636363; line-height:1; font-weight: 500;}
    .edu_card .wrapper .tit span { line-height: 1;font-size:3.1291vw; color:#222;font-weight: 700;}
    .edu_card .wrapper .txt { overflow:hidden;line-height:1; padding-top:1.0430vw;}
    .edu_card .wrapper .txt ul {
        display: flex;flex-wrap: wrap;column-gap:2.6076vw;row-gap:1.3038vw;
    }
    .edu_card .wrapper .txt ul li { float:left; background:#fff; border-radius:2.9557vw; padding:1.1734vw 1.5645vw; font-size:2.0860vw; color:#646464; letter-spacing:-0.0652vw; text-align:center; line-height:1;font-weight: 500;}
    .edu_card .wrapper p {
        display: none;
    }
    .edu_card .wrapper .pic img {
        width: 22.5554vw;
    }

    .support { width:100%; margin:7.8227vw auto 11.7340vw!important; max-width:91.2647vw; display: flex; flex-direction: column; gap: 3.9113vw;}
    .support .tit { border-bottom:0.1304vw solid #E0E0E0; font-size:3.6506vw; font-weight:600; color:#222; padding:0 5.2151vw 2.0860vw;}

    .support_wrap { display:grid; grid-template-columns: repeat(4, 1fr); width:100%; row-gap:7.8227vw;}
    .support_wrap .content { width:100%;  }
    .support_wrap .last { opacity:0;} /* opacity:0; */
    .support_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
    .support_wrap .content .pic img { width:11.2125vw; }
    .support_wrap .content p { display:block; margin-top:2.0860vw; font-size:2.8683vw; color:#444444; text-align:center;font-weight: 600;}	

    .info_banner { width:91.2647vw; margin:0 auto; overflow:hidden;}
    .info_banner_wrap{
        display: flex;flex-direction: column;gap:2.0860vw;
    }
    .info_banner .manual { background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_01_mobile.png) left top; background-size:cover;}
    .info_banner .company { background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_02_mobile.png) left top; background-size:cover;}
    .info_banner .manual strong, .info_banner .company strong { display:block; font-size:3.1291vw; font-weight:500; color:#222; line-height:4.5632vw;}
    .info_banner .manual a, .info_banner .company a { display:block; width:100%; padding:4.4980vw 7.8227vw; font-size:2.6076vw; color:#838383; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 0.7823vw;
        line-height: 3.1291vw;}
    .info_banner .ceo { background:url(https://img.megastudyacademy.co.kr/kdchrd/img/info_banner_03_mobile.png); background-size:cover;}
    .info_banner .ceo strong { display:block; font-size:3.1291vw; font-weight:500; color:#222; line-height:4.5632vw; }
    .info_banner .ceo a { display:block; width:100%; padding:4.4980vw 7.8227vw; font-size:2.6076vw; color:#838383; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap: 0.7823vw;
        line-height: 3.1291vw;}

    .container_wrapper { display: flex;flex-direction: column-reverse;padding:7.8227vw 0;}
    .bottom {
        width:100%;max-width:91.2647vw;
        margin:0 auto;
        display: flex;flex-direction: column;gap:2.6076vw;
    }
    .board{
        border: 0.1304vw solid #E0E0E0;
        border-radius: 1.3038vw;
        padding: 3.3898vw 0;
        display: flex;
        flex-direction: column;
        gap: 2.0860vw;
    }
    .bottom .tit {
        border-bottom:0.1304vw solid #E0E0E0;
        font-size:3.6506vw;
        padding:0 5.2151vw 2.0860vw;
        font-weight:600;
        color:#222;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 5.3455vw;
    }
    .bottom .tit a {
        font-size:2.0860vw;
        color:#838383;
        font-weight:600;
        border:0.1304vw solid #E0E0E0;
        border-radius: 3.9113vw;
        padding:0.7823vw 1.9557vw;
    }
    .bottom .tit .text {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 2.7379vw;
        gap:1.3038vw;
    }
    .bottom .tit .text .arrow {
        display: block;
        width: 0.2608vw;
        height: 0.2608vw;
        background: #838383;
        box-shadow: -0.2608vw 0.2608vw 0 0 #838383, -0.3911vw 0.3911vw 0 0 #838383, -0.2608vw 0.2608vw 0 0 #838383, -0.1304vw 0.1304vw 0 0 #838383, -0.1304vw -0.1304vw 0 0 #838383, -0.2608vw -0.2608vw 0 0 #838383, -0.3911vw -0.3911vw 0 0 #838383, -0.2608vw -0.2608vw 0 0 #838383;
        position: relative;
        top: 0.1304vw;
    }
    .bottom .latestBBS {
        display: flex;
        flex-direction: column;
        gap:1.3038vw;
        padding:0 5.2151vw;
    }
    .bottom .latestBBS li {
        width:100%;
        overflow:hidden;
        display: flex;
        justify-content: space-between;
    }
    .bottom .latestBBS li a {
        width:100%;
        display: flex;
        justify-content: space-between;
    }
    .bottom .latestBBS li .title {
        display:inline-block;
        font-size:2.3468vw;
        font-weight:400;
        color:#838383;
        line-height:1.5em;
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }
    .bottom .latestBBS li .date {
        font-size:2.3468vw;
        font-weight:400;
        color:#838383;
        line-height:1.5em;
        white-space:nowrap;
    }


    .bottom .customer{
        border:0.1304vw solid #E0E0E0;
        border-radius: 1.3038vw;
        padding:3.3898vw 0;
        display: flex;
        flex-direction: column;
        gap:2.0860vw;
    }
    .bottom .content {
        display: flex;
        flex-direction: column;
        gap:1.3038vw;
        align-items: flex-start;
        padding:0 5.2151vw;
    }
    .bottom .content ul {
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        gap:1.3038vw;
    }
    .bottom .content ul li {
        display:flex;
        align-items: center;
    }
    .bottom .content ul li strong {
        display:block;
        font-size:3.9113vw;
        font-weight:800;
        color:#0081FF;
        letter-spacing:-0.1304vw;
        white-space: nowrap;
    }
    .bottom .content ul li p {
        display:block;
        font-size:2.6076vw;
        color:#838383;
        line-height:4.4329vw;
    }
    .bottom .content a {
        display: none;
    }
    .patners { background:#f7f7f7; border-top:0.1304vw solid #e0e0e0;}
    .patners .content { width:91.2647vw; margin:0 auto; text-align:center; overflow:hidden;}
    .patners .content ul {
        display: flex;
        justify-content: space-between;
        gap:2.6076vw;
    }
    .patners .content ul li { width:100%;}
    .patners .content ul li img { height: 8.6050vw;}
}