@charset "utf-8";

/*font + */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700&display=swap');

/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Montserrat', sans-serif;
*/

@import url("default.css");
@import url("layout.css");

/* 폰트, color는 디자인가이드에 맞게사용 */
body { overflow-x:hidden;}
body,html {width:100%; font-size:14px; color:#666; font-family: 'Open Sans', sans-serif; letter-spacing:-0.5px;}


/* 공통 */
.hidden {display:block; position:absolute; overflow:hidden; top: -999999px; left: -999999px; width: 1px; height: 1px; font-size: 0; text-indent: -999999px; line-height: 0;}
.clearfix {display: block;}
.clearfix:after { content:""; display:block; clear:both; }
.block { display: block}

/* bbs_search_area */
.tbl_search_area { position:relative; overflow:hidden; margin-bottom:10px; font-size:14px  }
.tbl_search_area .total { float:left; padding-top:10px;}
.tbl_search_area .total span { color:#333; font-weight:600}
.tbl_search_area .search { float:right; text-align:right }
.tbl_search_area .search input.serch_box{ width:150px;}

/* bbs_list*/
.tbl_list {width:100%; table-layout:fixed; margin:10px 0; border-top:2px solid #4e5059; word-break:break-all; }
.tbl_list thead th { padding:15px 15px; font-size:15px; border-bottom:1px solid #9ca6b1}
.tbl_list tbody td { border-left:1px solid #e1e1e1; font-size:14px }
.tbl_list tbody td:first-child { border-left:none}
.tbl_list tbody th, .tbl_list tbody td { padding:15px 15px; border-bottom:1px solid #e1e1e1; text-align:center}
.tbl_list .title { text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.tbl_list .title>a { font-weight:600  }
.tbl_list .title>a:hover {text-decoration:underline;}
.tbl_list tr.notice_bg {background:#f6f8fa;}
.tbl_list td.reply {padding-left:44px; background: url('../img/common/icon_reply.png') no-repeat 9px 13px;}
.tbl_list td img { padding-left:5px; vertical-align:middle !important}
.tbl_list td .memberLIst { text-align:left}
.tbl_list td .memberLIst li { margin-bottom:5px;}
.tbl_list td .memberLIst li:first-child { float:left; width:50%}
.tbl_list td .memberLIst li span { position:relative; display: inline-block; width:100px; color:#000; }
.tbl_list td .memberLIst li span:after { content:"l"; display:block; position:absolute; right:0; top:0; color:#ddd;}
.tbl_list td .memberLIst li em { padding-left:10px; width:80%}
.tbl_list td .memberLIst li em:first-child  {width:40% !important}

/* bbs_view */
.tbl_view  { border-top: 2px solid #4e5059; font-size:15px;}
.tbl_view .view_title { padding:14px 20px; font-size:20px; font-weight:600; color:#000; border-bottom:1px solid #e3e5e9; background:#f8f8f8; letter-spacing:-1px}
.tbl_view .view_info { font-size:14px; border-bottom:1px solid #e3e5e9; padding:10px; }
.tbl_view .view_info span { margin-right:25px}
.tbl_view .context { padding:25px 20px; border-bottom:1px solid #e3e5e9; word-break:break-all;}
.tbl_view .context .thumb { text-align:center; margin-bottom:20px; max-width:720px; margin:0 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('../img/sub/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 { border-bottom:1px solid #e3e5e9;}
.tbl_view .attach_wrap dl { font-size:14px}
.tbl_view .attach_wrap dl:after { content: ''; clear:both; display:block;}
.tbl_view .attach_wrap dl dt { float:left; padding:12px 10px; vertical-align:middle; color:#2f2f2f; background:;}
.tbl_view .attach_wrap dl dd { float:left; padding:12px 0px; vertical-align:middle;}
.tbl_view .attach_wrap dl dd a { display:inline-block; padding-left:20px; background: url("../img/common/icon_sfile.png") no-repeat 0 0.4em; color:#919191}
.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; }

.tbl_view2 table { width:100%; table-layout: fixed; line-height:1.3em;}
.tbl_view2 th { padding:15px 10px; font-weight:normal; border:1px solid #ddd; text-align:center; color:#2f3743; background:#fafafb;}
.tbl_view2 td { position:relative; padding:15px 10px; border:1px solid #ddd;  text-align:center; vertical-align: middle;  }
.tbl_view2 th:first-child,
.tbl_view2 td:first-child  {border-left: none;}		
.tbl_view2 .essential { color:#F60; padding-right:3px}
.tbl_view2 tbody th.line_btm,
.tbl_view2 tbody td.line_btm  { border-bottom:1px solid #666 !important}
.tbl_view2 tbody th.line_ri { border-right:1px solid #ddd;border-bottom:1px solid #999 !important}
.tbl_view2 tbody td.line_ri { border-right:1px solid #ddd; !important}
.tbl_view2 tbody td.none_le { border-left:none;}
.tbl_view2 tbody th.none_ri { border-right:none;}
.tbl_view2 tbody td.none_ri { border-right:none;}
.tbl_view2 tbody td.tal { text-align:left;}
.tbl_view2 td .inp_row input { margin-bottom:5px}
.tbl_view2 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('../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('../img/common/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 10px; 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 10px; border-bottom: 1px solid #e3e5e9; text-align:left; vertical-align: middle;  }
.tbl_write th.tac { text-align:center;}		
.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}

/* 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; padding:5px 0 5px} 
.gallTy_list li { float:left; width:32%; margin:0 1.7% 1.5% 0; border:1px solid #ccc; box-sizing:border-box;}
.gallTy_list li:nth-child(3n) { margin-right:0}
/*.gallTy_list li:hover { border:1px solid #000; box-shadow: 0px 3px 4px 2px rgba(0, 0, 0, 0.1); transform:translateY(-1px); transition:transform 220ms; }
.gallTy_list li a{ text-decoration:none}*/
.gallTy_list .thumb { display:block; overflow:hidden; width:100%; height:195px; margin:0 auto; position:relative; text-align:center}
.gallTy_list .thumb img { display:block; transition:all .3s; margin:0 auto; width:100%; height:100%}
.gallTy_list .info { padding:3%; height:65px; table-layout:fixed }
.gallTy_list .thumb_dep { clear:both; padding:3%;}
.gallTy_list .thumb_dep .comp_name { display:block; font-size:16px; color:#000; font-weight:500; padding-bottom:10px;}
.gallTy_list .thumb_dep .comp_name .labelA { padding: 4px 8px; background:#c1ad40; border-radius:3px; font-size:12px !important; color:#fff;}
.gallTy_list .thumb_dep .comp_name .labelB { padding: 4px 8px; background:#93bc19; border-radius:3px; font-size:12px !important; color:#fff;}
.gallTy_list .thumb_dep .comp_addr { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0}
.gallTy_list .thumb_dep .comp_addr a:hover { text-decoration:underline !important }
.gallTy_list .thumb_dep .comp_info dl {display:block; clear:both; padding:0; font-size:13px; height:25px; }
.gallTy_list .thumb_dep .comp_info dl dt{ float:left; width:22px; height:22px; margin-right:5px;vertical-align:middle}
.gallTy_list .thumb_dep .comp_info dl dt.ico01 { background:url('/img/common/icon_tel.png') no-repeat 0 0}
.gallTy_list .thumb_dep .comp_info dl dt.ico02 { background:url('/img/common/icon_link.png') no-repeat 0 0}
.gallTy_list .thumb_dep .comp_info dl dd { float:left; }
.gallTy_list .thumb_dep .comp_info dl dd a:hover { text-decoration:underline !important }




/*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('/img/common/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}

/* schedule */
.schedule_list { position:relative; overflow:hidden; border-bottom:1px dotted #333; padding-bottom:20px; margin:-10px 0 20px }
.schedule_list:after { content:""; clear:both; overflow:hidden}
.schedule_list .time { float:left; width:80px; height:80px; border:1px solid #f9863c; text-align:center; overflow:hidden }
.schedule_list .time .t1 { display:block; font-size:30px; color:#f9863c; padding-top:4px}
.schedule_list .time .t2 { display:block; font-size:14px; color:#f9863c;}
.schedule_list .list { float:left; margin-left:15px; font-size:18px; }
.schedule_list .list li { padding-bottom:5px;  }
.schedule_list .list li span { font-weight:500; margin-right:5px;  font-size:18px;}
.schedule_control{ margin:0 auto 20px; text-align:center }
.schedule_control span em{ font-size:24px; color:#000; font-weight:600; padding:0 10px}
.schedule_control a>img{ vertical-align:-8px;  } 

.schdule {display:block; overflow:hidden; width:100%; margin:6px 0 10px 0; border-top:2px solid #45474d;}
.schdule table { width:100%; table-layout:fixed; border-left:1px solid #d2d4d6;}
.schdule th { text-align:center; color:#fff; font-weight:500; border-collapse:collapse; padding:8px 0 8px 0; background:#333 ; border-bottom:2px solid #333; border-right:1px solid #000;}
.schdule th:nth-child(1), .schdule td:nth-child(1) {color:#f00;}
.schdule th:nth-child(7), .schdule td:nth-child(7) {color:#2f65aa;}
.schdule td { text-align:left; color:#666; font-weight:600; border-bottom:1px solid #d2d4d6; border-right:1px solid #d2d4d6;padding:8px; width:14.286%; height:80px; vertical-align:top;font-size:18px;}
.schdule td a.a1{z-index:20; display:block; position:relative; overflow:hidden;}
.schdule td a.a1 span {display:block; padding-left:13px; color:#777; font-weight:400; line-height:1.5; font-size:12.5px; text-overflow: ellipsis; white-space: nowrap; overflow : hidden; }
.schdule td a.a1 span.stit {color:#777; background:url("/img/common/icon_schdule.png")no-repeat 0 3px;}
.schdule td.bg_today { background:#f8fade; overflow:hidden; }
.schdule td.linex { border:1px solid #fff;font-size:14px; font-weight:500; color:#7c7c7c; }

.line { border: none}

 /* paging */
.paging {overflow: hidden; width:100%; margin:20px 0; text-align: center;}
.paging strong {display:inline-block; font-size: 12px; background:#ececec; width:25px; height:30px; padding: 0; margin: 0px 2px; font-weight: bold; color: #000; line-height:26px; vertical-align: top;}
.paging a {display:inline-block; height:28px; padding:1px 6px 1px; line-height:24px; vertical-align: top; font-size: 13px;}   
.paging a:hover {  color:#333; text-decoration: none;}
.paging a.stimg {display: inline-block; padding: 0; border: 0; 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;}

/* paging_mobie */
.paging_mobie { display: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}
.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('../../img/icon/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('../../img/icon/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:#fff; color:#333 !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 #737373; background:#737373; 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:3px 10px; width:80px; vertical-align: middle; text-align:center; font-size:15px; color:#c30f18; border:1px solid #c30f18;}
.sta_end {display:inline-block; padding:3px 10px; width:80px; vertical-align: middle; text-align:center; font-size:15px; color:#9f9f9f; border:1px solid #afb3b9;}
.sta_modi {display:inline-block; padding:0 3px 2px 3px; width:60px; vertical-align: middle; 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('/img/common/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;}

.btn_down { display:inline-block; padding:0 50px 0 15px; background:#3c3c3c url('../img/common/ico_down.png') 92% 13px no-repeat; border:1px solid #3c3c3c; font-size:15px; font-weight:500; color:#fff !important; line-height:46px; box-sizing:border-box; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; }
.btn_down:hover { border:1px solid #202020; background:#202020 url('../img/common/ico_down.png') 92% 18px no-repeat; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}


/* 캡챠 자동등록(입력)방지 기본 */
#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;}



/*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%;}

/* input & Select Type */
table {

}

hr {
  display: block;
  border: none;
  padding: 5px 0;
}

legend, caption, figcaption {
  position: absolute;
  top: 0;
  left: -99999px;
}

input,
textarea {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

input {
  margin: 0;
  font: inherit;
  color: inherit;
  vertical-align: middle;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="number"] {
  box-sizing: border-box;
  height: 32px;
  padding: 0 8px;
  border: 1px solid #d8d8d8;
  text-indent: 8px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus {
  border: 1px solid #000;
}

input[type="tel"] {
  text-align: center;
  text-indent: 0;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
}
input[type="checkbox"],
input[type="radio"] {
  width: 15px;
  height: 15px;
  padding: 0;
}
input[type='checkbox'] {
  -webkit-appearance: checkbox;
}
input[type='radio'] {
  -webkit-appearance: radio;
  -webkit-border-radius: 50%;
}
input:placeholder {
  color: #aaa;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #aaa;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #aaa;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #aaa;
}
input[readonly] {
  color: #767676;
  background: #f3f5f7;
  cursor: default;
}
input[readonly]:focus {
  outline: none;
  border: 1px solid #d8d8d8;
}
button {
  margin: 0;
  font: inherit;
  color: inherit;
  vertical-align: middle;
  cursor: pointer;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
textarea {
  margin: 0;
  padding: 8px;
  resize: none;
  font: inherit;
  color: inherit;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
  box-sizing: border-box;
  background: none;
  -webkit-overflow-scrolling: touch;
}
select {
  height: 32px;
  margin: 0;
  padding:0 30px 0 8px;
  font: inherit;
  color: inherit;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
  background: #fff;
  -webkit-border-radius: 0;
 -webkit-appearance: none; 
 -moz-appearance: none; 
 appearance: none;  
  background:#fff url('../img/common/bg_select_ico.png') no-repeat right 10px center;
}
select::-ms-expand {
       display: none;  
    }
select:disabled {
  color: #767676;
  background: #f3f5f7;
}
optgroup {
  font: inherit;
  color: inherit;
  margin: 0;
}
option {
  padding-left: 10px;
}
img {
  vertical-align: top;
}
address, em {
  font-style: normal;
}
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_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;}

   
/* Margin Set */
.ml5	{margin-left:5px;}	
.ml10	{margin-left:10px;}		
.ml15	{margin-left:15px;}		
.ml20	{margin-left:20px;}		
.ml25	{margin-left:25px;}		
.ml30	{margin-left:30px;}		
.ml35	{margin-left:35px;}		
.ml40	{margin-left:40px;}		
.ml45	{margin-left:45px;}		
.ml50	{margin-left:50px;}		
.mr5	{margin-right:5px;}	
.mr10	{margin-right:10px;}	
.mr15	{margin-right:15px;}	
.mr20	{margin-right:20px;}	
.mr25	{margin-right:25px;}	
.mr30	{margin-right:30px;}	
.mr35	{margin-right:35px;}	
.mr40	{margin-right:40px;}	
.mr45	{margin-right:45px;}	
.mr50	{margin-right:50px;}		
.mb5	{margin-bottom:5px;}	
.mb10	{margin-bottom:10px;}	
.mb15	{margin-bottom:15px;}	
.mb20	{margin-bottom:20px;}	
.mb25	{margin-bottom:25px;}	
.mb30	{margin-bottom:30px;}	
.mb35	{margin-bottom:35px;}	
.mb40	{margin-bottom:40px;}	
.mb45	{margin-bottom:45px;}	
.mb50	{margin-bottom:50px;}		
.mt5	{margin-top:5px;}	
.mt10	{margin-top:10px;}		
.mt15	{margin-top:15px;}		
.mt20	{margin-top:20px;}		
.mt25	{margin-top:25px;}		
.mt30	{margin-top:30px;}		
.mt35	{margin-top:35px;}		
.mt40	{margin-top:40px;}		
.mt45	{margin-top:45px;}		
.mt50	{margin-top:50px;}

/* Padding Set */
.pl1	{padding-left:1px;}  
.pl5	{padding-left:5px;}		
.pl10	{padding-left:10px;}	
.pl15	{padding-left:15px;}	
.pl16	{padding-left:16px;}
.pl20	{padding-left:20px;}	
.pl25	{padding-left:25px;}	
.pl30	{padding-left:30px;}	
.pl35	{padding-left:35px;}	
.pl40	{padding-left:40px;}	
.pl45	{padding-left:45px;}	
.pl50	{padding-left:50px;}	
.pr5	{padding-right:5px;}	
.pr10	{padding-right:10px;}	
.pr15	{padding-right:15px;}	
.pr20	{padding-right:20px;}	
.pr25	{padding-right:25px;}	
.pr30	{padding-right:30px;}	
.pr35	{padding-right:35px;}	
.pr40	{padding-right:40px;}	
.pr45	{padding-right:45px;}	
.pr50	{padding-right:50px;}
.pb5	{padding-bottom:5px;}	
.pb10	{padding-bottom:10px;}	
.pb15	{padding-bottom:15px;}	
.pb20	{padding-bottom:20px;}	
.pb25	{padding-bottom:25px;}	
.pb30	{padding-bottom:30px;}	
.pb35	{padding-bottom:35px;}	
.pb40	{padding-bottom:40px;}	
.pb45	{padding-bottom:45px;}	
.pb50	{padding-bottom:50px;}
.pt5	{padding-top:5px;}		
.pt10	{padding-top:10px;}		
.pt15	{padding-top:15px;}		
.pt20	{padding-top:20px;}		
.pt25	{padding-top:25px;}		
.pt30	{padding-top:30px;}		
.pt35	{padding-top:35px;}		
.pt40	{padding-top:40px;}		
.pt45	{padding-top:45px;}		
.pt50	{padding-top:50px;}

/* width Set */
.wi10 {width:10%;}
.wi15 {width:15%;}
.wi20 {width:20%;}
.wi25 {width:25%;}
.wi30 {width:30%;}
.wi35 {width:35%;}
.wi40 {width:40%;}
.wi45 {width:45%;}
.wi50 {width:50%;}
.wi55 {width:55%;}
.wi60 {width:60%;}
.wi65 {width:65%;}
.wi70 {width:70%;}
.wi75 {width:75%;}
.wi80 {width:80%;}
.wi85 {width:85%;}
.wi90 {width:90%;}
.wi95 {width:95%;}
.wi100 {width:100%;}


/* a css */
a {
    color: inherit;
	font-weight:inherit;
    /*outline: none !important; */
}
a:hover, a:focus {
    color: inherit;
    box-shadow: none;
    text-decoration: underline; 
}


/* 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;}

/* 텍스트 기본 색상 */
.fc_blue {color:#488bbd !important; }
.fc_red {color:#c90000 !important;}
.fc_skyblue {color:#07a7e3 !important; }
.fc_green {color:#2e9622 !important;}
.fc_org {color:#f9863c !important;}
.fc_bl {color:#000 !important;}
.bold {font-weight: bold;}

/* 텍스트 크기 */
.fs_11 { font-size:11px}
.fs_12 { font-size:12px}
.fs_13 { font-size:13px}
.fs_15 { font-size:15px}
.fs_16 { font-size:16px}
.fs_18 { font-size:18px; font-weight:500}




@media all and (max-width:1200px){
	

}





@media (max-width:1024px){
	
	
}


@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% - 95px );}

	/* 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 { display:block;}
	.tbl_list .title, { display:block;text-align:left; overflow:hidden; padding-bottom:8px; font-size:15px; border-bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
	.tbl_list .writer, 
	.tbl_list .date,
	.tbl_list .views,
	.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 .views { border-left:1px solid #ddd; line-height:14px; padding:0 5px}
	.tbl_list td .memberLIst li:first-child { float:none; width:auto}
	.tbl_list td .memberLIst li em { padding-left:10px; width:80%}
	.tbl_list td .memberLIst li em:first-child  {width:auto}

	/* bbs_view */
	.tbl_view .view_title { padding:14px 20px 14px 10px;}
	.tbl_view .view_info { }
	.tbl_view .view_info span { display:block; margin-right:0}
	.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% }
	
	/* galleryType */
	.gallTy_list li { width:48%; margin:0 1.7% 1.5% 0;}
	.gallTy_list li:nth-child(2n) { margin-right:0}
	.gallTy_list li:nth-child(3n) { margin-right:1.7%}
	
	/* layerPop */
	.layerPop { width:calc( 100% ); height:350px; padding:10px;}
	.layerPop h4 { font-size:18px; color:#000; letter-spacing:-2px; padding-bottom:5px; border-bottom:2px solid #000}
	.layerPop .layerPop_cont { padding:10px;}
	.b-close {right:20px; top:10px;;}

}





@media (max-width: 640px){
	
	/* table_list*/
	
	
	
	
	/*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}
	
	/* schedule */
	.schedule_list .time { float: none; width:100%; height:40px; margin-bottom:10px }
	.schedule_list .time .t1 { display:inline-block; font-size:24px; padding-top:0}
	.schedule_list .time .t2 { display:inline-block; }
	.schedule_list .list { float: none; margin-left:15px;  }
	
	.agree_cont .agree_txt { max-height:140px; overflow-y:scroll}
	
	/*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%}
	
	/* galleryType */
	.gallTy_list li { width:99%; margin:0 0 1.5% 0;}
	.gallTy_list li:nth-child(2n) { margin-right:1.7%}
	.gallTy_list li:nth-child(3n) { margin-right:1.7%}
	.gallTy_list .info { height: auto }

	/* 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}

 
}