@charset "euc-kr";

/* 공통 */
.ico_new{width:15px; height:15px; line-height:18px; margin:3px 5px 0 5px; font-size:11px; font-weight:400; text-transform:uppercase; text-align:center; color:#fff; background:#f26522;}
.ico_file{display: block; width:34px; height:34px; box-sizing: border-box; border: 1px solid #a1b5cd; font-size:0; text-indent:-999px; background:url("/assetshome/images/common/icon_file.png") center no-repeat; margin: 0 auto;}
.in_sm{width:48px;}
.in_md{width:150px;}
.bdL{border-left:1px solid #ddd !important;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ico_re { float: left; width: 24px; height: 20px; font-size: 0; background: url("/assetshome/images/common/icon_re.png") center no-repeat; background-size: contain; margin-right: 10px; }

/* a태그 및 사이즈, 컬러별 버튼 */
.btn{display:inline-block; padding:0 10px; line-height:130%; border:1px solid #8d8d8d; text-align:center; box-sizing:border-box; color:#303030; transition:0.2s;}
.btn.sm{padding-top:4px; font-size:13px; padding-bottom:2px;}
.btn.md{min-width:130px; padding-top:8px; padding-bottom:9px;}
.btn.lg{min-width:132px; padding:16px 10px 16px; font-size:17px; font-weight:400;}
.btn.mw0{min-width:0;}

.btn.gray{color:#fff; border-color:#646464; background:#646464;}
.btn.blue{color:#fff; border-color:#0c3681; background:#0c3681;}

@media all and (max-width:767px){
	.in_md{width:110px;}
}
/* page_num */
.page_num{clear:both; padding:0 0 10px 20px;  background:url(/assetshome/images/common/ico_board.gif) no-repeat 0 3px;}
@media all and (max-width:480px){
	.page_num{padding-bottom:10px !important;}
}
/* board_btn */
.board_btn {text-align:right;}
.board_btn .btn.lg{margin:0 0 0 7px;}
.board_btn .btn.lg:first-child{margin:0;}
@media all and (max-width:568px){
	.board_btn {text-align:center;}
	.board_btn .btn.lg{margin:0 0 0 2px;}
}

.write_guide{float:right; margin:-35px 20px 0 0;}
@media all and (max-width:480px){
	.write_guide{margin:-30px 0 0 0; font-size:12px;}
}

/* btn_wrap */
.btn_wrap { text-align: right; margin-bottom: 50px; }
.btn_wrap .btn{height:50px; width:110px; border:0; text-align:left; border-radius:50px; text-align:center; transition:0.3s ease; color:#fff; background:#1e85ca;}
.btn_wrap .btn:hover,
.btn_wrap .btn:focus{background-color:#006dca;}
.btn_wrap a.btn { line-height: 50px; }
.btn_wrap a.btn:hover,
.btn_wrap a.btn:focus,
.btn_wrap a.btn:active { line-height: 50px; }
@media all and (max-width:768px){
	.btn_wrap .btn{height:40px; width:90px;}
}
@media all and (max-width:568px){
	.btn_wrap { margin-bottom: 30px; }
	.btn_wrap .btn{height:36px; width:75px;}
}


/* board_search
.board_search{clear:both; width:100%; margin:20px 0 50px 0; padding:38px 198px 37px 198px; text-align:center; border:1px solid #ccc; background:#f5f5f5; box-sizing:border-box;}
.board_search fieldset{display:block; position:relative; padding:0 120px 0 166px;}
.board_search select{position:absolute; top:0; left:0; width:156px; height:50px; padding:0 0 0 10px; border:1px solid #fff; box-sizing:border-box; background:#fff url(/assetshome/images/common/ico_board.gif) no-repeat 90% -142px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.board_search select::-ms-expand{display:none;}
.board_search .btn{position:absolute; top:0; right:0; height:50px; width:110px; border:0; text-align:left; border-radius:50px; text-align:center; transition:0.3s ease; color:#fff; background:#1e85ca;}
.board_search .btn:hover,
.board_search .btn:focus{background-color:#006dca;}
.board_search .btn.write { right: -120px; }
.board_search .btn.write:hover,
.board_search .btn.write:focus,
.board_search .btn.write:active { text-decoration: none; }
.board_search input[type="text"]{width:100%; height:50px; padding:0 0 0 18px; border-color:#fff; box-sizing:border-box; border:none;}
.board_search select:focus,
.board_search input[type="text"]:focus{box-shadow:1px 1px 8px rgba(0,0,0,0.2);}

@media all and (max-width:1024px){
	.board_search{padding:25px 85px;}
}
@media all and (max-width:768px){
	.board_search {margin:0 0 20px; padding:20px 60px; text-align:left;}
	.board_search fieldset{padding:0 100px 0 0;}
	.board_search select{position:static; height:40px; width:140px; margin:0 0 5px; background-position:90% -148px;}
	.board_search input[type="text"]{height:40px;}
	.board_search .btn{top:auto; bottom:0; height:40px; width:90px;}
}
@media all and (max-width:568px){
	.board_search{margin:0 0 10px; padding:15px 20px;}
	.board_search fieldset{padding:0 85px 0 0;}
	.board_search select,
	.board_search input[type="text"],
	.board_search .btn{height:36px;}
	.board_search .btn{width:75px;}
}
*/

/* page_nav */
.page_nav{clear:both; width:100%; margin:0 0 45px; text-align:center;}
.page_nav a{display:inline-block; width:31px; height:31px; line-height:32px; margin:0 0 5px 0; font-size:14px; color:#888; vertical-align:top; text-align:center; transition:0.3s;}
.page_nav a:hover,
.page_nav a:focus,
.page_nav .on{color:#4458cb; font-weight:700; text-decoration:underline;}
.page_nav .btn{font-size:0; text-indent:-999px; border:1px solid #e1e1e1; background:url(/assetshome/images/common/ico_board.gif) no-repeat 10px 11px;}
.page_nav .btn:hover{background-color:#f8f8f8;}
.page_nav .prev{margin:0 15px 0 -1px; background-position:12px -22px;}
.page_nav .next{margin:0 -1px 0 15px; background-position:13px -107px;}
.page_nav .end{background-position:10px -66px;}
@media all and (max-width:568px){
	.page_nav{margin:0 0 30px;}
}

.table_guide{display:none; padding:0 0 5px; font-size:13px; color:#bd0360;}
.table_wrap{overflow-x:auto; width:100%; margin:0 0 30px 0; box-sizing:border-box;}
@media all and (max-width:568px){
	.table_guide{display:block; clear:both; width:100%;}
	.table_wrap .board_view{width:567px;}
	.table_wrap .normal_list{width:567px;}
}

/* normal_list */
.normal_list{width:100%; border-collapse:collapse; border-top:2px solid #1e85ca;  text-align:left; background:#fff;}
.normal_list th{padding:9px 10px; border:1px solid #d7d7d7; border-right:none; border-top:none; box-sizing:border-box; font-weight:400; text-align:center; color:#303030; background:#f4f7fc;}
.normal_list tbody > tr > td:first-child,
.normal_list th:first-child{border-left:none;}
.normal_list td{padding:9px 12px; border:1px solid #d7d7d7; border-right:none; border-top:none; word-break:break-all;}

/* board_list */
.board_list{clear:both; width:100%; margin:0 0 50px; color:#888; font-size:14px; border-collapse:collapse; table-layout:fixed; border-top:2px solid #1e85ca;}
.board_list tr{transition:0.3s;}
.board_list tr:hover,
.board_list tr:focus{background:#f8f8f8;}
.board_list th{padding:12px 5px; text-align:center; font-weight:400; font-size:15px; color:#303030; background:#f4f7fc; border-bottom:1px solid #ddd;}
.board_list td{padding:18px 5px; text-align:center; border-bottom:1px solid #d4d4d4; background:none;}
.board_list tbody .sbj{text-align:left;}
.board_list tfoot th,
.board_list tfoot td{padding:12px 5px; font-size:18px; font-weight:400; background:#f4f7fc;}
.board_list tfoot th{color:#324178;}
.board_list .notice{display:inline-block; height:23px; line-height:23px; padding:0 10px; border-radius:12px; font-size:13px; color:#fff; background:#0c3681;}
.board_list .sbj *{display:inline-block; vertical-align:top;}
.board_list .sbj a{display:block; text-decoration:none; position:relative; font-size:16px; color:#333; text-decoration:none;}
.board_list .sbj a:hover em,
.board_list .sbj a:focus em{text-decoration:underline;}
.board_list .sbj .tit{display:inline;}

.board_list .total{font-size: 18px; margin-left: 20px; padding-right: 95px;}
.board_list .pw{padding:25px 5px 27px;}
.board_list .none{padding:3em 0;}

@media all and (max-width:568px){
	.ico_new{margin:3px 2px;}
	.ico_lock{width:17px;}

	.board_list{margin: 0 0 30px;}
	.board_list thead,
	.board_list colgroup,
	.board_list .num{display:none;}

	.board_list tr{border-bottom:1px solid #d4d4d4;}
	.board_list td{display:block; position:relative; float:left; width:50%; padding:0 0 2px 7px; font-size:13px; text-align:left; border-bottom:none; box-sizing:border-box;}
	.board_list td:before{content:attr(data-cell-header); display:inline-block; padding:0 5px 0 0; vertical-align:top; color:#505050;}
	.board_list td.none{width:100%; text-align:center;}
	.board_list .sbj{width:100%; padding:10px 2px 8px 7px;}
	.board_list .sbj a{font-size:15px;}
	.board_list .pw{padding-top:2px; padding-bottom:2px;}
	.board_list td.sbj:before{display:none;}
	.board_list .notice{font-weight:400;}
	.board_list .date{padding-bottom:10px;}
}
@media all and (max-width:400px){
	.board_list .sbj a{font-size:14px;}
}

/* board_view*/
.board_view .thead{overflow:hidden; width:100%; padding:22px 0 18px; margin:0 0 30px; border-bottom:1px solid #ddd;}
.board_view .thead .tit{display:inline-block; padding:0 20px; line-height:150%; font-size:18px; font-weight:400; box-sizing:border-box; color:#303030;}
.board_view .thead .author{float:right; padding:0 10px 0 0; font-size:14px;}
.board_view .thead .author li{display:inline-block; padding:0 20px; line-height:100%; color:#707070; /*border-left:1px solid #c5c5c8;*/}
.board_view .thead .author li:first-child{border:none;}
.board_view .img{padding:0 0 30px 0; text-align:center;}
.board_view .img img{max-width:100%;}
.board_view .body .txt{padding:30px 20px 28px 40px; line-height:180%; border-bottom:1px solid #ddd;}
.board_view .tfile{position:relative; width:100%; margin:0 0 30px; padding:17px 0 10px 158px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
.board_view .tfile *{display:inline-block; vertical-align:top;}
.board_view .tfile .tit{position:absolute; left:0; top:17px; width:139px; font-weight:400; box-sizing:border-box; color:#303030; text-align:center;}
.board_view .tfile .tit:after{content:''; display:inline-block; position:absolute; top:3px; right:0; width:1px; height:15px; background:#c5c5c8; vertical-align:top;}
.board_view .tfile .link_list{width:100%;}
.board_view .tfile .link_list li{display:block; margin:0 0 5px;}
.board_view .tfile .link_list li a,
.board_view .tfile .link_list li .txt{display:inline;}
.board_view .tfile .link_list li .btn{display:inline-block; margin-left:10px;}
.board_view .tfile .info{display:block;}
.board_view .tfile .sel_list li{margin:10px 10px 0 0;}
.board_view .tfile label{font-weight:400; line-height:30px;}

.board_view{width:100%; margin:0 0 40px; border-collapse:collapse; border-top:2px solid #1e85ca;  text-align:left; background:#fff;}
.board_view th{padding:9px 10px; border:1px solid #d7d7d7; border-right:none; border-top:none; box-sizing:border-box; font-weight:400; text-align:center; color:#303030; background:#f4f7fc;}
.board_view tbody > tr > td:first-child,
.board_view th:first-child{border-left:none;}
.board_view td{padding:9px 12px; border:1px solid #d7d7d7; border-right:none; border-top:none; word-break:break-all;}
.board_view .tbody{width:100%; margin:0 0 30px; border-collapse:collapse;}
.board_view.write th{padding:11px 0 10px 0;}
.board_view.write td{padding:7px 10px;}
.board_view.write input[disabled]{background:#eee;}
.board_view.write select + span{display:inline-block; padding:3px 0 0 30px;}
.board_view.write input[type="password"] + span,
.board_view.write input[type="text"] + span{display:inline-block; padding:3px 0 0 20px;}
.board_view.write .none{padding:40px 0; border-left:none; text-align:center;}
.board_view.write .bdL{border-left:1px solid #d7d7d7;}
.board_view.write .p10{padding:10px;}
.board_view .w159{width:159px;}
.board_view .w139{width:139px;}
.board_view .ico_need{margin-right:0;}

.board_view td .tfile{margin:0; padding:0; background:none;}
.board_view td .tfile .link_list li .txt{padding:0; margin:0; line-height:1.5em; border:none;}

@media all and (max-width:1024px){
	.board_view .thead{padding:11px 0 8px;}
	.board_view .thead .author{display:block; width:100%; padding:3px 8px 0 0; text-align:right; box-sizing:border-box;}

	.board_view .tbody .txt{padding-left:20px;}
}
@media all and (max-width:768px){
	.board_view{margin:0 0 30px;}
	.board_view.mt30{margin:0 !important;}
	.board_view .tfile{padding:17px 0 13px 120px;}
	.board_view .tfile .tit{width:110px;}
	.board_view colgroup{display:none;}
	.table_wrap .board_view colgroup{display:block;}
	.board_view th{width:110px; padding:8px 0 8px 8px;}
	.board_view td{padding:8px 5px 8px 10px;}
	.board_view.write select + span,
	.board_view.write input[type="password"] + span,
	.board_view.write input[type="text"] + span{display:block; padding:5px 0 0 0;}
}
@media all and (max-width:568px){
	.board_view{margin:0 0 25px;}
	.board_view .thead .tit{padding:0 10px; font-size:17px; text-align:center;}
	.board_view .thead .author{float:none; text-align:center;}
	.board_view .tbody .txt{padding:25px 0 30px;}

	.board_view .tfile{padding:17px 0 13px 10px;}
	.board_view .tfile .tit{position:static; text-align:left;}
	.board_view .tfile .tit.add{display:none;}
	.board_view .tfile .tit:after{display:none;}
	.board_view.write input[type="file"]{width:100%;}
}
@media all and (max-width:400px){
	.board_view .thead .tit{font-size:16px;}
}
@media all and (max-width:378px){
	.board_view.write select{width:100%; margin:0 0 2px;}
}

/* board prev next */
.board_prev {margin:0 0 50px; border-top:1px solid #ddd;}
.board_prev dl{overflow:hidden; width:100%; padding:13px 0 10px; border-bottom:1px solid #ddd;}
.board_prev dt{position:relative; float:left; width:139px; font-weight:400; color:#303030;}
.board_prev dt:before,
.board_prev dt:after{content:''; display:inline-block; vertical-align:top;}
.board_prev dt:before{width:58px; height:20px; transform:rotate(-90deg); background:url(/assetshome/images/common/ico_board.gif) no-repeat 23px -195px;}
.board_prev dt:after{position:absolute; top:3px; right:0; width:1px; height:15px; background:#c5c5c8;}
.board_prev .next dt:before{transform:rotate(90deg); background-position:27px -196px;}
.board_prev dd {position:relative; width:100%; padding:0 110px 0 158px; box-sizing:border-box;}
.board_prev dd .tit {display:block;}
.board_prev dd .tit a{display:inline-block; width:90%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle;}
.board_prev dd .date{position:absolute; right:35px; top:0; color:#707070; font-size:14px;}
@media all and (max-width:1024px){
	.board_prev dd .date{right:20px;}
}
@media all and (max-width:767px){
	.board_prev dt{width:110px;}
	.board_prev dd{padding:0 110px 0 120px;}
}
@media all and (max-width:480px){
	.board_prev dt{width:58px; margin:0 15px 0 0; font-size:0;}
	.board_prev dd {padding:0 0 0 72px;}
	.board_prev dd .date{display:none;}
}

.photo_list {overflow:hidden; width:100%; margin:0 0 20px; font-size:17px; font-weight:700;}
.photo_list li{float:left; width:380px; padding:0 0 30px 30px; vertical-align:top;} 
.photo_list li:nth-child(3n+1){padding-left:0;}
.photo_list li *{display:block;}
.photo_list li a{position:relative; overflow:hidden; width:100%; height:550px; margin:0 auto; border:1px solid #c1c1c1; background:#fff; box-sizing:border-box;}
.photo_list li .num{opacity:0; visibility:hidden; z-index:3; position:absolute; top:0; left:50%; width:90px; height:50px; line-height:52px; color:#fff; font-size:25px; text-align:center; transform:translate(-50%, -100%); background:#309cd4;}
.photo_list li .img{position:relative; overflow:hidden; text-align:center;}
.photo_list li .img:before,
.photo_list li .img:after{opacity:0; visibility:hidden; z-index:1; content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
/*.photo_list li .img:before{z-index:2; top:50%; left:50%; height:140px; width:140px; transform:translate(-50%, -50%); border-radius:50%; background:#fff url(/assetshome/images/common/ico_upload.png) no-repeat 50% 50%;}*/
.photo_list li .img img{display:inline; max-width:100%; max-height:449px; transition:all 0.3s ease-in-out;}
.photo_list li a:hover .num,
.photo_list li a:hover .img:before,
.photo_list li a:hover .img:after{visibility:visible; opacity:1; transition:0.3s ease;}
.photo_list li a:hover .num{transform:translate(-50%, 0);}
.photo_list li .txt{padding:13px 0 17px 15px; text-align:left; border-top:1px solid #c1c1c1;}
.photo_list li .txt .sbj_s{font-size:110%; text-align:center; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:normal;}
.photo_list li .txt .sbj{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.photo_list.vod li .img:before { background-image: url("/assetshome/images/common/icon_play.png"); background-position: 57% 50%; }

@media all and (max-width:1220px) {
	.photo_list li{width:32%; padding:0 0 30px 2%;}
	.photo_list li a{height:auto;}
}
@media all and (max-width:768px) {
	.photo_list {font-size:15px;}
	.photo_list li .date{font-size:14px;}
	.photo_list li .img:before{width:100px; height:100px; background-size:50px;}
	.photo_list li .num{width:60px; height:35px; line-height:37px; font-size:20px;}
}
@media all and (max-width:568px) {
	.photo_list li{width:49%;}
	.photo_list li:nth-child(3n+1){padding-left:2%;}
	.photo_list li:nth-child(odd){padding-left:0;}
	.photo_list li .num{width:50px; height:30px; line-height:32px; font-size:18px;}
	.photo_list li .img:before{width:80px; height:80px; background-size:40px;}
}

/* board_write */
.board_write { border-top: 2px solid #1e85ca; padding-top: 28px; }
.board_write * { box-sizing: border-box; }
.board_write select,
.board_write input { display: block; width: 50%; max-width: 517px; margin: 0 auto; border: 1px solid #c1c1c1; padding: 0 5px 0 7px; height: 48px; line-height: 48px; margin-bottom: 10px; }
.board_write .top,
.board_write .bottom { margin-bottom: 30px; }
.board_write .top:after { content: ''; display: block; clear: both; }
.board_write .top .item.left { float: left; }
.board_write .top .item.right { float: right; }
.board_write .top .item { margin: 0; width: 49%; }
.board_write .top .item input { float: left; width: calc(100% - 100px); margin-bottom: 0px; }
.board_write .top .item label { float: left; width: 100px; height: 48px; line-height: 48px; }
.board_write .bottom input { width: 100%; max-width: 100%; }
.board_write .bottom textarea { display: block; width: 100%; min-height: 408px; padding: 10px 5px 10px 7px; border: 1px solid #c1c1c1; margin: 0 auto; margin-bottom: 10px; }
.board_write .btn_wrap { text-align: center; }
.board_write .btn_wrap button[type="button"] { margin-left: 10px; }
.board_write .btn { height: 50px; width: 110px; border: 0; border-radius: 50px; text-align: center; transition: 0.3s ease; color: #fff; background: #1e85ca; }
.board_write .info { font-size: 16px; color: #333; font-style: italic; text-align: center; word-break: keep-all; }
.board_write .file { border: 1px solid #c1c1c1; height: 48px; line-height: 48px; padding: 0 5px 0 7px; color: #999; }
.board_write .file:after { content: ''; display: block; clear: both; }
.board_write input#file { display: none; }
.board_write input#file + label { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; float: right; cursor: pointer; width: 46px; height: 46px; }
@media all and (max-width: 768px) {
	.board_write select,
	.board_write input { width: 70%; height: 38px; line-height: 38px; }
}