@charset "utf-8";
@import url(/plugins/datetimepicker/jquery.datetimepicker.css);

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2019-07-10
**************************************************/

@font-face {
 font-family: 'NanumSquare';
 font-style:normal;	
 src: url(./font/nanum_square/NanumSquare.eot);
 src: url(./font/nanum_square/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(./font/nanum_square/NanumSquare.woff) format('woff'),
      url(./font/nanum_square/NanumSquare.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 300;
  src: url(./font/nanum_gothic/NanumGothic-Light.eot);
  src: url(./font/nanum_gothic/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),
       url(./font/nanum_gothic/NanumGothic-Light.woff2) format('woff2'),
       url(./font/nanum_gothic/NanumGothic-Light.woff) format('woff'),
       url(./font/nanum_gothic/NanumGothic-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(./font/nanum_gothic/NanumGothic-Regular.eot);
  src: url(./font/nanum_gothic/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(./font/nanum_gothic/NanumGothic-Regular.woff2) format('woff2'),
       url(./font/nanum_gothic/NanumGothic-Regular.woff) format('woff'),
       url(./font/nanum_gothic/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(./font/nanum_gothic/NanumGothic-Bold.eot);
  src: url(./font/nanum_gothic/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(./font/nanum_gothic/NanumGothic-Bold.woff2) format('woff2'),
       url(./font/nanum_gothic/NanumGothic-Bold.woff) format('woff'),
       url(./font/nanum_gothic/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(./font/nanum_gothic/NanumGothic-ExtraBold.eot);
  src: url(./font/nanum_gothic/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(./font/nanum_gothic/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(./font/nanum_gothic/NanumGothic-ExtraBold.woff) format('woff'),
       url(./font/nanum_gothic/NanumGothic-ExtraBold.ttf) format('truetype');
}

/**************************************************
	Common
**************************************************/
/* Skip Navigation */
#skip_nav a{display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:active{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:focus{top:0px; z-index:1000; background:#4764ce; color:#fff;}
/* Float Clear */
.clr:after{content:''; display:block; clear:both;}
/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}
/* form tag */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #adadad;  background:#fff;  vertical-align:middle; font-size:15px; box-shadow:  inset 0 1px 2px rgba(0,0,0,0.1); border-radius:3px; }
input[type="text"],
input[type="password"],
select{height:34px; margin:1px 0;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="file"]{background:#fff; font-size:15px; padding:3px 0;}
input[type="checkbox"],
input[type="radio"]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background:#eee;}
input[type="password"] {font-family:'dotum'; font-size:16px;}
select.readonly {background:#eee;}
select.readonly option[disabled] {background:#eee; color:#ccc;}
/* img 사이즈(반응형) */
img{max-width:100%;}
/* 스프라이트 이미지 */
.sp_com{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/common/sp_com.png) no-repeat 0 0; background-size:200px 200px;}

/* datepicker */
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(../images/board/sp_datepicker.png);
}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.conTit2:before,
.conTit3:before,
.conTit4:before,
.conLstT2 li:before,
.conLstT3 li:before,
.conLst li:before,
.conLst_non li:before,
.conLst2 li:before,
.conLst3 li:before{content:''; display:inline-block; position:absolute; top:0; left:0; background:url(../images/common/sp_icss.png) no-repeat 0 0; background-size:100px 500px;}
/* 제목 */
.conTit2{position:relative; margin:50px 0 13px; padding-left:30px; font-size:27px; line-height:1.2; letter-spacing:-1.5px; color:#333;}
.conTit3{position:relative; margin:30px 0 10px; padding-left:18px; font-size:20px; line-height:1.4;}
.conTit4{position:relative; margin:30px 0 10px; padding-left:9px; font-size:17px; line-height:1.4; color:#005aaa;}
.conTit5{position:relative; margin:30px 0 10px; font-size:1.07em; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1em; line-height:1.4;}
.conTit2:first-child,
.conTit3:nth-of-type(1),
.conTit4:nth-of-type(1),
.conTit5:nth-of-type(1),
.conTit6:nth-of-type(1){margin-top:0;}
.conTit2:before{top:6px; left:0; width:23px; height:18px; background:url(../images/common/conTit2.png) no-repeat;}
.conTit3:before{top:8px; left:0; width:13px; height:13px; background:url(../images/common/conTit3.png) no-repeat; }
.conTit4:before{top:8px; left:0; width:5px; height:7px; background:url(../images/common/conTit4.png) no-repeat;}
/* 문단/Paragraph */
.cont_body p{margin:10px 0 20px;}
.cont_body p.init{margin:0;}
/* 목록 */
.conLstT2,
.conLstT3,
.conLst,
.conLst2,
.conLst3{margin:10px 0 20px;}
.conLstT2 ul,
.conLstT2 ol,
.conLstT3 ul,
.conLstT3 ol,
.conLst ul,
.conLst ol,
.conLst2 ul,
.conLst2 ol,
.conLst3 ul,
.conLst3 ol{margin-top:5px; margin-bottom:10px;}
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLstT2 li,
.conLstT3 li,
.conLst li,
.conLst2 li,
.conLst3 li{position:relative; margin-bottom:6px; line-height:1.4; letter-spacing:-0.05em;}
.conLstT2 > li{padding-left:32px;}
.conLstT3 > li{padding-left:13px;}
.conLst li{padding-left:9px;}
.conLst2 li{padding-left:13px;}
.conLst3 li{padding-left:10px;}
.conLstT2 > li:before{top:2px; left:0; width:26px; height:19px; background-position:0 0;}
.conLstT3 > li:before{top:8px; left:0; width:6px; height:6px; background-position:0 -100px;}
.conLst li:before{position:absolute; top:9px; left:0px; width:3px !important; height:3px !important; border:0 !important; background:#444 !important; border-radius:5px; vertical-align:middle;}
.conLst_non li:before{position:relative; /*top:7px; left:0;*/ width:0; height:0; margin:-3px 8px 0 -28px; background-position:0 0px; vertical-align:middle;}
.conLst2 li:before{position:relative; /*top:10px; left:2px;*/ width:5px !important; height:1px !important; position:absolute; left:3px; top:11px; background:#777 !important; vertical-align:middle;}
.conLst3 li:before{position:relative; /*top:9px; left:2px;*/ width:2px; height:2px; margin:-3px 8px 0 -10px; border:1px solid #444; border-radius:50%; background:none; vertical-align:middle;}
/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{padding-left:0; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
/* 컨텐츠 들여쓰기 */
.conLst2 {margin-top:6px !important;}
.cont_body .conBox{position:relative; margin-bottom:40px;}
.conTit2 + .conBox{margin-bottom:50px; margin-left:30px;}
.conTit3 + .conBox{margin-bottom:30px; margin-left:13px;}
.conTit4 + .conBox{margin-bottom:30px; margin-left:23px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conTit4 + .conLst {margin-left:10px;}

/* 폰트강조 */
.fc01{color:#ed2392;}/* red */
.fc02{color:#0072bc;}/* blue */
.fc03{color:#299d3f;}/* green */


/**************************************************
	테이블
**************************************************/
/* fixed */
table.fixed{table-layout:fixed;}
.table_scroll table.fixed{table-layout:auto;}
.table_scroll .wb_normal{word-break:normal;}
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll{overflow:auto; word-break:keep-all;}
.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}
/* Table Common(Default) */
.cont_body table,
table[class^="tbl"]{width:100%; margin:10px 0 5px; border-top:3px solid #61646c;}
table[class^="tbl"] th,
table[class^="tbl"] td,
.cont_body table th,
.cont_body table td{border:1px solid #ddd; font-size:15px;}
table[class^="tbl"] th,
.cont_body table th{padding:12px 5px; text-align:center; background:#f6f6f7;}
table[class^="tbl"] thead + tbody th{background:#fcfcfc;}
table[class^="tbl"] td,
.cont_body table td{padding:10px 12px;}
/* Table01 */
.tbl01{}
/* Table02 */
.tbl02{}
.tbl_topline_non{border-top:0px !important;}

/**************************************************
	안내박스/사이트 바로가기
**************************************************/
/* Box Type1 */
.box_comm{margin-bottom:20px; padding:20px; border:1px solid #ddd; border-bottom-width:3px;}
.box_comm .conBox{margin-bottom:0;}
.box_comm ul{margin-bottom:0;}
.box_comm p:first-child{margin-top:0;}
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2(icon/text) */
.box_comm2{position:relative; margin-bottom:20px; padding:36px 33px; background:url(../images/common/bg_dotline.png) repeat 0 0;}
.box_comm2:after{content:''; position:absolute; top:8px; left:8px; bottom:8px; right:8px; background:#fff;}
.box_comm2 *{position:relative; z-index:1;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:last-child{margin-bottom:0;}
.box_comm2 .tit_box{margin:0 0 12px; font-size:1.73em; line-height:1.3; color:#005aaa;  letter-spacing:-1px;}
.box_comm2 .tit_box strong{font-weight:600;}
.box_comm2.ico .tit_box{margin-top:7px;}
.box_comm2.ico{min-height:200px; padding-left:188px;}
.box_comm2.ico:before{content:''; display:inline-block; position:absolute; top:36px; left:33px; z-index:1; width:128px; height:128px; border-radius:50%; background:#fff url(../images/common/ico_box_notice.png) no-repeat 0 0;}
.box_comm2.ico .ico_box{display:inline-block; position:absolute; top:36px; left:33px; width:128px; height:128px;}
/* 사이트 바로가기 */
.site_bridge:after{content:''; display:block; clear:both;}
.site_bridge .image{float:left; width:275px; text-align:center;}
.site_bridge .image .thumb{display:inline-block; position:relative; margin-bottom:20px; background:#fff;}
.site_bridge .image .thumb:before,
.site_bridge .image .thumb:after{content:''; display:inline-block; position:absolute; bottom:-2px; left:0; right:0; height:20px; background:linear-gradient(to top, #d6d6d6, transparent); transform:skewX(40deg); transform-origin:0 100%;}
.site_bridge .image .thumb:after{transform:skewX(-40deg);}
.site_bridge .image .thumb img{display:inline-block; position:relative; z-index:10; width:210px; padding:16px; border:1px solid #adadad; background:#fff;}
.site_bridge .info{margin:0 0 0 290px;}
.site_bridge .info .tit_site{margin-bottom:10px; font-weight:600; font-size:1.07em; line-height:1.3; color:#057ac3;}
.site_bridge .info .lst{padding:20px; border:1px solid #d6d6d6;}
.site_bridge .info .lst ul{margin:0; overflow:hidden;}
.site_bridge .info .lst ul li{float:left; position:relative; box-sizing:border-box; width:25%; margin:3px 0; padding-left:13px;}
.site_bridge .info .lst.col02 ul li{width:50%;}
.site_bridge .info .lst.col03 ul li{width:33.3%;}
.site_bridge .info .lst ul li:before{content:''; display:inline-block; position:absolute; top:7px; left:0; width:8px; height:8px; border-radius:0; background:#0277bd;}
.site_bridge .info .lst ul li a{display:inline-block;}



/**************************************************
	Button
**************************************************/
/* Button common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; transition:all .3s;}
.button span{height:100%; vertical-align:top;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button{height:36px; margin:3px; padding:0 15px; border:1px solid transparent; font-size:14px; line-height:34px;}
.button.xs{height:21px; padding:0 10px; font-size:12px; line-height:19px;}
.button.sm{height:28px; padding:0 12px; font-size:14px; line-height:26px;}
.button.lg{height:54px; padding:0 30px; font-size:16px; line-height:52px;}

/* Button Color */
.button{border-radius:0.3em; background-color:#005aaa; color:#fff !important;}
.button.darkgray{background-color:#555; color:#fff !important;}
.button.gray{background-color:#8b919b; color:#fff !important;}
.button.lightblue{background-color:#6186bd; color:#fff !important;}
.button.sky{background-color:#24b8dc; color:#fff !important;}
.button.orange{background-color:#ed2f31; color:#fff !important;}
/* Button Active */
.button:hover,
.button:focus{opacity:.8; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}
/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
/* link_button Size - default */
.link_button{height:36px; margin:0 3px 0px; padding:0 50px 0 15px; border-color:#adadad; background-color:#fff; color:#333 !important; line-height:36px;}
/* Link Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box; }
.link_button:before{width:38px; height:34px; border-left:1px solid #d6d6d6; background-color:#fff;}
.link_button:after{top:0; left:calc(100% - 38px); right:0; bottom:0; width:20px; height:20px; margin:auto; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.link_button.homepage:after{width:22px; height:20px; background-position:0 0;}
.link_button.download:after{width:23px; height:19px; background-position:0 -30px;}
.link_button.location:after{width:18px; height:21px; background-position:0 -60px;}
.link_button.direct:after{width:23px; height:22px; background-position:0 -90px;}
.link_button.view:after{width:18px; height:17px; background-position:0 -120px;}
.link_button.ansim:after{width:22px; height:27px; background-position:-50px 0;}
.link_button.gpin:after{width:24px; height:27px; background-position:-50px -30px;}
.link_button.homepage span{text-indent:-9999em;}
/* Text */
.link_button.txt{height:auto; padding:0 34px 0 0; border:none; line-height:32px;}
.link_button.txt:before{position:absolute; top:0; right:0; width:32px; height:32px; border:1px solid #adadad;}
.link_button.txt:after{ left:calc(100% - 32px);}
/* Icon */
.link_button.ico{overflow:hidden; width:32px; height:32px; padding:0; text-indent:-9999em;}
.link_button.ico:after{left:0; }
.link_button.ico:before{display:none;}


/**************************************************
	Pagination
**************************************************/
.pagination{margin:20px 0; text-align:center; line-height:normal;}
.pagination .total{display:none;}
.normal_pagination{}
.mobile_pagination{display:none;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; min-width:40px; height:40px; margin:1px; border:1px solid #d6d6d6; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:40px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#333; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{overflow:hidden; text-indent:-9999em;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:inline-block; width:8px; height:11px; margin:auto; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -300px; vertical-align:middle;}
.pagination .page_prev:before{background-position:0 -350px;}
.pagination .page_prevend:before{width:14px; background-position:0 -300px;}
.pagination .page_next:after{background-position:0 -400px;}
.pagination .page_nextend:after{width:14px; background-position:0 -450px;}



/**************************************************
	게시판
**************************************************/
/* Common */
.ico_secret { content:''; display:inline-block; width:15px; height:19px; background:url(../images/content/ico_secret.png) no-repeat; margin-right:6px; text-indent:-999px; overflow:hidden; position:relative; top:3px; }
.bbsIco{display:inline-block; position:relative; overflow:hidden; text-indent:-9999em; vertical-align:middle;}
.bbsIco.ntc{display:inline-block; width:28px; height:28px; border-radius:50%; background:#0178b8; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-align:center;}
.bbsIco.ntc:after{content:'공'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:400; font-size:16px; line-height:28px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.new{width:20px; height:20px; margin:0 3px; border-radius:50%; background:#ff782e;}
.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:20px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.re{width:25px; height:18px; margin:0 3px; 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.marking{width:10px; height:14px;}
.bbsIco.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:14px; text-indent:0; vertical-align:top; color:#ef43a0;}
.secret-article{display:inline-block; position:relative; overflow:hidden; width:13px; height:16px; margin:0 5px 0 0; text-indent:-9999em; vertical-align:middle;}
.secret-article:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/board/secret.gif) no-repeat 0 0;}

/* 검색 */
/*
.bbsSrch{margin:20px 0; padding:10px 0; border:1px solid #d0d0d0; text-align:center; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch select[name="searchCnd"]{margin-left:10px;}
.bbsSrch input.datetimepicker{width:130px; padding-right:23px; background:#fff; text-align:left;}
.bbsSrch input[type="image"],
.bbsSrch input[type="checkbox"],
.bbsSrch input[type="radio"]{vertical-align:middle;}
.bbsSrch .word{display:inline-block; }
.bbsSrch .word input{width:100%;}
.bbsSrch .btn_srch{margin-left:5px;}
/*

/* 검색 */
.bbsSrch{margin:20px 0; padding:15px 10px; border:1px solid #d0d0d0; text-align:center; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch select[name="searchCnd"]{margin-left:10px; font-size:14px;}
.bbsSrch input[type="image"],
.bbsSrch input[type="checkbox"],
.bbsSrch input[type="radio"]{vertical-align:middle;}
.bbsSrch .word{display:inline-block;}
.bbsSrch .btn_srch { line-height:32px; height:33px;}

/* 검색 */
.bbsSrch2{margin:20px 0; padding:10px; border:1px solid #d0d0d0; text-align:center; background:#fff;}
/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:collapse; width:100%; margin:0; border:0; border-top:3px solid #61646c; border-bottom:1px solid #61646c; margin-bottom:40px;}
#bbsList th{padding:15px 5px; border:0; border-bottom:1px solid #61646c; background:#fff; font-weight:600; line-height:1.5; color:#444; text-align:center; position:relative;}
#bbsList th:before {content:''; display:block; width:1px; height:20px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-10px;}
#bbsList th:last-child:before , #bbsList th[data-table-type="favorite"]:before{display:none;}
#bbsList td{padding:15px 5px; border:0; border-top:1px solid #d6d6d6; line-height:1.5; color:#444; text-align:center;}
#bbsList td[data-table-type=file] a{display:inline-block; font-size:0; box-sizing:border-box; width:28px; height:28px; margin:0 1px; padding:5px 0 0; border:1px solid #adadad; text-align:center;}
#bbsList td[data-table-type=file] {font-size:0;}
/* List(갤러리) */
#bbsPhoto{}
#bbsPhoto .lst{border-bottom:1px solid #61646c;}
#bbsPhoto .lst:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% - 30px); height:278px; margin:0 0 4.79% 45px; padding:0; border:1px solid #d6d6d6;}
#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(3n+1){margin-left:0;}
#bbsPhoto .lst > li:before{display:none;}
#bbsPhoto .lst > li a{display:block; position:relative; overflow:hidden; width:100%; padding-top:192px;}
#bbsPhoto .lst > li a .img{display:block; position:absolute; top:0; left:0; width:100%; height:192px; margin-left:0; border-bottom:1px solid #ddd; text-align:center; background:#f2f2f2;}
#bbsPhoto .lst > li a .img img{height:100%;}
#bbsPhoto .lst > li a .tit{display:block; overflow:hidden; margin:15px 10px 5px; font-weight:600; font-size:1em; line-height:22px; text-align:center; text-overflow: ellipsis; white-space:nowrap;}
#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; text-align:center;}
#bbsPhoto .lst > li .info > span{ position:relative;  text-align:center; color:#888; font-size:14px;}
#bbsPhoto .lst > li .info .view:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:18px; margin-top:-9px; background:#ddd;}
/* View */
#bbsView{position:relative;}
#bbsView:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #61646c;}
.form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
.form_group.line {border-top:3px solid #61646c;}
.form_group.line2 {border-top:1px solid #61646c;}
.form_group:after{content:''; display:block; clear:both;}
.form_group dl{position:static; overflow:hidden;}
.form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left:-1px; padding:12px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
.form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.form_group dl dd{box-sizing:border-box; min-height:45px; margin-left:134px; padding:6px 12px 6px 12px; line-height:2.2;}

.form_group dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; right:0; z-index:10; height:1px; background:#61646c;}
.form_group.col02 dl:first-child{float:left; width:50%;}
.form_group.col03 dl:first-child,
.form_group.col03 dl:first-child+dl , .form_group.col03 dl:nth-child(2)+dl{float:left; width:33.3%;}
.form_group.col04 dl:first-child,
.form_group.col04 dl:first-child+dl,dl:nth-child(2)+dl{float:left; width:25%;}
.form_group dl.content dt{position:relative; width:100%; border-bottom:1px solid #c8c8c8;}
.form_group dl.content dt:before{display:none;}
.form_group dl.content dd{margin:0; padding:15px; line-height:1.6; min-height:200px;}
.form_group dl.content > dd{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
.form_group dl.content dd pre{white-space:pre-wrap; margin:15px 0;}
.form_group dl.content dd img{max-width:100%; margin:5px 0;}
.form_group dl.content > dd p{margin:0;}
.form_group dl.content dd .img_preview{text-align:center;}
.form_group dl.content dd .img_preview.top{}
.form_group dl.content dd .img_preview.btm{}
.form_group dl.attfile dd .link_button{margin:8px 3px;}
.form_group dl.attfile dd > div{margin-top:-1px; border-top:1px solid #ddd;}
.form_group dl.attfile dd > div:first-child{border-top:0;}
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewNav .form_group dl.nav dt > span{display:inline-block;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; margin:0 10px 0 0; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px; vertical-align:middle;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px;}
.bbsViewNav .form_group dl.nav.next dt > span:before{background-position:100% -400px;}
.bbsViewNav .form_group dl.nav dd > a{display:block; overflow:hidden; margin-right:100px; text-overflow:ellipsis; white-space:nowrap;}
.bbsViewNav .form_group dl.nav dd .date{position:absolute; top:15px; right:20px;}
#bbsView .img_preview {white-space:nowrap;}

/* Wirte/Modify */
#bbsWrite{position:relative;}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #61646c;}
#bbsWrite .form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
#bbsWrite .form_group:after{content:''; display:block; clear:both;}
#bbsWrite .form_group dl{position:static; overflow:hidden;}
#bbsWrite .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsWrite .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
#bbsWrite .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
#bbsWrite .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:134px; padding:10px; line-height:1.6;}
#bbsWrite .form_group.col02 dl:first-child{float:left; width:50%;}
#bbsWrite .form_group.col03 dl:first-child,
#bbsWrite .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsWrite .form_group.col04 dl:first-child,
#bbsWrite .form_group.col04 dl:first-child+dl{float:left; width:25%;}
#bbsWrite .form_group input{max-width:100%;}
#bbsWrite .form_group dl.author dd input{width:160px;}
#bbsWrite .form_group dl.date dd input[type="text"]{width:120px;}
#bbsWrite .form_group dl.password dd input{width:160px;}
#bbsWrite .form_group dl.tel dd input{width:220px;}
#bbsWrite .form_group dl.tel2 dd input{width:70px;}
#bbsWrite .form_group dl.mail dd input{width:220px;}
#bbsWrite .form_group dl.title dd .inp_tit{display:block; margin-right:60px;}
#bbsWrite .form_group dl.title dd input[type="text"]{width:100%;}
#bbsWrite .form_group dl.title dd .tit_ntc{position:absolute; top:14px; right:10px;}
#bbsWrite .form_group dl.content2 dt{left:-9999em;}
#bbsWrite .form_group dl.content2 dd{margin-left:0;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group dl.code dd img{vertical-align:middle;}

/* 게시판 안내문구 */
.attachAlert{color: red;}

/* 공공누리 */
.openType {margin-top:20px; margin-bottom:15px; padding:10px; border:3px solid #dedede; font-size:12px; overflow:hidden; }
.openType figure{position:relative; margin:0px;}
.openType figure img {width:auto !important; height:75px !important; min-height:auto !important; margin-right:10px; }
.openType figure figcaption {color: #333 !important; height:75px; display:table-cell; vertical-align:middle; word-break:keep-all;}
.openType .fi_link{float:left;}

.board_nodata {text-align:center; padding:60px 0; background:#fafafa; margin-bottom:35px;}


/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}

	/**************************************************
		게시판
	**************************************************/
	/* 검색 */
	.bbsSrch{position:relative; padding:10px 0;}

	.bbsSrch input.datetimepicker,
	.bbsSrch input.datetimepicker + span,
	.bbsSrch select,
	.bbsSrch select[name="postPerPage"],
	.bbsSrch select[name="category"],
	.bbsSrch select[name="nttGroup"],
	.bbsSrch select[name="searchCondition2"]{display:none;}
	.bbsSrch > fieldset > select:nth-of-type(1){margin-left:0px;}
	.bbsSrch .select{display:block; position:absolute; top:10px; left:10px; width:90px; height:34px;}
	.bbsSrch .word{display:block; width:auto; margin:0 85px 0 105px;}
	.bbsSrch .word input[type=text] { width:100%;}
	.bbsSrch .word:before {display:none;}
	.bbsSrch .btn_srch{position:absolute; top:11px; right:10px; width:70px; margin:0;}
	/* List(Default) */
	#bbsList [data-table-type="author"],
	#bbsList [data-table-type="date2"]{display:none;}
	/* List(갤러리) */
	#bbsPhoto .lst > li{width:calc(50% - 25px); margin-left:50px !important;}
	#bbsPhoto .lst li:nth-child(2n+1){margin-left:0 !important;}
	/* View */
	#bbsView .form_group dl dd{padding-left:10px;}



	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* 사이트 바로가기 */
	.site_bridge .info .lst ul li{width:50%;}
	.site_bridge .info .lst.col02 ul li{width:100%;}




}
/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		게시판
	**************************************************/
	/* List(Default) */
	#bbsList [data-table-type="number"],
	#bbsList [data-table-type="number2"],
	#bbsList [data-table-type="dpt"],
	#bbsList [data-table-type="date2"],
	#bbsList [data-table-type="part"],
	/*#bbsList [data-table-type="cate"],*/
	#bbsList [data-table-type="name"],
	#bbsList [data-table-type="count"],
	#bbsList [data-table-type="file"],
	#bbsList [data-table-type="agency"],
	#bbsList [data-table-type="square"],
	#bbsList [data-table-type="location"],
	#bbsList [data-table-type="value"]


	{display:none;}
	/* View */
	#bbsView .form_group[class*="col"] dl{float:none !important; position:relative; width:100% !important; border-bottom:1px solid #ddd;}
	#bbsView .form_group[class*="col"] dl:last-child{border-bottom:0;}
	#bbsView .form_group dl dt{width:120px;}
	#bbsView .form_group dl dd{margin-left:120px;}
	#bbsView .form_group dl.content dt{width:100%;}
	#bbsView .form_group dl.content dd{margin-left:0px;}
	#bbsView .form_group dl.attfile div{padding:5px 0;}
	#bbsView .form_group dl.attfile dt{position:static; display:block; width:100%; margin-left:0; padding:10px; border:0; border-bottom:1px solid #ddd;}
	#bbsView .form_group dl.attfile dt:before{display:none;}
	#bbsView .form_group dl.attfile dd{margin:0; padding:5px 10px;}
	#bbsView .form_group dl.attfile dd .link_button.download{display:inline; padding:0;line-height:1.3; text-align:left; white-space:normal;}
	#bbsView .form_group dl.attfile dd .link_button.download:before,
	#bbsView .form_group dl.attfile dd .link_button.download:after{display:none;}
	#bbsView .form_group dl.attfile dd .link_button{margin:3px;}
	#bbsView .bbsViewBtm{text-align:center !important;}
	#bbsView .bbsViewBtm > a{margin-bottom:3px;}
	/* Wirte/Modify */
	#bbsWrite .form_group dl dt{width:104px;}
	#bbsWrite .form_group dl dd{margin-left:104px;}
	#bbsWrite .form_group dl.attfile input[type="file"]{width:100%;}
	.form_group.col02 dl{float:none; width:100%; position:relative;}
	.form_group.col02 dl:first-child {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}

	.form_group.col03 dl:first-child , .form_group.col03 dl:nth-child(2)+dl , .form_group.col03 dl:first-child+dl{float:none; width:100%; position:relative;}
	.form_group.col03 dl:first-child , .form_group.col03 dl:first-child+dl {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}

}
/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		게시판
	**************************************************/
	/* List(갤러리) */
	#bbsPhoto .lst > li{float:none; width:100%; margin-left:0 !important;}
	/* View */
	.bbsViewNav .form_group dl.nav dd > a{margin-right:0;}
	.bbsViewNav .form_group dl.nav dd .date{display:block; position:relative; top:auto; right:auto; font-size:0.86em; color:#666;}

	.mobile_pagination{display:block; transform: scale(0.75); margin:-15px -25%;}

	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* Box Type2(icon/text) */
	.box_comm2.ico{padding:20px;}
	.box_comm2.ico:before,
	.box_comm2.ico .ico_box{display:none;}
	/* 사이트 바로가기 */
	.site_bridge .image{float:none; margin:0 auto;}
	.site_bridge .info{margin-left:0;}
	.site_bridge .info .lst.col03 ul li{width:100%;}

}