@charset "utf-8";

/*** Board Style ***/
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valt{vertical-align:top !important;}
.valm{vertical-align:middle !important;}

/* Button Common */
.sp_btn_ico,
.bbsButton.ico,
.bbsPagination .page_prev:after,
.bbsPagination .page_prevend:after,
.bbsPagination .page_next:after,
.bbsPagination .page_nextend:after,
.bbsIco,
.bbsView .prev_view:before,
.bbsView .next_view:before{background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.bbsButton,
.bbsButton *{position:relative; display:inline-block; display:-moz-inline-stack; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; font-size:12px; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
.bbsButton img{vertical-align:middle;}
/* Button Size - default / small / large */
.bbsButton{height:40px; padding:0 12px; line-height:40px;}
.bbsButton.xs{height:24px; padding:0 10px; font-size:11px; line-height:24px;}
.bbsButton.sm{height:30px; padding:0 10px; font-size:12px; line-height:30px;}
.bbsButton.lg{height:58px; padding:0 15px; font-weight:600; font-size:14px; line-height:58px;}
/* Button Color */
.bbsButton{border-color:#ccc; background-color:#fff; color:#333 !important;}
.bbsButton.darkgray{border-color:#484848; background-color:#484848; color:#fff !important;}
.bbsButton.violet{border-color:#757dd2; background-color:#757dd2; color:#fff !important;}
.bbsButton.lightblue{border-color:#01a3f4; background-color:#01a3f4; color:#fff !important;}
.bbsButton.blue{border-color:#337ab7; background-color:#337ab7; color:#fff !important;}
.bbsButton.green{border-color:#7d9a0d; background-color:#9cc10e; color:#fff !important;}
/* Button Ico */
.bbsButton.ico{background-position:10px 0;}
.bbsButton.write,
.bbsButton.mod,
.bbsButton.del,
.bbsButton.list{min-width:123px;}
.bbsButton.write{padding-left:35px; background-position:25px -488px;}
.bbsButton.mod{padding-left:30px; background-position:27px -540px;}
.bbsButton.del{padding-left:30px; background-position:27px -588px;}
.bbsButton.list{padding-left:30px; background-position:27px -636px;}
.bbsButton.srch{padding-left:30px; background-position:10px -188px;}
/* Button Active */
.bbsButton:hover,
.bbsButton:focus{background-color:#efefef;}
.bbsButton.darkgray:hover,
.bbsButton.darkgray:focus{border-color:#37383A; background-color:#37383A;}
.bbsButton.violet:hover,
.bbsButton.violet:focus{border-color:#8890e7; background-color:#8890e7;}
.bbsButton.lightblue:hover,
.bbsButton.lightblue:focus{border-color:#2fb6fa; background-color:#2fb6fa;}
.bbsButton.blue:hover,
.bbsButton.blue:focus{border-color:#265F92; background-color:#265F92;}
.bbsButton.green:hover,
.bbsButton.green:focus{border-color:#7d9a0d; background-color:#92b021;}
/* Button Strong */
.bbsButton.strong{font-weight:bold !important;}
/* Button Block */
.bbsButton.block{display:block; width:100%;}

/* 검색 */
.bbsSrch{position:relative; margin:10px 0; padding:19px 0; border:1px solid #c8c8c8; text-align:center; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch .slt{width:80px; height:40px;}
.bbsSrch input.word{width:300px; height:40px; margin:0 5px;}
.bbsSrch .bbsButton{height:40px;}
.bbsSrch input.datetimepicker{width:85px;}
/* 검색 label */
.bbsSrch_inp_date{display:inline-block; position:relative;}
.bbsSrch_inp_date label{position:absolute; top:5px; left:5px; font-size:0.91em; color:#666;}
.bbsSrch_inp_date .ui-datepicker-trigger{margin:0 0 0 5px; vertical-align:middle;}
/* 검색좌우 */
.search_l{float:left;margin-left:10px;}
.search_r{float:right;margin-bottom:10px;}
/* RSS */
.bbsRss{float:right; margin:0 0 5px;display:none;}

/** 하단 버튼 **/
.bbsBtn{margin:20px 0; text-align:right;}

/* 필수입력 */
.marking{display:inline-block; overflow:hidden; width:10px; height:6px; background:url(/board/images/img_making2.jpg) no-repeat 0 0; line-height:999em; vertical-align:middle;}
/* 공통 아이콘 */
.bbsIcoNtc{display:inline-block; overflow:hidden; width:16px; height:14px; background:url(/board/images/ico_ntc.jpg) no-repeat 0 0; line-height:999em; vertical-align:middle;}

/* Paging */
.bbsPagination{margin:20px 0; text-align:center; line-height:normal;}
.bbsPagination a,
.bbsPagination strong{display:inline-block; position:relative; box-sizing:border-box; width:30px; height:30px; margin:0 2px; border:1px solid #c8c8c8; background:#fff; font-size:12px; font-weight:600; color:#777; line-height:30px; text-decoration:none; vertical-align:middle;}
.bbsPagination strong{position:relative; z-index:10; border:none; background:#484848; color:#fff;}
.bbsPagination .page_prev,
.bbsPagination .page_prevend,
.bbsPagination .page_next,
.bbsPagination .page_nextend{overflow:hidden; text-indent:-9999em;}
.bbsPagination .page_prev:after,
.bbsPagination .page_prevend:after,
.bbsPagination .page_next:after,
.bbsPagination .page_nextend:after{content:''; position:absolute; top:50%; left:50%; width:11px; height:11px; margin:-5px 0 0 -5px; background-position:0 -300px;}
.bbsPagination .page_prev:after{background-position:0 -350px;}
.bbsPagination .page_prevend:after{background-position:0 -300px;}
.bbsPagination .page_next:after{background-position:0 -400px;}
.bbsPagination .page_nextend:after{background-position:0 -450px;}

/** Default,Notice,Qna **/
/* List */
.bbsList{table-layout:fixed; border-collapse:collapse; border:0; width:100%; border-bottom:1px solid #444 !important;}
.bbsList th,
.bbsList td{box-sizing:border-box; height:58px; padding:10px 8px; border:0px !important;}
.bbsList th{border-top:3px solid #444 !important; border-bottom:1px solid #444 !important; font-weight:600; text-align:center;}
.bbsList td{border-top:1px solid #dadada !important; color:#666; text-align:center;}

/* 아이콘 */
.bbsIco{display:inline-block; position:relative; overflow:hidden; vertical-align:middle; text-indent:-9999em; white-space:nowrap;}
.bbsIco.ntc{width:36px; height:36px; border-radius:50%; background-color:#478edc; background-position:10px -238px;}
.bbsIco.new{width:18px; height:18px; border-radius:50%; background:#ff782e; font-family:'맑은 고딕';}
.bbsIco.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:17px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.re{width:25px; height:18px; border-radius:10px; background:#555;}
.bbsIco.re:after{content:'Re'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:17px; color:#fff; text-indent:0; text-align:center; vertical-align:top;} 
.bbsIco.scr{width:13px; height:16px; background-position:0 -700px;}

/* View */
.bbsView{margin:0 0 20px;}
.bbsView .bbsViewTit{padding:15px 65px; border:1px solid #c8c8c8; border-top:2px solid #484848; border-bottom:1px solid #484848; font-weight:600; font-size:1.46em; text-align:center;}
.bbsView .form_group{margin-bottom:-1px; border:1px solid #dadada; border-width:1px 1px 0;}
.bbsView .form_group:after{content:''; display:block; clear:both;}
.bbsView .form_group dl{position:relative; overflow:hidden; margin-left:-1px; border-bottom:1px solid #c8c8c8; border-left:1px solid #c8c8c8;}
.bbsView .form_group dl dt{position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; width:130px; padding:15px 10px; background:#f8f9fb; font-weight:600; font-size:12px; line-height:13px; text-align:center;}
.bbsView .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#c8c8c8;}
.bbsView .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsView .form_group dl dd{position:relative; box-sizing:border-box; min-height:54px; margin-left:130px; padding:17px 10px; line-height:1.6;}
.bbsView .form_group dl[data-bbsview-type="title"]{margin:-1px -1px 0; border-top:2px solid #484848; border-bottom-color:#484848;}
.bbsView .form_group dl[data-bbsview-type="title"] dt{top:-9999em; left:-9999em;}
.bbsView .form_group dl[data-bbsview-type="title"] dd{margin:0; padding-left:60px; padding-right:60px; font-weight:600; font-size:16px; line-height:1.3; text-align:center;} 
.bbsView .prev_view,
.bbsView .next_view{display:inline-block; overflow:hidden; position:absolute; top:50%; box-sizing:border-box; min-width:50px; height:40px; margin-top:-20px; font-weight:normal; font-size:0.68em; line-height:40px; text-indent:-9999em;}
.bbsView .prev_view{left:10px; padding-left:50px;}
.bbsView .next_view{right:10px; padding-right:50px;}
.bbsView .prev_view:before,
.bbsView .next_view:before{content:''; display:inline-block; position:absolute; top:0; width:38px; height:38px; border:1px solid #adadad;}
.bbsView .prev_view:before{left:0; background-position:16px -336px;}
.bbsView .next_view:before{right:0; background-position:16px -386px;}
.bbsView .form_group dl[data-bbsview-type="content"] dt{left:-9999em;}
.bbsView .form_group dl[data-bbsview-type="content"] dd{margin:0; line-height:1.6;}
.bbsView .form_group dl[data-bbsview-type="content"] dd pre{white-space:pre-wrap;}
.bbsView .form_group dl[data-bbsview-type="content"] dd img{max-width: 100%; margin: 5px 0;}
.bbsView .form_group dl[data-bbsview-type="attfile"] dt{left:-9999em;}
.bbsView .form_group dl[data-bbsview-type="attfile"] dd{overflow:auto; margin:0;}
.bbsView .form_group dl[data-bbsview-type="attfile"] dd .link_button{margin:3px 0; font-size:14px;}

/* Write */
.bbsWrite{table-layout:fixed; border-collapse:collapse; border:0; width:100%; margin:0 !important; border-top:3px solid #444;} 
.bbsWrite th{padding:10px 0 !important; border:1px solid #d9d9d9; border-right:1px solid #484848 !important; background:#f8f9fb; text-align:center;}
.bbsWrite td{padding:10px 15px !important; border:1px solid #d9d9d9;}
.bbsWrite .bbsWriteBody{padding:10px 10px; line-height:1.6;}
.bbsWrite .bbsWriteBody textarea{border:1px solid #c8c8c8;}
.bbsWrite .attachAlert{display:block; margin:5px 0 0;}
.bbsWrite a[href*=fileViewer]{display:inline-block; overflow:hidden; width:21px; height:21px; background:url(/cms_images/bbs/icon_file/ico_btn_more.jpg) no-repeat 0 0; line-height:999em; vertical-align:middle;}
.bbsWrite #possible_att_file_cnt{font-weight:bold; color:#D90000;}
.bbsWrite #egovComFileList input[value=Delete]{display:inline-block; overflow:visible; margin:0 0 0 5px; padding:1px 5px; border:1px solid #848484; border-radius:3px; background:#fff; text-decoration:none !important; font-family:'돋움', Dotum, '맑은 고딕', '굴림', Gulim, Tahoma, Geneva, sans-serif; color:#D00000; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
.bbsWrite #egovComFileList>div{margin:5px 0;}
/* Fieldset */
.bbsWrite input[type=text],
.bbsWrite input[type=password]{max-width:100%;}
.bbsWrite input[type=file]{max-width:100%; height:35px; line-height:35px; padding:1px; border:1px solid #ddd;}
.bbsWrite .w_s1{width:50px;}
.bbsWrite .w_s2{width:100px;}
.bbsWrite .w_big{width:98%;}
.bbsWrite .w_textarea{width:98%; padding:5px 0 5px 5px; border:1px solid #ddd;}
.bbsWrite input[type=image],
.bbsWrite input[type=checkbox],
.bbsWrite input[type=radio]{vertical-align:middle;}
.bbsWrite button{border:0; background:none; vertical-align:middle;}


/** Photo **/
/* List */
.bbsPhoto{}
.bbsPhoto .lst{border-bottom: 1px solid #61646c;}
.bbsPhoto .lst:after{content:''; display:block; clear:both;}
.bbsPhoto .lst>li{box-sizing:border-box; float:left; position:relative; overflow: hidden; width:22.91%; height:310px; margin:0 0 4.9% 2.78%; padding: 0; border: 1px solid #d8d8d8;}
.bbsPhoto .lst>li.no_article{float: none; width: auto; height: auto; margin: 0; padding: 20px 0; border:0; text-align: center;}
.bbsPhoto .lst li:nth-child(4n+1){margin-left: 0;}
.bbsPhoto .lst>li:before{display: none;}
.bbsPhoto .lst>li a{display:block; position: relative; overflow: hidden; width:100%; padding-top: 174px;}
.bbsPhoto .lst>li a .photo{display: block; position: absolute; top: 0; left: 50%; width: 1000px; height: 174px; margin-left: -500px; border-bottom:1px solid #d8d8d8; text-align: center;}
.bbsPhoto .lst>li a .photo img{height:100%;}
.bbsPhoto .lst>li a .tit{display: block; padding:20px 15px 0; font-size: 1em; word-break:break-all;}
.bbsPhoto .lst>li a .tit .ico{display: inline-block; position: relative; overflow: hidden; width: 12px; height: 12px; margin-left: 5px; text-indent: -9999em; vertical-align: middle;}
.bbsPhoto .lst>li a .tit .ico.new:after{content: 'N'; display: inline-block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fc5f02; font-family: arial; font-size: 11px; line-height: 12px; color: #fff; text-align: center; text-indent:0;}
.bbsPhoto .lst>li .info{overflow:hidden; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: #f8fafc;}
.bbsPhoto .lst>li .info>span{float: left; position: relative; width: 50%; line-height: 40px; text-align: center;}
.bbsPhoto .lst>li .info .view:before{content: ''; display: inline-block; width:22px; height: 13px; margin:0px 3px 2px 0; background: url(../images/common/sp_btn_ico_new.png) no-repeat 0 -730px; vertical-align: middle;}
div[class^="bbsPhoto"] .nodata{float:none; width:100%; height:30px; line-height:30px; margin-top:50px; border:0px; text-align:center;}
/* PhotoList2 */
.bbsPhoto2{overflow:hidden;}
.bbsPhoto2 .lst{margin:0 -20px; padding-top:32px; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
.bbsPhoto2 .lst:after{content:''; display:block; clear:both;}
.bbsPhoto2 .lst li{box-sizing:border-box; float:left; position:relative; overflow: hidden; width:210px; height: 328px; margin:0 20px 40px 20px; padding: 0; text-align:center;}
.bbsPhoto2 .lst li:before{display:none;}
.bbsPhoto2 .lst li .img{display:inline-block; margin-bottom:14px;}
.bbsPhoto2 .lst li .img img{width:210px; height:275px;vertical-align:top;}

/* View */
.bbsPhotoView{table-layout:fixed; border-collapse:collapse; border:0; width:100%; margin:0 0 20px; border-top:2px solid #0179b8; text-align:center;} 
.bbsPhotoView th{padding:7px 0 6px; border:1px solid #d9dddf; background:#f3f8fc; color:#666; text-align:center;}
.bbsPhotoView td{padding:7px 10px 6px; border:1px solid #d9dddf;}
.bbsPhotoView .bbsViewBody{padding:20px 10px; border:0; line-height:160%;}
.bbsPhotoView .bbsViewBody #bbs_cn{text-align:left; word-wrap:break-word;}

/** Movie **/
/* List */
.bbs3List{overflow:hidden; width:100%; border-top:2px solid #95C1E0; border-bottom:1px solid #ddd;}
.bbs3List li{float:left; width:25%; height:170px; padding:10px 0; text-align:center;}
.bbs3List li .thumb{display:block; height:106px; margin:0 auto 5px;}
.bbs3List li .thumb a{}
.bbs3List li .thumb img{display:inline-block; max-height:100px; padding:2px; border:1px solid #ddd;}
.bbs3List li .chk{}
.bbs3List li .cat{}
.bbs3List li .title{}
.bbs3List li .name{display:block;}
.bbs3List li .date{display:block;}
.bbs3List li .count{display:block;}
/* View */
.bbs3View{table-layout:fixed; border-collapse:collapse; border:0; width:100%; margin:0 0 20px; border-top:2px solid #95C1E0;} 
.bbs3View th{padding:8px 0; border-bottom:1px solid #e5e6e6; border-left:1px solid #e5e6e6; background:none; color:#0771BC; text-align:center;}
.bbs3View th:first-child{border-left:0; background:none;}
.bbs3View td{padding:8px 10px; border-bottom:1px solid #e5e6e6;}
.bbs3View th+td{border-left:1px solid #e5e6e6;}
.bbs3View .bbsViewBody{padding:20px 10px; line-height:150%;}
.bbs3View .bbsViewBody textarea{line-height:18px;}
.bbs3View .bbsViewBody .b_movie_wrap{overflow:hidden; width:710px;}
.bbs3View .bbsViewBody .b_movie{float:left; width:400px;}
.bbs3View .bbsViewBody .b_movie_caption{float:right; overflow:auto; width:258px; height:268px; padding:15px; border:1px solid #ddd;}
.bbs3View .bbsViewBody .caption_unfd{height:auto;}
.bbs3View .bbsViewBody .btn_caption{clear:both; float:right; width:100px; margin:5px 0 0; padding:5px 0; border:1px solid #ddd; background:none;}
.bbs3View .attfile{white-space:nowrap;}


/*** 비밀번호 체크박스 ***/
.check_group{overflow:hidden; width:400px; margin:0 auto; padding:0 0 20px; border:1px solid #d8d8d8; border-radius:3px;}
.check_group h2{padding:9px 10px 10px; border-bottom:1px solid #d8d8d8; border-radius:3px 3px 0 0; background:#f5f5f5; font-size:14px; line-height:17px;}
.check_group .form_group{margin:0 0 10px; padding:20px 10px 10px;}
.check_group .form_group label{display:block; margin:0 0 6px; font-weight:600; font-size:13px;}
.check_group .form_group .form_input{width:200px; padding:7px 8px; border:1px solid #ddd; border-radius:3px; background:#fafafa; box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);}

/*** 댓글 ***/
.bbsCmt{}
.bbsCmt .bbsCmtList{margin:0 0 15px; border-bottom:1px solid #ddd;}
.bbsCmt .bbsCmtList .cmt_group{overflow:hidden; margin:0 0 15px; border:1px solid #bfccd1; border-radius:3px;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info{padding:8px 10px; border-bottom:1px solid #dde4e6; background:#f2f8fa;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info:after{content:''; display:block; clear:both;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info dl{float:left;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info dt{position:absolute; top:0; left:-2000em; float:left; margin:0 5px 0 0; color:#666; line-height:20px;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info dd{float:left; margin:0 10px 0 0; line-height:20px;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del{float:left;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .btn_del{display:inline-block; padding:0 10px; border:1px solid #bfccd1; border-radius:3px; background:#f2f8fa; line-height:20px;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .form_group .inp_pw{display:none;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .form_group .off{display:none;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .form_group.on .inp_pw{display:inline-block;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .form_group.on .on{display:none;}
.bbsCmt .bbsCmtList .cmt_group .cmt_info .cmt_del .form_group.on .off{display:inline-block; }
.bbsCmt .bbsCmtList .cmt_group .cmt{padding:15px 10px;}
.bbsCmt .bbsCmtWrite{padding:10px; border:1px solid #ddd; border-radius:3px;}
.bbsCmt .bbsCmtWrite .usr_info:after{content:''; display:block; clear:both;}
.bbsCmt .bbsCmtWrite .usr_info dt{position:absolute; top:0; left:-2000em; float:left; margin:0 5px 0 0;}
.bbsCmt .bbsCmtWrite .usr_info dd{float:left; margin:0 10px 0 0;}
.bbsCmt .bbsCmtWrite .cmt_inp{position:relative; margin:10px 0 0;}
.bbsCmt .bbsCmtWrite .cmt_inp .cmt_textarea{margin:0 100px 0 0;}
.bbsCmt .bbsCmtWrite .cmt_inp .cmt_textarea textarea{padding:5px;}
.bbsCmt .bbsCmtWrite .cmt_inp .btn_cmt{position:absolute; top:0; right:0; display:inline-block; box-sizing:border-box; width:90px; padding:10px 10px; border:1px solid #0061a5; border-radius:3px; background:#057bc5; background-image:linear-gradient(#057bc5, #0061a5); color:#fff !important; text-align:center;}