@charset "utf-8";



/* bbs_search_area */
.tbl_search_area { position:relative; overflow:hidden; margin-bottom:10px; font-size:15px;  }
.tbl_search_area legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
.tbl_search_area .total { float:left; padding-top:10px; color:#333; font-weight:400;}
.tbl_search_area .total span { color:#000; font-weight:500;}
.tbl_search_area .search { float:right; text-align:right }
.tbl_search_area .search input.serch_box{ width:150px; height:40px}
.tbl_search_area  select { width:100px; height:40px; }
.tbl_search_area .search input.submit{display:inline-block; border:0; width:80px; height:40px; line-height:40px; text-align:center; vertical-align:middle; color:#fff; background-color:#666; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.tbl_search_area .search input.submit:hover { background:#333; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

/* bbs_list*/
.tbl_list {width:100%; table-layout:fixed; margin:10px 0; border-top:2px solid #45474d; word-break:break-all;}
.tbl_list thead th { padding:15px 15px; border-bottom:1px solid #9f9f9f; color:#000; font-weight:500}
.tbl_list tbody td { }
.tbl_list tbody td:first-child { border-left:none}
.tbl_list tbody th, 
.tbl_list tbody td { padding:15px 15px; border-bottom:1px solid #e5e5e5; text-align:center; color:#666; font-weight:400}
.tbl_list tbody tr.notice_bg td { background: #f7f7f7}
.tbl_list .title { text-align:left; overflow:hidden; /*white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');*/}
.tbl_list .title > a { }
.tbl_list .title img { vertical-align:middle;}
.tbl_list .title > a:hover {text-decoration:underline;}
.tbl_list .busi_name { text-align:left;} /*국제과제수행 사업명*/
.tbl_list .busi_name strong { color:#000; font-weight:500}
.tbl_list .busi_name span { display:block}
.tbl_list tr.notice_bg {background:#f6f8fa;}
.tbl_list td.reply {padding-left:44px; background: url('../../images/ico/icon_reply.png') no-repeat 9px 13px;}
/*.tbl_list td img { padding-left:5px; vertical-align:middle !important}*/
.tbl_list span.notice { color:#222; font-weight:500}



/* bbs_view */
.tbl_view  { border-top:2px solid #4e5059; }
.tbl_view .view_title { padding:20px 20px 10px; font-size:20px; font-weight:500; color:#000; text-align:center; /*border-bottom:1px solid #aaacb4;*/ letter-spacing:-1px}
.tbl_view .view_info { position:relative; text-align:center; border-bottom:1px solid #e3e5e9; padding-bottom:20px;; font-size:15px; }
.tbl_view .view_info span { margin-right:25px}
.tbl_view .view_info span em { padding-left:5px; color:#666}
.tbl_view .context { margin-bottom:20px; padding:25px 20px; border-bottom:1px solid #e3e5e9; word-break:break-all;}
.tbl_view .context .thumb { text-align:center; max-width:920px; margin:30px auto }
.tbl_view .context .thumb img { max-width:100%; margin:10px 0}
.tbl_view .context .thumb video { max-width:100%; margin:10px 0}
.tbl_view .context .thumb iframe { max-width:100%; margin:10px 0}
.tbl_view .context ul.list_ty li { background:url('../images/ico/ico_check.png') no-repeat 0 3px; padding:0 0 10px 25px;}
.tbl_view .context ul.list_ty li span { color:#000; font-weight:500; padding:0 0 0 0}
.tbl_view .attach_wrap { background:#F9F9F9; border:1px solid #e3e5e9;}
.tbl_view .attach_wrap dl { padding:12px 20px; }
.tbl_view .attach_wrap dl:after { content: ''; clear:both; display:block;}
.tbl_view .attach_wrap dl dt { vertical-align:middle; color:#000; padding-bottom:10px}
.tbl_view .attach_wrap dl dd { vertical-align:middle;}
.tbl_view .attach_wrap dl dd a { display:block; padding-left:25px; margin-bottom:10px; font-size:15px; color:#666; background: url('../images/ico/ico_file.png') no-repeat 0 2px; }
.tbl_view .attach_wrap dl dd a:active,
.tbl_view .attach_wrap dl dd a:hover { text-decoration:underline;}
.tbl_view table { width:100%; table-layout: fixed; line-height:1.3em;}
.tbl_view th { padding:15px 10px; font-weight:normal; text-align:left; color:#2f3743; background:#fafafb; border-bottom:1px solid #dfdfe0; }
.tbl_view td { position:relative; padding:15px 10px; border-bottom: 1px solid #e3e5e9; text-align:left; vertical-align: middle;  }
.tbl_view th:first-child,
.tbl_view td:first-child  {border-left: none;}		
.tbl_view .essential { color:#F60; padding-right:3px}
.tbl_view tbody th.line_btm,
.tbl_view tbody td.line_btm  { border-bottom:1px solid #666 !important}
.tbl_view tbody th.line_ri { border-right:1px solid #ddd;border-bottom:1px solid #999 !important}
.tbl_view td .inp_row input { margin-bottom:5px}
.tbl_view td .list_type1 li:after {top:10px; }
.tb_prev_next { border-top:1px solid #e3e5e9;}
.tb_prev_next table { table-layout:fixed; width: 100%;}
.tb_prev_next table th { text-align:left; padding:15px 10px; color:#2f2f2f; border-bottom:1px solid #e3e5e9;}
.tb_prev_next table th .prev:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 3px 10px 0 0;
    vertical-align: middle;
    border-top: 1px solid #2f2f2f;
    border-right: 1px solid #2f2f2f;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.tb_prev_next table th .next:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -6px 10px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid #2f2f2f;
    border-left: 1px solid #2f2f2f;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.tb_prev_next table td {padding: 15px 10px; border-bottom: 1px solid #e3e5e9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
/*comment*/
.comment_cont { position:relative; overflow:hidden; margin:30px auto}
.comment_cont .comment_tit { background:url('../images/ico/icon_comment.png') no-repeat 0 4px; border-bottom:1px solid #45474d; padding:0 0 10px 25px; font-size:16px; font-weight:500; color:#000}
.comment_cont .comment_tit span { font-size:13px; font-weight:600; color:#f9863c}
.comment_cont .comment_write { margin-top:15px}
.comment_cont .comment_write  input { width:100px;}
.comment_cont .comment_write .comment_text { border:1px solid #ddd; overflow:hidden; margin-top:10px }
.comment_cont .comment_write .comment_text textarea {width:calc( 100% - 130px ); border:0; height:80px; padding:10px; overflow:hidden; box-sizing:border-box}
.comment_cont .comment_write .comment_text .btn_comment { line-height:80px;float:right;background: #f9f9f9 url('../images/ico/icon_write.png') no-repeat 20px center; width:120px; border-left:1px solid #ddd; height:80px; overflow:hidden;}
.comment_cont .comment_write .comment_text .btn_comment span {font-size:14px;color:#4c4c4c; padding-left:45px}
.comment_cont .comment_list { margin-top:20px;}
.comment_cont .comment_list li { position:relative; border-bottom:1px dotted #a0a0a0; padding:10px 5px}
.comment_cont .comment_list li dt { font-weight:600; padding-bottom:5px }
.comment_cont .comment_list li dt span.comment_date { font-size:13px; font-weight:100 !important; padding-left:10px}
.comment_cont .comment_list li dd { font-size:13px}
.comment_cont .comment_list li .comment_btn_area { position:absolute; right:0; top:10px}


/* bbs_write */
.tbl_write { margin-bottom:20px; border-top:2px solid #4e5059; font-size:15px }
.tbl_write table { width:100%; table-layout: fixed; line-height:1.3em;}
.tbl_write th { padding:15px 20px; font-weight:normal; text-align:left; color:#2f3743; /*background:#fafafb;*/ border-bottom:1px solid #dfdfe0; }
/*.tbl_write tbody th { border-bottom-color: #e4e7ec; text-align:left}*/
.tbl_write td { position:relative; padding:15px 20px; border-bottom: 1px solid #e3e5e9; text-align:left; vertical-align: middle;  }
.tbl_write th:first-child,
.tbl_write td:first-child  {border-left: none;}		
/*.file_input { overflow:hidden; padding-bottom:5px}
.file_input label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; width:80px; height:30px; background:#777; color:#fff; text-align:center; line-height:32px; font-size:13px}
.file_input label input { position:absolute; width:0; height:0; overflow:hidden;}
.file_input input[type=text] { vertical-align:middle; display:inline-block; width:calc( 100% - 200px ); height:32px;line-height:30px; font-size:13px; padding:0; border:0; border:1px solid #d8d8d8;}
*/
.tbl_write td div.file_area {overflow:hidden; vertical-align:middle; margin-bottom:5px}
/*.tbl_write td div.file_area div.file_input_area {overflow: hidden; display: inline-block; width: 50%;}*/
.tbl_write td div.file_area input[type=file] { width:40%; height:27px; background:#fff; border:1px solid #d2d2d2 !important; font-size:14px; }
.tbl_write td div.file_area div.file_btn_area {overflow:hidden; display:inline-block;}
.tbl_write .essential { color:#F60; padding-right:3px}
.tbl_write tbody th.line_btm,
.tbl_write tbody td.line_btm  { border-bottom:1px solid #666 !important}
.tbl_write tbody th.line_ri { border-right:1px solid #ddd;border-bottom:1px solid #999 !important}
.tbl_write td .inp_row input { margin-bottom:5px}

.tbl_write .agree_personal {
	height:150px;
	margin-bottom:5px;
	width:100%;
	overflow-y:auto;
	padding:1em;
	font-size:13px;
	background:#fafafa;
	border:1px solid rgba(1, 1, 1, .15);
}

/* bbs passwoard */
.tbl_pw { width:50%; margin:50px auto; margin-bottom:10px; border-top: 1px solid #45474d; border-bottom: solid 1px #dfdfe0; border-left: solid 1px #dfdfe0; border-right: solid 1px #dfdfe0; }
.tbl_pw table { width:100%; table-layout: fixed;}
.tbl_pw tbody th {border-bottom-color: #e4e7ec;}
.tbl_pw th { padding: 12px 10px; background: #fafafb; font-weight:400;  border-bottom: 1px solid #dfdfe0; color: #2f3743;}
.tbl_pw td { position: relative; padding: 32px 10px; border-bottom: 1px solid #e4e7ec; text-align: center; vertical-align: middle; line-height:1.3em; word-break:break-all}
.tbl_pw td input[type="password"] { height:32px; vertical-align: bottom}

/* gallery list */
.gallTy_list { position:relative; overflow:hidden; margin:20px 0; box-sizing:border-box;}
.gallTy_list ul { margin:0 -10px;}
.gallTy_list ul li { position:relative; float:left; position:relative; width:calc(25% - 20px); height:467px; padding-top:20px; margin:0 10px 20px 10px; border:1px solid #ddd; box-sizing:border-box;}
.gallTy_list ul li a { /*float:left; position:relative; width:calc(25% - 20px); margin:0 10px 20px 10px; border:1px solid #ddd; box-sizing:border-box;*/} /*이미지에 링크시 사용*/
/*.gallTy_list .thumb { display:block; width:250px; height:355px; margin:0 auto; position:relative; overflow:hidden; text-align:center}*/
.gallTy_list ul li .thumb  { margin:0 auto; width:250px; box-sizing:border-box; vertical-align:top;  }
.gallTy_list ul li .thumb img { width:100%; background-size:cover; background-repeat:no-repeat; background-position:center;}
/*.gallTy_list .thumb img { display:block; transition:all .3s; margin:0 auto; width:100%; height:100%}
.gallTy_list .thumb img:hover { transform:scale(1.1); -webkit-transform : scale(1.1); -moz-transform : scale(1.1); -ms-transform : scale(1.1); -o-transform : scale(1.1);}*/
.gallTy_list .info { padding:5%; table-layout:fixed; box-sizing: border-box; height:90px;}
.gallTy_list .info strong { font-size:16px; margin-bottom:3px; color:#333; font-weight:500; display: block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;}
.gallTy_list .info span { display: block; margin-bottom:10px; font-size:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%;}
.gallTy_list .info p.date { font-size:14px; color:#9a9a9a; }

.gallTy_list .info .btn_down { display:inline-block;padding:0 50px 0 20px; background:#fff url('../../images/ico/ico_down_b.png') 85% center no-repeat; border:1px solid #265fb2; border-radius:35px; font-size:14px; color:#265fb2; line-height:30px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; vertical-align:top; }
.gallTy_list .info .btn_down:hover { border:1px solid #265fb2; background:#265fb2 url('../../images/ico/ico_down_w.png') 82% center no-repeat; color:#fff; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}


/*********** press *************/
.press_top { padding-bottom:10px; border-bottom:2px solid #333; margin-bottom:30px;}
.press_top span { font-size:14px; }
.press ul { display:flex; justify-content:flex-start; flex-wrap:wrap; }
.press li { width:calc((100% - 20px) / 3); margin-bottom:10px; border:1px solid #ddd; padding:40px 35px;  transition:all .3s ease;}
.press li:hover { border:1px solid #000; box-shadow:5px 5px 15px #0000000A; transition:all .3s ease; }
.press li ~ li { margin-left:10px;}
.press li:nth-child(3n+1) { margin-left:0 }
.press li .txt_box .media { display:block; font-size:14px; color:#666; padding-bottom:30px}
.press li .txt_box .tit { text-align:left; font-size:20px; font-weight:700; color:#333; letter-spacing:-1px; margin-bottom:30px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; white-space: normal; box-sizing: border-box; -webkit-box-orient: vertical;
}
.press li .txt_box .txt { color:#666; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; white-space: normal; box-sizing: border-box; -webkit-box-orient: vertical;
 line-height:1.8; }



/*comment*/
.comment_cont { position:relative; overflow:hidden; margin:30px auto}
.comment_cont .comment_tit { background:url(../../img/common/icon_comment.png) no-repeat 0 4px; border-bottom:1px solid #45474d; padding:0 0 10px 25px; font-size:16px; font-weight:500; color:#000}
.comment_cont .comment_tit span { font-size:13px; font-weight:600; color:#f9863c}
.comment_cont .comment_write { margin-top:15px}
.comment_cont .comment_write  input { width:100px;}
.comment_cont .comment_write .comment_text { border:1px solid #ddd; overflow:hidden; margin-top:10px }
.comment_cont .comment_write .comment_text textarea {width:calc( 100% - 130px ); border:0; height:80px; padding:10px; overflow:hidden; box-sizing:border-box}
.comment_cont .comment_write .comment_text .btn_comment { line-height:80px;float:right;background: #f9f9f9 url('../images/ico/icon_write.png') no-repeat 20px center; width:120px; border-left:1px solid #ddd; height:80px; overflow:hidden;}
.comment_cont .comment_write .comment_text .btn_comment span {font-size:14px;color:#4c4c4c; padding-left:45px}
.comment_cont .comment_list { margin-top:20px;}
.comment_cont .comment_list li { position:relative; border-bottom:1px dotted #a0a0a0; padding:10px 5px}
.comment_cont .comment_list li dt { font-weight:600; padding-bottom:5px }
.comment_cont .comment_list li dt span.comment_date { font-size:13px; font-weight:100 !important; padding-left:10px}
.comment_cont .comment_list li dd { font-size:13px}
.comment_cont .comment_list li .comment_btn_area { position:absolute; right:0; top:10px}



 /* paging */
.paging { overflow: hidden; margin:20px auto 0; width:100%; text-align: center;}
.paging strong { display:inline-block; font-size:14px; font-weight:500; background:#fff; border:1px solid #333; width:38px; height:38px; padding: 0; margin: 0px 2px; color: #000; line-height:36px; vertical-align: top;}
.paging a { display:inline-block; height:38px; padding:1px 20px 4px; line-height:38px; vertical-align: top; font-size:14px; color:#666}   
.paging a:hover { color:#333; text-decoration: none;}
.paging a.stimg { display: inline-block; padding: 0; width:38px; border:1px solid #ddd;  text-decoration: none;}
.paging a.stimg img { display: inline-block; padding: 0px; margin: 0px; border: 0; text-decoration: none; vertical-align: top;}
.paging a.stimg:hover {text-decoration: none;}*/






/* layerPop
.layerPop_warp { display:none; position: relative; width: auto; opacity: 0; padding: 0;background-color: #fff; z-index:99999999}
.layerPop { width:640px; height:450px; padding:10px 20px;}
.layerPop h4 { font-size:22px; color:#000; letter-spacing:-2px; padding-bottom:10px; border-bottom:2px solid #000}
.layerPop .layerPop_cont { padding:20px;}
.b-close {position: absolute; right:20px; top:15px; padding:0px; display:inline-block; cursor:pointer;} */

/* tbl 아이콘 타이틀*/
.tbl_tit { border-top:1px dotted #939393; border-bottom:1px dotted #939393; margin:40px auto; overflow:hidden; font-size:16px; font-weight:500; color:#333;}
.tbl_tit dl { padding:15px}
.tbl_tit dt {display:inline-block; margin-right:10px; vertical-align:middle }
.tbl_tit dt.bg_bbs_tit01 { background:url('/img/common/bg_bbs_tit01.png') no-repeat 0 0; width:64px; height:60px; }
.tbl_tit dt.bg_bbs_tit02 { background:url('/img/common/bg_bbs_tit02.png') no-repeat 0 0; width:45px; height:54px; }
.tbl_tit dd { display:inline-block; vertical-align:middle}

 
 /* 개인정보동의 */
.tbl_agree_cont { position:relative; overflow:hidden; border:1px solid #ddd; padding:15px; margin:20px 0;}
.tbl_agree_cont h4 { font-weight:500; color:#333; font-size:15px; letter-spacing:-0.7pt; padding:0 0 10px 0}
.tbl_agree_cont .agree_txt { padding:20px; background:#f9f9f9}
.tbl_agree_cont .agree_txt ul { list-style-type: decimal !important; margin-left:20px}
.tbl_agree_cont .agree_txt li { padding-bottom:10px}
.tbl_agree_cont .agree { text-align:center; padding:8px 0 0 0; font-weight:100; color:#333; letter-spacing:-0.5pt;}

/* 버튼디자인 */
.btn_grop { position:relative; margin:40px auto; text-align:center}
.btn_gropa:after { content:""; display:block; clear:both; }
.btn { height:32px; padding:0 20px; font-size:14px;text-align:center; line-height:30px; box-sizing:border-box; vertical-align: middle;} /*버튼 기본사이즈(input)*/
.btn:hover { text-decoration:none}
.btn_search {display:inline-block; color:#fff; border:1px solid #787c85; background:#787c85; vertical-align:top; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn_search:hover  {background:#373b42; border:1px solid #373b42; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn2 { height:42px; padding:0 25px; font-size:15px; text-align:center; line-height:40px; font-weight:400; box-sizing:border-box; vertical-align: middle;} /*버튼 큰사이즈(input)*/
.btn2:hover { text-decoration:none}
.btn3 { height:52px; padding:0 30px; font-size:15px; text-align:center; line-height:50px; font-weight:400; box-sizing:border-box; vertical-align: middle;} /*버튼 큰사이즈(input)*/
.btn3:hover { text-decoration:none}
.btn_w  {display:inline-block; color:#787c85; border:1px solid #acacac; background:#fff; vertical-align:top; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn_w:hover  {background:#fff; color:#333; border:1px solid #333; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn_g  {display:inline-block; color:#fff !important; border:1px solid #5d5d5d; background:#5d5d5d; vertical-align:top; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn_g:hover  {background:#000; color:#fff !important ; border:1px solid #000; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn_plus_line,
.btn_plus_line a { display:inline-block; border:1px solid #37aad9; background-image: none; background: #fff url('../images/ico/icon_plus.png') no-repeat 20px 50%; padding-left:34px; color:#37aad9 !important; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1);}
.btn_plus_line:hover,
.btn_plus_line:focus {border:1px solid #37aad9; background-position:0 -15px; background:#37aad9 url('../images/ico/icon_plus_on.png') no-repeat 20px 50%; color:#fff !important; text-decoration:none; transition:all 0.15s cubic-bezier(0.7, 0, 0.3, 1);}

.btn_b_line,
.btn_b_line a { display:inline-block; border:1px solid #737373; color:#737373 !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}/*회색라인*/
.btn_b_line:hover,
.btn_b_line:focus {border:1px solid #333; background:#333; color:#fff !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn_b_fill,
.btn_b_fill a { display:inline-block; border:1px solid #498fc7; background:#498fc7; color:#fff !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} /*레드*/
.btn_b_fill:hover,
.btn_b_fill:focus {border:1px solid #196bad; background:#196bad; color:#fff !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn_c_fill,
.btn_c_fill a { display:inline-block; border:1px solid #265fb2; background:#265fb2; color:#fff !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}/*회색*/
.btn_c_fill:hover,
.btn_c_fill:focus {border:1px solid #333; background:#333; color:#fff !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}

.btn_d_line,
.btn_d_line a { display:inline-block; border:1px solid #c30f18; color:#c30f18 !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}/*회색라인*/
.btn_d_line:hover,
.btn_d_line:focus {border:1px solid #c30f18; background:#c30f18; color:#fff !important; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}


/* 상태표시 버튼 */
a.sta_btn1 {display:inline-block;padding:3px 10px; vertical-align: middle; text-align:center; font-size:12px; color:#423e37; border:1px solid #908b83; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
a.sta_btn1:hover { color:#fff; border:1px solid #908b83; background:#908b83; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.sta_ing {display:inline-block; padding:0 10px; width:80px; height:30px; line-height:26px; text-align:center; font-size:15px; color:#fff; border:1px solid #27aa88; background:#27aa88}
.sta_end {display:inline-block; padding:0 10px; width:80px; height:30px; line-height:26px; text-align:center; font-size:15px; color:#fff; border:1px solid #afb3b9; background:#b3b6bd}
.sta_modi {display:inline-block; padding:0 3px 2px 3px; width:60px; text-align:center; font-size:12px; color:#9f9f9f; border:1px solid #afb3b9;}

/* 아이콘 버튼스타일 */
.btn_area { margin:20px auto}
.btn_area:after { content:""; display:block; clear:both; }
.btn_download {display:inline-block; background:#434343 url('../images/ico/btn_down.png') no-repeat right 8px center; border:#434343 solid 1px; padding-right:35px; font-size:13px; }
.btn_download span{display:inline-block; background-color:#FFF; padding:6px 20px; color:#434343;}



/* 캡챠 자동등록(입력)방지 기본 */
#captcha { display:inline-block; position:relative}
#captcha legend { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
#captcha #captcha_img { width:100px; height:41px; border:1px solid #d8d8d8}
#captcha #captcha_mp3 { position:absolute; top:0; left:101px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer}
#captcha #captcha_mp3:focus{ border: 1px solid #000; height: 21px;}
#captcha #captcha_mp3 span { position:absolute; top:0; left:0; width:23px; height:22px; background:url('/plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload { position:absolute; top:21px; left:101px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer}
#captcha #captcha_reload:focus{ border: 1px solid #003399; height: 21px;}
#captcha #captcha_reload span { position:absolute; top:0; left:0; width:23px; height:22px; background:url('/plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key { margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #d8d8d8; background:#f7f7f7; font-weight:bold; text-align:center; vertical-align:top}
#captcha #captcha_info { display:block;margin:5px 0 0; font-size:13px;}



/*radio 디자인*/
.radioWarp input[type="radio"]{ display:none;}
.radioWarp label{ position:relative; color:#333; display:inline-block; width:108px; height:40px; line-height:40px; border:1px solid #ddd; text-align:center }
.radioWarp label::before {  }
.radioWarp input[type="radio"]:checked + label::before {  border:1px solid #265fb2; }
.radioWarp input[type="radio"]:checked + label { border:1px solid #265fb2; color:#265fb2 !important; font-weight:500 !important}

/*form 컨텐츠*/
.check_warp .inp_text_2 { width:42.10526%}
.phone_warp .inp_select_2 { width:100px}
.phone_warp .inp_text_2 { width:100px}
.email_wrap .inp_text_2 { width:21.05263%;}
.email_wrap .inp_select_2 { width:15.78947%;}
.address_wrap .inp_text_1 { margin-top:5px;}
.address_wrap .inp_text_2 { width:100px;}
.select_wrap .inp_select_2 { width:21.05263%;}


html {
  font-size: 0.750em;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

input.inp_calendar{ background:url('../../img/icon/icon_calendar.png') no-repeat; background-position: right 10px center; background-size: 17px 16px; cursor: pointer;}
*/
/* input */
.in_wp100 {width: 100px !important}
.in_wp110 {width: 110px !important}
.in_wp120 {width: 120px !important}
.in_wp130 {width: 130px !important}
.in_wp140 {width: 140px !important}
.in_wp150 {width: 150px !important}

.in_w100 { width:100% !important;}
.in_w90 { width:90% !important;}

.inp_text_1 { width:100%}
.inp_text_2 { width:42.10526%}
.inp_text_21 { width:43.82558%}
.inp_text_3 { width:21.05263%}

.inp_text_food_1 { width:50px}
.inp_text_food_2 { width:100px}
.inp_text_food_3 { width:500px}

.inp_select { width:100%;}
.inp_select_2 { width:21.05263%;}

.inp_radio { display: inline-block; margin: 0 25px 0 0; padding: 2px 0;}
.inp_radio:first-child { margin-left: 0;}

   
/* align */
.alignl {text-align: left!important;}
.alignr {text-align: right;}
.alignc {text-align: center;}

.clearb {clear: both;}
.fl_left {float: left;}
.fl_right {float: right;}
.ableft {position: absolute; left: 0; top: 0;}
.abright {position: absolute; right: 0; top: 0;}

.vertical_top {vertical-align: top;}

@media all and (max-width:1200px){
	
	/*페이징 공통*/
	.paging > a {width:34px; height:32px; margin:0 3.5px;}
	.paging ol li {width:34px; height:32px; margin:0 3.5px;}
	.paging ol li a {line-height:32px;}

}





@media (max-width:1024px){
	/* input Size */
	.inp_text_21 { width:100%}
}

/* 모바일 */
@media (max-width:960px) { 
	
}

@media (max-width:767px){	
	
	/* bbs_search_area */
	.tbl_search_area .total { float:none; padding-top:10px;}
	.tbl_search_area .search  { float:none; text-align:center}
	.tbl_search_area .search select { display:block; width:100%; margin-bottom:5px} 
	.tbl_search_area .search input.serch_box{ width:calc( 100% - 85px );}

	/* bbs_list */
	.tbl_list {display:block; width:100%; table-layout: fixed}
	.tbl_list colgroup,
	.tbl_list thead {display:none;}
	.tbl_list tbody tr { display:inline-block; display:block; padding:10px 0; border-bottom:1px solid #e1e1e1;}
	.tbl_list tbody th,
	.tbl_list tbody td { display:inline-block; width:auto !important; border-left:0; border-bottom:0 ;padding:0; text-align:left; }
	.tbl_list [data-cell-header]:before { content: attr(data-cell-header); display: inline-block; color: #555;
  margin-right:3px; } /*모바일에서 게시물 구분이름 표시*/
	.tbl_list .num,
	.tbl_list .cate { display:inline-block; font-size:14px; margin-bottom:5px  }
	.tbl_list .cate { color:#000; font-weight:500 }
	.tbl_list .title { display:block; text-align:left; overflow:hidden; padding-bottom:5px; border-bottom:0; overflow:hidden; /*white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');*/}
	.tbl_list .title a { color:#000;}
	.tbl_list .writer, 
	.tbl_list .date,
	.tbl_list .hits,
	.tbl_list .file { display:inline-block; margin-left:0; padding-top:0; width:auto !important; text-align:left; color:#848484; font-size:13px;}
	.tbl_list .date,
	.tbl_list .hits { border-right:1px solid #ddd; line-height:14px; padding:0 5px 0 0}

	/* bbs_view */
	.tbl_view .view_title { padding:14px 20px 14px 10px;}
	.tbl_view .view_info { text-align:left }
	.tbl_view .view_info span { display:block; font-size:14px; margin-right:0}
	.tbl_view .attach_wrap dl { padding:12px 10px; font-size:14px }
	.tbl_view .attach_wrap dl dt { float:none; padding:5px 15px 0;}
	.tbl_view .attach_wrap dl dd { float:none; padding:5px 15px;}
	.tbl_view colgroup {display:none;}
    .tbl_view table th {display: block; width:auto; padding: 10px; text-align:left; border-right: none;}
    .tbl_view table td {display: block; width:auto; padding: 10px;}
	.tbl_view td div.file_area input[type=file] { width:calc( 100% - 30px ); margin-bottom:5px}
	.tbl_view tbody th.line_btm,
	.tbl_view tbody td.line_btm  { border-bottom:1px solid #CCC !important}
	.tbl_view tbody th.line_ri { border-right:none;border-bottom:1px solid # CCC !important}
	
	/* bbs_write */
	.tbl_write colgroup {display:none;}
    .tbl_write table th {display: block; width:auto; padding: 10px; text-align:left; border-right: none;}
    .tbl_write table td {display: block; width:auto; padding: 10px;}
	.tbl_write td div.file_area input[type=file] { width:calc( 100% - 30px ); margin-bottom:5px}
	.tbl_write tbody th.line_btm,
	.tbl_write tbody td.line_btm  { border-bottom:1px solid #CCC !important}
	.tbl_write tbody th.line_ri { border-right:none;border-bottom:1px solid # CCC !important}
	
	/* bbs passwoard */
	.tbl_pw { width:100%; }
	.tbl_pw td input[type="password"] { width:calc( 100% - 80px ); }
	
	
	/* bbs 아이콘 타이틀*/
	.tbl_tit { margin:20px auto; font-size:16px;}
	.tbl_tit dl { padding:10px}
	.tbl_tit dt {display:inline-block; width:10%; margin-right:5px; vertical-align:middle }
	.tbl_tit dt.bg_bbs_tit01 { background-size:100%; width:40px; height:38px}
	.tbl_tit dt.bg_bbs_tit02 { background-size:100%; width:35px; height:42px}
	.tbl_tit dd { width: 80% }


	/*comment*/
	.comment_cont .comment_write .comment_text textarea {width:calc( 100% ); height:80px;}
	.comment_cont .comment_write .comment_text .btn_comment { display:block; line-height:34px; float: none; text-align: center; width:100%; border-top:1px solid #ddd;border-left: none; height:34px;}
	.comment_cont .comment_write .comment_text .btn_comment span {padding-left:0}
	
	
	/*press*/
	.press li { width:calc((100% - 20px) / 2); padding:30px 25px;   }
	.press li:nth-child(2n+1) { margin-left:10px; }
	.press li:nth-child(3n+1) { margin-left:10px; }
	.press li .txt_box .tit { font-size:18px; }
	.press li .txt_box .txt { font-size:14px}

	
	/*form 컨텐츠*/
	.check_warp .inp_text_2 { width:calc( 100% - 93px ); }
	.phone_warp .inp_select_2 { width:30.35714%}
	.phone_warp .inp_text_2 { width:30.35714%}
	.email_wrap .inp_text_2 { width: 46.42857%;}
	.email_wrap .inp_select_2 { width: 100%; margin-top:5px;}
	.select_wrap .inp_select_2 { width: 100%; margin-top:5px;}
	
	/* input Size */
	.inp_text_2 { width:100%}
	.inp_text_3 { width:100%}
}






@media (max-width: 460px){	

	
	.tbl_list td .memberLIst li span { display:block; width:auto; }
	.tbl_list td .memberLIst li span:after { display:none}
	.tbl_list td .memberLIst li em { display:block; width:100%}
	
	/* tbl 아이콘 타이틀*/
	.tbl_tit dt {margin-right:0;  }
	.tbl_tit dt.bg_bbs_tit01 { background-size:100%; width:30px; height:28px}
	.tbl_tit dt.bg_bbs_tit02 { background-size:100%; width:25px; height:32px}
	
	/*tbl_view*/
	.tbl_view .attach_wrap dl dt { display: block;  width:100%; }
	.tbl_view .attach_wrap dl dd { display: block;width:100%; border-left: none}
	
	/*press*/
	.press li { width:calc(100%); padding:30px 25px;   }
	.press li ~ li { margin-left:0;}
	.press li:nth-child(2n+1) { margin-left:0; }
	.press li:nth-child(3n+1) { margin-left:0; }
	.press li .txt_box .tit { font-size:18px; }
	.press li .txt_box .txt { font-size:14px}
	
	/*페이징 공통*/
	.paging ol li {margin:0; width:27px; height:27px;}
	.paging ol li a {line-height:27px;}
	.paging > a {margin:0; width:27px; height:27px;}

 
}