@charset "utf-8";

#sub_menu{width: 100%; background-color: #4B9B61;}
#sub_menu ul{display: block; width: 1000px; margin: 0 auto; overflow: hidden; text-align: center;}
#sub_menu ul li{width: 50%; float: left; position:relative;}
#sub_menu ul li a{display: block; width:100%; height: 100%; color: #fff; padding: 15px 0; font-size: 19px;}
#sub_menu ul li a.on{background-color: #fff; color: #4B9B61;}
#sub_menu ul li a:hover, #sub_menu ul li a:focus{text-decoration: none; background-color: #fff; color: #4B9B61;}

#contents h3{text-align: center; font-size: 37px; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 24px;}
#contents .tbl1{border-collapse: collapse;}
#contents .tbl1 tr{border-bottom: 1px solid #eee;}
#contents .tbl1 tr th{text-align: left; padding-left: 40px; line-height: 50px;}
#contents .tbl1 tr td{}
#contents .tbl1 tr td input[type="text"], #contents .tbl1 tr td input[type="password"]{padding: 3px; border: 1px solid #ddd;}
#contents .tbl1 tr td input[type="text"]#wr_name{width: 300px;}
#contents .tbl1 tr td input[type="text"]#wr_2{width: 500px;}
#contents .tbl1 tr td input[type="text"]#wr_subject{width: 600px;}
#contents .tbl1 tr td input[type="file"]{margin-top: 5px;}
#contents .tbl1 tr td .notice{font-size: 13px; color: #e83232;}
#contents .tbl1 tr td #wr_content{box-sizing: border-box; border: 1px solid #ddd;}
#contents .tbl1 tr td.td_content{padding: 25px;}
#contents .tbl1 tr td.td_files{padding: 25px;}
#contents .btn_confirm{text-align: center; margin-top: 20px;}
#contents #btn_submit{border: 1px solid #e83232; background-color: #e83232; padding: 7px; color: #fff; cursor: pointer;}
#contents #btn_submit:hover{background-color: #fff; color: #e83232;}


.sound_only{display: none;}


