/* 게시판 공통으로 쓰이는 스타일 */
td { font-size:100%; }
.bbs_stipulationBox {margin:0px;border:1px #ddd solid;font-size:0.9em;padding:20px;max-height: 300px;overflow: auto;}
.bbs_stipulationBox table td{ font-size:13px;}

.select_css {		letter-spacing:-1px;	border:1 solid #B1B5B6;	background-color:#FFFFFF;		 }
.board_textarea {   border:1px solid #d9d9d9; color:666666}
.input19 {height:20;   border:1px solid #d9d9d9; color:666666}
.input19_2 {height:20;   border:1px solid #cccccc; color:666666}
.board_pop_bg{background-image:url(/modules/board/img/pop/top_pop_bg.gif); background-repeat:repeat-x; background-position:top; };
.s_font { font-size: 12px; }
.gImgbox { border:1px solid #CDCDCD; padding: 2px; }
a { color:#000;}
a:hover { color:#136aff;}

/* 정렬기준*/
.top{vertical-align:top;};
.center{ text-align:center};
.vcen{ vertical-align:middle};
.foot{vertical-align:bottom};
.left{ text-align:left};
.right{ text-align:right};
.jt { text-align:justify; }/*양쪽정렬*/

/* SKIN1 : 그린 게시판 */
.board_g_box{border:1px solid #d2d0c8;background-color:fff9ed}
.box_g{border:1px solid #d2d0c8;}
.box2_g{border-left:1px solid #d1dfde; border-right:1px solid #d1dfde;}
.board_g{border-top:2px solid #99d26c; border-bottom:2px solid #99d26c;}
.board_g_l{border-left:2px solid #99d26c;}
.board_g_r{border-right:2px solid #99d26c;}
.board_g_line{border-bottom:1px solid #e9e9e9;}
.board_g_line2{border-bottom:1px solid #c2e4a7;}
.board_g_line3{border-top:1px solid #c2e4a7;}
.board_g_bg{background-color:fffcf5}
.board_l_g{color: #99d26c}
.board_l_green{color: #99d26c}
.board_green_bg{background-color:f0f8e9}
.board_1line_green{border-bottom:1px solid #c2e4a7;}

.board_g_1line_write{border-bottom:1px solid #e9e9e9;}
.board_write_orange{color:f25c01}

.co_box_g{border:1px solid #c0dab7;background-color:f6faf5}
.input_co_g {  border:1px solid #99D26C;}


.s_font_b_green{  color:#99d26c;};

/* SKIN2 : 블루 게시판 */
.board_p_box{border:1px solid #d2d0c8;background-color:#d2d0c8}
.box_p{border:1px solid #d2d0c8;}
.box2_p{border-left:1px solid #d1dfde; border-right:1px solid #d1dfde;}
.board_p{border-top:2px solid #91bdc5; border-bottom:2px solid #91bdc5;}
.board_p_l{border-left:2px solid #91bdc5;}
.board_p_r{border-right:2px solid #91bdc5;}
.board_p_line{border-bottom:1px solid #e9e9e9;}
.board_p_line2{border-bottom:1px solid #9ec8cd;}
.board_p_line3{border-top:1px solid #9ec8cd;}
.board_p_bgp{background-color:fffcf5}
.board_l_p{color: #9ec8cd}
.board_l_blue{color: #9ec8cd}
.board_p_bg{background-color:#f0f5f8}
.board_blue_bg{background-color:#f0f5f8}
.board_1line_p{border-bottom:1px solid #f0f5f8;}
.board_1line_blue{border-bottom:1px solid #9ec8cd;}
.board_p_1line_write{border-bottom:1px solid #e9e9e9;}
.s_font_b_blue{  color:#9ec8cd;};
.co_box_p{border:1px solid #b7d6da;background-color:f5f9fa}
.input_co_p {  border:1px solid #91bdc5;}

/* SKIN3 : 청녹색 */
.board_pg_box{border:1px solid #d2d0c8;background-color:fff9ed}
.box_pg{border:1px solid #d2d0c8;}
.box2_pg{border-left:1px solid #d1dfde; border-right:1px solid #d1dfde;}
.board_pg{border-top:2px solid #88c0b9; border-bottom:2px solid #88c0b9;}
.board_pg_l{border-left:2px solid #88c0b9;}
.board_pg_r{border-right:2px solid #88c0b9;}
.board_pg_line{border-bottom:1px solid #e9e9e9;}
.board_pg_line2{border-bottom:1px solid #b4cec9;}
.board_pg_line3{border-top:1px solid #b4cec9;}
.board_pg_line4{border-left:1px solid #b4cec9;}
.board_pg_line5{border-right:1px solid #b4cec9;}
.board_pg_bg{background-color:fffcf5}
.board_l_bluegreen{color: #b4cec9}
.board_bluegreen_bg{background-color:f0f7f5}
.board_1line_bluegreen{border-bottom:1px solid #b4cec9;}
.co_box_pg{border:1px solid #b7d6da;background-color:f5f9fa}
.input_co_pg {  border:1px solid #88c0b9;}

.board_pg_1line_write{border-bottom:1px solid #b4cec9;}

.s_font_b_bluegreen{  color:#b4cec9;};

.box_pop{border:1px solid #a6c7c6;background-color:e5eded;}
.box_pop2{border:1px solid #c0d7d6;}


.board_gray{border-top:2px solid #808080; border-bottom:2px solid #808080;}
.board_gray_l{border-left:2px solid #808080;}
.board_gray_r{border-right:2px solid #808080;}
.s_font_b_gray{  color:#2E2E2E;}


.board_ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

.board_select {		letter-spacing:-1px;	border:1px solid #B1B5B6;	background-color:white;		 }
.board_selectHtc{ behavior: url('/modules/board/js/selectBox.htc'); }


/**********************************************************************************************************/
/* 추가스타일 */
/**********************************************************************************************************/

#boardArea { margin:0 auto; width:100%; padding:0px; text-align:left;  }
#boardArea a span.font_11s {font-size:16px;line-height:1.4em; color:#404040;}

/* board */
#boardArea span.listBtn button {
	font-family: NanumSquareR,'Noto Sans',NanumBarunGothic,nbg,"굴림",Gulim,"Apple SD Gothic Neo",Sans-serif;
    font-size: 17px;
    color: #ffffff;
    background: #989898;
    padding: 13px 25px;
	border: 0;
 	width: auto !important;
}
.box_search table{margin:0 auto;}
.box_search div { display:inline-block; margin:15px 0 0 0; padding:0; }
span.subject img{vertical-align: middle;}
#boardArea .bbs_pn li.tit {
    padding: 10px 0;
    font-weight: 400;
    font-size: 16px !important;
    border-bottom: 1px #ddd solid;
}
#boardArea .bbs_pn li.tit span.subject, #boardArea  .bbs_pn li.tit span.no {font-size: 15px;}
#boardArea ul.bbs_pn {
	background: url(../images/sub/bg_arrow.png) no-repeat 7px; center;
	margin-bottom: 30px;
	padding-bottom: 0px;
}
#boardArea .bbs_box_gray {
    border: 1px solid #e4e4e4;
    padding: 20px !important;
    background: #f9f9f9;
}
#boardArea td.font_11s {
    padding-bottom: 8px;
}
#boardArea #bbsVieContents td {
    font-size: 15px !important;
}
#boardArea .board_list_plum {
    border-bottom: 2px solid #e21738 ;
}
#boardArea .bbs_box_gray {
    border: 1px solid #CCCCCC;
}
.sub5_2 #boardArea td {
	font-size:15px;
	font-family: NanumSquareR,'Noto Sans',NanumBarunGothic,nbg,"굴림",Gulim,"Apple SD Gothic Neo",Sans-serif;
}

.bbs_fixed { table-layout:fixed }
.bbs_txtBold { font-weight: bold }
.bbs_select {	 letter-spacing:-1px; border: 1px solid #ccc;	background: #FFFFFF; padding:7px; display:inline-block; height: 41px; }
.bbs_input {  border: #CCCCCC 1px solid; background: #FFFFFF; height: 18px; padding: 3px 2px 1px 2px; }
.bbs_fileinput {  border: #CCCCCC 1px solid; background: #FFFFFF; height: 18px; padding: 2px 2px 0 2px; margin-top:3px;}

.bbs_s_font {  letter-spacing: -1px; }

.bbs_dot_line { width:100%; height:1px; background:url(/modules/board/img/dots.gif) repeat-x; }

/* 박스 */
.bbs_box_gray { border: 2px solid #CCCCCC; padding: 2px; background: #FFFFFF; }
.bbs_box_green { border: 2px solid #47573A; padding: 2px; background: #FFFFFF; }
.bbs_box_blue { border: 2px solid #274591; padding: 2px; background: #FFFFFF; }
.bbs_box_orange { border: 2px solid #F26722; padding: 2px; background: #FFFFFF; }
.bbs_box_yellow { border: 2px solid #FFA800; padding: 2px; background: #FFFFFF; }
.bbs_box_brown { border: 2px solid #483631; padding: 2px; background: #FFFFFF; }
.bbs_box_purple { border: 2px solid #6C4892; padding: 2px; background: #FFFFFF; }
.bbs_box_plum { border: 2px solid #e21839; padding: 2px; background: #FFFFFF; }
.bbs_box_deepblue { border: 2px solid #194B88; padding: 2px; background: #FFFFFF; }
.bbs_box_deepred { border: 2px solid #A50303; padding: 2px; background: #FFFFFF; }


/* 라인 */
.board_list_green { border-bottom:2px solid #47573A; }
.board_list_blue { border-bottom:2px solid #274591; }
.board_list_orange { border-bottom:2px solid #F26722; }
.board_list_yellow { border-bottom:2px solid #FFA800; }
.board_list_brown { border-bottom:2px solid #483631; }
.board_list_purple { border-bottom:2px solid #6C4892; }
.board_list_plum { border-bottom:2px solid #7E123F; }
.board_list_deepblue { border-bottom:2px solid #194B88; }
.board_list_deepred { border-bottom:2px solid #A50303; }

/* 리스트 타이틀박스 */
.bbs_listBox_green { border-top:2px solid #47573A; border-bottom:2px solid #47573A; }
.bbs_listBox_green_l{ border-left:2px solid #47573A; }
.bbs_listBox_green_r{ border-right:2px solid #47573A; }

.bbs_listBox_blue { border-top:2px solid #274591; border-bottom:2px solid #274591; }
.bbs_listBox_blue_l{ border-left:2px solid #274591; }
.bbs_listBox_blue_r{ border-right:2px solid #274591; }

.bbs_listBox_orange { border-top:2px solid #F26722; border-bottom:2px solid #F26722; }
.bbs_listBox_orange_l{ border-left:2px solid #F26722; }
.bbs_listBox_orange_r{ border-right:2px solid #F26722; }

.bbs_listBox_yellow { border-top:2px solid #FFA800; border-bottom:2px solid #FFA800; }
.bbs_listBox_yellow_l{ border-left:2px solid #FFA800; }
.bbs_listBox_yellow_r{ border-right:2px solid #FFA800; }

.bbs_listBox_brown { border-top:2px solid #483631; border-bottom:2px solid #483631; }
.bbs_listBox_brown_l{ border-left:2px solid #483631; }
.bbs_listBox_brown_r{ border-right:2px solid #483631; }

.bbs_listBox_purple { border-top:2px solid #6C4892; border-bottom:2px solid #6C4892; }
.bbs_listBox_purple_l{ border-left:2px solid #6C4892; }
.bbs_listBox_purple_r{ border-right:2px solid #6C4892; }

.bbs_listBox_plum { border-top:2px solid #7E123F; border-bottom:2px solid #7E123F; }
.bbs_listBox_plum_l{ border-left:2px solid #7E123F; }
.bbs_listBox_plum_r{ border-right:2px solid #7E123F; }

.bbs_listBox_deepblue { border-top:2px solid #194B88; border-bottom:2px solid #194B88; }
.bbs_listBox_deepblue_l{ border-left:2px solid #194B88; }
.bbs_listBox_deepblue_r{ border-right:2px solid #194B88; }

.bbs_listBox_deepred { border-top:2px solid #A50303; border-bottom:2px solid #A50303; }
.bbs_listBox_deepred_l{ border-left:2px solid #A50303; }
.bbs_listBox_deepred_r{ border-right:2px solid #A50303; }


/* 리스트 타이틀 */
.bbs_listTitle_green {  font-weight: bold; color: #646464; padding-top: 3px; }
.bbs_listTitle_blue {  font-weight: bold; color: #274591; padding-top: 3px; }
.bbs_listTitle_orange {  font-weight: bold; color: #F26722; padding-top: 3px; }
.bbs_listTitle_yellow {  font-weight: bold; color: #996400; padding-top: 3px; }
.bbs_listTitle_brown {  font-weight: bold; color: #483631; padding-top: 3px; }
.bbs_listTitle_purple {  font-weight: bold; color: #6C4892; padding-top: 3px; }
.bbs_listTitle_plum {  font-weight: bold; color: #7E123F; padding-top: 3px; }
.bbs_listTitle_deepblue {  font-weight: bold; color: #194B88; padding-top: 3px; }
.bbs_listTitle_deepred {  font-weight: bold; color: #A50303; padding-top: 3px; }

#bbsFormDiv { padding: 0 0 20px 0; }
#bbsFormDiv .leftCell { letter-spacing: 0px; padding: 7px; }
#bbsFormDiv .rightCell { letter-spacing: 0px; padding: 7px 3px 7px 5px; }
#bbsFormDiv .rightCell2 { letter-spacing: 0px; padding: 7px 3px 7px 5px; letter-spacing: 0px}
#bbsFormDiv .dataCell { letter-spacing: 0px; padding:3px; }

#bbsViewDiv .leftCell { letter-spacing: 0px; }
#bbsViewDiv .rightCell { letter-spacing: 0px; padding: 7px 3px 7px 5px; }

#bbsVieContents { width:100%; margin:0 auto; text-align:left; padding:10px 0px 50px 0px; font-size: 15px !important; overflow:hidden; }
#bbsVieContents img { max-width: 850px; width: expression(this.width > ? : true);  height:auto; overflow: hidden; }

/* 버튼 */

span.submitBtnCheck_blue { padding:0; }
span.submitBtnCheck_blue button {		color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: pointer;}

span.submitBtnCheck_orange { padding:0; }
span.submitBtnCheck_orange button {		color: #9B0000;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #F26722;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: pointer;}

span.submitBtnCheck_yellow { padding:0; }
span.submitBtnCheck_yellow button {		color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #FFA800;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: pointer;}

span.submitBtnCheck_deepblue { padding:0; }
span.submitBtnCheck_deepblue button {		color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #194B88;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: pointer;}

span.searchBtn { padding:0; }
span.searchBtn button {	font-size: 17px; color: #FFFFFF;	font-weight: none; letter-spacing: -1px;	border: 1px solid #2A2A2A;	background: #494949; margin:0em; padding: 7px 12px;	cursor: pointer;}

span.listBtn_blue { padding:0; }
span.listBtn_blue button {		color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: pointer;}

span.listBtn_orange { padding:0; }
span.listBtn_orange button {		color: #F26722;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #F26722;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: pointer;}

span.listBtn_yellow { padding:0; }
span.listBtn_yellow button {		color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #FFA800;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}

span.listBtn_deepblue { padding:0; }
span.listBtn_deepblue button {		color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #194B88;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}

span.listBtn_deepred { padding:0; }
span.listBtn_deepred button {		color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #A50303;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}


/* 기본 */
span.submitBtnCheck { padding:0; }
span.submitBtnCheck button {		color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF;	margin:0em;	padding: 8px 2px 6px 2px;	cursor: pointer;}

span.listBtn { padding:0; }
span.listBtn button {		color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 10px 3px 2px 3px;	cursor: pointer;}

span.listBtn2 { padding:0; }
span.listBtn2 button {		color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 5px 3px 3px 3px;	cursor: pointer;}

span.numberBtn {		color:#FFFFFF;	border:1px solid #000000;	background: #000000; padding:1px 1px 0px 1px;	}

span.detailBtn { padding:0; }
span.detailBtn button {		color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 1px solid #274591;	background:#274591; margin:0em;	padding: 4px 10px 2px 10px;	cursor: pointer;}

span.bbs_submitBtn { padding:0; }
span.bbs_submitBtn button {	font-size: 14px;	font-weight: 700;	color: #FFFFFF;	letter-spacing: -1px;	border: 1px solid #00316C; border-radius:4px;	background: #00316C;	margin:2px;	padding: 7px 15px 7px 15px;	cursor: pointer;}

span.bbs_cancelBtn { padding:0; }
span.bbs_cancelBtn button {	font-size: 14px;	font-weight: 700;	color: #323232;	letter-spacing: -1px;	border: 1px solid #E6E6E6; border-radius:4px;	background: #E6E6E6;	margin:2px;	padding: 7px 15px 7px 15px;	cursor: pointer;}

.bbs_searchDateBox { float:left; padding:0px; }
.bbs_searchDateBox img { vertical-align:bottom; margin-bottom:8px; margin-left:2px; margin-right:2px; }
.bbs_searchDatePeriod { float:left; display:block; padding:5px 4px 4px 4px; font-weight:700; }

.bbs_btn_coun{  text-align:center; margin-top: 30px;}
.bbs_btn_coun a{ font-size: 18px; padding: 13px 40px; background:#2d568c; border: 1px solid #1c4275; display: inline-block; color: #fff; border-radius: 4px;}
.bbs_btn_coun a:hover{text-decoration: none; background: #1c3658 ; border: 1px solid #142844;}

.bbs_btn_coun_cancel{ text-align:center; margin-top: 30px;}
.bbs_btn_coun_cancel a{ font-size: 24px; padding: 15px 35px; background:#D6D7DB; border: 1px solid #D6D7DB; display: inline-block; color: #fff; border-radius: 4px;}
.bbs_btn_coun_cancel a:hover{text-decoration: none; background: #1c3658 ; border: 1px solid #142844;}

.bbs_btn_coun_list{  text-align:center; margin-top: 30px;}
.bbs_btn_coun_list a{ font-size: 18px; padding: 13px 40px; background:#989898; border: 1px solid #989898; display: inline-block; color: #fff; border-radius: 4px;}
.bbs_btn_coun_list a:hover{text-decoration: none; background: #000000; border: 1px solid #000000;}

.bbs_submitBox { clear:both; margin:0 auto; width:100%; padding-top:15px; text-align:center; margin-bottom:30px; }

.list1{overflow: hidden;}

.list-item{width:265px; float:left;;margin:0 0 70px 33px;position: relative;}
.list-item.list-0{ margin-left:0; }
.list-item .item { text-align:left; border-bottom:0px solid #000; }
.list-item .item .tImg { width:263px; height:195px; border:1px solid #C4C4C4; background:#C4C4C4; text-align:center; vertical-align:center; }
.list-item .item .tImg .noImg { display:block; margin-top:9px; margin-left:36px; }
.list-item .item .title{font-size: 24px; padding: 25px 0 15px 0; color: #232323;}
.list-item .item .txt { text-align:left; padding-bottom:0px;  color: #767676; font-size: 13px;  height:40px; overflow:hidden;  } /* line-height:20px; */
.list-item .item .date { text-align:left; color:#585858; font-size:14px; font-weight:500 !important; padding:15px 0 15px 0; }
.list-item .item-overlay { position: absolute;top: 0;left: 0;width: 100%; height: 100%; opacity: 0; z-index: 2;text-align: center; background-color:#1C3658; } /* background-color:rgba(196,6,112,0.9); */
.list-item .item-overlay .title{text-align: center; width: 160px; font-size: 27px; color: #fff; padding: 10px 0 15px 0; margin: 0 auto;} /* font-size: 32px; padding: 70px 0 55px 0; */
.list-item .item-overlay .title a{color:#fff;}
.list-item .item-overlay .title span{ width: 20px;display: block; height: 1px; margin-bottom: 25px; background: #fff; margin-left: 45%;}
.list-item .item-overlay .btn a{font-size: 16px; padding: 10px 40px 10px 50px; background-repeat: no-repeat; color: #fff; border: 1px solid #fff; background-position: 40px center; display: inline-block; margin-bottom: 10px;border-radius: 4px;}
.list-item .item-overlay .btn a:hover{opacity: 0.7;}
.list-item .item-overlay .btn_view a{background-image:url("../images/sub/icon_view.png")}
.list-item .item-overlay .btn_coun a{background-image:url("../images/sub/icon_write2.png")}
.list-item .item-overlay .btn_coun { padding: 0; text-align: center;}

.list-item .item-overlay:hover { opacity: 1; z-index: 3; }

ul.bbs_list {clear:both; border-top: 2px solid #0071d7; border-bottom: 2px solid #0071d7; overflow:hidden;}
.bbs_list li {  }
.bbs_list li a { text-decoration:none; font-size: 18px;}
.bbs_list li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_list li.tit:last-child {border-bottom: none;}
.bbs_list li.tit span.no {display:inline-block; width:100px; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;padding-top:10px;}
.bbs_list li.tit span.subject {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-top:10px;}
.bbs_list li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_list li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_list li.tit span.subject span.date {display:inline-block; font-size:15px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; }
.bbs_list li.tit span.subject span.ref {display:inline-block; font-size:15px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_list li.tit span.nosubject {display:inline-block; width:100%; font-size:18px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; }

ul.gallery_list {clear:both; width:100%; border-top: 0px solid #136AFF; overflow:hidden; padding-bottom:30px;}
.gallery_list li { float:left; display:inline-block; width:25%; }
.gallery_list li a { text-decoration:none; letter-spacing: -0.08em; }
.gallery_list li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 0px #ddd solid; }
.gallery_list li.tit span.no {display:inline-block; width:100px; font-size:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.gallery_list li.tit span.attimg {display:block;width:90%;height: auto;min-width:220px;/*min-height:220px;*/margin:0 auto;text-align:center;border:1px solid #CDCDCD;overflow: hidden;}
.gallery_list li.tit span.attimg img {width: 100%;width: expression(this.width > ? : true);height: 100%;overflow: hidden;}
.gallery_list li.tit span.subject { display:block; width:90%; margin:0 auto; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 17px 0;}
.gallery_list li.tit span.subject a{padding-bottom:10px;}
.gallery_list li.tit span.subject span{ display:block; font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px; overflow: hidden; margin-top: 3px;}
.gallery_list li.tit span.subject span.category { display:block; font-size:15px; padding-bottom: 3px; font-weight:700; text-align:left; vertical-align: top; color: #004080; letter-spacing: -0.08em; }
.gallery_list li.tit span.subject span.writer { display:block; font-size:13px; font-weight:100; text-align:left; vertical-align: top;color: #8C8C8C; }
.gallery_list li.tit span.data { display:block; width:90%; margin:0 auto; font-size:18px; overflow: hidden; }
.gallery_list li.tit span.data span.date { float:left; display:block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;   }
.gallery_list li.tit span.data span.ref { float:right; display:block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.gallery_list li.tit_empty { width:100%; margin:0 auto; padding: 30px 0; text-align:center; }
.gallery_list li.tit_empty span.nosubject {display:block; width:100%; margin:0 auto; font-size: 120%; font-weight:700; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; }

.gallery_list .item-overlay { position: absolute;top: 0;left: 0;width: 100%; height: 100%; opacity: 0; z-index: 2;text-align: center; background-color:#1C3658; } /* background-color:rgba(196,6,112,0.9); */
.gallery_list .item-overlay .title{text-align: center; width: 160px; font-size: 27px; color: #fff; padding: 10px 0 15px 0; margin: 0 auto;} /* font-size: 32px; padding: 70px 0 55px 0; */
.gallery_list .item-overlay .title a{color:#fff;}
.gallery_list .item-overlay .title span{ width: 20px;display: block; height: 1px; margin-bottom: 25px; background: #fff; margin-left: 45%;}
.gallery_list .item-overlay .btn a{font-size: 16px; padding: 10px 40px 10px 50px; background-repeat: no-repeat; color: #fff; border: 1px solid #fff; background-position: 40px center; display: inline-block; margin-bottom: 10px;border-radius: 4px;}
.gallery_list .item-overlay .btn a:hover{opacity: 0.7;}
.gallery_list .item-overlay .btn_view a{background-image:url("../images/sub/icon_view.png")}
.gallery_list .item-overlay .btn_coun a{background-image:url("../images/sub/icon_write2.png")}
.gallery_list .item-overlay .btn_coun { padding: 0; text-align: center;}

ul.bbs_view {clear:both; border-top: 2px solid #136AFF; overflow:hidden; padding-bottom:20px;}
.bbs_view li {  }
.bbs_view li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_view li.tit span.subject {display:inline-block; width:100%; font-size:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_view li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_view li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; line-height:23px;}
.bbs_view li.tit span.subject span.date {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; line-height:23px; }
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; line-height:23px;}
.bbs_view li.tit span.subject span.email {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.event {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.tel {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_view li.tit span.subject span.hp {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.area {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.talk {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.invest {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.seminar {display:inline-block; font-size:17px; font-weight:700; text-align:center; vertical-align: top;color: #8C8C8C; line-height:23px;}

ul.bbs_pn {clear:both; border-top: 1px solid #ddd; overflow:hidden; padding-bottom:30px;}
.bbs_pn li {  }
.bbs_pn li a { color: #8C8C8C; text-decoration:none; }
.bbs_pn li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_pn li.tit span.no {display:inline-block; width:100px; font-size:18px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.bbs_pn li.tit span.subject {display:inline-block; width:85%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_pn li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}

/* paging
.pagination {clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 17px; margin-bottom: 50px;}
.pagination li{float:left}
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #999; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}
 */

.no_data { width:100%; margin:0 auto; padding:50px 0; text-align:center; overflow:hidden; }

/* paging */
.page_navi { width:100%; margin:0 auto; padding:30px 0; text-align:center; overflow:hidden; }
#submitArea { clear:both; width:100%; text-align:center; padding:20px 0 30px 0; }
.pagination {clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 17px; margin-bottom: 50px;}
.pagination li{float:left}
.page-link { position: relative; display: block; padding: .7rem 1rem; margin-left: 2px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #999; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}

/* board */
.box_search .bbs_input { padding:8px 12px; height:41px; font-size:17px; } 
.bbs_fileinput { height:auto !important; padding:8px 2px 9px 10px !important;}
span.submitBtnCheck button { font-size: 15px 'Noto Sans KR'  !important;}

iframe[name=boardHiddenFrm], iframe[name=hiddenFrm], iframe[name=idpwhiddenFrm], iframe[name=isMemberHiddenFrm], iframe[name=idpwhiddenFrm2], iframe[name=hiddenReserveFrm]
{display:none;}

button{display: inline-block;transition: all .3s ease-in-out;}
button:hover, button:focus{transform: translate(0, -5px); opacity: 0.9;}

/*== 극지종합정보지 추가 2019.11.26  ==*/

/* 이전글-다음글 */
div.board .view_link {position:relative; border-top:1px solid #666; border-bottom:1px solid #666;}
div.board .view_link .pretext {position:relative; border-bottom:1px solid #dbdbdb; display:table; width:100%}
div.board .view_link .nexttext {position:relative; /*border-bottom:1px solid #dbdbdb;*/ display:table; width:100%}
div.board .view_link .tit {display:table-cell; width:15%; padding:20px 0px; font-size:1.13em; color:#666; text-align:center; background-color:#fafafa;}
div.board .view_link .data {display:table-cell; width:85%; padding:20px 20px;}
div.board .view_link .data a {font-size:1.13em; color:#666;  font-weight:300; line-height:1.4em;}

/* 하단 버튼들 */
.bottom_btns {position:relative; padding:30px 0; }
.bottom_btns ul.center_btns {text-align:center;}
.bottom_btns ul.center_btns li {display:inline-block; margin:0 10px; }
.bottom_btns ul.right_btns {float:right;}
.bottom_btns ul.right_btns li {float:left; margin:0 0 0 10px;}
.bottom_btns .btn {display:inline-block; font-size:1.13em; font-weight:500; border:none;}
.bottom_btns .btn.basic_btn {padding:0 30px; line-height:50px; background:#3d3d3d; color:#fff;}
.bottom_btns .btn.write_btn {padding:0 30px; line-height:50px; background:#262625; color:#fff;}
.bottom_btns .btn.delete_btn {padding:0 30px; line-height:50px; background:#cc0000; color:#fff;}
.bottom_btns .btn.modify_btn {padding:0 30px; line-height:50px; background:#186f40; color:#fff;}

/* 극지종합정보지 게시판 목록 */
.report-board {position:relative; margin-bottom:15px; border-top:2px solid #666;}
.report-board .item {position:relative; padding:40px 0; border-bottom:0px solid #dbdbdb;}
.report-board .item .report-con {overflow:hidden; position:relative; min-height:220px;}

.report-board .item .report-con .report_thumb {position:absolute; left:0px; top:0px; width:385px; height:256px; /*width:14.167%;140px;*/}
.report-board .item .report-con .report_thumb .report_img {display:block; position:relative; border:1px solid #dbdbdb; }
.report-board .item .report-con .report_thumb .report_img .img { }
.report-board .item .report-con .report_thumb .report_img .img img { width:100%; overflow: hidden; }

.report-board .item .report-con .report_cate {position:absolute; left:0px; top:0px; width:14.167%;  /*padding:14.167% 0 0 0140px;*/}
.report-board .item .report-con .report_cate a {display:block; width:100%; height:100%; color:#fff; }
.report-board .item .report-con .report_cate a div {position:relative; width:100%; height:100%; display:table; padding:17px; } /* padding:45px 17px; */
.report-board .item .report-con .report_cate a .cateBox {display:table-cell; width:100%; height:100%; font-size:1.06em; font-weight:500; color:#fff; text-align:center; vertical-align:middle; }
.report-board .item .report-con .report_cate a .cateBox img { width:100%; }
.report-board .item .report-con .report_cate a p {overflow:hidden; font-size:1.06em; font-weight:500; color:#fff; line-height:1.5em; text-overflow: ellipsis; display:-webkit-box; height:6.0em; -webkit-line-clamp: 5;-webkit-box-orient:vertical;word-wrap:break-word; word-break:keep-all;}

.report-board .item .report-con .report_cate a .cate6 .cateBox {color:#3a3a3a;}

.report-board .item .report-con .report_content {/*position:relative; padding:0 140px 0 19.167%;*/ padding:0 0px 0 400px;}
.report-board .item .report-con .report_content .subject {margin-bottom: 20px;font-size:1.33em;font-weight:500;line-height:1.4em;}
.report-board .item .report-con .report_content h4.subject  {padding-top: 20px;font-size: 22px;font-weight: 600;margin-bottom: 10px;}
.report-board .item .report-con .report_content .info {overflow:hidden;margin-bottom: 20px;}
.report-board .item .report-con .report_content .info ul li {float:left; margin-right:15px; padding-right:15px; color:#666; line-height:1.3em; background:url('./../images/board/bg_bar.png') no-repeat right center; }
.report-board .item .report-con .report_content .info ul li:last-child {background:none;}
.report-board .item .report-con .report_content .info ul li strong {color:#3d3d3d;}
.report-board .item .report-con .report_content .exp {overflow:hidden; font-size:1.13em; color:#666; line-height:1.5em; text-overflow: ellipsis; display:-webkit-box; height:3.0em; -webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word; word-break:keep-all;}
.report-board .item .report-con .report_content .down_btn {position:absolute; right:0px; bottom:0px; display:inline-block; width:130px; padding:10px 16px; font-size:1.06em; font-weight:500; text-align:center; border:1px solid #3d3d3d; background-color:#fff; }
.report-board .item .report-con .report_content .pdfview_btn {position:absolute; right:140px; bottom:0px; display:inline-block; width:130px; padding:10px 16px; font-size:1.06em; font-weight:500; color:#c13346; text-align:center; border:1px solid #c13346; background-color:#fff;}


/* 극지종합정보지 게시판 뷰 */
div.board .report-view {position:relative; margin-bottom:15px; border-top:2px solid #666;}
div.board .report-view .report_head {overflow:hidden; position:relative; padding:40px 40px; border-bottom:1px solid #dbdbdb; background-color:#f8f8f8;}
div.board .report-view .report-con {overflow:hidden; position:relative; min-height:230px; }
div.board .report-view .report_head .report_cate {position:absolute; left:0px; top:0px; width:180px; height:233px;/*140px;*/}
div.board .report-view .report_head .report_cate .box {display:block; width:100%; height:100%; color:#fff; }
div.board .report-view .report_head .report_cate .box div {position:relative; width:100%; height:100%; display:table; padding:45px 17px;}
div.board .report-view .report_head .report_cate .box .cate1 {background: url('./../images/board/report_bg_big1.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cate2 {background: url('./../images/board/report_bg_big2.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cate3 {background: url('./../images/board/report_bg_big3.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cate4 {background: url('./../images/board/report_bg_big4.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cate5 {background: url('./../images/board/report_bg_big5.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cate6 {background: url('./../images/board/report_bg_big6.png') no-repeat 50% 50% ; background-size:cover;}
div.board .report-view .report_head .report_cate .box .cateBox {display:table-cell; width:100%; height:100%; font-size:1.06em; font-weight:500; line-height:1.3em; color:#fff; text-align:center; vertical-align:middle;}
div.board .report-view .report_head .report_cate .box .cate6 .cateBox {color:#3a3a3a;}

div.board .report-view .report_content {/*position:relative;*/ padding:0 180px 0 230px;}
div.board .report-view .report_content .subject {margin-bottom:30px; font-size:1.33em; font-weight:500; line-height:1.4em; }
div.board .report-view .report_content .info {overflow:hidden; margin-bottom:30px; }
div.board .report-view .report_content .info ul li {margin-bottom:10px; color:#666; line-height:1.3em;}
div.board .report-view .report_content .info ul li strong {color:#3d3d3d;}
div.board .report-view .report_content .exp {overflow:hidden; font-size:1.13em; color:#666; line-height:1.5em; text-overflow: ellipsis; display:-webkit-box; height:3.0em; -webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word; word-break:keep-all;}
div.board .report-view .report_content .down_btn {position:absolute; right:0px; bottom:0px; display:inline-block; width:130px; padding:10px 16px; font-size:1.06em; font-weight:500; text-align:center; border:1px solid #3d3d3d; background-color:#fff; }
div.board .report-view .report_content .pdfview_btn {position:absolute; right:140px; bottom:0px; display:inline-block; width:130px; padding:10px 16px; font-size:1.06em; font-weight:500; color:#c13346; text-align:center; border:1px solid #c13346; background-color:#fff;}

div.board .report-view .view_con {padding:60px 0px; font-size:1.13em; color:#666; line-height:1.45em; border-bottom:1px solid #dbdbdb;}
div.board .report-view .view_con .img {margin-bottom:30px; text-align:center;}
div.board .report-view .view_con p {margin:10px 0;}

/* 게시판 검색박스 */
.boardSearch {clear:both; position:relative; padding:28px 15px; margin-bottom:40px; background:#f8f8f8; border:1px solid #ccc; text-align:center;}
.boardSearch fieldset { border:0px; }
.boardSearch span {display:inline-block; vertical-align:middle;}
.boardSearch select {margin:0; padding:0 0px 0 15px; width:100%; height:50px; font-size:1.13em; line-height:50px; color:#666; border:1px solid #dbdbdb;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */ 
	-moz-appearance: none; 
	appearance: none; 
	font-family: inherit; /* 폰트 상속 */ 
	 /* 화살표 모양의 이미지 */
	background:#fff url('./../images/board/select_bg.png') no-repeat right center; }
.boardSearch input[type="search"] {width:100%; padding:0 15px; height:50px; font-size:1.06em; color:#666; border:1px solid #dbdbdb;}
.boardSearch input[type="submit"] {width:100%; padding:0 15px; height:50px; font-size:1.13em; color:#fff; background:#18202c; border:none;}


/* 웹진형 게시판 */
.bo_webzin{margin-top: 30px;}
.bo_webzin .list_wrap{border-top: 2px solid #292929;}
.bo_webzin .list_wrap li{border-bottom:1px solid #ddd;}
.bo_webzin .list_wrap li:hover{background:#f9f9f9;}
.bo_webzin .list_wrap li a{display:block;padding:25px 0;}
.bo_webzin .list_wrap li a:hover{color:#666;}
.bo_webzin .list_wrap li a:after{content:""; display:block; clear:both;}
.bo_webzin .bo_img{width:300px;margin-right:40px;float:left;max-height: 168px;
    overflow: hidden;}
.bo_webzin .bo_img img{width:100%;}
.bo_webzin .info{width:calc(100% - 425px);float:left;}
.bo_webzin .info .tit{ color:#222;word-break: keep-all;display:block;width:100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;padding:10px 0 10px;font-weight: 600;}
.bo_webzin .info .tit span{font-size: 19px;}
.bo_webzin .info .tit02{font-size: 16px;color:#666;padding:0 0 10px;margin-bottom:5px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height: 1.2; height: 2.4em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.bo_webzin .info .txt{word-break: keep-all;font-size: 17px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; margin-bottom: 40px;
line-height: 1.5; height: 3.0em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.bo_webzin .info .schedule_tbl{margin-bottom:10px;}
.bo_webzin .info .schedule_tbl th span {
    width: 80px;
    border: 1px solid #ddd;
    display: inline-block;
    padding: 4px 10px;
    text-align: center;
    border-radius: 20px;
    margin: 2px 0;
}
.bo_webzin .info .schedule_tbl th{vertical-align:top;padding: 0;}
.bo_webzin .info .schedule_tbl td{font-size: 15px;padding: 0;padding-left:10px;vertical-align:top;padding-top: 7px;}
.bo_webzin .info span{font-size: 17px;margin-right:15px;color:#000;}

.bbs_secure_pop {width:400px;height: 200px;background: #2d568c;padding: 60px 70px;text-align: center; display:none;position:absolute;left:0;top:0;}
.bbs_secure_pop h5 { font-weight:500; font-size:18px; color:#ffffff; text-align:center; padding-bottom:10px;}

.tt_btn_submit{ display:inline-block; text-align:center; padding-top:10px; }
.tt_btn_submit a{ font-size: 15px; padding: 5px 15px; background:#313131; border: 1px solid #313131; display: inline-block; color: #fff; border-radius: 4px;}
.tt_btn_submit a:hover{text-decoration: none; background: #F1103A; border: 1px solid #F1103A;}

.tt_btn_submit_cancel{ display:inline-block; text-align:center; padding-top:10px; }
.tt_btn_submit_cancel a{ font-size: 15px; padding: 5px 15px; background:#313131; border: 1px solid #313131; display: inline-block; color: #fff; border-radius: 4px;}
.tt_btn_submit_cancel a:hover{text-decoration: none; background: #F1103A; border: 1px solid #F1103A;}

 @media screen and (max-width: 1200px) {

	.gallery_list li { width: 32%;}
	.gallery_list li.tit span.attimg {height: auto !important;}
	

}

@media all and (max-width:900px){
	
	/* 웹진형 게시판 */
	.bo_webzin .bo_img {width: 220px;margin-right: 20px;}
	.bo_webzin .info {width: calc(100% - 240px);}
	.bo_webzin .info .tit {font-size: 19px;padding: 10px 0 10px;}
	.bo_webzin .info .tit span{font-size: 17px;}
	.bo_webzin .info .txt {font-size: 15px;}
	.bo_webzin .info span {font-size: 15px;}

}

 @media screen and (max-width:778px) {
	input#searchKeyword {width: 80%;}

	.bbs_list li.tit span.no { float:left; width:50px; font-size:17px; } /* display: none !important; */
	
	#boardArea .bbs_pn li.tit span.subject {padding-left:32px;}

	#bbsVieContents { font-size: 13px !important; }
	#bbsVieContents span, #bbsVieContents p { font-size: 13px !important; }
	#bbsVieContents img { width:100%; height:auto; overflow: hidden; }


	/*== 극지종합정보지 추가 2019.11.26  ==*/
		
		/* 기본 게시판 */
		div.board table.basic-board {border-top:none !important;}		
		div.board table.basic-board thead {position:absolute;left:-9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;}
		div.board table.basic-board tbody{display:table-caption;}
		div.board table.basic-board tbody:before {display:block; content:" "; width:100%; height:2px; background:#3d3d3d;}
		div.board table.basic-board tbody tr {overflow:hidden; clear:both; display:block; width:100%; border-bottom:1px solid #ccc;}
		div.board table.basic-board tbody td {padding:14px 10px; border-bottom:none; font-size:1.0em; border:none;}
		div.board table.basic-board tbody td.num {display:none;}
		div.board table.basic-board tbody td.title {clear:both; display:block; width:100%; padding:15px 10px 0px 10px; text-align:left; font-weight:400;}
		div.board table.basic-board tbody td.subject {clear:both; display:block; width:100%; padding:15px 10px 10px 10px; text-align:left; font-size:1.06em; font-weight:500;}
		div.board table.basic-board tbody td.subject p {font-size:0.86em; color:#666;}
		div.board table.basic-board tbody td.write {float:left; width:auto !important; padding:0px 10px 15px 10px; text-align:left; font-size:0.83em; background:url('/images/common/bg_line.png') no-repeat right 1px; }
		div.board table.basic-board tbody td.date {float:left; width:auto !important; padding:0px 10px 15px 10px; text-align:left; font-size:0.83em; }
		div.board table.basic-board tbody td.name {float:left; width:auto !important; padding:0px 5px 15px 10px; text-align:left; font-size:0.83em;}
		div.board table.basic-board tbody td.view {float:left; width:auto !important; padding:0px 5px 15px 10px; text-align:left; font-size:0.83em; background: url(./../images/board/bg_bar.png) no-repeat left top;}
		div.board table.basic-board tbody td.pdf {float:right; width:auto !important; padding:0px 5px 15px 10px; text-align:left;}
		div.board table.basic-board tbody td.file {float:right; width:auto !important; padding:0px 5px 15px 10px; text-align:left;}
		div.board table.basic-board tbody td.link {float:right; width:auto !important; padding:0px 5px 15px 10px; }
		div.board .link_btn {padding:7px 10px; font-size:0.86em;}
		div.board .pdf_down {}

		div.board .basic-view {/*border-top:none;*/}
		div.board .basic-view .view_header {padding:20px 15px; font-size:1.06em;}
		div.board .basic-view .view_info {padding:15px;}
		div.board .basic-view .view_info .tit {font-size:0.93em; background-position:left 4px;}
		div.board .basic-view .view_info .data {font-size:0.93em;}
		div.board .basic-view .view_file ul li a {font-size:0.93em; }
		div.board .basic-view .view_con {font-size:0.93em;}
		
		div.board .basic-view .view_period {padding:20px 110px 20px 15px;}
		div.board .basic-view .view_period dt {font-size:0.93em; }
		div.board .basic-view .view_period .data {font-size:1.0em; }

		div.board .basic-view .view_info .data {padding:0 15px 0 5px;}
		div.board .basic-view .view_info .data.bar {margin-right:15px;}
		
		div.board .view_link .tit {padding:15px 5px; font-size:1.0em;}
		div.board .view_link .data {padding:15px;}
		div.board .view_link .data a {font-size:1.0em;}

		
		.bottom_btns .btn.basic_btn {line-height:45px;}
		.bottom_btns .btn {font-size:1.06em;}

	
		/* 극지종합정보지 */
		.report-board .item {padding:20px 0;}
		.report-board .item .report-con {min-height:auto;}
		.report-board .item .report-con .report_thumb { width:14.167%; /*140px;*/}
		.report-board .item .report-con .report_cate {left:auto; right:0px; width:100px; height:129px;}
		.report-board .item .report-con .report_cate a div {padding:0 10px; }
		.report-board .item .report-con .report_cate a .cateBox {font-size:0.96em;}
		.report-board .item .report-con .report_cate a .cateBox img {width:100%; height:auto;}
		.report-board .item .report-con .report_content {padding:0 0px 0 130px;}
		.report-board .item .report-con .report_content .subject {padding-right:120px; margin-bottom:20px; font-size:1.13em;}
		.report-board .item .report-con .report_content .info {margin-bottom: 5px;}
		.report-board .item .report-con .report_content .info ul li {float:none; margin-bottom:7px; margin-right:0px; padding-right:0px; font-size:0.93em; background:none;}
		.report-board .item .report-con .report_content h4.subject  {padding-top: 0px;font-size: 16px;margin-bottom: 0px;}
		.report-board .item .report-con .report_content .exp {padding-right:120px; font-size:1.0em; /*height:auto;text-overflow: unset; -webkit-line-clamp: unset;*/}

		.report-board .item .report-con .report_content .down_btn {/*bottom:auto; top:135px;*/ padding:10px 0px; width:100px; font-size:0.93em; text-align:center;}
		.report-board .item .report-con .report_content .pdfview_btn {display:none;}
		
		/* 극지종합정보지 게시판 뷰 */
		div.board .report-view .report_head {padding:20px 20px 25px 20px;}
		div.board .report-view .report-con {overflow: visible; min-height:180px;}
		div.board .report-view .report_head .report_cate {left:auto; right:0px; width:108px; height:140px;}
		div.board .report-view .report_head .report_cate .box .cateBox {font-size:0.96em;}
		div.board .report-view .report_content {padding:0 0px 0 0;}
		div.board .report-view .report_content .subject {padding-right:130px; font-size:1.2em;}
		div.board .report-view .report_content .info {padding-right:130px; margin-bottom:0px;}
		div.board .report-view .report_content .down_btn {/*bottom:auto; top:145px;*/ padding:10px 0px; width:108px; font-size:0.93em; text-align:center;}
		div.board .report-view .report_content .pdfview_btn {display:none;}
		div.board .report-view .view_con {padding:40px 0; font-size:1.0em;}

		/* 갤러리 게시판 */
		ul.gallery_list li { float:left; display:inline-block; width:50%; }

		/* board */
		.bbs_select {height: 32px; font-size: 12px;}
		.box_search .bbs_input  {padding: 1px 2px!important;height: 32px;font-size: 12px;}
		.bbs_fileinput {padding:8px 2px 9px 10px !important;}
		span.submitBtnCheck button { font: 12px 'Noto Sans KR'  !important;}
		span.searchBtn button { padding: 7px 11px; font-size: 12px; }
		.page-item .page-link { padding: .5rem .8rem; margin-left: 1px; }
		

}
@media screen and (max-width:650px){
	.gallery_list li.tit span.attimg {min-width: 99%;min-height: auto;float:left;}
	.gallery_list li.tit:nth-child(2n) span.attimg {float:right;}
	.gallery_list li a { }

	.boardSearch {padding:12px 15px 10px;}
	.boardSearch input[type="search"],
	.boardSearch input[type="submit"] {height:auto; padding:10px;}
	.boardSearch select {line-height: 1.4em;padding: 10px;height: auto;}

	/* 게시판 */
	#boardArea span.listBtn button {padding:8px 15px; font-size:14px;}
	.bbs_list li.tit {padding:10px 0;}
	.bbs_list li.tit span.no { width:40px; font-size:14px; } /* display: none !important; */
	.bbs_list li.tit span.subject { width:70%; font-size:14px;}

	/*뉴스형 게시판*/
	.bo_webzin .bo_img { width: 100%; margin-right: 0; float: none; }
	.bo_webzin .info { width: 100%; float: none; padding: 20px 15px 0 15px; }

	.bbs_btn_coun {  margin-top: 10px; }
	.bbs_btn_coun a { font-size:13px; padding:12px 22px;}

	.bbs_btn_coun_list {  margin-top: 10px; }
	.bbs_btn_coun_list a { font-size:13px; padding:12px 22px;}

	.bbs_btn_coun_cancel {  margin-top: 10px; }
	.bbs_btn_coun_cancel a { font-size:13px; padding:12px 22px;}
	
}

 @media all and (max-width: 400px) {

	 .gallery_list li.tit span.attimg {height: auto !important;}
	 ul.gallery_list li {
		float: none;
		display: inline-block;
		width: 100%;
	}

	 /*뉴스형 게시판*/
	.bo_webzin .info .tit {font-size: 16px;}
	.bo_webzin .info .txt { font-size: 13px; margin-bottom: 20px;}
	.bo_webzin .info .tit02 {
    font-size: 13px; height: 2.3em;}
	.bo_webzin .info .schedule_tbl td { font-size: 13px;}
	.bo_webzin .info .schedule_tbl th span {
		width: 60px;
		padding: 2px 10px;
		font-size: 13px;
	}

 }
  @media all and (max-width: 320px) {

	 .gallery_list li.tit span.attimg {height: auto !important;}

 }