@charset "utf-8";

@media (min-width: 1281px) {
    body {
        background: url(../images/bg-01.png) repeat-x;        
        color: var(--text-primary-color);
        background-position: 0 60px;
    }

    .header {
        margin-bottom: 0rem;
		position: relative;
    }

    /* 기본 CSS */
    .submenu_section {
        display: block;
    }

    .mainmenu-container {
        display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
    }

	.quick_menu {
		display: block;
		position: absolute; 
		right: 0;
		top: 15px; 
		font-family: 'GyeonggiBatang';
	}

    .mobile-menu {
        display: none;
    }

    .header {
        display: block;
    }    

    /* 기본 CSS */
    #wrap{
        flex-flow:row wrap;
    }    

    .content-label {        
        font-size: 0.75rem;
    }

    .section-title {
        font-size: 1.5rem;
    }

    .submenu-title {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    .mainmenu-container {
        font-family: 'GyeonggiBatang';
        flex-direction: row;
        font-size: 20px;
    }

    .mainmenu-container li {
        padding: 20px 0;
        font-weight: bold;
        color: var(--primary-color-dark);
    }

    .mainmenu-container li:nth-child(1) {
        text-align: right;
        padding-right: 0.5em;
    }

    .mainmenu-container li:nth-child(1) span {
        /* border-bottom: solid 2px #898477;
        padding-bottom: 14px; */
    }


    .mainmenu-container li:nth-child(2) {
        padding-left: 1rem;
    }

    .mainmenu-container li:nth-child(2) span {
        font-size: 1.25rem;
    }


    .mainmenu-container span {
        font-size: 1.25rem;
    }
    
    #centerintro li {
        box-sizing:border-box;
        width: 33.3%;
        flex: 0 0 calc(33.3% - 1em);
        background: #EFEFEF;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0.75rem;
    }    


    #bookpublished_list {    
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        grid-gap: 10px;
    }

    #maggerzin_list li {
        box-sizing:border-box;
        width: 50%;
        background: #EFEFEF;
        flex: 0 0 calc(50% - 1em);
        display: flex;
        flex-wrap: wrap;
        margin-top: 1em;
        justify-content: flex-start;
    }
    
    #maggerzin_list .maggerzin_image {
        flex: 0 0 30% !important;
    }
    
    #maggerzin_list .maggerzin_content {
        flex: 0 0 70% !important;
    }
    
    #maggerzin_list .maggerzin_content .conetent-body {    
        box-sizing:border-box;
        padding-top: 2rem;
    }
    
    #maggerzin_list .maggerzin_content .conetent-body div:nth-child(1) {    
        font-size: 1.5rem;
    }
    
    #maggerzin_list .maggerzin_content .conetent-body div:nth-child(2) {    
        padding-top: 1rem;
        line-height: 1.25rem;
        font-size: 0.75em;
        width: 100%;
        color: #757575;
        white-space: normal;
        overflow: auto;
        text-overflow: ellipsis;  /* 말줄임 적용 */         
    }    

    #youtubeplay_list li {
        box-sizing:border-box;
        width: 50%;
        background: #EFEFEF;
        flex: 0 0 calc(50% - 1em);
        display: flex;
        flex-wrap: wrap;
        margin-top: 1em;
        justify-content: flex-start;
    }


    .youtubvod-container .youtubvod_item {    
        box-sizing:border-box;
        width: 25%;
    }
    
    .youtubvod-container .youtubvod_item {
        flex: 0 0 calc(25% - 1em);
    }    

    #youtubvod_list .youtubvod_item .youtubvod_item_content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }


    #youtube .vod-container {
        flex-direction: row;
    }    

    .relvod-divider {
        display: none;
    }

    #youtube .relvod-list{
        margin-top: 0px;
    }

    .player {
        height: 630px;
    }

    /* 데스크탑 슬라이더 스타일 */
    .bxslider img {
        width: 100% !important;
        height: 650px !important;
        max-height: none !important;
        object-fit: cover;
    }

    .bxslider iframe {
        width: 100% !important;
        height: 650px !important;
        max-width: none !important;
    }    

    .description_section {
        height: 200px;
        margin: 0;
        background-color: #FBFBFB;
    }

    #youtubeplay_list > li > div.youtube_content > div.conetent-header > div:nth-child(1) {
        font-size: 1rem;
    }

    #youtubeplay_list > li > div.youtube_content > div.conetent-header > div:nth-child(2) {
        font-size: 1rem;
    }

    #youtubeplay_list > li > div.youtube_content > div.conetent-footer > div:nth-child(2) {
        font-size: 1rem;
    }

    #youtubeplay_list > li > div.youtube_content > div.conetent-body > div:nth-child(2) {
        font-size: 1rem;
    }


    #maggerzin_list > li > div.maggerzin_content > div.conetent-footer > div:nth-child(1) {
        font-size: 1rem;
    }

    #maggerzin_list > li > div.maggerzin_content > div.conetent-header > div:nth-child(1) {
        font-size: 1rem;
    }

    #maggerzin_list > li > div.maggerzin_content > div.conetent-header > div:nth-child(2) {
        font-size: 1rem;
    }

    #maggerzin_list > li > div.maggerzin_content > div.conetent-footer > div:nth-child(2) {
        font-size: 1rem;
    }

    #maggerzin_list > li > div.maggerzin_content > div.conetent-body > div:nth-child(2) {
        font-size: 0.75rem;
    }

    #maggerzin_list > li > div.maggerzin_content > div.conetent-footer > div:nth-child(1) {
        font-size: 1rem;
    }

    .description_section .title {
        font-size: 1.5rem;
    }

    .description_section .description {
        width: 700px;
        font-size: 1.25rem;
        line-height: 1.5rem;
    }

    #youtubeplay_list .youtube_content .conetent-body div:nth-child(1) {    
        font-size: 1.5rem;
    }

    #maggerzin_list .maggerzin_content .conetent-body div:nth-child(1) {    
        font-size: 1.5rem;
    }


    .people-container .people_item {    
        box-sizing:border-box;
        width: 25%;
    }
    
    .people-container .people_item {
        flex: 0 0 calc(25% - 0.5em);
    }    



    /* 게시판리스트 */
    .board-list .title-column {
        font-weight: bold;
        text-align: center;
        color: #212121;
        display: flex;
    }

    .board-list li {
        display: flex;
        line-height: 45px;
        border-bottom: 1px solid #BDBDBD;
        color: #212121;
    }

    .board-list li div:nth-child(1) span {
        color: #ffffff;
        padding: 5px;
        border-radius: 5px;
        background-color: #3D596A;
        font-size: 12px;
    }

    .board-list li div:nth-child(1) {
        flex: 0 0 2%;
        text-align: center;
        display: block;
    }
    .board-list li div:nth-child(2) {
        flex: 0 0 5%;
        text-align: center;
        display: block;
    }
    .board-list li div:nth-child(3) {
        flex: 0 0 78%;
        width: 100%;
        padding-right: 0.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  /* 말줄임 적용 */
        box-sizing: border-box;    
    }
    .board-list li div:nth-child(4) {
        flex: 0 0 10%;
        text-align: center;
        display: block;
    }
    .board-list li div:nth-child(5) {
        flex: 0 0 5%;
        text-align: center;
        display: block;
    }    
    .board-list .only-mobile {
        display: none;
    }


    /* 게시판상세보기 */
    .board-view .title-column {
        font-weight: bold;
        text-align: center;
        color: #212121;
        display: flex;
    }

    .board-view li {
        display: flex;
        line-height: 45px;
        border-bottom: 1px solid #BDBDBD;
        color: #212121;
    }

    .board-view li div:nth-child(1) span {
        color: #ffffff;
        padding: 5px;
        border-radius: 5px;
        background-color: #3D596A;
        font-size: 12px;
    }

    .board-view li div:nth-child(1) {
        flex: 0 0 2%;
        text-align: center;
        display: block;
    }
    .board-view li div:nth-child(2) {
        flex: 0 0 5%;
        text-align: center;
        display: block;
    }
    .board-view li div:nth-child(3) {
        flex: 0 0 78%;
        width: 100%;
        padding-right: 0.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;  /* 말줄임 적용 */
        box-sizing: border-box;    
    }
    .board-view li div:nth-child(4) {
        flex: 0 0 10%;
        text-align: center;
        display: block;
    }
    .board-view li div:nth-child(5) {
        flex: 0 0 5%;
        text-align: center;
        display: block;
    }    
    .board-view .only-mobile {
        display: none;
    }    
    .board-view .only-pc {
        display: block;
    }

    .footer {
        font-size: 1rem;
    }

    /* paging */

    .page-nav{text-align:center;}
    .page-nav a{background-color:#fff;border:1px solid #d2d2d2;color:#979797;display:inline-block;margin:0 2px;padding:3px 6px 3px 5px;}
    .page-nav a i{position:relative;top:-1px;}
    .page-nav strong{background-color:#00B5E1;border:1px solid #00B5E1;color:#fff;display:inline-block;margin:0 2px;padding:3px 6px 3px 5px;}
    
}