@charset "utf-8";

/* 
 * Board CSS Document - pc기본 mobile 하단 media작성
 * IEETU Web Standardization Team 
 * 2017-01-12 
 */

 /* Board Common */
.datetimepicker{text-align:center;}
input[type="submit"],
input[type="button"]{-webkit-appearance:none;}
/* 아이콘 */
.bbsIco{display: inline-block; position: relative; overflow: hidden; text-indent: -9999em; vertical-align: middle;}
.bbsIco.ntc{display: inline-block;position:relative;width:25px;height:25px;background:#63bc26; border-radius:50%; overflow:hidden;text-indent:100%;white-space:nowrap;}
.bbsIco.ntc:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#63bc26 url(../images/board/ico_notice.gif) no-repeat 50% 50%; text-indent:0; 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:10px; height:11px; margin: 0 3px; border-radius:10px; background:#fff; vertical-align:top;}
.bbsIco.re:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/board/icon_reply.gif) no-repeat 0 0; line-height:17px; 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: #ff8900;}
.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; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
/*
.bbsSrch input.datetimepicker + select[name="searchCnd"]{margin-left:10px;}
.bbsSrch select{width:80px; height:30px; border:1px solid #d8d8d8; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a; vertical-align:middle;}
.bbsSrch input[type=text],
.bbsSrch input[type=password]{height:28px; padding:0 0 0 5px; border:1px solid #d8d8d8; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a; vertical-align:middle;}
*/
.bbsSrch input.datetimepicker{width:130px; padding-right:23px; background:url(../images/board/icon_schedule.png) no-repeat 95% 50%; font-size:14px;}
.bbsSrch input[type=image],
.bbsSrch input[type=checkbox],
.bbsSrch input[type=radio]{vertical-align: middle;}
.bbsSrch input.word{width:200px;}
.bbsSrch input[name=keyword]{width:200px; height:28px; margin:0; padding:0 0 0 5px; border:1px solid #d8d8d8; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a;}
/*.bbsSrch input[value=검색]{overflow:hidden; width:113px; height:30px; margin:0; padding:0; border:0; background:url(../images/btn_srch.jpg) no-repeat 0 0; text-indent:-2000em;}*/
/* 검색 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;}
.bbsSrch input.datetimepicker{display:none !important;}
.bbsSrch input.datetimepicker + span{display:none !important;}
.bbsSrch fieldset .button{width:35px; height:35px; min-width:inherit; padding:0px; margin-left:-5px; background:url(../images/common/sp_com.png) no-repeat -231px -38px; border-left:0px; text-indent:-9999em; overflow:hidden; white-space:nowrap;}
.bbsSrch .button.write{position:absolute; right:0px; top:0px;}

/* Default,Notice,Qna */
/* List */
#bbsList{table-layout:fixed; border-collapse:collapse; width:100%; margin:0; border:0; border-top:2px solid #7f7f7f; border-bottom:1px solid #ececec;}
#bbsList th{padding:18px 0; border: 0; border-bottom:1px solid #c8c8c8; background: #f9f9f9 url(../images/board/dot_th.gif) no-repeat left 50%;font-weight:600; line-height: 1.5; color:#444; text-align:center; font-size:13px;}
#bbsList thead th:first-child{background-image:none;}
#bbsList td{padding:18px 5px; border: 0; border-top:1px solid #ececec; line-height: 1.5; color:#444; text-align:center;}
#bbsList td a{/* display: inline-block; */}
#bbsList [data-table-type=dpt]{width:120px !important;}
#bbsList td[data-table-type=file] a{display: inline-block; box-sizing:border-box; width: 28px; height: 28px; margin: 2px 0; padding: 5px 0 0;/*  border: 1px solid #adadad; */border-radius:3px;text-align:center;}
.board_nodata{border-top:2px solid #484848; border-bottom:1px solid #ececec; padding:40px 10px; text-align:center;}

/* PhotoList */
#bbsPhoto{border-top:2px solid #484848;}
#bbsPhoto .lst{border-bottom: 1px solid #ececec; margin-top:40px;}
#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:290px; margin:0 0 3% 2.78%; padding: 0; border: 1px solid #d8d8d8;}
#bbsPhoto .lst>li.no_article{float: none; width: auto; height: auto; margin: 0; padding: 20px 0 40px; 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; width:100%; padding-top: 183px;}
#bbsPhoto .lst>li a .img{display: block; position: absolute; top: 0; left: 50%; width: 1000px; height: 183px; background:#f5f5f5; margin-left: -500px; border-bottom:1px solid #d8d8d8; text-align: center;}
#bbsPhoto .lst>li a .img img{height:100%;}
#bbsPhoto .lst>li a .tit{display: block; padding:20px 15px 0; word-break:break-all; letter-spacing:-1px;}
#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;}
#bbsPhoto .lst>li .info>span{float: left; position: relative; padding-left:17px; 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/board/sp_btn_ico.png) no-repeat 0 -730px; vertical-align: middle;}
	/* hover 블랙 + 플러스아이콘  */
/* #bbsPhoto .lst>li a:after{content:''; display:block; position:absolute; left:0px; top:0px; width:100%; height:0px; transition:all 0.2s ease 0s;}
#bbsPhoto .lst>li a:before{content:''; display:block; position:absolute; top:50%; left:50%; background:url(../images/board/icon_photo_view.png) no-repeat; width:30px; height:30px; margin:0 0 0 -15px; z-index:-1; transform:rotate(deg); transition:transform 0.2s ease 0s;}
#bbsPhoto .lst>li a:hover:after,
#bbsPhoto .lst>li a:focus:after{height:290px; background:rgba(0,0,0,0.8);}
#bbsPhoto .lst>li a:hover:before,
#bbsPhoto .lst>li a:focus:before{z-index:10; transform:rotate(180deg);} */
	/* hover img zoom */
#bbsPhoto .lst>li a .img{overflow:hidden;}
#bbsPhoto .lst>li a .img img{transition:all 0.3s ease 0s;}
#bbsPhoto .lst>li a:hover .img img,
#bbsPhoto .lst>li a:focus .img img{transform:scale(1.1,1.1); opacity:0.8;}

#bbsPhoto.video li, #bbsPhoto .lst>li{width:30%; margin:0 0 3% 4.95%;}
#bbsPhoto.video .lst li:nth-child(4n+1), #bbsPhoto .lst>li:nth-child(4n+1){margin-left: 4.95%;}
#bbsPhoto.video li:nth-child(3n+1), #bbsPhoto .lst>li:nth-child(3n+1){margin-left:0 !important;}

/* PhotoList2 */
#bbsPhoto2{overflow:hidden;  border-top:2px solid #484848;}
#bbsPhoto2 .lst{padding:20px 0; border-bottom: 1px solid #ececec;}
#bbsPhoto2 .lst:after{content:''; display:block; clear:both;}
#bbsPhoto2 .lst li{float:left; width:32%; padding: 0; margin-left:2%;}
#bbsPhoto2 .lst li:nth-child(3n+1){margin-left:0px;}
#bbsPhoto2 .lst li:before{display:none;}
#bbsPhoto2 .lst li .img{display:block; position:absolute; left:25px; top:-20px; width:138px; height:192px; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.1); border:1px solid #e0e0e0;}
#bbsPhoto2 .lst li .img > a{display:block;}
#bbsPhoto2 .lst li .img img{width:138px; height:192px;}
#bbsPhoto2 .lst li .img + a{display:block; height:45px; overflow:hidden;}
#bbsPhoto2 .lst li a.button.pdf{background:#fff; padding-right:30px; color:#444 !important; border-color:#d6d6d6;}
#bbsPhoto2 .lst li a.button.pdf:after{content:''; display:block; width:10px; height:10px; background:url(../images/board/icon_down.png) no-repeat 0 0; position:absolute; right:10px; top:50%; margin-top:-5px;}
#bbsPhoto2 .lst li a.button.pdf:hover,
#bbsPhoto2 .lst li a.button.pdf:focus{background:#222; border:1px solid #222; color:#fff !important;}
#bbsPhoto2 .lst li a.button.pdf:hover:after,
#bbsPhoto2 .lst li a.button.pdf:hover:focus{background-position:0 -10px;}
#bbsPhoto2 .lst li > div{position:relative; height: 204px; box-sizing:border-box; padding:20px 20px 20px 190px; margin:30px 0px; border:1px solid #eaeaea; transition:all 0.2s ease 0s;}
#bbsPhoto2 .lst li > div:hover,
#bbsPhoto2 .lst li > div:focus{border:1px solid #222;}
#bbsPhoto2 .lst li .date{margin:10px 0 20px; font-size:12px; color:#777;}
/* 문화관광 웹진 스킨 테스트용 */
.culture_lst{border-top:2px solid #444;}
.culture_lst ul li{position:relative; padding:20px 0; box-sizing:border-box; min-height:172px; border-bottom:1px solid #d8d8d8;}
.culture_lst ul li.no_article{min-height:auto; text-align:center;}
.culture_lst ul li:before{display:none;}
.culture_lst ul li .img{display:block;position:absolute;left:10px;top:15px;width:210px;height:140px;overflow:hidden;}
.culture_lst ul li .img > img{width:210px;}
.culture_lst ul li a{display:block;}
.culture_lst ul li .tbox{display:block; margin-left:235px;}
.culture_lst ul li .tit{display:block; margin-bottom:10px; font-size:1.5em; letter-spacing:-1px;}
.culture_lst ul li .txt{display:block; margin-bottom:10px;}
.culture_lst ul li .cont{display:block; }
.culture_lst ul li .info span{display:inline-block; padding-right:8px; color:#1178c6; text-decoration:underline;}

/* View */
#bbsView{position: relative;}
#bbsView:before{content: ''; display: block; position: absolute; top:0; left:0; right:0; z-index: 1; border-top:2px solid #7f7f7f;}
#bbsView .form_group{display:inline-block;}
#bbsView .form_group.title{display:block;}
#bbsView .form_group dl,
#bbsView .form_group dt,
#bbsView .form_group dd{display:inline-block;}
#bbsView .form_group dt{font-weight:600;}
#bbsView .form_group dt:after{content:':'; display:inline-block; margin-left:5px;}
#bbsView .form_group dd{margin-right:15px;}
#bbsView .form_group dd:after{content:''; display:inline-block; height:12px; width:1px; margin-left:15px; background:#c8c8c8; vertical-align:middle;}
#bbsView .form_group dl.title{display:block;}
#bbsView .form_group dl.title dd,
#bbsView h3.title{display:block; position:relative; box-sizing:border-box; min-height:50px; padding:15px 10px 15px 25px; background:#f9f9f9; margin:0px; font-weight:600; font-size:18px;}
#bbsView h3.title{border-top:1px solid #d7d7d7;}
#bbsView h3.title:before{display:none;}
#bbsView .form_group dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:0px; left:0; right: 0; z-index: 10; height:1px; background:#c8c8c8;}
#bbsView .form_group.title + .form_group{padding-left:25px;}
#bbsView .form_group.title ~ .form_group{padding-top:15px;}
#bbsView .form_group .count dd:after{display:none;}
/*
#bbsView .form_group{position:relative; margin-bottom: -1px; border:1px solid #d8d8d8;}
#bbsView .form_group:after{content:''; display:block; clear:both;}
#bbsView .form_group dl{position:static; overflow:hidden;}
#bbsView .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left: -1px; border-left:1px solid #d8d8d8; background:#f9f9f9; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsView .form_group dl dt>span{display:inline-block; vertical-align:middle;}
#bbsView .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d8d8d8;}
#bbsView .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
#bbsView .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:134px; padding:15px 10px 15px 25px; line-height:1.6;}
#bbsView .form_group.col02 dl:first-child{float:left; width:50%;}
#bbsView .form_group.col03 dl:first-child,
#bbsView .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
*/
#bbsView .form_group.content,
#bbsView .form_group dl.content{display:block;}
#bbsView .form_group dl.content dt{position:relative; width: 100%; padding:13px 0; border-bottom: 1px solid #c8c8c8;}
#bbsView .form_group dl.content dt:before{display: none;}
#bbsView .form_group dl.content dd{display:block; border-top:1px solid #ececec; border-bottom:1px solid #ececec; margin:0; padding: 25px; line-height:1.6;}
#bbsView .form_group dl.content dd:after{display:none;}
#bbsView .form_group dl.content dd pre{font-family:'Nanum Gothic', '나눔고딕', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; white-space:pre-wrap;}
#bbsView .form_group dl.content dd img{max-width: 100%; margin: 5px 0; height:  auto;}
#bbsView .form_group dl.content dd .img_preview{text-align: center;}
#bbsView .form_group dl.content dd .img_preview.top{margin-bottom: 15px;}
#bbsView .form_group dl.content dd .img_preview.btm{margin-top: 15px;}
#bbsView .form_group dl.attfile{position:relative; display:block; margin-top:-15px;}
#bbsView .form_group dl.attfile dt{position:absolute; left:25px; top:12px;}
#bbsView .form_group dl.attfile dd{display:block; min-height:26px; border-bottom:1px solid #ececec; padding:10px 10px 10px 115px; margin:0px;}
#bbsView .form_group dl.attfile dd:after{display:none;}
/* #bbsView .form_group dl.attfile dd .link_button{margin:8px 3px;} */
#bbsView .form_group dl.attfile dd>div{/*margin-top:-1px; border-top: 1px solid #ddd;*/}
#bbsView .form_group dl.attfile dd>div:first-child{border-top: 0;}
#bbsView .form_group dl.attfile dd a.link_button.download{padding-right:0px !important; font-size:13px !important;}
#bbsView .form_group dl.attfile dd a.link_button.ico,
#bbsView .form_group dl.attfile dd a.link_button.download:after{display:none !important;}
#bbsView .content p{margin-bottom:0;}
#bbsView .content #playercontent>div{margin:0 auto;}
#bbsView .bbsViewBody iframe{width:100% !important;}

.bbsViewBtm{margin:30px 0; text-align: center;}
.bbsViewNav{border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.bbsViewNav .form_group dl.nav{position:relative; width:100%;}
.bbsViewNav .form_group dl.nav dt{position: absolute; left:25px; top:10px;}
.bbsViewNav .form_group dl.nav dd{display:block !important; padding:10px 10px 10px 80px !important;}
.bbsViewNav .form_group dl.nav dt>span{display:inline-block;}
.bbsViewNav .form_group dl.nav dd:after{display:none !important;}
.bbs_content{margin:0px;padding:10px;height:210px;width:100%;box-sizing:border-box;}
/* 관리자페이지용 */
#bbsView .txt{display:inline-block; margin:0 3px; vertical-align:middle;}
/* 댓글 */
#cmtWrite{position:relative; padding:10px; border:1px solid #d0d0d0;margin-top:20px;}
#cmtWrite .txt_area{margin:0 100px 0 0;}
#cmtWrite .txt_area textarea{width:100%; height:60px;}
#cmtWrite .btn_cmt{position:absolute; top:10px; right:10px;}
#cmtWrite .btn_cmt .button{width:90px; height:60px; margin:0; line-height:60px;}
#cmtList{margin:20px 0 0; border-top:1px solid #f1f1f1;}
#cmtList>li{margin:0; padding:12px 5px; border-bottom:1px solid #f1f1f1;}
#cmtList>li:before{display:none;}
#cmtList>li#empty_record{text-align:center;}
#cmtList>li .author{display:inline-block; font-weight:600; font-size:0.86em;}
#cmtList>li .date{display:inline-block; margin:0 0 0 10px; font-size:0.86em; color:#777;}
#cmtList>li .cmt{display:block; margin:10px 0 0;}
.cmt_more{margin:20px 0 0; text-align:center;}
/* 웹진 */
h2.culture{padding:0; font-size:2.0em;}
h2.culture:before{display:none;}
.culture_view{padding:20px 0 30px;border-top:2px solid #444;}
.culture_view .img{float:left;}
.culture_view .info{margin-left:235px;}
.culture_view .info ul li{padding:3px 0 3px; border-bottom:1px solid #e8e8e8;}
.culture_view .info ul li:before{display:none;}
.view h3{padding:0; height:52px; line-height:52px; background:#f3f3f3; border-top:1px solid #d8d8d8; font-size:1.5em; text-align:center;}
.view h3:before{display:none;}
.view .view_cont{padding:30px 15px;}

/* Write */
#bbsWrite{position:relative;}
#bbsWrite:before{content: ''; display: block; position: absolute; top:0; left:0; right:0; z-index:1; border-top:2px solid #7f7f7f;}
#bbsWrite .form_group{position:relative; margin-bottom: -1px; border-bottom:1px solid #ececec;}
#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 13px 25px; /* border-left:1px solid #d8d8d8; background:#f6f6f7; */ font-weight:600; font-size:1em; line-height:1.6; white-space:nowrap;}
/* #bbsWrite .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d8d8d8;} */
#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 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: 90px;}
#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; border:1px solid #d8d8d8; border-radius:3px; box-sizing:border-box; padding:5px;}
#bbsWrite .form_group dl.code dd img{vertical-align: middle;}
#bbsWrite .form_group dl.attfile dd *{vertical-align:middle;}
#bbsWrite .form_group dl.attfile div[id^="file_upload_posb"]{margin-top:10px;}
#bbsWrite .form_group dl.address dd input[name^="addr"]{width:100%; margin-top:2px;}
#bbsWrite .form_group dl.address dd input[name="addr_zip"],
#bbsWrite .form_group dl.address dd input[name="zip"]{width:auto !important;}
#bbsWrite .link_button.ico.view{width:19px; height:18px; background:url(../images/board/icon_view.gif) no-repeat 0 0; border:0px; line-height:18px;}
/* 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);
}
/* tr 마우스오버 포인터 */
.cursor:hover{cursor:pointer;}
/* 비밀글 비밀번호 입력 레이어  */
#mask {display: none; position: fixed; left: 0; top: 0; z-index:9999; width: 100%; height: 100%; background: #000; opacity: 0.8;}
.login-popup{display:none; float: left; position:fixed; top: 50%; left: 50%; z-index:99999; width:400px; margin:0 0 0 -200px !important; padding: 10px; border-radius:3px; background: #fff; box-shadow: 0px 0px 20px #999; font-size: 1.2em; text-align:center;}
.login-popup .close{float: right; overflow:hidden; width:30px; height:30px; margin: -10px -10px 0 0; background:url(../images/common/sp_com.png) no-repeat -300px -50px; text-indent:-9999em;}

/* 상태값 */
.icon_state{display:inline-block; min-width:68px; padding:0 10px; height:22px; line-height:20px; box-sizing:border-box; border:1px solid #ddd; background:#fff; border-radius:3px; font-size:0.857em; text-align:center;}
.icon_state.green{background:#008c44; border-color:#008c44; color:#fff;}
.icon_state.blue{background:#0f7bb4; border-color:#0f7bb4; color:#fff;}
.icon_state.gray{background:#616161; border-color:#616161; color:#fff;}

/* 예외 */
@media screen and (max-width:1260px){
	#bbsPhoto2 .lst li{width:49%; margin-left:0px;}
	#bbsPhoto2 .lst li:nth-child(2n){float:right;}
}

/* tablet */
@media screen and (max-width:1024px){
	.bbsSrch input.datetimepicker,
	.bbsSrch input.datetimepicker + span,
	.bbsSrch select[name="postPerPage"],
	.bbsSrch select[name="category"]{display:none;}
	.bbsSrch > fieldset > select:nth-of-type(1){margin-left:0px !important;}
	#bbsList *[data-table-type="dpt"],
	#bbsList *[data-table-type="date"],
	#bbsList *[data-table-type="file"],
	#bbsList *[data-table-type="count"],
	#bbsList *[data-table-type="part"],
	#bbsList *[data-table-type="author"]{display:none;}
	#bbsList col[data-table-type="number"]{width:80px !important;}
	#bbsPhoto .lst >li{float:right; width:48%; height:310px; margin-left:0px;}
	#bbsPhoto .lst >li:first-child,
	#bbsPhoto .lst >li:nth-child(2n+3){float:left;}
	#bbsPhoto .lst >li a{padding-top:200px;}
	#bbsPhoto .lst >li a .img{height:200px;}
	#bbsPhoto .lst >li a:hover:after,
	#bbsPhoto .lst >li a:focus:after{height:310px;}
	
	.bbsViewBtm{text-align:center !important;}
	
}

@media all and (max-width:768px){
	.tutorList thead,
	.tutorList col,
	.tutorList td[data-tutor-type="number"]{display:none;}
	.tutorList td{display:block; padding:5px !important; border-top:0px !important; text-align:left !important;}
	.tutorList td:before{display:inline-block; margin-right:10px; color:#274b9f;}
	.tutorList td[data-tutor-type="subject"]:before{content:'학교 : ';}
	.tutorList td[data-tutor-type="ntcrNm"]:before{content:'이름 : ';}
	.tutorList td[data-tutor-type="extSubject"]:before{content:'과외과목 : ';}
	.tutorList td[data-tutor-type="extExpense"]:before{content:'희망과외비 : ';}
	.tutorList td[data-tutor-type="extArea"]:before{content:'지역 : ';}
	.tutorList tbody tr{display:block; margin:10px 0; border-top:1px solid #ececec;}
	.tutorList tbody tr:first-child{border-top:0px;}

	.jobList thead,
	.jobList col,
	.jobList td[data-job-type="number"],
	.jobList td[data-job-type="inqireCo"]{display:none;}
	.jobList td{display:block; padding:5px !important; border-top:0px !important; text-align:left !important;}
	.jobList td:before{display:inline-block; margin-right:10px; color:#274b9f;}
	.jobList td[data-job-type="subject"]:before{content:'회사명 : ';}
	.jobList td[data-job-type="dptContent"]:before{content:'모집내용 : ';}
	.jobList td[data-job-type="carrier"]:before{content:'경력 : ';}
	.jobList td[data-job-type="closeDate"]:before{content:'마감일 : ';}
	.jobList tbody tr{display:block; margin:10px 0; border-top:1px solid #ececec;}
	.jobList tbody tr:first-child{border-top:0px;}
}

/* mobile */
@media screen and (max-width:670px){
	#bbsList col[data-table-type="state"]{width:75px !important;}
	#bbsView .form_group dd{margin-right:5px;}
	#bbsView .form_group dd:after{margin-left:5px;}
	#bbsView .form_group.col02{display:block;}
	#bbsView .form_group.col02 dl:nth-of-type(2) dd:after{display:none;}
	#bbsView .form_group dl.title dd{padding-left:10px;}
	#bbsView .form_group.col02{padding-left:10px !important;}
	#bbsView .form_group dl.attfile dt{position:static; padding:10px 10px 0;}
	#bbsView .form_group dl.attfile dd{padding:5px 10px 5px 5px;}
	#bbsView .form_group.title + .form_group{padding-left:10px;}
	#bbsView .bbsViewBtm{text-align:center !important;}
	#bbsView .bbsViewBtm > a{margin-bottom:3px;}
	#bbsWrite .form_group dl dt{display:block; position:static; width:auto; padding:10px; background:#f9f9f9; text-align:center;}
	#bbsWrite .form_group dl dd{margin-left:0px;}
	#bbsWrite .form_group input[type="text"],
	#bbsWrite .form_group select{width:100% !important;}
	#bbsWrite .form_group .tel2 dd{text-align:center;}
	#bbsWrite .form_group .tel2 input[type="text"],
	#bbsWrite .form_group .tel2 select{width:30% !important;}
	#bbsWrite .form_group dl.date dd{position:relative; min-height:55px; text-align:center; line-height:35px;}
	#bbsWrite .form_group dl.date dd span{display:block; line-height:22px; text-align:left;}
	#bbsWrite .form_group dl.date dd input[type=text]{width:45% !important; position:absolute; top:10px;}
	#bbsWrite .form_group dl.date dd input[type=text]:nth-of-type(1){left:10px;}
	#bbsWrite .form_group dl.date dd input[type=text]:nth-of-type(2){right:10px;}
	#bbsWrite .form_group dl.title dd .inp_tit{margin-right:0px;}
	#bbsWrite .form_group dl.title dd .tit_ntc{top:10px;}
	#bbsWrite .form_group dl.attfile input[type="file"]{width:100%;}
	#bbsWrite .form_group dl.address dd input[name="addr_zip"]{width:auto !important;}
	#bbsPhoto .lst>li{float:none; width:100%;}
	#bbsPhoto2 .lst li > div{margin:30px 0 50px;}
	#bbsPhoto2 .lst li{float:none !important; width:100%;}
}	

/* mobile small */
@media screen and (max-width:420px){
	.bbsSrch input.word{width:145px;}
	#bbsList col[data-table-type="number"]{width:60px !important;}
	
	#bbsWrite .form_group dl.address dd input[name="addr_zip"]{width:130px !important;}
}

/* 예외 */
@media screen and (max-width:320px){
	.bbsSrch .button.write{position:static; margin-top:3px;}
}