/* cmn */
:root
{
--bg: #F9FAFB;
--fprimary: #6490FD;
}
.mdovh{overflow: hidden;}
.ico_arr_right_w {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath  d='M13.87,9.81c.29.29.29.77,0,1.06l-5.17,5.17c-.29.29-.77.29-1.06,0-.29-.29-.29-.77,0-1.06l4.64-4.64-4.64-4.64c-.29-.29-.29-.77,0-1.06.29-.29.77-.29,1.06,0l5.17,5.17Z' fill='%23ffffff' /%3E%3C/svg%3E");
width: 24px; height: 24px;}
.ico_arr_right_fp {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath  d='M13.87,9.81c.29.29.29.77,0,1.06l-5.17,5.17c-.29.29-.77.29-1.06,0-.29-.29-.29-.77,0-1.06l4.64-4.64-4.64-4.64c-.29-.29-.29-.77,0-1.06.29-.29.77-.29,1.06,0l5.17,5.17Z' fill='%236490FD' /%3E%3C/svg%3E");
width: 24px; height: 24px;}
.ico_arr_down_w {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' %3E%3Cpath  d='M10.36,13.7c-.29.29-.77.29-1.06,0l-5.17-5.17c-.29-.29-.29-.77,0-1.06.29-.29.77-.29,1.06,0l4.64,4.64,4.64-4.64c.29-.29.77-.29,1.06,0,.29.29.29.77,0,1.06l-5.17,5.17Z' fill='%23ffffff' /%3E%3C/svg%3E");
    width: 20px; height: 20px;}
