@charset "utf-8";


/* Pagination
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.pagination{margin-top:30px;}
	.pagination .board_pagetab{line-height:0; font-size:0;}
	.pagination .board_pagetab span{display:inline-block;}
	.pagination .board_pagetab a{position:relative; display:inline-block; width:23px; height:23px; text-align:center; vertical-align:middle; line-height:23px; font-size:12px; color:#999;}
	.pagination .board_pagetab a:hover,
	.pagination .board_pagetab .on a{color:#fff; background:#58595b;}
	.pagination .board_pagetab img{display:none;}

	.pagination .board_pagetab .page-first,
	.pagination .board_pagetab .page-last{letter-spacing:-3px;}
	.pagination .board_pagetab > a:after{position:absolute; top:0; left:0; display:inline-block; width:23px; height:23px; box-sizing:border-box; text-align:center; vertical-align:middle; font-family:'Dotum', '돋움'; line-height:23px; font-weight:bold; font-size:12px; color:#999;}
	.pagination .board_pagetab > a:hover:after{color:#444;}
	.page-first:after{content:"<<";}
	.page-prev:after{content:"<";}
	.page-next:after{content:">";}
	.page-last:after{content:">>";}

/* Board search
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.board-search{padding:20px; width:100%; line-height:0; font-size:0; text-align:center; background:#f6f6f6;}
	.board-search select{display:block; padding:0 20px; vertical-align:middle; width:100%; height:35px; box-sizing:border-box; line-height:1; border:1px solid #ddd; border-radius:45px;}
	.board-search .search-area{display:block; margin-top:5px; padding:0 20px; vertical-align:middle; width:100%; height:35px; box-sizing:border-box; line-height:1; background:#fff; border:1px solid #ddd; border-radius:45px;}
	.board-search .search-area input[type="text"]{padding-left:0; width:calc(100% - 33px); height:33px; border:0;}

	.board-search .btn-search{float:right; vertical-align:middle; width:33px; height:33px; line-height:33px; text-indent:-9999em; overflow:hidden; color:#fff; background:url('/images/basic_blue/sub/btn_search.gif') no-repeat center center;}


/* Board View
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.board-view{width:100%; border-top:3px solid #58595b;}
	
	.board-head{padding:15px 0; width:100%;}
	.board-head .board-title{margin-bottom:5px; line-height:1.3; font-weight:400; font-size:14px; color:#444;}
	.board-head .date{font-size:13px; color:#999;}

	/* 내용 */
	.board-con{padding:20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.board-con img,
	.board-con iframe,
	.board-con video{max-width:100%;}

	/* 버튼 */
	.board-view-btn{margin-top:30px; text-align:center; line-height:0; font-size:0;}
	.board-view-btn a,
	.board-view-btn button{display:block; padding:0 20px; width:100%; height:40px; font-weight:400; line-height:40px; text-align:center; vertical-align:middle; font-size:14px; color:#fff;}
	.board-view-btn .first{background:#58595b;}
	.board-view-btn .second{background:#aaa;}

	/* 이벤트 */
	.event-view{width:100%; overflow:hidden;}

	.event-view img,
	.event-view iframe,
	.event-view video{max-width:100%; text-align:center;}

	/* 동영상 */
	.movie-con{padding:20px 0 0; border-top:1px solid #ddd;}
	.movie-frame{position:relative; margin-top:20px; padding-bottom:56%; width:100%;}
	.movie-frame iframe{position:absolute; top:0; left:0; width:100%; height:100%;}

	/* media 동영상 */
	.main-tit .cate{font-weight:500;}

	.media-view-area{margin-bottom:35px; width:100%; border-bottom:2px solid #58585a;}
	.media-view-area .iframe-area{position:relative; padding-bottom:56%; width:100%;}
	.media-view-area .iframe-area iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
	.media-view-area .main-tit{padding:10px 0; line-height:1; font-size:14px;}

	.media-list{margin:-7px -3px;}
	.media-list:after{content:""; display:block; clear:both;}

	.media-list li{position:relative; float:left; margin:7px 3px; width:calc(100%/2 - 6px);}
	.media-list li a{display:block; width:100%; height:100%;}
	.media-list .img-frame{position:relative; padding-bottom:56%; width:100%; background:#000;}
	.media-list .img-frame > img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; max-width:100%; max-height:100%; opacity:0.5;}
	.media-list .btn-play{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:35px; height:35px; transition:.5s all; transform:scale(0.9);}
	.media-list .btn-play img{width:100%;}
	
	.media-list .main-tit{margin-top:10px; font-size:14px;}
	.media-list .sub-tit{font-size:12px;}