/* 서브 상단 */
.sub_main{width: 100%; height: 450px;}
.sub_main h1{display: inline-block; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 55px; line-height: 55px; text-shadow: 0 0 10px rgba(0,0,0,0.2);}
.sub_main h1::after{content: ''; display: block; position: absolute; top: -6px; right: -24px; width: 12px; height: 12px; border-radius: 50%; background: #f58426;}

.sm_01{background: url(/img/sub/sm_01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.sm_02{background: url(/img/sub/sm_02.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.sm_03{background: url(/img/sub/sm_03.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.sm_04{background: url(/img/sub/sm_04.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.sm_05{background: url(/img/sub/sm_05.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.sm_06{background: url(/img/sub/sm_06.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}


/* 서브 탭 메뉴 */
.sub_tab{display: flex; align-items: center; justify-content: space-between; background: #fff; height: 80px; border-radius: 40px; margin-top: -40px; padding: 10px; margin-bottom: 100px;}
.sub_tab li{}
.sub_tab li::after{content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background: #ccc; transform: translate(0, -50%);}
.sub_tab li:last-child::after{display: none;}
.sub_tab li a{text-align: center; font-size: 18px; height: 60px; line-height: 60px; color: #999;}
.sub_tab li a .size{color: #999;}
.sub_tab img{width: 14px; margin-left: 5px; opacity: 0.4;}

.sub_tab .on a{background: #0067b0; color: #fff!important; border-radius: 40px; z-index: 99;}
.sub_tab .on .size{color: #fff!important;}

.st_02 li{width: calc(100% / 2);}
.st_03 li{width: calc(100% / 3);}
.st_04 li{width: calc(100% / 4);}
.st_05 li{width: calc(100% / 5);}
.st_07 li{width: calc(100% / 7);}


/* 모바일 서브 탭 메뉴 */
.sub_cts{display: none; margin-bottom: 50px;}
.sub_cts h1{width: 100%; background: linear-gradient( 100deg, #0067b0, #00a160 ); color: #fff; text-align: center; font-size: 18px; font-weight: 500; height: 60px; line-height: 60px; cursor: pointer; z-index: 100;}
.sub_cts h1 img{position: absolute; top: 50%; right: 20px; transform: translate(0, -50%) rotate(0deg); transition: all 0.4s;}
.sub_cts .cts_list{position: absolute; top: 60px; left: 0; z-index: 99; background: #fff; width: 100%; display: none; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.sub_cts .cts_list li{border-bottom: 1px solid #ddd;}
.sub_cts .cts_list a{color: #666; font-size: 16px; text-align: center; padding: 15px;}
.sub_cts .cts_list .size{color: #666; font-weight: 400;}
.sub_cts .cts_list img{width: 10px; margin-left: 5px; opacity: 0.6;}

.sub_cts_on .cts_list{display: block;}
.sub_cts_on h1 img{transform: translate(0, -50%) rotate(180deg);}

/* 년도 탭 */
.year_list{top: -75px; display: flex; max-width: 1350px; margin: auto; align-items: center; justify-content: flex-end;}
.year_list li{text-align: center; background: #f7f7f7; color: #999; width: 100px; height: 45px; line-height: 45px; border-radius: 50px; cursor: pointer; font-size: 14px; font-weight: 500;}
.year_list li+li{margin-left: 5px;}
.year_list .on{color: #fff; background: #00a160;}

/* 검색창 */
.sch_box{background: #f7f7f7; padding: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center; margin: -40px auto 60px;}
.sch_box .select{width: 170px; border-radius: 10px; overflow: hidden; margin-right: 10px;}
.sch_box .select select{border: none; width: 100%; padding: 0 15px; height: 50px; line-height: 50px; background: url(/img/sub/select_arrow.png) no-repeat 90% 50%; background-color: #fff; font-size: 16px;}
.sch_box .input{width: 420px; border-radius: 10px; overflow: hidden;}
.sch_box .input input{float: left; background: #fff; width: calc(100% - 80px); height: 50px; line-height: 50px; border: none; padding: 0 15px; font-size: 16px;}
.sch_box .input button{float: left; width: 80px; height: 50px; line-height: 50px; text-align: center; border: none; background: #666; color: #fff; font-size: 16px;}
.sch_box .input::after{content: ''; display: block; clear: both;}

/* 게시판 버튼 */
.adm_btn{display: flex; align-items: center; justify-content: flex-end; width: 100%; margin: 10px auto}
.adm_btn>*{margin-left: 10px; width: 75px; height: 40px; background: #999; color: #fff; text-align: center; line-height: 40px; cursor: pointer; font-size: 14px; font-weight: 500; border-radius: 5px; border: none;}
.adm_btn>*:nth-child(1){margin-left: 0;}
.adm_btn>*:nth-child(2){background: #666;}
.adm_btn>*:last-child{background: #333;}
.adm_btn .list_btn{background: #c4993c;}

/* 게시판 리스트 */
.board .total{margin-bottom: 20px; z-index: 9; font-size: 16px; color: #999;}
.board .total span{color: #f58426; font-weight: 600; margin-left: 5px;}
.board .board_list{border-top: 2px solid #333;}
.board .board_list li{padding: 25px 0; border-bottom: 1px solid #ccc; display: flex; align-items: center;}
.board .board_list .th *{color: #666; font-weight: 400; text-align: center;}

.board .board_list .num{width: 150px; text-align: center; display: flex; align-items: center;}
.board .board_list .num input{width: 16px; height: 16px; cursor: pointer; top: -1px;}
.board .board_list .num span{display: block; width: 100%; text-align: center;}

.board .board_list .title{width: calc(100% - 500px);}
.board .board_list .title .caption{display: inline-block; font-size: 13px; font-weight: 500; color: #fff; background: #0067b0; padding: 6px 0; width: 60px; text-align: center; border-radius: 50px; margin-right: 10px;}
.board .board_list .title a{max-width: calc(100% - 50px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; font-size: 18px; font-weight: 400; display: inline-block; vertical-align: middle;}
.board .board_list .color{display: inline-block; color: #0067b0; font-size: 14px; font-weight: 800; margin-left: 10px; vertical-align: middle;}
.board .board_list i.fa-download{margin-left: 10px; top: -10px; color: #999; font-size: 13px;}

.board .board_list .name{width: 150px; text-align: center;}
.board .board_list .date{width: 200px; text-align: center;}

.board .board_list .none{padding: 100px 0; text-align: center; color: #666; width: 100%; display: block;}

.board .board_list .title .cnt_cmt{display: inline-block; color: #f58426; font-size: 14px; font-weight: 500; margin-left: 10px;  vertical-align: middle;}

/* 페이징 */
.paging{text-align: center; margin-top: 50px;}
.paging a{display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 35px; font-size: 14px; font-weight: 500; color: #999;}
.paging .on{border-radius: 5px; color: #fff!important; background: #f58426;}
.paging img{opacity: 0.5;}

/* view페이지 */
.board_view{}
.board_view .title{display: flex; align-items: flex-start; justify-content: space-between; border-top: 3px solid #444; padding: 30px 0; border-bottom: 1px solid #ccc;}
.board_view .title h1{font-size: 20px; line-height: 30px; font-weight: 400; width: 80%;}
.board_view .title .caption{display: inline-block; font-size: 13px; font-weight: 500; color: #fff; padding: 6px 0; width: 60px; text-align: center; border-radius: 50px; margin-right: 20px;}
.board_view .title .caption_01{background: #0067b0;}
.board_view .title .caption_02{background: #00a160;}
.board_view .title .caption_03{background: #f58426;}
.board_view .title .date{color: #666; width: 15%; text-align: right; top: 2px;}
.board_view .contents{padding: 30px;}
.board_view .contents img{max-width: 100%;}
.board_view .contents table{max-width: 100%;}
.board_view .contents a{display: inline-block;}
.board_view .contents *{word-break: break-all!important; line-height: 25px;}
.board_view .contents b{font-weight: 700;}
.board_view .download_file{padding: 20px 30px; display: inline-block; width: 100%;}
.board_view .download_file img{width: 16px; margin-right: 10px; display: inline-block; opacity: 0.6; top: 2px; vertical-align: top;}
.board_view .download_file p{color: #666; display: inline-block; max-width: 93%; vertical-align: top;}
.board_view .center_info{margin-bottom: 50px;}
.board_view .center_info li{margin-bottom: 7px; font-weight: 400;}

.board_view .video_box{display: block; width: 100%; padding-bottom: 60%; margin: auto;}

.bo_com_title{background: #f7f7f7; padding: 30px; border-radius: 20px; color: #f58426; font-size: 14px; line-height: 22px; margin-top: 50px;}


/* view 페이지 댓글 (그누보드) */
.cmt_btn span.total{font-weight: 600; color: #f58426;}
.cmt_btn span.total:after{background: #f58426;}
.cmt_btn b{font-size: 16px; color: #999; font-weight: 400; margin-right: 5px;}
.bo_vc_w textarea{border-radius: 10px; border: 1px solid #ddd; box-shadow: none; padding: 15px; font-size: 16px; line-height: 24px; height: 150px; background-image: none!important; resize: none;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{border-radius: 10px; border: 1px solid #ddd; box-shadow: none; padding: 15px; font-size: 16px; height: auto;}
.bo_vc_w_info{float: inherit;}
.bo_vc_w_info #captcha{border: none; position: absolute; top: 0; right: 0; padding: 0;}
#captcha #captcha_info{color: #777;}
.bo_vc_w_wr .secret_cm span{top: 4px!important;}
.bo_vc_w .btn_submit{width: 200px; height: 60px; line-height: 60px; background: #0067b0; border-radius: 50px; border: none; margin-top: 50px; font-size: 16px; font-weight: 500;}
.bo_vc_act li a{font-size: 14px; color: #777;}
#bo_vc p a.s_cmt{color: #00a160;}
#pw_confirm p{color: #00a160; font-size: 14px;}
#bo_vc article .cm_wrap{max-width: inherit;}

/* 글쓰기 */
.online{border-top: 3px solid #444;}
.online li{display: flex; padding: 20px 0;border-bottom: 1px solid #ddd;}
.online h1{font-size: 16px; font-weight: 500; width: 180px; padding: 10px;}
.online h1 .color{color: red;}
.online h1 .span{color: #999; font-size: 13px; display: block; margin-top: 5px;}
.online .select_div{width: 300px;border: 1px solid #ccc; border-radius: 10px; overflow: hidden;}
.online .select_div select{border: none; padding: 15px; width: 100%; font-size: 16px; background-color: #fff; background: url(/img/sub/select_arrow.png) no-repeat 95% 50%;}
.online .input_div{width: calc(100% - 180px);}
.online .input_div input{border: 1px solid #ccc; border-radius: 10px; overflow: hidden; padding: 15px; font-size: 16px; width: 100%;}
.online .input_div .file_input{border: none; padding: 5px 0; width: auto;}
.online .input_div textarea{border: 1px solid #ccc; padding: 15px; width: 100%; resize: none; height: 300px; font-size: 16px; line-height: 24px; border-radius: 10px; overflow: hidden;}
.online .input_div .row{display: flex; align-items: center;}
.online .input_div .row a{display: block; background: #666; color: #fff; font-size: 14px; font-weight: 500; padding: 10.5px 10px; margin-left: 5px; cursor: pointer;}
.online .file_div{height: auto; border: none; display: flex; flex-direction: column; justify-content: center;}
.online .file_div .span{display: block; margin-top: 10px;}
.online .file_div input{width: auto; font-size: 16px; display: inline-block; vertical-align: middle;}
.online .file_div label{cursor: pointer; font-size: 16px;}

.online .date_div{display: flex; align-items: center;}
.online .date_div input{width: 200px; cursor: pointer; text-align: center; background: #f7f7f7;}
.online .date_div .span{margin: 0 20px;}

.online .chk_div input{top: 8px; cursor: pointer; width: 20px; height: 20px;}

.write_btn{display: flex; align-items: center; justify-content: center; margin-top: 50px;}
.write_btn li{width: 230px; margin-right: 10px;}
.write_btn li:last-child{margin-right: 0;}
.write_btn a{display: block; width: 100%; height: 70px; text-align: center; line-height: 70px; background: #999; color: #fff; font-size: 18px; font-weight: 500; border-radius: 50px;}
.write_btn button{display: block; width: 100%; height: 70px; text-align: center; line-height: 70px; background: #111; color: #fff; font-size: 18px; font-weight: 500; border-radius: 50px;}


/* 썸네일 리스트 */
.board .image_list{border-top: 2px solid #333; padding: 20px 0;}
.board .image_list li{display: inline-block; vertical-align: top; width: calc(100% / 3 - 18.5px); margin-right: 25px; margin-top: 80px;}
.chk{position: absolute; top: 30px; left: 10px; z-index: 99;}
.board .image_list li:nth-child(1){margin-top: 0;}
.board .image_list li:nth-child(2){margin-top: 0;}
.board .image_list li:nth-child(3){margin-top: 0;}
.board .image_list li:nth-child(3n){margin-right: 0;}
.board .image_list .chk{position: absolute; width: 16px; height: 16px; top: 10px; left: 10px; z-index: 99;}
.board .image_list .img{border-radius: 20px; width: 100%; padding-top: 56%; overflow: hidden; background: #fff; border: 1px solid #ddd;}
.board .image_list .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board .image_list .video .img{padding-top: 0!important;} 
.board .image_list h1{text-align: center; font-size: 18px; font-weight: 500; line-height: 26px; padding: 0 20px; margin-top: 20px;}
.board .image_list h1 i{margin-left: 5px; color: #777;}
.board .image_list h2{text-align: center; font-size: 16px; font-weight: 400; color: #0067b0; line-height: 24px; margin-top: 5px;}
.board .image_list h3{text-align: center; font-size: 16px; font-weight: 400; color: #00a160; line-height: 24px; margin-top: 5px;}
.board .image_list p{text-align: center; color: #999; font-size: 16px; font-weight: 300; line-height: 24px; margin-top: 5px;}
.board .image_list p br{display: none;}


/* 블로그 리스트 */
.board .blog_list{border-top: 2px solid #333;}
.board .blog_list li{width: 100%; border-bottom: 1px solid #ddd; padding: 20px 0;}
.board .blog_list .chk{position: absolute; width: 16px; height: 16px; top: 30px; left: 10px; z-index: 99;}
.board .blog_list .img{border-radius: 20px; width: 450px; padding-top: 252px; overflow: hidden; background: #000; float: left; cursor: pointer;}
.board .blog_list .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.board .blog_list .video{border-radius: 20px; width: 450px; padding-top: 252px; overflow: hidden; background: #000; float: left;}
.board .blog_list .video .img{padding-top: 0!important;}
.board .blog_list .text{width: calc(100% - 450px); float: left; padding: 30px 0 30px 50px;}
.board .blog_list .text .h1{font-size: 25px; font-weight: 600; line-height: 33px;}
.board .blog_list .text .h1 i{margin-left: 5px; color: #777;}
.board .blog_list .text h2{font-size: 18px; font-weight: 500; color: #0067b0; line-height: 24px; margin-top: 5px;}
.board .blog_list .text .p{font-size: 18px; line-height: 28px; font-weight: 300; margin-top: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 140px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.board .blog_list .text .p br{display: none!important;}
.board .blog_list li::after{content: ''; display: block; clear: both;}


/* 스트리밍 */
.live_box{}
.live_box h1{background: #f7f7f7; padding: 30px; border-radius: 20px; font-size: 20px; text-align: center; margin-bottom: 20px;}
.live_box .pc_video{display: block; width: 100%; padding-bottom: 60%; margin: auto; border-radius: 20px; overflow: hidden;}
.live_box .live_none{text-align: center; font-weight: 500; color: #999; padding: 100px 0;}

/* 마우스 하버 스타일(모바일 방지) */
@media screen and (min-width:1000px) and (max-width:3000px){
    /* 서브 탭 메뉴 */
    .sub_tab li:hover a{color: #333;}
    .sub_tab li:hover .size{color: #333;}
    .sub_tab li:hover img{opacity: 1;}
    
    /* 페이징 */
    .paging a:hover{color: #333;}
    
    /* 썸네일 리스트 */
    .board .image_list li:hover .img{background: #000;}
}




@media screen and (max-width: 1390px){
    /* 서브 상단 */
    .sub_main{height: 400px;}
    .sub_main h1{font-size: 45px;}
    .sub_main h1::after{width: 10px; height: 10px; right: -20px;}
    
    /* 썸네일 리스트 */
    .board .image_list li{width: calc(100% / 3 - 13.5px); margin-right: 17px;}
}

@media screen and (max-width: 1200px){
    /* 블로그 리스트 */
    .board .blog_list .img{width: 350px; padding-top: 196px;}
    .board .blog_list .video{width: 350px; padding-top: 196px;}
    .board .blog_list .text{width: calc(100% - 350px); padding: 10px 0 0 30px;}
    .board .blog_list .text .h1{font-size: 20px; line-height: 28px;}
    .board .blog_list .text h2{font-size: 16px; line-height: 26px;}
    .board .blog_list .text .p{font-size: 16px; line-height: 26px; max-height: 130px; margin-top: 15px;}
}

@media screen and (max-width: 1100px){
    /* 서브 상단 */
    .sub_main{height: 380px;}
    .sub_main h1{top: 50%;}
    
    /* view 페이지 댓글 (그누보드) */
    .bo_vc_w_info #captcha{position: relative; top: auto; right: auto; padding-top: 10px;}
    .bo_vc_w .btn_submit{margin-top: 30px;}
}

@media screen and (max-width: 1000px){
    /* 서브 상단 */
    .sub_main{height: 280px;}
    .sub_main h1{top: 60%; font-size: 38px;}
    
    /* 서브 탭 메뉴 */
    .sub_tab{display: none;}
    
    /* 모바일 서브 탭 메뉴 */
    .sub_cts{display: block;}
	
	/* 년도 탭 */
	.year_list{top: -25px; padding: 0 20px; justify-content: center;}
	.year_list li{width: 80px; height: 35px; line-height: 35px;}
    
    /* 게시판 리스트 */
    .board .board_list li{padding: 20px 0;}
    .board .board_list .th{display: none;}
    .board .board_list .num{width: 25px; height: 25px;}
    .board .board_list .num span{display: none;}
    .board .board_list .title{width: calc(100% - 225px);}
    .board .board_list .name{width: 100px;}
    .board .board_list .date{width: 100px;}
    
    /* view페이지 */
	.board_view .title h1{font-size: 18px; line-height: 25px;}
    
    /* 검색창 */
    .sch_box{margin: 0 auto 60px;}
    .sch_box .select{width: 150px;}
    .sch_box .input{width: calc(100% - 160px);}
    
    /* 썸네일 리스트 */
    .board .image_list li{width: calc(100% / 2 - 13.5px); margin-top: 50px;}
    .board .image_list li:nth-child(3){margin-top: 50px;}
    .board .image_list li:nth-child(3n){margin-right: 17px;}
    .board .image_list li:nth-child(2n){margin-right: 0;}
    .board .image_list h1{font-size: 16px; margin-top: 15px;}
    .board .image_list h2{margin-top: 0;}
    .board .image_list h3{margin-top: 0;}
    .board .image_list p{margin-top: 0;}
    
    /* 스트리밍 */
    .live_box h1{font-size: 16px; padding: 20px;}
}


@media screen and (max-width: 800px){
    /* 서브 상단 */
    .sub_main{height: 230px;}
    .sub_main h1{top: 60%; font-size: 26px; line-height: 26px;}
    .sub_main h1::after{width: 6px; height: 6px; right: -13px;}
    
    .sm_06{background: url(/img/sub/sm_06.jpg); background-position: 35%; background-repeat: no-repeat; background-size: cover;}
    
    /* 페이징 */
    .paging{margin-top: 30px;}
    .paging a{width: 30px; height: 30px; line-height: 30px; font-size: 13px;}
    
    /* 관리자 버튼 */
    .adm_btn>*{font-size: 12px; width: 60px; height: 37px; line-height: 37px;}
    
    /* 게시판 리스트 */
    .board .board_list li{border-bottom: none; margin: 20px 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; padding: 20px; display: block;}
    .board .board_list .num{width: auto; height: auto;}
    .board .board_list .num input{width: 15px; height: 15px; margin-bottom: 5px;}
    .board .board_list .title{width: 100%;}
    .board .board_list .title .caption{margin-right: 0; margin-bottom: 8px; display: block;}
    .board .board_list .title a{font-size: 16px; font-weight: 500; max-width: calc(100% - 46px);}
    .board .board_list .color{margin-left: 5px;}
    .board .board_list .title .cnt_cmt{margin-left: 5px;}
    .board .board_list i.fa-download{top: -5px;}
    .board .board_list .name{width: auto; display: inline-block; margin-right: 30px; font-size: 14px; color: #999;}
    .board .board_list .name::after{content: ''; display: block; position: absolute; top: 6px; right: -18px; width: 1px; height: 14px; background: #ccc;}
    .board .board_list .date{width: auto; display: inline-block; font-size: 14px; color: #999;}
    .board .board_list .none{box-shadow: none; border-radius: 0; font-size: 14px;}
    
    /* view페이지 */
	.board_view .title{display: block; align-items: inherit; justify-content: inherit; padding: 15px 0;}
	.board_view .title h1{width: 100%; margin-bottom: 5px; font-size: 16px; line-height: 24px; font-weight: 500;}
	.board_view .title .date{width: 100%; text-align: left; font-size: 14px;}
    .board_view .download_file{padding: 10px 0;}
    .board_view .download_file img{width: 14px; margin-right: 5px;}
    .board_view .download_file p{font-size: 14px; line-height: 22px;}
	.board_view .contents{padding: 10px 0;}
    .board_view .title .caption{margin-bottom: 10px;margin-right: 0;}
    
    /* view 페이지 댓글 (그누보드) */
    .bo_com_title{padding: 20px; border-radius: 15px; font-size: 12px; line-height: 19px;}
    .cmt_btn b{font-size: 14px;}
    .bo_vc_w_info{margin: 0;}
    #bo_vc article .cm_wrap *{font-size: 14px;}
    .bo_vc_w textarea{font-size: 14px; line-height: 22px;}
    .wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 14px; line-height: 22px; width: 100%; margin-top: 10px; margin-right: 0;}
    #captcha.m_captcha #captcha_info{font-size: 14px;}
    #captcha.m_captcha audio{width: 270px;}
    #captcha.m_captcha #captcha_img{width: auto; height: 40px; display: inline-block; margin: 0;}
    #captcha.m_captcha #captcha_key{width: 120px;height: 40px;}
    .bo_vc_w .btn_submit{font-size: 14px; height: 50px; line-height: 50px;}
    .bo_vc_w .btn_confirm .secret_cm label{font-size: 14px!important;}
    
    /* 글쓰기 */
    .online li{display: block; padding: 10px 0;}
	.online h1{font-size: 14px; width: 100%; padding: 0; margin-bottom: 10px;}
	.online .input_div {width:100%;}
    .online .select_div{width: 100%;}
	.online .select_div select{font-size: 14px;}
	.online .input_div input{font-size: 14px;}
	.online .input_div textarea{font-size: 14px; line-height: 20px; height: 200px!important;}
	.online .file_div input{font-size: 14px;}
	.online .file_div label{font-size: 14px;}
    .online .chk_div input{top: -5px;}
    
    .write_btn{margin-top: 30px;}
    .write_btn li{width: 50%;}
    .write_btn a{font-size: 14px; height: 50px; line-height: 50px; margin-right: 0;}
    .write_btn button{font-size: 14px; height: 50px; line-height: 50px;}
    
    /* 게시판 리스트 */
    .board .total{font-size: 14px; margin-bottom: 10px;}
    
    /* 썸네일 리스트 */
    .board .image_list li{width: 100%; margin-right: 0;}
    .board .image_list li:nth-child(2){margin-top: 50px;}
    
    /* 블로그 리스트 */
    .board .blog_list .img{width: 100%; padding-top: 56%; margin-bottom: 10px; float: inherit;}
    .board .blog_list .video{width: 100%; padding-top: 56%; margin-bottom: 10px; float: inherit;}
    .board .blog_list .text{width: 100%; padding: 0; float: inherit;}
    .board .blog_list .text .h1{font-size: 16px; line-height: 26px; text-align: center;}
    .board .blog_list .text h2{text-align: center;}
    .board .blog_list .text .p{line-height: 24px; max-height: 120px; margin-top: 10px; text-align: center;}
    
    /* 스트리밍 */
    .live_box h1{font-size: 14px; border-radius: 15px; margin-bottom: 10px;}
    .live_box .pc_video{border-radius: 15px;}
}


@media screen and (max-width: 600px){
    /* 모바일 서브 탭 메뉴 */
    .sub_cts{margin-bottom: 40px;}
    .sub_cts h1{font-size: 16px; height: 50px; line-height: 50px;}
    .sub_cts .cts_list{top: 50px;}
    .sub_cts .cts_list a{font-size: 14px;}
	
	/* 년도 탭 */
	.year_list{top: -20px;}
    
    /* 썸네일 리스트 */
    .board .image_list li{margin-top: 40px;}
    .board .image_list li:nth-child(2){margin-top: 40px;}
    .board .image_list h1{margin-top: 10px;}
    .board .image_list h2{font-size: 14px; line-height: 22px;}
    .board .image_list h3{font-size: 14px; line-height: 22px;}
    .board .image_list p{font-size: 14px; line-height: 22px;}
    
    /* 검색창 */
    .sch_box{display: block; align-items: inherit; justify-content: inherit; padding: 20px; margin-bottom: 40px;}
    .sch_box .select{width: 100%; margin-right: 0; margin-bottom: 10px;}
    .sch_box .select select{font-size: 14px; height: 45px; line-height: 45px; background: url(/img/sub/select_arrow.png) no-repeat 95% 50%; background-color: #fff;}
    .sch_box .input{width: 100%;}
    .sch_box .input input{font-size: 14px; height: 45px; line-height: 45px; width: calc(100% - 60px);}
    .sch_box .input button{font-size: 14px; height: 45px; line-height: 45px; width: 60px;}
    
    /* 블로그 리스트 */
    .board .blog_list .text h2{font-size: 14px; line-height: 22px; margin-top: 0;}
    .board .blog_list .text .p{font-size: 14px; line-height: 22px; max-height: 110px;}
    
    /* 스트리밍 */
    .live_box .live_none{font-size: 14px; padding: 80px 0;}
}