/*---------------------------about common------------------------------*/
#container {padding-top:0}
section {color:#161B20}
section .inner {position:relative; width:92%; max-width:1440px; margin:0 auto}
/*title_sec*/
.about_tit_sec {position:relative; width:100%; height:28.5rem; background:url(/front/images/about/history_bg_de.jpg) no-repeat center / cover}
.about_tit_sec .title_wrap {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; overflow:hidden}
.about_tit_sec .title {font-size:4rem; color:#fff; font-weight:700}
.about_tit_sec .sub_title {margin-bottom:.5rem; font-size:2rem; color:#BEC1C7}
/*title*/
.sec_title {font-size:2rem; font-weight:700}
.sec_title_en {margin-bottom:0.5rem; font-size:1.25rem; font-weight:700; color:#BEC1C7}
.sec_desc {font-size:1.5rem; line-height:180%; color:#444}
/*button*/
.btn_download {display:flex; justify-content:flex-start; align-items:center; gap:0; font-size:1rem; line-height:160%; border-bottom:1px solid #696969; font-weight:500; position:relative; padding:0 3.375rem 0.25rem 0; max-width:182px}
.btn_download span {width:fit-content; max-width:calc(100% - 28px); display:inline-block; height:1.6rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all}
.btn_download::after {content:""; display:block; width:.875rem; height:.875rem; background:url(/front/images/about/ico_download.svg) no-repeat center/100% auto; position:absolute; top:50%; right:0; transform:translateY(-50%)}
.btn_download[data-color="white"] {color:#F6F7F8; border-bottom:1px solid #F6F7F8}
.btn_download[data-color="white"]::after {background-image:url(/front/images/about/ico_download_w.svg)}
.btn_download:not(:first-child) {margin-top:1.5rem}


@media screen and (max-width:1024px) {
    .about_tit_sec .title {font-size:2.47rem}
    .about_tit_sec .sub_title {font-size:1.54rem}
}/*sm*/
@media screen and (max-width:767px) {
    /*title_sec*/
    .about_tit_sec {background-image:url(/front/images/about/history_bg_mo.jpg)}
    /*title*/
    .sec_desc {font-size:1.25rem}
    /*button*/
    .btn_download { padding:0 2.375rem 0.25rem 0; font-size:1.25rem; line-height:1.6rem}
    .btn_download::after {width:1rem; height:1rem}
}/*sm*/
@media (hover:hover) {
    .btn_download:hover {font-weight:700; color:#3468B2; border-color:#3468B2}
    .btn_download[data-color="white"]:hover {font-weight:700; color:#61E7E7; border-color:#61E7E7}
}/*hover*/
/*---------------------------about common end------------------------------*/


/*---------------------------intro_sec_01------------------------------*/
.intro_sec_01 {padding:16.25rem 0; background:url(/front/images/about/intro_sec_01_img_modi.jpg) no-repeat center bottom/cover fixed; color:#fff}
.intro_sec_01 .typing_wrap {position:absolute; left:0; top:0; font-size:4.5rem}
.intro_sec_01 .typing_wrap .title {display:inline; font-weight:500; line-height:140%}
.intro_sec_01 .typing_wrap .blink {animation:blink .5s infinite; opacity:1; color:#a9a9a9; font-weight:300}
.intro_sec_01 .typing_wrap.start .blink {animation:none; display:none}
.intro_sec_01 .typing_wrap .clear + .blink {animation:none; opacity:0; transition:all .3s ease-in-out}
.intro_sec_01 .cxr_wrap {padding-top:24rem}
.intro_sec_01 .cxr_wrap h3 {margin-bottom:0.5rem; font-size:3.25rem; line-height:148%}
.intro_sec_01 .cxr_wrap h3 strong {font-weight:700}
.intro_sec_01 .cxr_wrap h4 {margin-bottom:5rem; font-size:1.25rem; font-weight:700}
.intro_sec_01 .cxr_wrap p {font-size:1.5rem; line-height:148%; word-break:keep-all}
.intro_sec_01 .cxr_wrap p strong {font-weight:700}
.intro_sec_01 .btn_download {margin-top:5rem}
@media screen and (max-width:1024px) {
    .intro_sec_01 .typing_wrap {font-size:3.5rem}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_01 {padding:11rem 0 5.5rem}
    .intro_sec_01 .title_wrap {padding:13.5rem 0 3rem}
    .intro_sec_01 .typing_wrap {font-size:2.5rem}
    .intro_sec_01 .typing_wrap .title {font-weight:800}
    .intro_sec_01 .cxr_wrap {padding-top:14rem}
    .intro_sec_01 .cxr_wrap h3 {font-size:2.5rem}
    .intro_sec_01 .cxr_wrap h4 {margin-bottom:3rem}
    .intro_sec_01 .cxr_wrap p {font-size:1.25rem}
    .intro_sec_01 .btn_download {margin-top:4rem}
}/*sm*/
/*---------------------------intro_sec_01 end------------------------------*/


/*---------------------------intro_sec_add------------------------------*/
.intro_sec_add {padding-top:12.5rem}
.intro_sec_add .title {margin-bottom:5.75rem; font-size:4rem; font-weight:500}
.intro_sec_add .desc {display:flex; justify-content:right; font-size:1.5rem; line-height:154%}
@media screen and (max-width:767px) {
    .intro_sec_add {padding-top:5.5rem}
    .intro_sec_add .title {margin-bottom:1.75rem; font-size:2.5rem; font-weight:800}
    .intro_sec_add .desc {justify-content:left; font-size:1.25rem}
}/*sm*/
/*---------------------------intro_sec_add end------------------------------*/


/*---------------------------intro_sec_02------------------------------*/
.intro_sec_02 {display:flex; align-items:center; width:100%; height:calc(var(--var,1vh) * 100)!important; overflow-x:hidden; overflow-y:hidden}
.intro_sec_02 .status_list {display:flex; padding:3% 0}
.intro_sec_02 .status_list li {padding-right:15rem; flex-shrink:0!important}
.intro_sec_02 .status_list li:first-child {padding-left:15rem}
.intro_sec_02 .text_wrap {display:flex; align-items:flex-end; gap:0.5rem}
.intro_sec_02 .text_wrap h2 {font-size:1.5rem}
.intro_sec_02 .desc_wrap {display:flex; gap:1rem; align-items:flex-end}
.intro_sec_02 .desc_wrap p {font-size:25rem; line-height:74%; font-weight:100; letter-spacing:-1.75rem}
.intro_sec_02 .desc_wrap span {display:block; font-size:4.5rem; line-height:100%}
@media screen and (max-width:1024px) {
    .intro_sec_02 .desc_wrap p {font-size:20rem}
}/*md*/
@media screen and (max-width:767px) {
    /*.intro_sec_02 {height:400px !important}*/
    .intro_sec_02 .status_list li {position:relative; padding-right:5rem}
    .intro_sec_02 .status_list li:first-child {padding-left:5rem}
    .intro_sec_02 .text_wrap {flex-direction:column; align-items:flex-start; gap:1.25rem}
    .intro_sec_02 .text_wrap p {font-size:10.25rem; letter-spacing:-0.5rem}
    .intro_sec_02 .text_wrap span {font-size:3.5rem}
}/*sm*/
/*---------------------------intro_sec_02 end------------------------------*/


/*---------------------------intro_sec_03------------------------------*/
.intro_sec_03 {padding:12.5rem 0; background-color:#F7F7F8}
.intro_sec_03 .title_wrap {margin-bottom:5.125rem}
.intro_sec_03 ul {display:flex; flex-wrap:wrap; gap:1.5rem}
.intro_sec_03 li {width:calc((100% - (1.5rem * 4))/5); height:6rem; background-size:100% auto; background-repeat:no-repeat; background-position:center}
.intro_sec_03 .btn_wrap {display:flex; justify-content:center; margin-top:3.75rem}
.intro_sec_03 .btn_more {display:flex; align-items:center; justify-content:center; gap:1.25rem; line-height:180%; font-size:1.25rem; font-weight:500; border-bottom:1px solid #161B20}
.intro_sec_03 .btn_more::after {content:""; display:block; width:0.923rem; height:0.923rem; background:url(/front/images/about/ico_plus.svg) no-repeat center/100% auto}
@media screen and (max-width:1024px) {
    .intro_sec_03 li {width:calc((100% - (1.5rem * 3))/4)}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_03 {padding:5rem 0}
    .intro_sec_03 .title_wrap {margin-bottom:2.5rem}
    .intro_sec_03 li {width:calc((100% - (1.5rem * 2))/3)}
    .intro_sec_03 .btn_wrap {margin-top:2rem}
}/*sm*/
@media screen and (max-width:500px) {
    .intro_sec_03 li {width:calc((100% - (1.5rem * 1))/2)}
}/*xsm*/
/*---------------------------intro_sec_03 end------------------------------*/


/*---------------------------intro_sec_04------------------------------*/
.intro_sec_04 {padding:12.5rem 0}
.intro_sec_04 .inner::after {content:""; position:absolute; left:0; bottom:-12.5rem; width:100%; height:1px; background-color:#D9D9D9}
.intro_sec_04 .title_wrap {position:absolute; left:0; top:0}
.intro_sec_04 .box_wrap {padding-left:34%; text-align:center}
.intro_sec_04 .box_wrap >div:not(:last-child) {margin-bottom:6.5rem}
.intro_sec_04 .box_wrap h4 {display:inline-block; margin-bottom:3rem; font-size:1.25rem; color:#5A6470; font-weight:700; line-height:180%; border-bottom:1px solid #BEC1C7}
.intro_sec_04 .box_wrap ul {display:flex; flex-wrap:wrap; gap:1.5rem}
.intro_sec_04 .box_wrap ul[data-layout="center"] {justify-content:center}
.intro_sec_04 .box_wrap li {position:relative; width:calc((100% - (1.5rem * 3))/4); padding:1rem; border:1px solid #BEC1C7}
.intro_sec_04 .box_wrap .top {display:flex; align-items:flex-end; gap:0.5rem}
.intro_sec_04 .box_wrap .bot {margin-top:2.375rem; text-align:right}
.intro_sec_04 .front h5 {font-weight:700; font-size:1rem}
.intro_sec_04 .front span {font-size:0.75rem}
.intro_sec_04 .front p {font-size:0.875rem; word-break: keep-all}
.intro_sec_04 .front p:not(:last-child) {margin-bottom:0.5rem}
.intro_sec_04 .back {position:absolute; left:0; top:0; width:100%; height:100%; padding:1rem; background:linear-gradient(#3468B2, #8ACECE); display:none}
.intro_sec_04 .back .flex_wrap {display:flex; flex-direction:column; gap:0.5rem; justify-content:center; width:100%; height:100%}
.intro_sec_04 .back h6 {font-size:1rem; font-weight:700; color:#fff; text-align:left; line-height:140%}
.intro_sec_04 .back i {display:block; width:0.938rem; height:0.75rem; background:url(/front/images/about/intro_sec_04_name_img.png) no-repeat center/100% auto}
.intro_sec_04 .box_01 {width:80%; max-width:36.75rem; margin:0 auto}
.intro_sec_04 .box_01 img {width:100%}
.intro_sec_04 .box_01 .img_pc {display:block}
.intro_sec_04 .box_01 .img_mo {display:none}
.intro_sec_04 .box_06 .bot {margin-top:1rem}
@media screen and (max-width:1400px) {
    .intro_sec_04 .box_wrap {padding-left:22%}
}/*lg*/
@media screen and (max-width:1024px) {
    .intro_sec_04 .box_wrap {padding-left:0}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_04 {padding:5rem 0}
    .intro_sec_04 .inner::after {display:none}
    .intro_sec_04 .title_wrap {position:static; margin-bottom:3rem}
    .intro_sec_04 .box_wrap >div:not(:last-child) {margin-bottom:5rem}
    .intro_sec_04 .box_wrap h4 {margin-bottom:2.5rem}
    .intro_sec_04 .box_wrap li {position:relative; width:calc((100% - (1.5rem * 2))/3)}
    .intro_sec_04 .box_01 {width:100%; max-width:360px}
    .intro_sec_04 .box_01 .img_mo {display:block}
    .intro_sec_04 .box_01 .img_pc {display:none}
}/*sm*/
@media screen and (max-width:500px) {
    .intro_sec_04 .box_wrap li {position:relative; width:calc((100% - (1.5rem * 1))/2)}
}/*xsm*/
/*---------------------------intro_sec_04 end------------------------------*/


/*---------------------------intro_sec_05------------------------------*/
.intro_sec_05 {padding:12.5rem 0 8.25rem}
.intro_sec_05 .title_wrap {position:absolute; left:0; top:0}
.intro_sec_05 .sec_desc {margin:4rem 0 3rem}
.intro_sec_05 .box_wrap {padding-left:34%}
.intro_sec_05 .box_wrap >div:not(.box_03) {position:relative; width:100%; padding-bottom:37%; border:1px solid #BEC1C7}
.intro_sec_05 .box_wrap >div:not(:last-child) {margin-bottom:1.5rem}
.intro_sec_05 .text_wrap {position:absolute; left:1.5rem; top:1.5rem; font-size:1.25rem; color:#5A6470}
.intro_sec_05 .text_wrap h5 {margin-top:0.5rem; font-weight:700}
.intro_sec_05 .box_01 {background:url(/front/images/about/intro_sec_05_img_01.png) no-repeat center/19.625rem auto}
.intro_sec_05 .box_02 {background:url(/front/images/about/intro_sec_05_img_04.png) no-repeat center/19.625rem auto}
.intro_sec_05 .box_03 {display:flex; gap:1.5rem}
.intro_sec_05 .box_03 >div {position:relative; padding-bottom:37%; border:1px solid #BEC1C7; flex:1}
.intro_sec_05 .box_03 .left {background:url(/front/images/about/intro_sec_05_img_02.png) no-repeat center/12.875rem auto}
.intro_sec_05 .box_03 .right {background:url(/front/images/about/intro_sec_05_img_03.png) no-repeat center/12.875rem auto #000}
.intro_sec_05 .box_03 .right .text_wrap {color:#fff}
.intro_sec_05 .btn_download {max-width:230px}

@media screen and (max-width:1200px) {
    .intro_sec_05 .box_wrap {padding-left:43%}
    .intro_sec_05 .box_wrap >div:not(.box_03) {padding-bottom:35%}
    .intro_sec_05 .box_01,
    .intro_sec_05 .box_02 {background-size:14rem auto}
    .intro_sec_05 .box_03 >div {padding-bottom:35%}
    .intro_sec_05 .box_03 .left,
    .intro_sec_05 .box_03 .right {background-size:9rem auto}
}/*lg*/
@media screen and (max-width:1024px) {
    .intro_sec_05 .text_wrap {display:flex; gap:0.5rem; left:0.5rem; top:0.5rem}
    .intro_sec_05 .text_wrap h5 {margin-top:0}
    .intro_sec_05 .box_01,
    .intro_sec_05 .box_02 {background-size:10rem auto}
    .intro_sec_05 .box_03 .left,
    .intro_sec_05 .box_03 .right {background-size:6rem auto}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_05 {padding:5rem 0}
    .intro_sec_05 .title_wrap {position:static; margin-bottom:3rem}
    .intro_sec_05 .box_wrap {padding-left:0}
    .intro_sec_05 .text_wrap {left:1.5rem; top:1.5rem}
    .intro_sec_05 .box_03 {flex-wrap:wrap}
}/*sm*/
@media screen and (max-width:500px) {
    .intro_sec_05 .box_wrap >div:not(.box_03) {padding-bottom:40%}
    .intro_sec_05 .text_wrap {left:50%; top:50%; transform:translate(-50%,-250%)}
    .intro_sec_05 .box_01,
    .intro_sec_05 .box_02 {background-size:10rem auto; background-position:center top 60%}
    .intro_sec_05 .box_03 >div {flex:none; width:100%; padding-bottom:40%}
    .intro_sec_05 .box_03 .left,
    .intro_sec_05 .box_03 .right {background-size:10rem auto; background-position:center top 60%}

}/*xsm*/
/*---------------------------intro_sec_05 end------------------------------*/


/*---------------------------intro_sec_06------------------------------*/
.intro_sec_06 {padding-bottom:12.5rem}
.intro_sec_06 .title_wrap {margin-bottom:5.625rem}
.intro_sec_06 .box_wrap {padding-left:34%}
.intro_sec_06 ul {display:flex; flex-wrap:wrap; gap:1.5rem}
.intro_sec_06 li {position:relative; width:calc((100% - (1.5rem * 1))/2); padding:2rem 1.5rem; color:#fff}
.intro_sec_06 li:nth-child(1) {background-color:#3468B2}
.intro_sec_06 li:nth-child(2) {background-color:#8ACECE}
.intro_sec_06 li:nth-child(3) {background-color:#23262B}
.intro_sec_06 li:nth-child(4) {background-color:#373C4B}
.intro_sec_06 h4 {position:absolute; left:1.5rem; top:1.5rem; font-size:1.25rem}
.intro_sec_06 p {text-align:right; line-height:200%; font-size:1rem}
@media screen and (max-width:1024px) {
    .intro_sec_06 .box_wrap {padding-left:0}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_06 {padding-bottom:5rem}
}/*sm*/
@media screen and (max-width:500px) {
    .intro_sec_06 .title_wrap {margin-bottom:3rem}
    .intro_sec_06 li {width:100%}
}/*xsm*/
/*---------------------------intro_sec_06 end------------------------------*/


/*---------------------------intro_sec_07------------------------------*/
.intro_sec_07 {padding:7.5rem 0; background-color:#0A0A0A; border-bottom:1px solid #696969}
.intro_sec_07 .title {margin-bottom:2.875rem; font-weight:700; font-size:2rem; color:#fff; line-height:148%}
.intro_sec_07 .btn_inquire {position:absolute; right:0; top:50%; display:flex; align-items:center; justify-content:center; gap:0.625rem; width:29rem; height:10.5rem; transform:translateY(-50%); color:#fff; line-height:100%; font-size:2rem; font-weight:500; border:1px solid; transition:border 0.5s; border-image:linear-gradient(0deg, #3468B2 0%, #8ACECE 100%); border-image-slice:1; transition:background 0.5s}
.intro_sec_07 .btn_inquire::after {content:""; display:block; width:1.875rem; height:1.875rem; background:url(/front/images/about/ico_iba.png) no-repeat center/100% auto}
.intro_sec_07 .btn_inquire::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(#3468B2, #8ACECE); z-index:-1; opacity:0; transition:opacity 0.5s}
.intro_sec_07 .btn_inquire:hover {border:1px solid transparent}
.intro_sec_07 .btn_inquire:hover::before {opacity:1}
@media screen and (max-width:1024px) and (min-width:767.1px) {
    .intro_sec_07 .title {font-size:1.75rem}
    .intro_sec_07 .title .bmo {display:none}
    .intro_sec_07 .btn_inquire {width:20rem; height:8rem; font-size:1.5rem}
}/*md*/
@media screen and (max-width:767px) {
    .intro_sec_07 {padding:4rem 0}
    .intro_sec_07 .btn_inquire {position:static; margin-top:3rem; transform:translateY(0)}
}/*sm*/
@media screen and (max-width:500px) {
    .intro_sec_07 .title {margin-bottom:1.75rem}
    .intro_sec_07 .btn_inquire {width:100%; height:3.75rem; font-size:1.25rem; border:1px solid transparent}
    .intro_sec_07 .btn_inquire::after {width:1.25rem; height:1.25rem}
    .intro_sec_07 .btn_inquire::before {opacity:1}
}/*xsm*/
/*---------------------------intro_sec_07 end------------------------------*/


/*---------------------------history_sec------------------------------*/
.history_sec {padding:7.5rem 0}
.history_sec .mo_wrap {display:none}
.history_sec .pc_wrap {position:absolute; width:30%}
/*.history_sec .fixed_wrap {position:absolute; width:30%}*/
.history_sec .btn_wrap {margin-top:2.375rem}
.history_sec .btn_wrap button {display:flex; align-items:center; justify-content:left; gap:1rem; width:100%; height:4rem; padding-left:1.25rem; background-color:transparent; color:#BEC1C7; text-align:left; font-size:2.5rem; font-weight:100; letter-spacing:-0.1rem;transition:all 0.001s ease-in-out}
.history_sec .btn_wrap button.on {background-color:#333; color:#fff; font-weight:400}
.history_sec .btn_wrap button::after {content:""; display:block; width:1.25rem; height:1.25rem; background:url(/front/images/about/ico_iba.png) no-repeat center/100% auto}
.history_sec .list_wrap {width:70%; margin-left:30%; border-left:1px solid #1A1A1A;padding-left:1.5rem}
.history_sec .list_wrap ul:not(:last-child),
.history_sec .list_wrap li:not(:last-child) {margin-bottom:6.5rem}
.history_sec .list_wrap li {display:flex; justify-content:space-between}
.history_sec .text_box {width:36%; padding-left:1.375rem; flex-shrink:0; flex-grow:1}
.history_sec .text_box h4 {margin-bottom:1rem; font-size:2rem; font-weight:500; line-height:142%}
.history_sec .text_box p {font-size:1rem}
.history_sec .list_wrap figure {width:60%; padding-bottom:32%; background-size:cover; background-position:center; background-repeat:no-repeat; flex-shrink:1}
@media screen and (max-width:1200px) {
    .history_sec .text_box {width:40%}
    .history_sec .text_box h4 {font-size:1.625rem}
    .history_sec .list_wrap figure {width:58%}
}/*md*/
@media screen and (max-width:767px) {
    .history_sec {padding:5rem 0}
    .history_sec .sec_title br {display:none}
    .history_sec .pc_wrap {display:none}
    .history_sec .mo_wrap {display:block}
    /*.history_sec .fixed_wrap {position:static; width:100%}*/
    .history_sec .btn_wrap {display:flex; gap:0.3rem; flex-wrap:wrap}
    .history_sec .btn_wrap button {justify-content:center; width:calc((100% - (0.3rem * 2))/3); padding-left:0; background-color:#fff; -webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,0.05);box-shadow:0px 2px 5px 2px rgba(0,0,0,0.05)}
    .history_sec .btn_wrap button::after {display:none}
    .history_sec .list_wrap {width:100%; margin-top:4vw; margin-left:0; padding-left:0; border-left:0}
    .history_sec .list_wrap li {flex-wrap:wrap}
    .history_sec .text_box {width:100%; padding-left:0}
    .history_sec .text_box h4 {margin-bottom:0.25rem; font-size:1.5rem}
    .history_sec .text_box h4 br {display:none}
    .history_sec .list_wrap figure {width:100%; margin-top:1.125rem; padding-bottom:51%}
    .history_sec .list_wrap ul:not(:last-child),
    .history_sec .list_wrap li:not(:last-child) {margin-bottom:2.75rem}
}/*md*/
/*---------------------------history_sec end------------------------------*/




/*---------------------------manage_sec_01 ------------------------------*/
section[class^="manage_sec"] {padding:13rem 0}
section[class^="manage_sec"] .sec_title {font-size:2rem; line-height:2.625rem; font-weight:700; color:#333}
section[class^="manage_sec"] .title[data-ani="scroll"] {opacity:0; transform:translateY(100%); transition:transform 1s}
section[class^="manage_sec"] .title[data-ani="scroll"].on {opacity:1; transform:translateY(0)}
@media screen and (max-width:1024px) {
    section[class^="manage_sec"] {padding:4.92rem 0}
    section[class^="manage_sec"] .sec_title {font-size:1.85rem; line-height:2.76rem}
}/* sm */
/*---------------------------manage_sec_01 end------------------------------*/


/*---------------------------manage_sec_02 ------------------------------*/
.manage_sec_02 .inner {display:flex; justify-content:space-between; align-items:flex-start; gap:3.69rem}
.manage_sec_02 .txt_wrap {width:calc(50.8% - 3.69rem)}
.manage_sec_02 .typing_wrap {min-height:16rem}
.manage_sec_02 .typing_wrap .title {font-size:3rem; line-height:4rem; font-weight:500; color:#333; display:inline}
.manage_sec_02 .typing_wrap .blink {animation:blink .5s infinite; opacity:1; color:#a9a9a9; font-size:3rem; line-height:4rem; font-weight:300}
.manage_sec_02 .typing_wrap.start .blink {animation:none; display:none}
.manage_sec_02 .typing_wrap .clear + .blink {animation:none; opacity:0; transition:all .3s ease-in-out}
.manage_sec_02 .desc {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333; margin-top:4.5rem}
.manage_sec_02 .file_wrap {margin-top:5rem}
.manage_sec_02 .file_wrap a {font-size:1rem; line-height:1.75rem; font-weight:500; color:#161B20; width:154px; /* display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:0 0 8px 0; border-bottom:1px solid #696969; */ transition:all .15s ease-in-out}
/*.manage_sec_02 .file_wrap a::after {content:''; display:block; width:14px; height:14px; background:url(/front/images/common/ico_download.png) center/contain no-repeat}*/
/*.manage_sec_02 .file_wrap a:last-child {margin-top:1.5rem}*/
.manage_sec_02 .img_wrap {width:49.2%; max-width:708px; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; flex-shrink:1}
.manage_sec_02 .img_wrap .left {flex-shrink:1}
.manage_sec_02 .img_wrap .right {flex-shrink:1; display:flex; flex-direction:column; justify-content:space-between; align-items:center; gap:1.5rem}
.manage_sec_02 .img_wrap img {width:100%; height:auto; object-fit:contain}
.manage_sec_02 .img_wrap .img_item {width:100%; position:relative}
.manage_sec_02 .img_wrap .img_item p {font-size:3rem; line-height:3rem; font-weight:100; color:#161B20; position:absolute; bottom:9%; left:9%}
.manage_sec_02 .img_wrap .img_item p span {font-size:1.5rem; line-height:2.5rem; font-weight:700; color:#F9F9F9; display:block}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .manage_sec_02 .file_wrap a:hover {font-size:1.005rem; font-weight:700; color:#3468B2; border-color:#3468B2}
}/* hover */

@media screen and (max-width:1280px) {
    .manage_sec_02 .typing_wrap {min-height:18rem}
    .manage_sec_02 .typing_wrap .title {font-size:2.7rem; line-height:3.6rem}
    .manage_sec_02 .img_wrap .img_item p {font-size:2rem; line-height:2rem}
}/* sm */
@media screen and (max-width:1024px) {
    .manage_sec_02 .inner {flex-direction:column}
    .manage_sec_02 .txt_wrap {width:100%}
    .manage_sec_02 .typing_wrap {min-height:16.15rem}
    .manage_sec_02 .typing_wrap .title {font-size:2.46rem; line-height:3.23rem}
    .manage_sec_02 .typing_wrap .blink {font-size:2.46rem; line-height:3.23rem}
    .manage_sec_02 .desc {margin-top:1.85rem}
    .manage_sec_02 .file_wrap {margin-top:3.08rem}
    .manage_sec_02 .file_wrap a {font-size:1.24rem; line-height:2.15rem}
    .manage_sec_02 .img_wrap {width:100%; max-width:unset; gap:4px}
    .manage_sec_02 .img_wrap .right {flex-direction:row; gap:4px}
    .manage_sec_02 .img_wrap .img_item {flex-shrink:1}
}/* sm */

/*---------------------------manage_sec_02 end------------------------------*/


/*---------------------------manage_sec_03------------------------------*/
.manage_sec_03 {background-color:#F7F7F8}
.manage_sec_03 .cont_wrap {display:flex; position:relative; margin-top:4rem}
.manage_sec_03 .flex_wrap {width:50%; display:flex; position:relative; z-index:1}
.manage_sec_03 .flex_wrap:nth-child(2) {z-index:3; justify-content:flex-end}
.manage_sec_03 .cont_item {width:52.5%; padding-bottom:52.5%; position:relative; border-radius:100%}
.manage_sec_03 .flex_wrap:nth-child(1) .cont_item:nth-child(2) {position:absolute; right:-1.25%; top:50%; transform:translateY(-50%)}
.manage_sec_03 .flex_wrap:nth-child(2) .cont_item:nth-child(1) {position:absolute; left:-1.25%; z-index:-1; top:50%; transform:translateY(-50%)}
.manage_sec_03 .flex_wrap:nth-child(2) .cont_item:nth-child(2) {position:relative; z-index:3}
.manage_sec_03 .cont_item:nth-child(1) {background-color:#FFF; border:1px solid #BEC1C7}
.manage_sec_03 .cont_item:nth-child(2) {background-color:#F3F3F3; border:1px solid #BEC1C7}
.manage_sec_03 .cont_item::after {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); display:block; width:41px; height:16px; background:url(/front/images/about/arrow_long.png) center left/contain no-repeat}
.manage_sec_03 .flex_wrap:nth-child(1) .cont_item:nth-child(1)::after {display:none}
.manage_sec_03 .cont_item p {font-size:1.5rem; line-height:2.25rem; font-weight:700; color:#161B20; position:absolute; top:50%; right:50%; transform:translate(50%,-50%); width:100%; text-align:center}

/*ani*/
.manage_sec_03 [data-ani="fade"] {opacity:0; transition:opacity 1s}
.manage_sec_03 [data-ani="fade"].on {opacity:1}


@media screen and (max-width:1024px) {
    .manage_sec_03 .cont_wrap {flex-direction:column; max-width:500px; margin:1.85rem auto 0}
    .manage_sec_03 .cont_item {width:51.25%}
    .manage_sec_03 .flex_wrap:nth-child(1) .cont_item:nth-child(2) {right:-0.625%}
    .manage_sec_03 .flex_wrap:nth-child(2) .cont_item:nth-child(1) {left:49.375%}
    .manage_sec_03 .flex_wrap {width:100%}
    .manage_sec_03 .flex_wrap:nth-child(2) {margin-top:-10px; justify-content:flex-start}
    .manage_sec_03 .flex_wrap:nth-child(2) .cont_item:nth-child(1)::after {top:11px; left:50%; transform:translate(-50%,0) rotate(90deg)}
    .manage_sec_03 .flex_wrap:nth-child(2) .cont_item:nth-child(2)::after{left:unset;right:0;transform:translateY(-50%) scaleX(-1)}
}/* sm */

/*---------------------------manage_sec_03 end------------------------------*/


/*---------------------------manage_sec_04 ------------------------------*/
.manage_sec_04 {position:relative}
.manage_sec_04 .select_wrap {width:134px; position:absolute; top:1rem; right:0; padding:0 0 4px; border-bottom:1px solid #000}
.manage_sec_04 .select_box {font-size:14px; line-height:20px; font-weight:500; color:#161B20; width:100%; padding:0 4.75rem 0 0; cursor:pointer; position:relative; background:url(/front/images/common/select_down.png) center right / 15px auto no-repeat; transition:all .2s ease-in-out}
.manage_sec_04 .fin_cont_wrap {position:relative; margin-top:5rem; overflow: hidden}
.manage_sec_04 .fin_cont {display:none; position:absolute; top:0; left:0; bottom:0; z-index:1}
.manage_sec_04 .fin_cont.show {display:block; z-index:3; position:unset}
.manage_sec_04 .expen {margin-top:9rem}
.manage_sec_04 .chart_wrap {display:flex; gap:3rem; justify-content:space-between; align-items:center; margin-bottom:6.5rem}
.manage_sec_04 .pie_chart {display:inline-block; position:relative; width:35rem; height:35rem; border-radius:50%; will-change:transform}
.manage_sec_04 .chart_graph {position:relative}
.manage_sec_04 .chart_graph .count {font-size:1.5rem; line-height:2.25rem; font-weight:400; color:#F1F1F1; position:absolute}
.manage_sec_04 .fin_2024 .prof .pie_chart {background:conic-gradient(#3468B2 0% 6.5%,#72A1E4 6.5% 7%,#0E356C 7% 100%); transform:rotate(14deg);}
.manage_sec_04 .fin_2024 .expen .pie_chart {background:conic-gradient(#0E356C 0% 10%,#72A1E4 10% 10.25%,#0E356C 10.254% 100%)}
.manage_sec_04 .fin_2024 .prof .count1 {bottom:25%; left:32%}
.manage_sec_04 .fin_2024 .prof .count2 {top:9%; left:62%}
.manage_sec_04 .fin_2024 .prof .count3 {top:20%; right:12%}
.manage_sec_04 .fin_2024 .expen .count1 {top:62%; left:32%}
.manage_sec_04 .fin_2024 .expen .count2 {top:20%; right:15%}
.manage_sec_04 .fin_2023 .prof .pie_chart {background:conic-gradient(#3468B2 0% 6%,#72A1E4 6% 7%,#0E356C 7% 100%)}
.manage_sec_04 .fin_2023 .expen .pie_chart {background:conic-gradient(#0E356C 0% 12%,#72A1E4 12% 14%,#0E356C 14% 100%)}
.manage_sec_04 .fin_2023 .prof .count1 {bottom:25%; left:32%}
.manage_sec_04 .fin_2023 .prof .count2 {top:9%; left:51%}
.manage_sec_04 .fin_2023 .prof .count3 {top:20%; right:22%}
.manage_sec_04 .fin_2023 .expen .count1 {top:62%; left:32%}
.manage_sec_04 .fin_2023 .expen .count2 {top:29%; right:9%}
.manage_sec_04 .fin_2022 .prof .pie_chart {background:conic-gradient(#3468B2 0% 12%,#72A1E4 12% 33%,#0E356C 33% 100%); transform:rotate(-28deg)}
.manage_sec_04 .fin_2022 .expen .pie_chart {background:conic-gradient(#0E356C 0% 12%,#72A1E4 12% 25%,#0E356C 25% 100%)}
.manage_sec_04 .fin_2022 .prof .count1 {bottom:25%; left:32%}
.manage_sec_04 .fin_2022 .prof .count2 {top:9%; left:37%}
.manage_sec_04 .fin_2022 .prof .count3 {top:30%; right:16%}
.manage_sec_04 .fin_2022 .expen .count1 {top:62%; left:32%}
.manage_sec_04 .fin_2022 .expen .count2 {top:36%; right:11%}
.manage_sec_04 .fin_2021 .prof .pie_chart {background:conic-gradient(#3468B2 0% 4%,#72A1E4 4% 9%,#0E356C 9% 100%)}
.manage_sec_04 .fin_2021 .expen .pie_chart {background:conic-gradient(#72A1E4 0% 0.5%,#3468B2 0.5% 13%,#ddebf8 13% 14%,#0E356C 14% 100%)}
.manage_sec_04 .fin_2021 .prof .count1 {top:62%; left:32%}
.manage_sec_04 .fin_2021 .prof .count2 {top:9%; left:49%}
.manage_sec_04 .fin_2021 .prof .count3 {top:20%; right:32%}
.manage_sec_04 .fin_2021 .expen .count1 {top:62%; left:32%}
.manage_sec_04 .fin_2021 .expen .count2 {top:9%; left:38%}
.manage_sec_04 .fin_2021 .expen .count3 {top:20%; left:58%}
.manage_sec_04 .fin_2021 .expen .count4 {top:30%; right:20%}
.manage_sec_04 .chart_info {width:100%; min-width:506px; max-width:586px; flex-shrink:1; display:flex; flex-direction:column; justify-content:space-between; gap:2.5rem}
.manage_sec_04 .chart_info h4 {font-size:1.5rem; line-height:3.25rem; font-weight:700; color:#333; background-color:#F1F1F1; width:max-content; height:3.25rem; display:inline-block; padding:0 1rem}
.manage_sec_04 .chart_info strong {font-size: 1rem; line-height: 1; font-weight: 400; color: #333;}
.manage_sec_04 .chart_info p {display: flex; align-items: center}
.manage_sec_04 .chart_info p span {font-size:4rem; line-height:5rem; font-weight:700; color:#333;display:inline-block}
.manage_sec_04 .chart_info p span.unit {font-size:2rem; line-height:2.25rem; font-weight:700; color:#333;display:inline-block;margin-left:.5rem;vertical-align:text-top}
.manage_sec_04 .chart_info ul {margin-top:5.55rem; width:100%}
.manage_sec_04 .chart_info ul li {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333; padding:1.25rem 1.5rem; background-color:#F7F7F7; display:flex; justify-content:flex-start; align-items:center; position:relative}
.manage_sec_04 .chart_info ul li:not(:last-child) {margin-bottom:1.5rem}
.manage_sec_04 .chart_info ul li span {font-size:1.5rem; line-height:2.25rem; font-weight:700; position:absolute; top:50%; right:1.5rem; transform:translateY(-50%)}
.manage_sec_04 .chart_info ul li::before {content:''; display:inline-block; width:2.5rem; height:2.5rem; margin-right:1.5rem}
.manage_sec_04 .chart_info ul li:nth-child(1)::before {background-color:#0E356C}
.manage_sec_04 .chart_info ul li:nth-child(2)::before {background-color:#72A1E4}
.manage_sec_04 .chart_info ul li:nth-child(3)::before {background-color:#3468B2}
.manage_sec_04 .chart_info ul li:nth-child(4)::before {background-color:#ddebf8}


/* table area*/
.manage_sec_04 .table_a {border-top:1px solid #BEC1C7; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center}
.manage_sec_04 .table_a:last-child {margin-top:6.5rem}
.manage_sec_04 .table_a:last-child caption {font-size:2rem; line-height:2.625rem; font-weight:500; color:#333; text-align:left; margin-bottom:3.5rem}
.manage_sec_04 .table_a.mt20 {margin-top:20px}
.manage_sec_04 .table_a thead th {font-size:1.25rem; line-height:2rem; font-weight:700; color:#333; background:#F7F7F8; text-align:center}
.manage_sec_04 .table_a thead th.w300 {font-weight:300; text-align:center; background:#f9f9f9}
.manage_sec_04 .table_a tbody tr:last-child td {font-size:1.25rem; line-height:2rem; font-weight:700; color:#333; background:#D7FDFF; border-bottom:none}
.manage_sec_04 .table_a thead tr th:last-child,.manage_sec_04 .table_a tbody tr td:last-child,.manage_sec_04 .table_a tfoot tr td:last-child {border-right:0 none}
.manage_sec_04 .table_a tfoot th {background:#fff; color:#555}
.manage_sec_04 .table_a tfoot td {background:#fef8f6}
.manage_sec_04 .table_a th,
.manage_sec_04 .table_a td {border-bottom:1px solid #BEC1C7; border-right:1px solid #BEC1C7; padding:1.375rem .5rem}
.manage_sec_04 .table_a td {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333}
.manage_sec_04 .table_a th.bd_r_none,
.manage_sec_04 .table_a td.bd_r_none {border-right:0 none!important}
.manage_sec_04 .table_a thead tr th.border-right,.manage_sec_04 .table_a tbody tr td.border-right,.manage_sec_04 .table_a tfoot tr td.border-right {border-right:1px solid #BEC1C7}
.manage_sec_04 .table_a tbody tr th {font-weight:700; color:#333; font-size:15px}
.manage_sec_04 .table_a .sub_result th,.manage_sec_04 .table_a .sub_result td {background:#fff}
.manage_sec_04 .table_a .sub_result02 th,.manage_sec_04 .table_a .sub_result02 td {background:#f9f9f9}

.manage_sec_04 .fin_wrap {width:100%}
.manage_sec_04 .fin_wrap .inner {width:92%; max-width:1020px; margin:0 auto; position:relative}
.manage_sec_04 .bg_color {background-color:#f8f8f8}
.manage_sec_04 .fin_wrap.bg_color {padding:150px 0; margin:150px 0}
.manage_sec_04 .report_wrap.bg_color {padding:105px 0; margin:50px auto 150px}
.manage_sec_04 .fin_wrap .sub_tit {font-weight:700; font-size:38px; margin-bottom:50px; line-height:50px}
.manage_sec_04 .fin_wrap .info_list {display:flex; justify-content:space-between; flex-wrap:wrap}
.manage_sec_04 .fin_wrap .info_list li {position:relative; display:inline-block; width:calc(50% - 10px); max-width:500px; height:300px}
.manage_sec_04 .fin_wrap .info_list li:nth-child(1) {margin-right:20px; margin-bottom:20px}
.manage_sec_04 .fin_wrap .info_list li:nth-child(2) {margin-bottom:20px}
.manage_sec_04 .fin_wrap .info_list .list_3x {max-width:330px; width:calc(33.3% - 15px)}
.manage_sec_04 .fin_wrap .info_list figure {width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; position:relative}
.manage_sec_04 .fin_wrap .info_list figure figcaption {position:absolute; bottom:95px; left:40px; font-size:24px; color:#fff; font-weight:500; line-height:130%}
.manage_sec_04 .fin_wrap .info_list li .btn_view {position:absolute; bottom:40px; left:40px; border:1px solid #fff; color:#fff; padding:8px 9px; font-size:22px; line-height:100%}
.manage_sec_04 .fin_wrap .info_list li .btn_view::after {content:''; display:inline-block; width:20px; height:20px; background:url(/front/images/about/icon_view.png); margin-left:20px; vertical-align:-2px}



@media screen and (max-width:1400px) {
    .manage_sec_04 .pie_chart {width:26rem; height:26rem}
}/* md */
@media (max-width:1024px) {
    .manage_sec_04 .select_wrap {position:relative; top:unset; right:unset; margin-top:2.46rem}
    .manage_sec_04 .fin_cont_wrap {margin-top:2.46rem}
    .manage_sec_04 .chart_wrap {gap:1.6rem; flex-direction:column; align-items:flex-start; margin-bottom:2.46rem}
    .manage_sec_04 .chart_info {gap:8px; align-items:flex-start; min-width:unset; max-width:unset}
    .manage_sec_04 .chart_info h4 {font-size:1.08rem; line-height:2.15rem; height:2.15rem}
    .manage_sec_04 .chart_info p {font-size:2.46rem; line-height:3.23rem}
    .manage_sec_04 .chart_info p span {font-size:2.46rem; line-height:3.23rem}
    .manage_sec_04 .chart_info p span.unit{font-size:1.54rem; line-height:2.46rem}
    .manage_sec_04 .chart_info ul {margin-top:1.6rem}
    .manage_sec_04 .chart_info ul li {font-size:1.08rem; line-height:1.54rem}
    .manage_sec_04 .chart_info ul li:not(:last-child) {margin-bottom:8px}
    .manage_sec_04 .chart_info ul li::before {width:1.54rem; height:1.54rem}
    .manage_sec_04 .chart_info ul li span {font-size:1.08rem; line-height:1.54rem}
    .manage_sec_04 .chart_graph {width:340px; height:340px; margin:0 auto}
    .manage_sec_04 .chart_graph .count {font-size:1.24rem; line-height:2.15rem}
    .manage_sec_04 .table_a td,
    .manage_sec_04 .table_a thead th,
    .manage_sec_04 .table_a tbody tr:last-child td {font-size:1.08rem; line-height:1.54rem}
    .manage_sec_04 .table_a:last-child {margin-bottom:3.08rem}
    .manage_sec_04 .table_a:last-child caption {font-size:1.54rem; line-height:2.46rem; margin-bottom:1.24rem}
}/* sm */



@media (max-width:767px) {
    .manage_sec_04 .table_a thead th {width:50%}
    .table_m {display:none}
    .border_m {border-right:0!important}
}

/*---------------------------manage_sec_04 end------------------------------*/


/*---------------------------manage_sec_05 ------------------------------*/
.manage_sec_05 {background-color:#F7F7F8}
.manage_sec_05 .tag_wrap {display:flex; flex-wrap:wrap; justify-content:flex-start; gap:1rem; margin-top:4rem}
.manage_sec_05 .tag_wrap label {font-size:1.25rem; line-height:2.5rem; font-weight:500; color:#333; border:1px solid #BEC1C7; padding:0 1rem; height:2.5rem; display:inline-block; background-color:#FFF}
.manage_sec_05 .tag_wrap input:checked + label {background-color:#5A6470; color:#FDFDFD}
.manage_sec_05 .list_wrap {margin-top:2.5rem}
.manage_sec_05 table {width:100%}
.manage_sec_05 table thead tr {background-color:#EAEAEA; border-bottom:1px solid #BEC1C7}
.manage_sec_05 table th {font-size:1.25rem; line-height:2rem; font-weight:700; color:#333; padding:1.25rem 0}
.manage_sec_05 table thead th:not(:last-child) {border-right:1px solid #BEC1C7}
.manage_sec_05 table tbody tr {background-color:#FFF; border-bottom:1px solid #BEC1C7; transition:all .15s ease-in-out}
.manage_sec_05 table td {font-size:1.25rem; line-height:2rem; font-weight:500; color:#333; text-align:center; padding:1.25rem 1rem}
.manage_sec_05 table td:not(:last-child) {border-right:1px solid #BEC1C7}
.manage_sec_05 table td p {width:max-content; text-align:center; margin:0 auto; text-wrap:wrap}
.manage_sec_05 table td a {width:100%; max-width:860px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical}

@media screen and (min-width:1024.1px) and (hover:hover) {
    .manage_sec_05 table tbody tr:hover {background-color:#F7F7F8}
}/* hover */

@media screen and (max-width:1024px) {
    .manage_sec_05 .tag_wrap {gap:4px}
    .manage_sec_05 .tag_wrap button {font-size:0.92rem; line-height:1.85rem; padding:0 1rem}
    .manage_sec_05 table tbody td {font-size:1.08rem; line-height:1.54rem; padding:10px 6px}
    .manage_sec_05 table td a {-webkit-line-clamp:2; word-break: keep-all}
    .manage_sec_05 table td:nth-child(2) {padding:10px 4px}
    .manage_sec_05 table td:nth-child(2) p{font-size: 0.92rem; line-height: 1.4rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: keep-all}
}/* sm */
/*---------------------------manage_sec_05 end------------------------------*/




/*---------------------------manage_detail_sec ------------------------------*/
.manage_detail_sec {background-color:#F7F7F8; padding:13rem 0}
.manage_detail_sec .board_tag {font-size:1.25rem; line-height:2.5rem; font-weight:500; color:#333; height:2.5rem; display:inline-block; background-color:#FFF; border:1px solid #BEC1C7; padding:0 1rem}
.manage_detail_sec .board_title {font-size:2rem; line-height:2.625rem; font-weight:700; color:#333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-top:1.5rem}
.manage_detail_sec .board_cont {width:100%; min-height:200px; margin:4rem 0; background-color:#FFF; border-top:1px solid #BEC1C7; border-bottom:1px solid #BEC1C7; padding:2rem}
.manage_detail_sec .board_cont * {font-size:1.25rem; line-height:2rem; font-weight:400; color:#333}
.manage_detail_sec .board_cont img {width:auto; display:inline-block}
.manage_detail_sec .board_sub {display:flex; width:100%; justify-content:space-between; align-items:flex-start; gap:2rem}
.manage_detail_sec .board_list {display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; gap:1rem; flex-shrink:1}
.manage_detail_sec .board_list a {display:flex; justify-content:flex-start; align-items:center; gap:1.5rem; cursor:pointer}
.manage_detail_sec .board_list a b {font-size:1rem; line-height:1; font-weight:400; color:#161B20; display:inline-flex; gap:8px; justify-content:flex-start; align-items:center; background-color:#0A0A0A; color:#FDFDFD; padding:8px 12px}
.manage_detail_sec .board_list .btn_prev b::before {content:''; display:block; width:6px; height:10px; background:url(/front/images/common/board_arrow.png) center / contain no-repeat}
.manage_detail_sec .board_list .btn_next b::after {content:''; display:block; width:6px; height:10px; background:url(/front/images/common/board_arrow.png) center / contain no-repeat; transform:scaleX(-1)}
.manage_detail_sec .board_list a span {font-size:1.125rem; line-height:1.75rem; font-weight:500; color:#161b20; text-align:left; width:100%; max-width:400px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; cursor:pointer; flex-shrink:1}
.manage_detail_sec .board_file {width:100%; max-width:360px}
.manage_detail_sec .board_file .btn_download {max-width:unset}
@media screen and (min-width:1024.1px) and (hover:hover) {
    .manage_detail_sec .board_list a:hover span {color:#3468B2}
}/* hover */

@media screen and (max-width:1024px) {
    .manage_detail_sec {padding:4.93rem 0}
    .manage_detail_sec .board_tag {font-size:1.08rem; line-height:1.85rem; height:1.85rem}
    .manage_detail_sec .board_title {font-size:1.85rem; line-height:2.76rem; -webkit-line-clamp:3; margin-top:8px}
    .manage_detail_sec .board_cont {margin:1.85rem 0; padding:2.47rem 1.24rem}
    .manage_detail_sec .board_cont * {font-size:1.08rem; line-height:1.85rem}
    .manage_detail_sec .board_sub {flex-direction:column; align-items:flex-start; gap:3.08rem}
    .manage_detail_sec .board_list {flex-direction:row; gap:1.24rem}
    .manage_detail_sec .board_list a b {font-size:1.24rem; line-height:1.39rem}
    .manage_detail_sec .board_list a span {display:none}
    .manage_detail_sec .board_file {width:88%; max-width:500px}
}/* sm */
/*---------------------------manage_detail_sec end------------------------------*/

/*---------------------------ani------------------------------*/
@keyframes blink {
    to {opacity:0}
}
/*---------------------------ani end------------------------------*/