.ico_blank {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' %3E%3Cpath  d='M7.05025 16.9497L16.9497 7.05017M16.9497 7.05017H7.05025M16.9497 7.05017V16.9497' stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); width: 24px; height: 24px;}
.ico_blank_w {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' %3E%3Cpath  d='M7.05025 16.9497L16.9497 7.05017M16.9497 7.05017H7.05025M16.9497 7.05017V16.9497' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); width: 24px; height: 24px;}
.ico_media_news {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' %3E%3Cpath  d='M8.15538 16.2886V13.7758H10.4665V16.2886H8.15538ZM19.7776 7.71057C19.7757 7.21205 19.5923 6.73462 19.2674 6.38282C18.9426 6.03101 18.5027 5.83349 18.0442 5.8335H6.39982C5.94012 5.8335 5.49924 6.03205 5.17418 6.38549C4.84912 6.73892 4.6665 7.21828 4.6665 7.71811V19.0258C4.6665 19.8589 4.97087 20.6578 5.51263 21.2468C6.0544 21.8359 6.78919 22.1668 7.55537 22.1668H20.4443C21.2105 22.1668 21.9453 21.8359 22.487 21.2468C23.0288 20.6578 23.3332 19.8589 23.3332 19.0258V11.4873C23.3332 10.9875 23.1506 10.5082 22.8255 10.1547C22.5004 9.80128 22.0596 9.60273 21.5999 9.60273H20.9331V18.6866C20.9331 18.8532 20.8722 19.013 20.7639 19.1308C20.6555 19.2486 20.5086 19.3148 20.3553 19.3148C20.2021 19.3148 20.0551 19.2486 19.9468 19.1308C19.8384 19.013 19.7776 18.8532 19.7776 18.6866V7.71057ZM6.99984 10.2309C6.99984 10.0643 7.06071 9.90454 7.16906 9.78672C7.27742 9.66891 7.42437 9.60273 7.57761 9.60273H16.822C16.9752 9.60273 17.1222 9.66891 17.2305 9.78672C17.3389 9.90454 17.3997 10.0643 17.3997 10.2309C17.3997 10.3975 17.3389 10.5573 17.2305 10.6751C17.1222 10.793 16.9752 10.8591 16.822 10.8591H7.57761C7.42437 10.8591 7.27742 10.793 7.16906 10.6751C7.06071 10.5573 6.99984 10.3975 6.99984 10.2309ZM13.3553 12.5194H16.822C16.9752 12.5194 17.1222 12.5856 17.2305 12.7034C17.3389 12.8212 17.3997 12.981 17.3997 13.1476C17.3997 13.3142 17.3389 13.474 17.2305 13.5918C17.1222 13.7096 16.9752 13.7758 16.822 13.7758H13.3553C13.2021 13.7758 13.0551 13.7096 12.9468 13.5918C12.8384 13.474 12.7776 13.3142 12.7776 13.1476C12.7776 12.981 12.8384 12.8212 12.9468 12.7034C13.0551 12.5856 13.2021 12.5194 13.3553 12.5194ZM12.7776 16.9168C12.7776 16.7502 12.8384 16.5904 12.9468 16.4726C13.0551 16.3548 13.2021 16.2886 13.3553 16.2886H16.822C16.9752 16.2886 17.1222 16.3548 17.2305 16.4726C17.3389 16.5904 17.3997 16.7502 17.3997 16.9168C17.3997 17.0834 17.3389 17.2432 17.2305 17.361C17.1222 17.4789 16.9752 17.545 16.822 17.545H13.3553C13.2021 17.545 13.0551 17.4789 12.9468 17.361C12.8384 17.2432 12.7776 17.0834 12.7776 16.9168ZM7.57761 12.5194H11.0442C11.1975 12.5194 11.3444 12.5856 11.4528 12.7034C11.5611 12.8212 11.622 12.981 11.622 13.1476V16.9168C11.622 17.0834 11.5611 17.2432 11.4528 17.361C11.3444 17.4789 11.1975 17.545 11.0442 17.545H7.57761C7.42437 17.545 7.27742 17.4789 7.16906 17.361C7.06071 17.2432 6.99984 17.0834 6.99984 16.9168V13.1476C6.99984 12.981 7.06071 12.8212 7.16906 12.7034C7.27742 12.5856 7.42437 12.5194 7.57761 12.5194Z' fill='%236490FD' /%3E%3C/svg%3E");width: 24px; height: 24px;}
.ico_media_photo {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9 3.5C9.4892 3.5 7.71587 3.58027 6.50533 3.6666C4.96533 3.77673 3.77673 4.96487 3.6666 6.5058C3.58027 7.71587 3.5 9.4892 3.5 11.9C3.5 14.3108 3.58027 16.0841 3.6666 17.2947C3.77393 18.7945 4.90327 19.9607 6.38493 20.1227C6.32587 18.7826 6.29756 17.4414 6.3 16.1C6.3 13.6579 6.3812 11.8515 6.47033 10.6059C6.62993 8.3706 8.3706 6.62993 10.6059 6.47033C11.8515 6.38167 13.6579 6.3 16.1 6.3C17.71 6.3 19.0433 6.33547 20.1227 6.38493C19.9607 4.90327 18.7945 3.77393 17.2947 3.6666C16.0841 3.58027 14.3108 3.5 11.9 3.5ZM16.1 7.7C13.6892 7.7 11.9159 7.78027 10.7053 7.8666C9.16533 7.97673 7.97673 9.16487 7.8666 10.7058C7.78027 11.9159 7.7 13.6892 7.7 16.1C7.7 18.5108 7.78027 20.2841 7.8666 21.4947C7.97673 23.0347 9.16487 24.2233 10.7058 24.3334C11.9159 24.4197 13.6892 24.5 16.1 24.5C18.5108 24.5 20.2841 24.4197 21.4947 24.3334C23.0347 24.2233 24.2233 23.0351 24.3334 21.4942C24.4197 20.2841 24.5 18.5108 24.5 16.1C24.5 13.6892 24.4197 11.9159 24.3334 10.7053C24.2233 9.16533 23.0351 7.97673 21.4942 7.8666C20.2841 7.78027 18.5108 7.7 16.1 7.7ZM17.9667 12.3667C17.9667 11.8716 18.1633 11.3968 18.5134 11.0467C18.8635 10.6967 19.3383 10.5 19.8333 10.5C20.3284 10.5 20.8032 10.6967 21.1533 11.0467C21.5033 11.3968 21.7 11.8716 21.7 12.3667C21.7 12.8617 21.5033 13.3365 21.1533 13.6866C20.8032 14.0367 20.3284 14.2333 19.8333 14.2333C19.3383 14.2333 18.8635 14.0367 18.5134 13.6866C18.1633 13.3365 17.9667 12.8617 17.9667 12.3667ZM23.0613 18.8487C22.565 18.3953 22.0572 17.9546 21.5385 17.5271C20.8418 16.9568 19.9066 16.8667 19.1417 17.3768C18.6452 17.7081 17.9788 18.2005 17.1215 18.9266C15.8191 17.6867 14.9095 16.8947 14.3029 16.3982C13.6057 15.8284 12.6705 15.7379 11.9056 16.2479C11.2719 16.6707 10.3595 17.3572 9.128 18.4581C9.1588 19.677 9.21013 20.6495 9.26333 21.3948C9.324 22.2409 9.9596 22.8765 10.8057 22.9367C11.9803 23.0207 13.72 23.1 16.1 23.1C18.48 23.1 20.2197 23.0207 21.3948 22.9367C22.2409 22.876 22.8765 22.2409 22.9367 21.3948C22.9843 20.7307 23.03 19.8865 23.0613 18.8487' fill='%236490FD' /%3E%3C/svg%3E");width: 24px; height: 24px;}

.ico_media_vod{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.6 5.8335C5.04305 5.8335 4.5089 6.0247 4.11508 6.36504C3.72125 6.70539 3.5 7.16699 3.5 7.64831V20.352C3.5 20.8333 3.72125 21.2949 4.11508 21.6353C4.5089 21.9756 5.04305 22.1668 5.6 22.1668H22.4C22.957 22.1668 23.4911 21.9756 23.8849 21.6353C24.2787 21.2949 24.5 20.8333 24.5 20.352V7.64831C24.5 7.16699 24.2787 6.70539 23.8849 6.36504C23.4911 6.0247 22.957 5.8335 22.4 5.8335H5.6ZM10.4562 10.9422C10.4796 10.7687 10.5494 10.6023 10.6604 10.4564C10.7713 10.3104 10.9201 10.1888 11.0951 10.1014C11.27 10.0139 11.4662 9.96301 11.6679 9.95271C11.8696 9.94241 12.0714 9.97301 12.257 10.0421C12.7862 10.2381 13.9034 10.6791 15.3188 11.385C16.3135 11.8763 17.2742 12.4174 18.1958 13.0056C18.3578 13.1098 18.4895 13.2453 18.5801 13.4013C18.6708 13.5573 18.718 13.7294 18.718 13.904C18.718 14.0785 18.6708 14.2507 18.5801 14.4066C18.4895 14.5626 18.3578 14.6981 18.1958 14.8023C17.2741 15.3899 16.3135 15.9304 15.3188 16.4211C14.3294 16.9206 13.3071 17.3696 12.257 17.7659C12.0714 17.8351 11.8696 17.8659 11.6678 17.8557C11.466 17.8455 11.2697 17.7946 11.0947 17.7071C10.9197 17.6197 10.7708 17.498 10.66 17.3519C10.5491 17.2058 10.4793 17.0393 10.4562 16.8658C10.3303 15.8823 10.2686 14.8935 10.2715 13.904C10.2715 12.4966 10.389 11.4367 10.4562 10.9422Z7' fill='%236490FD' /%3E%3C/svg%3E");width: 24px; height: 24px;}
body{background: var(--bg);}
body:has(#history){background: var(--white);}
#header{background: var(--white);position:fixed;left: 0;top: 0;width: 100%;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:10;}
#header .inner{height: 100%;display:flex;align-items:center;justify-content:space-between;}
.h1_logo{width: 118px;}
.h1_logo img{width: 100%;}
nav#pc-nav a, nav#mo-nav a{display:flex;align-items:center;justify-content:flex-start;}
nav#pc-nav ul{display: flex;align-items:center;column-gap:16px;}
nav#pc-nav a{font-size: 20px;font-weight: 600;line-height: 1.5;}
nav#mo-nav{display:none;position: fixed;left: 0;top: 0;width: 100%;background:var(--white);padding:20px;animation:mo_nav .3s ease-in-out;z-index:99999;}
@keyframes mo_nav {
	 0% {
		transform: translate(0,-170px);
		  }
	100% {
		transform: translate(0,0);
		  }
	}
nav#mo-nav>div:first-child{border-bottom:1px solid var(--f_color);}
nav#mo-nav li a{padding:8px;font-size: 16px;font-weight: 500;line-height: 1.5;}
.nav_overlay{display:none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:9999;}

#footer{background: var(--gray900);padding-top: 20px;padding-bottom: 60px;}
#footer a{color: var(--white);}
#footer .footer-logo{height: 32px;display:flex;align-items:center;column-gap:6px;}
#footer .footer-logo .text{fill:var(--white);width: 130px;}
#footer .footer-logo .symbol{fill:var(--primary);width: 32px;height: 32px;}
#footer .footer-info{flex:1}
#footer .footer-sites{max-width:150px;}
#footer .footer-sites li a{color: var(--white);font-size: 16px;font-weight: 600;display: flex;align-items:center;}
#footer .footer-sites li a i{width: 20px;height: 20px;}
.inner{max-width:1240px;margin:0 auto;}
.fp-f,.fp-f:active,.fp-f:visited{color:var(--fprimary);}
.fp-b{background-color:var(--fprimary);}
/*Æ÷·³»óÅÂÇ¥½Ã*/
.forum-state>div{border-radius:50px;padding:2px 10px 2px 6px;display:flex;align-items:center;column-gap:4px;font-size: 16px;line-height: 1.5;color: var(--black);width:max-content;font-weight: 500;}
.forum-state>div:before{content:'';width: 10px;height: 10px;border-radius:50%;display: block;}
.forum-state .pre{background: #C9E2FF;}
.forum-state .pre:before{background:#429AFF;}
.forum-state .ing{background: #D8F9D8;}
.forum-state .ing:before{background:#7CDB7C;}
.forum-state .end{background: #EFEEED;}
.forum-state .end:before{background:#838383;}

/**/
.card-header{background: var(--fprimary);border-radius:8px;padding: 12px 16px;;}
.card-header .forum-name{color: var(--white);display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;}
.forum-name{font-weight: 600;line-height: 1.3;word-break: keep-all;}
.section-header{display:flex;row-gap:12px;margin-bottom: 20px;}
@media screen and (max-width:1240px) {
:not(.hero)>.inner{padding:0 20px;}
}

@media screen and (min-width:576px) {
header#header{height:78px;}
#main, #history, #media, #landing{padding-top: 78px;}
.section-header{align-items:flex-end;justify-content:space-between;}

}
@media screen and (max-width:768px) {
.fs_sm18{font-size: 18px;}
}
@media screen and (max-width:575.98px) {
#header{height:60px;}
#main, #history, #media, #landing{padding-top: 60px;}
.nav_overlay {background: rgba(0, 0, 0, 0.2);}
.section-header{justify-content:center;flex-direction:column;}
}
@media screen and (max-width: 360px) {
.rgap_xxs4{row-gap:16px;}
.fs_xxs20{font-size: 20px;}
.fs_xxs18{font-size: 18px;}
.fs_xxs16{font-size: 16px;}
}


#scroll-top {
    opacity: 0;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9998;
    background: var(--white);
        width: 56px;
    height: 56px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#scroll-top i { width: 28px;height: 28px;transform:rotate(180deg);}





/* ----------------- main ----------------- */

#main .section-header .btn-wrap{display: flex;column-gap:8px;}
#main .section-header .btn-wrap a{background: var(--fprimary);border-radius:50px;color:var(--white);font-weight: 500;line-height: 1.5;display:flex;align-items:center;justify-content:center;}
#main .hero{max-height:620px;position: relative;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;isolation: isolate;}
#main .hero:before{content: '';position: absolute;z-index:-1;width: 100%;height: 100%;backdrop-filter:blur(30px);}
#main .hero img{aspect-ratio: 2 / 1;}
#main .speaker{background: var(--white)/* url(images/bg_forum.jpg) 50% 0 repeat-y fixed;background-size:100% auto;*/;padding-top: 40px;padding-bottom: 40px;}
#main .speaker-content{}
#main .speaker-card{background: var(--white);border-radius:16px;padding:8px;box-shadow:0 0 8px rgba(0,0,0,.1);}
#main .speaker-card .speaker-img{aspect-ratio: 3 / 4;border-radius:8px;overflow: hidden;}
#main .speaker-card .speaker-img img {max-width: 100%;height: auto;min-height: 100%;object-fit: cover;}
#main .speaker-card .speaker-info{}
#main .speaker-card .speaker-info .corner{width: 100%;font-weight: 500;line-height: 1.5;padding:4px;border-bottom:1px solid var(--border_light);}
#main .speaker-card .speaker-info .profile{display:flex;flex-direction:column;justify-content:flex-start;row-gap:2px;}
#main .speaker-card .speaker-info .name{font-weight: 700;line-height: 1.5;}
#main .speaker-card .speaker-info .about{font-weight: 500;line-height: 1.3;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;}
#main .other-forum{padding-top: 40px;}
#main .other-forum .tabs ul{background:var(--white);border:1px solid var(--border_gray);border-radius:50px;padding:6px;display:flex;width:max-content;}
#main .other-forum .tabs li{font-size: 16px;line-height: 1.5;font-weight: 600;color: var(--f_color);padding:4px 8px;cursor:pointer;}
#main .other-forum .tabs li.current{color: var(--white);background: var(--black);border-radius:50px;}

/*Æ÷·³Ä«µå*/
.forum-card{background: var(--white);border:1px solid var(--border_light);border-radius:16px;row-gap:10px;flex: 1 0 auto;}
.forum-card>div:not(.card-footer){display:flex;flex-direction:column;row-gap:10px;}
.forum-card .card-cont {line-height: 1.3;row-gap:10px;}
.forum-card .card-cont figure{border-radius:8px;border:1px solid var(--border_light);padding:20px 16px;overflow: hidden;display:flex;align-items:center;justify-content:center;/*aspect-ratio: 30 / 7;*/}
.forum-card .card-cont .tit{color:var(--f_color);font-weight: 600;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;}
.forum-card .card-cont .stit{width: 100%;color:var(--f_color);font-weight: 500;line-height: 1.3;/*display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;white-space: normal;*/}
.forum-card .card-cont .forum-info>div{color:var(--description);font-weight: 500;line-height: 1.5;}
.forum-card .card-footer{border-top:1px solid var(--border_light);height: 48px;padding-top: 8px;display:flex;}
.forum-card .card-footer a{position: relative;flex:0 0 50%;padding:12px;text-align: center;font-size: 16px;font-weight: 500;line-height: 1.3;color: var(--f_color);}
.forum-card .card-footer a:first-child:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: var(--border_light);}
.tab-content{display: flex;flex-wrap:wrap;column-gap:20px;row-gap:40px;}
.tab-content{display: none;}
.tab-content.current{display: flex;}

@media screen and (min-width:768.02px) {
.speaker-content .speaker-card{max-width:calc((100% / 4) - 15px);flex:0 0 calc((100% / 4) - 15px)}
.tab-content .forum-card{max-width:calc((100% / 3) - 13.35px)}
}
@media screen and (min-width:576px) {
#main .section-header .btn-wrap a{padding:8px 6px 8px 12px;font-size: 16px;}
.speaker-card .speaker-info .corner{font-size: 16px;}
.speaker-card .speaker-info .profile{min-height:82px;}
.speaker-card .speaker-info .name{font-size: 20px;}
.speaker-card .speaker-info .about{font-size: 16px;}

.forum-card{padding: 20px 20px 12px;}
.forum-card .card-header{height: 84px;}
.forum-card .forum-name{font-size: 24px;}
.forum-card .card-cont .tit{font-size: 24px;word-break: keep-all;}
.forum-card .card-cont .stit{font-size: 18px;word-break: keep-all;}
.forum-card .card-cont .forum-info>div{font-size: 16px;}

}
@media screen and (min-width:576px) and (max-width:991.98px) {
.forum-card .forum-name{font-size: 20px;}
.forum-card .card-cont .tit{font-size: 20px;}
.forum-card .card-cont .stit{font-size: 16px;}
.forum-card .card-cont .forum-info>div{font-size: 14px;}
}

@media screen and (max-width:768px) {
.speaker-content .speaker-card{max-width:calc((100% / 3) - 13.35px);flex:0 0 calc((100% / 3) - 13.35px)}
.tab-content .forum-card{max-width:calc((100% / 2) - 10px)}

}
@media screen and (max-width: 575.98px) {
#main .section-header{align-items:center;}
#main .section-header .title-wrap{display:flex;flex-direction:column;align-items:center;text-align: center;}
#main .section-header .btn-wrap a{padding:6px 4px 6px 12px;font-size: 14px;}
#main .section-header .btn-wrap  a i{width: 20px;height: 20px;}
.speaker-content .speaker-card{max-width:calc((100% / 2) - 10px);flex:0 0 calc((100% / 2) - 10px)}
.speaker-card .speaker-info .corner{font-size: 14px;}
.speaker-card .speaker-info .profile{min-height:73px;}
.speaker-card .speaker-info .name{font-size: 18px;}
.speaker-card .speaker-info .about{font-size: 14px;}
.forum-card{padding: 12px 12px 8px;}
.forum-card .card-header{height: 72px;}
.forum-card .forum-name{font-size: 18px;}
.forum-card .card-cont .tit{font-size: 18px;}
.forum-card .card-cont .stit{font-size: 16px;}
.forum-card .card-cont .forum-info>div{font-size: 14px;}
.tab-content .forum-card{max-width:100%;width:100%;}
}


/* -----------------sub----------------- */
.sub-header{position: relative;background: url(/forum/images/bg_header.jpg) 0 50% no-repeat;background-size:cover;border-radius:8px;padding: 54px 28px;margin-bottom: 24px; isolation: isolate;overflow: hidden;}
.sub-header:before {content: '';position: absolute;background-image: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);z-index: -1;inset: 0; }
/*breadcrumb*/
.breadcrumb i{width: 16px;height: 16px;}
.breadcrumb .white:visited,.breadcrumb .white:hover,.breadcrumb .white:active{color:var(--white);}
.btn-fp,a.btn-fp{padding: 10px 16px;width:max-content;height:38px;border-radius:8px;background: var(--fprimary);color:var(--white);font-size: 16px;font-weight: 600;line-height: 1;display:flex;align-items:center;justify-content:center;column-gap:4px;white-space:nowrap;}
.btn-fp[aria-disabled=true],a.btn-fp[aria-disabled=true]{background: var(--gray400);}
/*history*/
#history{max-width:1240px;margin-left: auto;margin-right:auto;margin-top: 20px;}
.history-card{border-radius:8px;border:1px solid var(--border_light);}
.history-card>a{display: flex;align-items:center;justify-content:space-between;column-gap:16px;}
.history-card .forum-bnr{flex:0 0 300px;aspect-ratio: 30 / 7;overflow: hidden;display:flex;align-items:center;justify-content:center;}
.history-card .forum-bnr img{width: 100%;}
.history-card .forum-cont>div{position: relative;padding-left: 20px;}
.history-card .forum-cont>div:before{position: absolute;top: 0;left: 0;content: '';width: 3px;height: 100%;background: var(--border_light);}
.history-card .forum-cont>:not(.forum-info):before{background: var(--primary);}
.history-card .forum-cont .tit{font-weight: 700;line-height: 1.3;word-break: keep-all;}
.history-card .forum-cont .stit{font-weight:500;line-height: 1.3;word-break: keep-all;}
.history-card .forum-cont .forum-info{font-weight: 500;line-height: 1.5;color:var(--description);}
.history-card i.ico_arr_right{width: 28px;height: 28px;}
@media screen and (max-width:1240px) {
#history{padding-left: 20px;padding-right: 20px;}
}
@media screen and (min-width: 768.02px) and (max-width:991.98px) {
.history-card .forum-bnr{width:200px;}
}

@media screen and (min-width: 576px) {
.history-card>a{padding: 20px;}
.history-card .forum-cont .tit{font-size: 24px;}
.history-card .forum-cont .stit{font-size: 20px;}
.history-card .forum-cont .forum-info{font-size: 16px;}
.history-card .forum-cont .forum-info .place{display: flex;align-items:center;column-gap:4px;}
.history-card .forum-cont .forum-info .place:after{content:'/';display: block;}
}
@media screen and (max-width: 575.98px) {
.history-card>a{padding: 12px;align-items:flex-start;row-gap:8px;}
.history-card .forum-cont .tit{font-size: 20px;}
.history-card .forum-cont .stit{font-size: 16px;}
.history-card .forum-cont .forum-info{font-size: 14px;}
}
/*·£µùÆäÀÌÁö*/
#landing{max-width:1240px;margin-left: auto;margin-right:auto;margin-top: 20px;}

/*media*/
#media{max-width:1240px;margin-left: auto;margin-right:auto;margin-top: 20px;}

.media-content{}
.media-card{background: var(--white);border-radius:16px;border:1px solid rgba(100,144,253,.25);flex: 1 0 auto;}
.media-card .card-header{margin-bottom: 8px;}
.media-card .media-cont li{border-radius:8px;border:1px solid var(--border_light);padding: 8px 8px 8px 12px;}
.media-card .media-cont li a{display: flex;align-items:center;justify-content:flex-start;column-gap:8px;}
.media-card .media-cont li strong{font-size: 16px;font-weight: 500;line-height: 1.5;color: var(--f_color);}
.media-card .media-cont li i{border-radius:50%;background-color: rgba(240, 244, 255, 1);}

.media-news-list .card{width: 100%;}
.media-news-list .card_body{flex:1;}
.media-news-list .card .tit a{-webkit-line-clamp: 3;}
.media-news-list .card .description{-webkit-line-clamp: 3;}
.select-wrap select{background-color: var(--white);background-position:95% 50%;padding:8px 20px 8px 16px;width:164px;height:38px;border-radius:8px;border:1px solid var(--border_light);font-size: 16px;font-weight: 600;}
/*ºñÈ°¼ºÈ­*/
.disableLink,.disableLink:focus,.disableLink:active{cursor:unset;}
.disableLink i{filter: grayscale(1);}
.disableLink strong{color:var(--description) !important;}
/*view*/
.article-header{margin-bottom: 16px;}
.article-content{font-size: 18px;line-height: 1.8;font-weight: 500;}
.article-subhead{border-left:3px solid var(--fprimary);padding-left:12px;}
.article-url{font-size: 16px;line-height: 1.3;font-weight: 500;margin-top: 40px;}
.article-img {margin:20px auto;text-align: center;}
.article-img figure{display: flex;flex-wrap:wrap;justify-content:center;}
.article-img figcaption{margin-top: 8px;font-size: 14px;line-height: 1.5;font-weight: 400;color: var(--gray500);}

.media-gallery-list .card .card_img{width: 100%;}
/*vod*/
.media-vod-list .card .card_body{padding:8px;width: 100%;}
.media-vod-list .card .tit a{-webkit-line-clamp: 3;}

@media screen and (max-width:1240px) {
#media{padding-left: 20px;padding-right: 20px;}
}
@media screen and (min-width: 992px) {
.media-gallery-list .card{max-width:calc((100% / 4) - 15px);flex:0 0 calc((100% / 4) - 15px);}
.media-vod-list .card{max-width:calc((100% / 4) - 15px);flex:0 0 calc((100% / 4) - 15px);}
}
@media screen and (min-width: 576px) and (max-width:991.98px) {
.media-gallery-list .card{max-width:calc((100% / 3) - 13.4px);flex:0 0 calc((100% / 3) - 13.4px);}

}

@media screen and (min-width: 768.02px) {
.media-card{flex:0 0 calc((100% / 4) - 15px);max-width:calc((100% / 4) - 15px);}
.media-news-list .card_img{flex:0 0 calc((100% / 3) - 10px);max-width:calc((100% / 3) - 10px);}
.article-img {max-width: min-content;}
.article-img img{width: auto;max-width:640px;}
}
@media screen and (min-width:576px) and (max-width:768px){
.media-card{flex:0 0 calc((100% / 2) - 6px);max-width:calc((100% / 2) - 6px);}
}
@media screen and (min-width:576px) {
.media-card .card-header{height: 68px;}
.media-card{padding: 16px;}
.media-card .media-cont li i{width: 40px;height: 40px;background-size:28px 28px;}

}
@media screen and (min-width:360.02px) {
.media-vod-list .card .card_body{height:104px;}
}
@media screen and (max-width:991.98px) {
.media-vod-list .card{max-width:calc((100% / 2) - 10px);flex:0 0 calc((100% / 2) - 10px);}
}
@media screen and (max-width:768px) {
.media-news-list .card_img{flex:0 0 calc((100% / 2) - 10px);max-width:calc((100% / 2) - 10px);}
}
@media screen and (max-width:575.98px) {
.media-card .card-header{height: 58px;}
.media-card{padding: 8px;}
.media-card .media-cont li i{width: 32px;height: 32px;background-size:20px 20px;}
.media-news-list .card_img{max-width:calc((100% / 2) - 4px);flex:0 0 calc((100% / 2) - 4px);}
.media-gallery-list .card{max-width:calc((100% / 2) - 10px);flex:0 0 calc((100% / 2) - 10px);}

}
@media screen and (max-width:360px) {
.media-vod-list .card{max-width:100%;flex:0 0 100%;}
.media-vod-list .card .card_body{height:82px;}
}
