@charset "utf-8";

/*게시판 스타일*/
.mo_title {position:relative;border-bottom:1px solid #333;padding: 10px 0 5px 0;}
.mo_title p {font-size:1.2em;font-weight:500;background:url(../image/title_ico.png) no-repeat left top;background-size:10px 12px;padding: 3px 0 0 8px;}
.mo_title_p {font-size:1.2em;font-weight:500;background:url(../image/title_ico.png) no-repeat left top;background-size:10px 12px;padding: 3px 0 0 8px;}
.mo_title .total {position:absolute; top:20px ;right:10px;font-size:0.8em;letter-spacing:0.01em;color:#666;}
.mo_title .total span {color:#0157e8;font-weight:500;}

/*버튼*/
.board_btn {padding:7px 0;position:relative;min-height:25px;}
.board_btn .gall_list {position:absolute;top:7px;right:0;}
.board_btn .gall_list select {min-height:29px;vertical-align:top;}

.board_list1 {margin-bottom:10px;border-top:1px solid #dedede;}
.board_list1 li {border-bottom:1px solid #dedede;background:url(../image/board/list_ico.png) no-repeat right 20px;background-size:8px 16px;}
.board_list1 li a {padding:12px 0;display:block;}
.board_list1 li a .fl {width:25px;}
.board_list1 li a .fr {width:calc(100% - 25px);}
.board_list1 li a .fr2 {width:100%;}
.board_list1 li:nth-child(2n) a {background:#f9f9f9;}
.board_list1 li a .fr p {font-size:1.2em;color:#000;padding-bottom:3px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding-right:15px;}
.board_list1 li a .fr div {font-size:0.8em;color:#666;letter-spacing:0.01em;}
.board_list1 li a .fr div span {color:#dedede;}
.board_list1 li a .fr2 p {font-size:1.2em;color:#000;padding-bottom:3px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding-right:15px;}
.board_list1 li a .fr2 div {font-size:0.8em;color:#666;letter-spacing:0.01em;}
.board_list1 li a .fr2 div span {color:#dedede;}

.page {text-align:center;}
.page a {display:inline-block;padding:5px;border-radius:3px;background-size:100%;vertical-align:middle;}
.page .first, .page .end {background:url(../image/board/page_btn_bg1.jpg) repeat left top;}
.page .prev, .page .next {background:url(../image/board/page_btn_bg2.jpg) repeat left top;}

.page a img {width:20px;}
.page ul, .page ul li {display:inline-block;}
.page ul li:last-child {margin-right:0;}
.page ul li a {background:#dfe1e3;display:inline-block;padding:6px 12px;border-radius:0;font-family: 'Open Sans', sans-serif;}
.page ul li strong {background:#213046;display:inline-block;padding:6px 12px;color:#fff;vertical-align:middle;color:#ffea00;font-family: 'Open Sans', sans-serif;}

.srarch {margin:10px 0;position:relative;}
.srarch select {vertical-align:top;height:35px;}
.srarch .sbox {display:inline-block;font-size:1em;vertical-align:top;border:3px solid #213046;width:60%;height:23px;padding:5px;}
.srarch .sbtn {position:absolute;top:0;right:0;background:#213046;font-size:1.1em;color:#fff;border:0;padding:0 10px;height:35px;}

.board_st {position:relative;border-top:2px solid #1f5fca;border-bottom:1px solid #ccc;padding:7px 4px;color:#000;}
.board_st p {font-size:1.2em;width:80%;}
.board_st input {position:absolute;top:7px;right:0;font-size:0.7em;padding:2px 8px 4px 8px ;background:#256be0;}

.board_day {border-top:1px solid #ffff;background:#f0f1f2;border-bottom:1px solid #c8c8c8;font-size:0.9em;color:#666;padding:4px 0;}
.board_day span {color:#ccc;}

.board_con_txt { padding: 20px 0 50px;}
.comment {width:100%;}
.comment textarea {width:98%;word-break:break-all;}
.comment .btn_box {position:relative;min-height:40px;}
.comment .btn_box .btn {position:absolute;top:0;right:0;}
.comment .btn_box .btn input {font-size:0.8em;padding:2px 8px 4px 8px ;background:#495e7d;}

/*갤러리 리스트 스타일*/
.gall_list1 {overflow:hidden;}
.gall_list1 li {float:left;width:47%;padding-bottom:10px;}
.gall_list1 li:nth-child(2n) {float:right;width:47%;}
.gall_list1 li a .pic { max-width: 400px; aspect-ratio: 4 / 3;  padding: 5px; border: 1px solid #dedede;}
.gall_list1 li a .pic_img {width:100%; object-fit: cover;}
.gall_list1 li a dl {width:100%;}
.gall_list1 li a dl dt {border-bottom:1px solid #dfe0e3;font-size:1.1em;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding-top:5px;}
.gall_list1 li a dl dd {border-bottom:1px solid #dfe0e3;font-size:0.8em;color:#666;padding:2px 0;}

.gall_list2 { margin: auto; max-width: 700px; text-align: center; }
.gall_list2 li {margin-top: 10px; margin-bottom: 30px; }
.gall_list2 .pic {margin: 0 auto; width: 90%; aspect-ratio: 4 / 3; padding: 5px; border: 1px solid #dedede; }
.gall_list2 .pic_img {width:100%; object-fit: cover;}
.gall_list2 dl {width:90%;margin:0 auto;}
.gall_list2 dl dt { text-align: left; font-size:1.1em;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;font-weight:500;padding: 7px 0 4px;color:#000;}
.gall_list2 dl dd.s_txt { text-align: left; font-size:0.9em;height:16px;color:#666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; 
 -webkit-box-orient: vertical;}
.gall_list2 dl dd.info {color:#5d90c8;font-size:0.8em;padding:2px 0;}

.gall_list3 {overflow:hidden;}
.gall_list3 li {float:left;width:33%;margin-right:0.5%;}
.gall_list3 li:nth-child(3n) {margin-right:0;}
.gall_list3 li img {width:100%;}
.gall_list3 li p {padding:4px 0 7px 0;font-size:0.8em;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;text-align:center;}

.sst {border:1px solid #ddd; padding:10px;font-weight:500;}
.write_f {}
.write_f dt {font-weight:bold;padding:5px 0 4px 12px;background:url(../image/board/ico_star2.png) no-repeat left 9px; background-size:10px 10px;}
.write_f dt span {color:#e41414;font-size:0.9em;}
.write_f dt.ps {background:url(../image/board/ico_star.png) no-repeat left 9px;background-size:10px 10px;}
.write_f dd {border-bottom:1px solid #ccc;padding:0 0 5px 12px;line-height:160%;}
.write_f dd.d_full {padding:0 0 5px 0;}
.write_f dd ul li {padding:3px 0; border-bottom:1px dotted #ccc;background:url(../image/list_ico.jpg) no-repeat 5px 16px;background-size:3px 3px;padding: 3px 0 3px 12px;}
.write_f dd ul li span {display:inline-block;width:60px;}

.write_f dd ul li select {padding:5px 5px;}
.write_f dd input[type="text" i] {padding:5px 5px;border:1px solid #ccc;}

.mob_pro hr {border:0;height:0;}
.mob_pro label {vertical-align:middle;}

.stxt {color:#cc0000;font-size:0.9em;}
.mob_pro input[type="checkbox"]{vertical-align:middle;}

.mob_pro input[type="radio"]{vertical-align:middle;}

input[type=checkbox] {  
 vertical-align:middle;
 -ms-transform: scale(1.4);  
 -moz-transform: scale(1.4);  
 -webkit-transform: scale(1.4);  
 -o-transform: scale(1.4);