/* list */
.btns a{border: 1px solid #4B9B61; padding: 7px 10px 7px 10px; background-color: #4B9B61; color: #fff; display: inline-block;}
.btns a:link, .btns a:hover, .btns a:focus{color: #fff; text-decoration: none;}
#contents .total_page{overflow: hidden; margin-bottom: 10px;}
#contents .total_page .btns{float: right;}

#contents .tbl2{border: 1px solid #ddd; border-collapse: collapse;}
#contents .tbl2 th{border: 1px solid #ddd; background-color: #eee; padding: 10px;}
#contents .tbl2 td{border: 1px solid #ddd; padding: 10px; text-align: center;}
#contents .tbl2 td.td_subject{text-align: left; padding: 0 20px ;}
#contents .tbl2 td.td_subject .done{display: inline-block; border: 1px solid #4B9B61; padding: 0 5px; margin-left: 5px; font-size: 12px; background-color: #4B9B61; color: #fff;}


.new{display: inline-block; margin: 0 3px; width: 8px; padding: 0 4px; font-size: 11px;
    border-radius: 3px; -webkit-border-radius: 3px; background-color: #92b901; color: #fff; -webkit-animation-name: example; /* Chrome, Safari, Opera */ -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ -webkit-animation-iteration-count: infinite; animation-name: example; animation-duration: 2s; animation-iteration-count: infinite;}

/* Chrome, Safari, Opera */
@-webkit-keyframes example {
    0% {background-color: #92b901;}
    100% {background-color: #1ec7e6;}
}

/* Standard syntax */
@keyframes example {
    0% {background-color: #92b901;}
    100% {background-color: #1ec7e6;}
}



/* view */
.bo_subject{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 9px 20px 9px 20px; background-color: #fcfcfc; font-weight: bold; font-size: 24px;}
.estimate table td .contents{min-height: 200px; padding: 15px; text-align: left;}
.btns{text-align: right; margin-bottom: 7px;}
.notice{font-size: 12px; color: #da3939;}
.tbl_wrap{padding: 20px; border: 1px solid #ddd; border-top: 2px solid #184675; margin-bottom: 20px;}
.tbl_wrap table{width: 100%;}
.tbl_wrap table .wr_content .sound_only{display: none;}
.tbl_wrap table .wr_content .cke_sc{display: none;}
.tbl_wrap.estimatetable td{padding: 10px 0; border-bottom:1px dotted #ddd; vertical-align: middle;}
.tbl_wrap table td input[type="text"],  .tbl_wrap table td input[type="file"],  .tbl_wrap table td input[type="password"],  .tbl_wrap table td input[type="email"]{padding: 3px; /*width: 100%;*/ border-radius: 0; font-size: 16px; border: 1px solid #ddd;}
.tbl_wrap table td input[type="file"]{width: 100%;}
.btn_confirm{text-align: center; margin-top: 17px;}
#btn_submit{margin-left: 10px; border: 1px solid #DA3939; background-color: #DA3939; padding: 8px; color: #fff; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
#btn_submit:hover{background-color: #DA3939; color: #fff; text-decoration: underline;}
.tbl_wrap table legend{display: none;}
.tbl_wrap #captcha_mp3{display: none;}
.tbl_wrap #captcha_reload{background-color: #fff; border: 1px solid #000; padding: 5px; color: #000; border-radius: 5px; margin-right: 10px;}
.tbl_wrap table td #captcha_key{width: 80px; margin-left: 15px;}
.tbl_wrap table th{text-align: left; padding-left: 29px; color: #333; vertical-align: middle; height: 40px; font-weight: bold;  border-bottom:1px dotted #ddd; font-size: 16px;}
.tbl_wrap table td{text-align: left; padding-left: 29px; color: #333; vertical-align: middle; height: 40px;  border-bottom:1px dotted #ddd; font-size: 16px;}
.tbl_wrap table td{text-align: left; padding-left: 29px; color: #333; vertical-align: middle; height: 40px;  border-bottom:1px dotted #ddd; font-size: 16px;}
.tbl_wrap #wr_content{width: 848px; height: 70px;}
#wr_content{border: 1px solid #ddd; font-size: 18px;}
#bo_vc_w .tbl_wrap{background: #F6F6F6; padding: 20px;}
#bo_vc_w .tbl_wrap table #btn_submit{position: absolute; top: 1%; margin-left: 10px; border: 1px solid #4B9B61; background-color: #fff; padding: 27px; color: #4B9B61;}
#bo_vc_w .tbl_wrap table #btn_submit:hover{background-color: #4B9B61; color: #fff; text-decoration: none;}
#bo_vc_w .tbl_wrap table td{text-align: left; color: #333; vertical-align: middle; height: 40px; font-size: 16px; border: 0; padding: 0;}


#sec_comment1{margin: 20px 0;}
#sec_comment1 .content_wrapper{background: #F6F6F6;}
#sec_comment1 .content_wrapper .wr_name{font-size: 16px; font-weight: 700;}
#sec_comment1 .content_wrapper .wr_datetime{display: inline-block; margin: 0 15px 0 5px; font-size: 13px;}
#sec_comment1 .content_wrapper article{padding: 10px 30px 10px 30px; position: relative; border-bottom: 1px solid #ddd;}
#sec_comment1 .content_wrapper article img.icon_reply{position: absolute; top: 15px; left: 11px;}
#sec_comment1 .content_wrapper article footer{position: absolute; top: 10px; right: 21px;}
#sec_comment1 .tbl_wrap #captcha_mp3{display: none;}
#sec_comment1 .tbl_wrap #captcha_reload{background-color: #fff; border: 1px solid #000; padding: 5px; color: #000; border-radius: 5px; margin-right: 10px;}
#sec_comment1 .tbl_wrap td{padding-bottom: 5px;}
#sec_comment1 .tbl_wrap td input[type="text"], #sec_comment1 .tbl_wrap td input[type="password"], #sec_comment1 .tbl_wrap td input[type="email"]{padding: 3px;}
#sec_comment1 .tbl_wrap #wr_secret{margin-top: 0; margin-left: 5px;}
#sec_comment1 .tbl_wrap table{width: 100%;}
#sec_comment1 .tbl_wrap table #btn_submit{position: absolute; top: 1%; margin-left: 10px; border: 1px solid #ff0000; background-color: #fff; padding: 27px; color: #ff0000;}
#sec_comment1 .tbl_wrap table #btn_submit:hover{background-color: #ff0000; color: #fff;}
#sec_comment1 .table>tbody>tr>td, #bo_vc_w .table>tbody>tr>th, #bo_vc_w .table>tfoot>tr>td, #bo_vc_w .table>tfoot>tr>th, #bo_vc_w .table>thead>tr>td, #bo_vc_w .table>thead>tr>th{padding-top: 0; padding-left: 0; padding-right: 0; border: 0; line-height: inherit; vertical-align: middle;}
#sec_comment1 .table{margin-bottom: 0;}
#sec_comment1 .tbl_wrap #captcha span{font-size: 12px;}
#sec_comment1 .tbl_wrap legend{width: 0%;}
#sec_comment1 .tbl_wrap #wr_content{width: 570px; height: 72px;}
#sec_comment1 .comments{margin: 20px 0;}

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1; font-size: 13px;}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}