@charset "utf-8";
textarea, input[type="text"], input[type="password"], input[type="file"], select {
    padding: 0 20px;
    border: 1px solid #bbb;
    vertical-align: middle;
    box-sizing: border-box;
    box-shadow: none;
    color: #727272;
  }
/* 데이터없음 */
.no_data_wrap{width:100% !important}
.no_data{width:100%;margin:0 auto;overflow:hidden;border:1px solid #ddd;background:url(/pages/attached/comm_img/nolist_img.png) center 80px no-repeat;box-sizing:border-box;text-align:center;font-size:17px;
    color:#999;padding:180px 0px 130px}

span.highlight{font-weight:bold;color:#ff7200}
.no_image{ width: 100%;height:100%;text-align:center;font-size:18px;font-weight:700;background:#e2e2e2;display:flex;align-items:center;justify-content:center}
/* board_basic */
#board_wrap{width:100%;margin:0 auto;height:auto;overflow:hidden}

/*  포토형_리스트 */
#board_list_photo{width:100%;height:auto;overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd; padding-top: 24px;}
#board_list_photo ul{display:block;margin:0 auto; height: auto; overflow: hidden;}
#board_list_photo li {display:inline-block;float:left;width:calc(100% / 3 - 14px);margin:0 20px 20px 0;transition: all 0.35s ease;border: 1px solid #e8e8e8;box-sizing: border-box;}
#board_list_photo li:hover {border-color: #727272; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);}
#board_list_photo li:nth-child(3n){margin-right:0}
#board_list_photo li a{display:block;float:left;width:100%}
#board_list_photo li a dl{text-align:center}
#board_list_photo li a dt{width:100%;height:120px;overflow:hidden;display:block;margin-bottom:5px;box-sizing: border-box;border:1px solid #ddd}
#board_list_photo li a dt img{width:100%;height:100%}
#board_list_photo li a dd{color:#555;font-size:13px;line-height:16px;padding-bottom:3px}
#board_list_photo li a dd.title{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
#board_list_photo li a:hover{color:#333;text-decoration:none}
#board_list_photo li a dd.date{font-size:11px;color:#777}
#board_list_photo li.no_data{width:100%; text-align:center}

#board_list_photo li a span.thumb{overflow:hidden;width:100%;height: 270px;display:flex;align-items: center;justify-content: center;background:#e2e2e2}
#board_list_photo li a span img{width:100%;height: 100%;object-fit: cover;}
#board_list_photo li a .txt_wrap {height:auto;padding: 50px;border-top: 1px solid #e8e8e8;box-sizing: border-box;}
#board_list_photo li a .txt_wrap strong{color:#333;font-size: 20px;font-weight: 600;padding: 0 0 10px 0;display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
#board_list_photo li a p{color:#888;padding:0 0 10px;display:block;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;}
#board_list_photo li a span{color:#999;font-size: 18px;}
#board_list_photo li a:hover span img{transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg); -webkit-transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg);-moz-transform:scale3d(1.6,1.6,1) rotate3d(0,0,0,0.01deg); transition:transform 15s ease-out;-webkit-transition:-webkit-transform 15s ease-out;-moz-transition:-moz-transform 15s ease-out;}

/* 게시판_뷰 (베이직타입) */
#board_view{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #3b476c}
#board_view table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
#board_view tbody tr{color:#666}
/*#board_view tbody tr a{color:#666}*/
#board_view tbody tr a{color:#596ba4}
#board_view tbody th{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;color:#333;background:#fff;font-weight:700;padding-left:13px}
#board_view tbody td{border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;letter-spacing:-.02em;padding:6px 10px;line-height:22px}
#board_view tbody td .board_view_contents{padding:10px 0}
/*#board_view tbody td span.date_size{font-size:11px;padding-left:5px;color:#596ba4;font-weight:bold}*/
#board_view tbody td span.date_size{font-size:11px;padding-left:5px;}
#board_view .leftcell{border-left:none !important}
#board_view .rightcell{border-right:none !important}
/* 댓글/코멘트 */
.comment_top{width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px}
.comment_top .btn_list{width:100%;text-align:right;margin-top:10px}
.board_comment { background-color: #fff; margin:25px 0 0px;text-align: left;box-sizing:border-box }
.board_comment dl { margin-bottom: 20px; padding: 20px 0 20px 20px; }
.board_comment dl dt { display: block; float: left; padding-bottom: 10px; width: 100px; }
.board_comment dl dd { display: block; float: left; padding-bottom: 10px; }
.board_comment fieldset {display: block; }
.board_comment fieldset div.icon {float: left;margin-top: 15px;text-align: center;width: 10%; }
.board_comment fieldset div.icon img {cursor: pointer; }
.board_comment fieldset div#icon_table {background-color: #fff;border: 1px solid #ccc;padding: 10px;position: absolute;visibility: hidden;z-index: 1; }
.board_comment fieldset div#icon_table ul {overflow: hidden;width: 300px; }
.board_comment fieldset div#icon_table ul li {float: left;margin: 3px; }
.board_comment fieldset div#icon_table ul li img { }
.board_comment fieldset div.insert {float: right;margin-bottom: 10px;overflow: hidden;width: 90%; }
.board_comment fieldset div.insert textarea {float: left;height: 46px;overflow: hidden;width: 70%; }
.board_comment fieldset div.insert input.button {float: right;height: 50px;width: 19%; }
.board_comment ul.reply {width: 100%; }
.board_comment ul.reply li {border-bottom: 1px solid #eee; }
.board_comment ul.reply li dl {margin: 5px 0;overflow: hidden;text-align: left; }
.board_comment ul.reply li dl dt {float: left;width: 20%; }
.board_comment ul.reply li dl dd {float: right;width: 80%;font-size:15px; }
.board_comment ul.reply li dl dd.subject{font-size:20px}
.board_comment ul.reply li dl dd span {display: block;font-size: 15px; }
#bc_subject{width:100%}
.editable{overflow-y:auto;width: 100%;height: 100px;padding: 5px;background-color:white}

/* 게시판 본문에 삽입되는 이미지 */
img.bbs_content_image {margin:5px 0}


/* 게시판_라이트 (베이직타입) */
#board_write{margin-bottom:20px;width:99.9%;clear:both;border-top:2px solid #000}
 #board_write table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:13px;letter-spacing:-1px;text-align:left}
 #board_write tbody tr{color:#666}
 #board_write tbody tr a{color:#596ba4;padding-left:4px}
 #board_write tbody th{border-bottom:1px solid #d9d9d9;color:#333;line-height:60px;font-size:15px;font-weight:500;padding:0 0px 0 7px}
 #board_write tbody td{border-bottom:1px solid #d9d9d9;border-left:1px solid #e8e8e8;letter-spacing:-.02em;font-size:15px;padding:6px 13px;line-height:22px}
 #board_write tbody td .f_alert{font-size:15px;font-weight:500;padding:5px 0 10px;letter-spacing:0;display:block;color:#1979d2}
 #board_write tbody td .board_view_contents{padding:10px 0}
 #board_write .leftcell{border-left:none !important}
 #board_write .rightcell{border-right:none !important}
 #board_write label{font-size:15px;font-weight:500; letter-spacing:-1px}
 #board_write th:first-child,#board_write td:first-child{border-left: none;}



#board_write th:first-child,#board_write td:first-child{border-left: none;}

/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {width:100%;}

/* 웹에디터의 답변시 원본글 처리 */
blockquote.bbs_blockquot {
    padding-right: 0px; padding-left: 5px; margin-left: 5px; border-left: #000000 2px solid; margin-right: 0px
}

.select_type{
    border-radius:0;
    border: 1px solid #bbb;
    min-width: 100px;
    font-size: 14px;
    letter-spacing: -.04em;
    color: #666;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    height: 40px;
    line-height: 38px;
    padding: 0 6px;
    background: #fff url(/assets/img/select_arrow.png) right top no-repeat;
    text-indent: 3px;
    }

.btn_submit {background-color: #4b4b4b; color: #fff;}
.btn_submit:hover {background-color: #fff; color: #fff; border-color: #4b4b4b;}
 .wfull_95{width:95%} 

#notice_chk {display: none;}
/* #notice_chk + label {display: block; width: 50px; height: 28px; margin: 6px 0; border: 1px solid #ccc; background-color: #dedede; border-radius: 14px; font-size: 0; color: #fff; position: relative; transition: all 0.35s ease;}
#notice_chk + label::before {content: ''; width: 20px; height: 20px; position: absolute; left: 4px; top: 50%; border-radius: 50%; transition: all 0.35s ease; background-color: #fff; transform: translateX(0) translateY(-50%);} */
#notice_chk + label {display: block; width: 20px; height: 20px; margin: 6px 0; border: 2px solid #ccc; background-color: #efefef; border-radius: 4px; font-size: 0; color: #fff; position: relative; transition: all 0.35s ease;}
#notice_chk + label::before,
#notice_chk + label::after {content: ''; display: none; width: 4px; height: 16px; position: absolute; left: 50%; top: 50%; border-radius: 80% 80% 20% 20%; transition: all 0.35s ease; background-color: #2e85df;}
#notice_chk + label::before {border-radius: 40%; transform: translateX(-50%) translateX(-6px) translateY(-50%) rotate(-45deg);}
#notice_chk + label::after {height: 26px; transform: translateX(-50%) translateX(+7px) translateY(-50%) translateY(-4px) rotate(45deg);}

#notice_chk:checked + label {background-color: #fff; margin-bottom: 12px;}
#notice_chk:checked + label::before,
#notice_chk:checked + label::after {display: block;}

#bs_notice_date {display: block;}

.bbs_file_tip{float:left;width:100%;overflow:hidden;background:#eee;padding:20px 30px;box-sizing:border-box;margin:4px 0; text-align:left; border-radius: 4px;}
.bbs_file_tip li{line-height:24px;color:#666;position:relative;padding-left:15px}
.bbs_file_tip li:after{content:'';position:absolute;top:14px;left:0;width:7px;height:1px;background:#666}
.bbs_file_tip li span{color:#000;font-weight:400}


/* 첨부파일 영역 */
#board_write div.bbs_file_ctl {width:100%; height: auto; overflow: hidden;}
#bbs_file_add {display: none;}
.bbs_file_add_label {display: block; width: 100%; text-align: left; font-size: 2rem; line-height: 40px; font-weight: bold; color: #333; cursor: pointer;}
.bbs_file_add_label::before {content: '+'; display: inline-block; margin-right: 4px;}
.bbs_file_add_label:hover {color: #2e85df;}
/* .bbs_file_del {display: none;} */
.bbs_file_del_label {display: inline-block; width: 40px; height: 40px; margin-left: 10px; position: relative; background-color: #ddd; border-radius: 4px; float: left; transition: all 0.35s ease;}
.bbs_file_del_label::before,
.bbs_file_del_label::after {content: ''; width: 2px; height: 16px; display: block; position: absolute; left: 50%; top: 50%; background-color: #4b4b4b; transition: all 0.35s ease;}
.bbs_file_del_label::before {transform: translate(-50%,-50%) rotate(-45deg);}
.bbs_file_del_label::after {transform: translate(-50%,-50%) rotate(45deg);}
.bbs_file_del_label:hover {background-color: #fc0000;}
.bbs_file_del_label:hover::before,
.bbs_file_del_label:hover::after {background-color: #fff;}
.file_upload {display: none;}
.file_upload + label {display: inline-block; float: left; width: auto; text-align: center; padding: 4px 24px; border: 1px solid #ccc; line-height:30px; box-sizing: border-box; background-color: #4b4b4b; color: #fff; border-radius: 4px;}
.file_upload + label:hover {background-color: #727272;}
.file_upload_name {display: inline-block; float: left; width: 210px; margin-left: 10px; line-height: 40px; height: 40px; background-color: #dedede; overflow: hidden; text-overflow: ellipsis;}
.bbs_file_item {height: auto; overflow: hidden; margin-bottom: 10px;}
.bbs_file_item:last-child {margin-bottom: 0;}
.bbs_file_item .file_info_text {float: left; width: calc(100% - 120px - 210px - 80px); margin-left: 20px;}

#captcha_chk_label {width: calc(50%);}


.board_view{padding-top:30px}
.board_view .title{font-size:28px;letter-spacing:-1px;line-height:30px;color:#000;width:100%;font-weight:400;padding-bottom:20px}
.board_view .info{letter-spacing:-.02em;padding-right:3px;width:100%;font-size:15px;text-align:left;padding-bottom:40px;border-bottom:1px solid #ddd;color:#666}
.board_view .file{width:100%;box-sizing:border-box;padding:20px;border:1px solid #ddd;margin-top:30px}
.board_view .file a{color:#008a96;border-bottom:1px dotted #009aa7;margin-right:10px;font-weight:bold}
.board_view .board_view_contents{box-sizing:border-box;padding:20px 0;margin:0 auto;line-height:22px;font-size:15px;}

.board_view .board_view_contents img{padding:15px 0;}

/****** Mobile ******/
@media screen and (max-width:690px){

    /*  포토형_리스트 */
    #board_list_photo li{width:100%}
    #board_list_photo li a dt{height:auto}
    #board_list_photo li a dd.title{min-width:280px}

	#board_list_photo li a span.thumb{min-height:auto;max-height:150px;height:150px}
	#board_list_photo li a span img{height:auto}


  /* 게시판_라이트 (베이직타입) */
  #board_write tbody th{width: 100%;display: block;box-sizing: border-box;padding:0;overflow:hidden;line-height:24px; border: 0;}
  #board_write tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding:3px 5px; margin-bottom: 12px;}
  #board_write .input_type{width: 100%;box-sizing: border-box}
  /* #board_write .wfull_95{width:100% !important} */
  #board_write tbody td .f_alert{font-size:14px}

    /* 게시판_뷰 (베이직타입) */
    #board_view tbody th{width: 100%;display: block;box-sizing: border-box;padding: 0;overflow: hidden;border:0}
    #board_view tbody td{width: 100%;display: block;box-sizing: border-box;border:none;padding: 3px 5px}
    #board_view .input_type{width: 100%;box-sizing: border-box}

    /* 페이지 */
    #board_search{width:100%;padding:10px 0;text-align:center;margin-bottom:10px;margin:0}
    #board_search .board_search_form{float:none}
    #paginate_complex{text-align:center;height:50px}

    /* 댓글/코멘트 */
    .comment_top{padding:15px 0}
    /* board_basic */
    #board_wrap{width:100%}
    .board_view{width:100%}

    /* board_view */
    .board_view_contents .image img{width:100%}
    #bc_writer_name{width:100%}
    .board_view .board_view_contents{width:auto}
    .board_view .board_view_contents img{width:100%}


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

    /*  포토형_리스트 */
    #board_list_photo li{width: calc(100% / 2 - 10px);}

    #board_list_photo li:nth-child(3n){margin-right:20px;}
    #board_list_photo li:nth-child(even){margin-right:0;}

    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}
    #board_list_photo li a dd.title{width:180px}


    /* board_view */
    .board_view{width:100%}
    .board_view_contents .image img{width:100%}

    #bc_writer_name{width:100%}
    .board_view .board_view_contents{width:auto}

    /* 댓글/코멘트 */
    .comment_top{padding:0}
    .board_comment{padding:0}
}

/****** Desktop Device ******/
@media screen and (min-width:900px) and (max-width:1150px) {

    /*  포토형_리스트 */





    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}
    #board_list_photo li a dd.title{width:180px}


    #board_wrap{width:100%}
    .board_view{width:100%}
	#board_list_photo li a span.thumb{height: 200px;}

}

/****** Desktop Wide Device ******/
@media screen and (min-width:1151px){
    #board_list_photo li a dt img{-webkit-transition: all 0.6s;-moz-transition: all 0.6s; -o-transition: all 0.6s;transition: all 0.6s }
    #board_list_photo li a dt img:hover{-webkit-transform: translate3d(0, 0, 0);-webkit-perspective: 0;-webkit-backface-visibility: hidden; -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1) rotate(0.1deg);opacity: 0.9}



}

@media screen and (max-width: 690px) {
  #captcha_chk_label {margin-top: 24px;}
  .bbs_file_ctl {display: inline-block; width: calc(100% - 80px)!important; padding-left: 10px;}
}