@import url('../css/nav.css');
/*======================= 게시판 리스트 목록 =======================*/
#list_content {
}

.list_top_section {
    font-size: 0.813em;
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.list_top_section ul {
    overflow: hidden;
}

.list_top_section ul li {
    float: left;
    display: table;
}

ul.list_bar {
    padding: 7px 0 7px 0;
    border-top: 2px solid #737373;
    border-bottom: 1px solid #cbcbcb;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.09, #FCFCFC),
            color-stop(0.91, #F2F2F2)
    );
    background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
    /*background:#f0f0f0;*/
}

ul.list_bar li {
    text-align: center;
    font-weight: bold;
}

ul.list_type_list {
    border-bottom: 1px solid #ccc;
    display: block;
}

ul.list_type_list:hover {
    background: #fafafa;
}

ul.list_type_list li {
    display: table;
    text-align: center;
    min-height: 28px;
    line-height: 30px;
}

ul.list_type_list li img {
    vertical-align: middle;
}

ul.list_type_list li.cisno {
    width: 10%;
}

/*번호*/
ul.list_type_list li.cisstitle {
    text-align: left;
    width: 50%;
}

/*제목*/
ul.list_type_list li.cisdwritedate {
    width: 20%;
}

/*등록일*/
ul.list_type_list li.cisworshipdate {
    width: 20%;
}

/*설교일*/
ul.list_type_list li.cissname {
    width: 10%;
}

/*작성자*/
ul.list_type_list li.cisihit {
    width: 10%;
}

/*조회*/

ul.list_type_list li a {
    display: inline;
    padding: 5px 4px 5px 4px;
}

ul.list_type_list li a:hover {
    color: #2e99e4;
    transition: background 0.3s, color 1s;
    -moz-transition: background 0.3s, color 1s;
    -webkit-transition: background 0.3s, color 1s;
    -o-transition: background 0.3s, color 1s;
}

.list_top_section ul li.cisno {
    width: 10%;
}

/*번호*/
.list_top_section ul li.cisstitle {
    width: 50%;
}

/*제목*/
.list_top_section ul li.cisdwritedate {
    width: 20%;
}

/*등록일*/
.list_top_section ul li.cisworshipdate {
    width: 20%;
}

/*설교일*/
.list_top_section ul li.cissname {
    width: 10%;
}

/*작성자*/
.list_top_section ul li.cisihit {
    width: 10%;
}

/*조회*/

/* 공지사항 디자인*/
ul.notice_gongji {
    background: #dfe6ea;
}

ul.notice_gongji:hover {
    background: #dfe6ea
}

ul.notice_gongji li, ul.notice_gongji li a {
    font-weight: bold;
    color: #000;
}

span.category {
    display: block;
    min-height: 34px;
    float: left;
    margin-right: 6px;
    color: #969696;
}

span.chu {
    color: #fe8b58;
    line-height: 30px;
    font-size: 11px;
    display: inline-block;
    font-weight: bold;
}

span.chu img {
    vertical-align: middle;
}

/*======================= 설교게시판(프리미엄) =======================*/

.worship_box {
    height: 230px;
    background: url(/image/img_worship_box_back.jpg) no-repeat top right;
    background-color: #f6f6f6;
    border: 1px solid #c5c5c5;
    border-top: 3px solid #9a9a9a;
    margin-bottom: 20px;
}

.worship_box_in {
    margin: 45px 0 0 35px;
}

.title_worship {
    float: left;
    overflow: hidden;
    width: 60%;
    margin-left: 24px;
}

.title_worship li h1 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 12px;
}

.title_worship {
    font-size: 14px;
    line-height: 20px;
}

p.img_movie_box {
    float: left;
}

.btn_worship li {
    float: left;
    width: 200px;
}

.list_top_section {
    font-size: 12px;
    width: 100%;
    display: table;
    margin-bottom: 15px;
}

.list_top_section ul {
    overflow: hidden;
}

.list_top_section ul li {
    float: left;
    display: table;
}

ul.list_bar_worship {
    padding: 7px 0 7px 0;
    border-top: 2px solid #737373;
    border-bottom: 1px solid #cbcbcb;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.09, #FCFCFC),
            color-stop(0.91, #F2F2F2)
    );
    background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
    /*background:#f0f0f0;*/
}

ul.list_bar_worship li {
    display: table;
    text-align: center;
}

ul.list_bar_worship li.cisno {
    display: table-cell;
    width: 10%;
}

/*번호*/
ul.list_bar_worship li.cisstitle {
    display: table-cell;
    width: 30%;
}

/*제목*/
ul.list_bar_worship li.cisworshipdate {
    display: table-cell;
    width: 15%;
}

/*설교일*/
ul.list_bar_worship li.cisname {
    display: table-cell;
    width: 10%;
}

/*작성자*/
ul.list_bar_worship li.cisihit {
    display: table-cell;
    display: block;
    width: 5%;
}

/*조회*/
ul.list_bar_worship li.cisscripture {
    display: table-cell;
    display: block;
    width: 15%;
}

/*말씀*/
ul.list_bar_worship li.cisreader {
    display: table-cell;
    display: block;
    width: 15%;
}

/*설교자*/

ul.worship_list_type {
    border-bottom: 1px solid #ccc;
    display: block;
}

ul.worship_list_type:hover {
    background: #fafafa;
}

ul.worship_list_type li {
    display: table;
    text-align: center;
    min-height: 28px;
    line-height: 30px;
}

ul.worship_list_type li img {
    vertical-align: middle;
}

/*ul.worship_list_type li:first-child{display:table-cell;width:5%;}
ul.worship_list_type li:nth-child(2){display:table-cell;width:35%;text-align:left;}
ul.worship_list_type li:nth-child(3){display:table-cell;width:15%;}
ul.worship_list_type li:nth-child(4){display:table-cell;width:10%;}
ul.worship_list_type li:nth-child(5){display:table-cell;display:block;width:5%;}
ul.worship_list_type li:nth-child(6){display:table-cell;display:block;width:15%;}
ul.worship_list_type li:nth-child(7){display:table-cell;display:block;width:15%;}*/
ul.worship_list_type li.cisno {
    display: table-cell;
    width: 10%;
}

ul.worship_list_type li.cisstitle {
    display: table-cell;
    width: 30%;
    text-align: left;
}

ul.worship_list_type li.cisworshipdate {
    display: table-cell;
    width: 15%;
}

ul.worship_list_type li.cisname {
    display: table-cell;
    width: 10%;
}

ul.worship_list_type li.cisihit {
    display: table-cell;
    display: block;
    width: 5%;
}

ul.worship_list_type li.cisscripture {
    display: table-cell;
    display: block;
    width: 15%;
}

ul.worship_list_type li.cisreader {
    display: table-cell;
    display: block;
    width: 15%;
}


/*********************** btn_worship_box *************************/
.buttons {
    position: relative;
    float: left;
    margin: 10px 0 0 24px;
}

button.button {
    color: #fff;
    font: bold 13px nanum gothic, sans-serif;
    text-decoration: none;
    padding: 7px 12px 9px 12px;
    position: relative;
    display: inline-block;
    /*text-shadow: 0 1px 0 #ccc;*/
    -webkit-transition: border-color .218s;
    -moz-transition: border .218s;
    -o-transition: border-color .218s;
    transition: border-color .218s;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
    border: solid 1px #dcdcdc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

    padding-left: 30px;
}

button.button:hover {
    color: #88d9fa;
    border-color: #999;
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2)
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

button.button:active {
    color: #88d9fa;
    border-color: #444;
}

button.play {
    background: url(/image/btn_worship_box.png) 8px 0 no-repeat #286cbc;
}

button.mp3 {
    background: url(/image/btn_worship_box.png) 8px -29px no-repeat #286cbc;
}

button.download {
    background: url(/image/btn_worship_box.png) 8px -60px no-repeat #286cbc;
}

button.suggest {
    background: url(/image/btn_worship_box.png) 8px -92px no-repeat #286cbc;
}

button.file {
    background: url(/image/btn_worship_box.png) 8px -92px no-repeat #286cbc;
}

button.file_movie {
    background: url(/image/btn_worship_box.png) 8px -155px no-repeat #286cbc;
}

button.file_mp3 {
    background: url(/image/btn_worship_box.png) 8px -122px no-repeat #286cbc;
}

.downfile {
    position: absolute;
    left: 160px;
}

.downfile ul {
    margin-left: 1px;
}

.downfile ul li {
    float: left;
}

/*********************** btn_worship_box *************************/

/*======================= 앨범 리스트 레이아웃 =======================*/

/*ul.list_type_album{display:none;width:100%;overflow:hidden;margin-bottom:15px;}*/
ul.list_type_album {
    width: 100%;
    overflow: hidden;
    margin: 25px 0 15px 0;
}

ul.list_type_album li {
    display: block;
    text-align: center;
    width: 33%;
    float: left;
    margin-bottom: 10px;
}

/*ul.list_type_album li img{border:1px solid #ccc;width:85%;}*/
ul.list_type_album li img {
    border: 1px solid #ccc;
}

.album_tit {
    display: inline-block;
    margin-top: 6px;
    width: 100%;
}

.list_album_section ul {
    overflow: hidden;
    font-size: 12px;
    width: 100%;
}

.list_album_section ul li {
    float: left;
    text-align: center;
    min-height: 20px;
    line-height: 20px;
}

/*공지상태바*/
ul.album_gongji {
    padding: 7px 0 7px 0;
    border-top: 2px solid #737373;
    border-bottom: 1px solid #cbcbcb;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.09, #FCFCFC),
            color-stop(0.91, #F2F2F2)
    );
    background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
}

/*공지상태바_일반목록*/
.bar1 {
    display: block;
}

.bar1 li {
    font-weight: bold;
}

.bar1 li:first-child {
    width: 15%;
}

.bar1 li:nth-child(2) {
    width: 45%;
}

.bar1 li:nth-child(3) {
    width: 20%;
}

.bar1 li:last-child {
    width: 20%;
}

/*공지 일반목록*/
ul.album_gong_normal {
    display: block;
    min-height: 20px;
    background: #dfe6ea;
}

ul.album_gong_normal:hover {
    background: #e8eff4;
}

ul.album_gong_normal li {
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid #ccc;
}

ul.album_gong_normal li a {
    display: inline;
}

ul.album_gong_normal li a:hover {
    color: #2e99e4;
}

ul.album_gong_normal li:first-child {
    width: 15%;
}

ul.album_gong_normal li:nth-child(2) {
    width: 45%;
    text-align: left;
}

ul.album_gong_normal li:nth-child(2) img {
    vertical-align: middle;
}

ul.album_gong_normal li:nth-child(3) {
    width: 20%;
}

ul.album_gong_normal li:last-child {
    width: 20%;
}

/*공지상태바_사진목록*/
.bar2 li {
    font-weight: bold;
    width: 15%;
}

/*공지 사진목록*/
ul.album_gong_img {
    margin-top: 10px;
    padding: 15px 0 20px 0;
    border: 1px solid #ccc;
    background: #f2f2f2;
}

ul.album_gong_img li {
    width: 33%;
}

ul.album_gong_img li img {
    width: 85%;
    border: 1px solid #ccc;
}

/*주보게시판*/
ul.list_type_weekly {
    font-size: 0;
    letter-spacing: -5px;
}

ul.list_type_weekly li {
    position: relative;
    float: none;
    display: inline-block;
    letter-spacing: 0;
    vertical-align: top;
    line-height: 0;
    width: 31%;
    margin: 0 3.5% 30px 0;
    overflow: hidden;
}

ul.list_type_weekly li:nth-child(3n) {
    margin-right: 0;
}

ul.list_type_weekly li div {
    border: 1px solid #ddd;
    box-sizing: border-box;
}

ul.list_type_weekly li div.weekly_img {
    padding: 6px;
    height: 320px;
}

ul.list_type_weekly li div.weekly_img img {
    width: 100%;
    height: auto;
}

ul.list_type_weekly li div.weekly_txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 25px 0;
    border-top: 1px solid #ddd;
    background: #f7f7f7;
}

ul.list_type_weekly li div.weekly_txt p {
    font-size: 15px;
    font-weight: 600;
    color: #555;
}

ul.list_type_weekly li a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

ul.list_type_weekly li a:after {
    content: '';
    position: absolute;
    left: -7px;
    right: -7px;
    top: -7px;
    bottom: -7px;
    border: 6px solid #4699bb;
    transition-duration: 0.2s;
}

ul.list_type_weekly li a:hover:after {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

ul.list_type_weekly li a:hover div.weekly_img {
    padding: 8px;
    transition-duration: 0.2s;
}

/*======================= 리스트 compose =======================*/
#list_write_content {
    font-size: 13px;
    font-family: 'nanum gothic';
}

/*=== 하단버튼 섹션(리스트 목록) ===*/
.list_btm_sectioin {
    position: relative;
    margin-top: 20px;
    font-size: 13px;
    font-family: 'nanum gothic';
    display: table;
    width: 100%;
}

.list_btn {
    position: relative;
    min-height: 30px;
    margin-bottom: 20px;
}

.list_btn ul li {
    float: left;
    margin-left: 5px;
}

.list_btn ul li:last-child {
    float: right;
}

select.select_box {
    border: 1px solid #dcdcdc;
    height: 26px;
}

.page_list {
    position: relative;
    min-height: 30px;
}

/*ul.page_btn{position:relative;margin:0 auto;width:340px;}*/
ul.page_btn {
    position: relative;
    margin: 0 auto;
    width: 280px;
}

ul.page_btn li {
    float: left;
}

input {
    border: 1px solid #dcdcdc;
    height: 24px;
}

input.search {
    padding-left: 5px;
    color: #ccc;
}

input.search:hover {
    border: 1px solid #67c0ff;
}

input.search:focus {
    border: 1px solid #67c0ff;
    color: #000;
}

/*=== 쓰기 상단 섹션(리스트 쓰기) ===*/
.write_top {
    font-size: 13px;
    font-family: 'nanum gothic';
}

ul.input_section li {
    margin-bottom: 10px;
}

ul.input_section li:nth-child(8) {
    overflow: hidden;
    height: 37px;
}

ul.input_section li input:not([type="checkbox"]) {
    height: 30px;
    border-radius: 3px;
    padding: 0 10px 0 5px;
    color: #ccc;
    width: 96.5%;
}

ul.input_section li button {
    margin-bottom: 4px;
}

input.input_txt:hover {
    border: 1px solid #67c0ff;
}

input.input_txt:focus {
    border: 1px solid #67c0ff;
    color: #000;
}

.selcet_section {
    width: 99%;
}

ul.spam_section {
    overflow: hidden;
    margin-bottom: 10px;
}

ul.spam_section li {
    float: left;
    margin-right: 10px;
}

.no_spam {
    border: 1px solid #ccc;
    border-radius: 3px; /*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
    color: #ccc;
    padding: 2px 2px 2px 10px;
}

div.secret {
    float: right
}

div.secret span {
    margin-left: 6px;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
}

input.check_box {
    line-height: 30px;
    margin-top: 3px;
}

/*.aditer{width:99%;height:350px;border:1px solid #ccc;border-radius:5px;}*/
.aditer {
    width: 99%;
    height: 350px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.write_btm {
    float: right;
    margin-top: 5px;
}

.write_btm li {
    float: left;
    margin-right: 5px;
}

/*======================= 리스트 view =======================*/

.view_tit {
    font-weight: bold;
    padding: 14px 0 14px 15px;
    border-top: 2px solid #737373;
    border-bottom: 1px solid #cbcbcb;
    background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0.09, #FCFCFC),
            color-stop(0.91, #F2F2F2)
    );
    background-image: -o-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -moz-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -webkit-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: -ms-linear-gradient(bottom, #FCFCFC 9%, #F2F2F2 91%);
    background-image: linear-gradient(to bottom, #FCFCFC 9%, #F2F2F2 91%);
    /*background:#f0f0f0;*/
}

/* 타이틀 정보 */
ul.view_info {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 9px 0 9px 15px;
    font: 500 12px/12px Nanum Gothic;
    display: flex;
    flex-direction: row-reverse;
}

ul.view_info li {
    float: left;
    margin: 5px 10px 0 0;
}

img.chu {
    vertical-align: middle;
}

.view_option {
    margin-top: 10px;
    overflow: hidden;
}

/* 이메일,프린트 */
ul.view_funtion {
    float: right;
}

ul.view_funtion li {
    float: left;
    margin: 0 0 0 10px;
}

ul.view_funtion li img {
    vertical-align: top;
}

button.btn_email {
    border: 0;
    padding: 0;
    height: 12px;
}

button.btn_email img {
    border: 0;
    padding: 0;
}

/*-- SNS 쉐어버튼 --*/
.btn_share li {
    float: left;
    margin-right: 10px;
}


/* *첨부파일수정 */
/*.file{display:table;background:#f5f5f5;min-height:20px;padding:3px 0 3px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;
width:97%;padding-left:20px;}
.file ul li{line-height:20px;}
.file ul li a{color:#8d8d8d;font-size:11px;float:left;margin-right:10px;}
.file ul li a:hover{color:#2589ef;text-decoration:underline;}
.file_size{color:#fb722e;margin-left:3px;}
.view_con{min-height:300px;border-bottom:1px solid #ccc;padding:15px 0 20px 0;}*/
/*첨부파일수정*/

/******* 첨부파일 수정8/7**********/
/*.file{position:relative; float:right;}
.file_title{font-family:"Malgun Gothic"; }
.file_title a{font-size:14px; color:#555;}
.file_title a span{display:inline-block; color:#fb722e; font-weight:bold; font-size:14px; vertical-align:top; margin:1px 0 0 2px;}
.file_title a:hover{text-decoration:none; color:#000;}
#file_pop{position:absolute; background:#f7f7f7; min-width:125px; padding:5px 12px; text-align:left; top:25px; right:0;display:none; border:1px solid #ddd;}
#file_pop ul li{line-height:20px;}
#file_pop ul li a{color:#8d8d8d;font-size:11px; margin-right:10px;}
#file_pop ul li a:hover{color:#2589ef;text-decoration:underline;}
#file_pop ul li a span{display:inline-block;}
#file_pop p{margin-top:5px; text-align:center;}
#file_pop p input{width:10px; height:10px; vertical-align:middle;}
#file_pop p label{font-family:"Malgun Gothic";  font-size:12px; margin-left:5px; color:#555; cursor:pointer;}
#file_pop p label:hover{color:#000;}
.file_size{color:#fb722e;margin-left:3px;}
.view_con{overflow:hidden; min-height:300px;border-bottom:1px solid #ccc;padding:15px 0 20px 0;}
.view_con .view_con_text{clear:both; margin-top:50px;}*/
/******* 첨부파일 수정8/7**********/

/******* 첨부파일 수정8/11**********/
.file dl {
    overflow: hidden;
    padding: 9px 0 9px 15px;
    border-bottom: 1px solid #ccc;
}

.file dl dt, .file dl dd {
    float: left;
    line-height: 20px;
    height: 20px;
}

.file dl dt {
    margin-right: 10px;
    font-size: 12px;
    color: #333;
    margin-top: -1px;
}

.file dl dd a {
    color: #8d8d8d;
    font-size: 11px;
    float: left;
    margin-right: 10px;
}

.file dl dd a:hover {
    color: #2589ef;
    text-decoration: underline;
}

.file_size {
    color: #fb722e;
    margin-left: 3px;
}

/*.view_con{min-height:300px;border-bottom:1px solid #ccc;padding:15px 0 20px 0;}*/
.list_veiw2 {
    min-height: 300px;
    padding: 15px;
}

/******* 첨부파일 수정8/11**********/

/* 태그, 짧은주소 */
.txt_tag_url {
    font-size: 11px;
    margin-bottom: 40px;
}

.txt_tag_url li {
    float: left;
    line-height: 30px;
}

.txt_tag_url li.txt_last {
    float: right;
}

.txt_tag {
    text-indent: 50px;
    background: url(/image/icon_tag.gif) no-repeat 0 10px;
}

.txt_url {
    text-indent: 20px;
    background: url(/image/icon_link.gif) no-repeat 0px 9px;
}

.txt_url a {
    color: #b5b5b5;
}

.txt_url a:hover {
    color: #48c0f8;
    text-decoration: underline;
}

/* 버튼영역 */
.view_btn_section {
    width: 100%;
    margin: 10px 0 20px 0;
    overflow: hidden;
}

ul.view_btn_list {
    overflow: hidden;
}

ul.view_btn_list li {
    float: left;
}

ul.btn_view2 li button img {
    vertical-align: middle;
}

.btn_view1 {
    float: left;
}

.btn_view2 {
    float: right;
}

/*ul.view_btn_list li:nth-child(3){float:right;}*/


/*꼬리글 입력버튼*/
.btn_reply_active {
}

button.btn_slide {
    margin: 20px 0px;
    width: 100%;
}

/* 댓글입력폼 영역 */
.reply_section {
}

.reply_action {
    height: 190px;
}

.reply_update_action {
    width: 100%;
    display: table;
    height: 190px;
}

.reply_write {
    position: relative;
    min-height: 50px;
}

ul.reply_write_input {
    overflow: hidden;
}

ul.reply_write_input li {
    float: left;
    margin: 0 5px 5px 0;
}

ul.reply_write_input li img {
    vertical-align: middle;
    line-height: 30px;
}

ul.in_box1 {
    float: left;
}

ul.in_box2 {
    float: right;
}

ul.in_box2 li {
    margin: 0 0 5px 5px;
}

#captcha img {
    vertical-align: middle;
    width: 42px;
    border: 1px solid #ccc;
    display: block;
    padding: 5px 5px;
    border-radius: 5px;
    /*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
}

/* 이모티콘 */
#imgDiv {
    display: none;
    position: absolute;
}

ul.img_imoti {
    position: absolute;
    left: -18px;
    top: 10px;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    z-index: 99;
}

ul.img_imoti li {
    margin-bottom: 2px;
}

.inner_imoti {
    position: relative;
    width: 25px;
    height: 18px;
    padding: 3px;
    line-height: 28px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
}

.inner_imoti img {
    position: absolute;
    top: 5px;
    left: 8px;
}

.relpy_box {
    border: 1px solid #ccc;
    min-height: 70px;
    width: 100%;
    margin-top: 10px;
    border-radius: 3px; /*box-shadow:inset 0 0 5px rgba(0,0,0,0.3);*/
    color: #ccc;
    padding: 10px;
}

.relpy_box:hover {
    border: 1px solid #67c0ff;
}

.relpy_box:focus {
    border: 1px solid #67c0ff;
    color: #000;
}

.text_area {
    padding-right: 25px;
}

.reply_write button {
    float: right;
    margin-top: 15px;
}

.relpy_name, .no_spam {
    border: 1px solid #ccc;
    border-radius: 3px; /*box-shadow:inset 0 0 5px rgba(0,0,0,0.2);*/
    color: #ccc;
    padding: 2px 2px 2px 10px;
}

.relpy_name:hover, .no_spam:hover {
    border: 1px solid #67c0ff;
}

.relpy_name:focus, .no_spam:focus {
    border: 1px solid #67c0ff;
    color: #000;
}

/* 댓글뷰 영역 */
.reply_view {
    position: relative;
}

.reply_view_text {
    float: left;
    background: #f1f1f1;
    width: 97.5%;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 5px 15px 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.btn_reply_section {
    float: right;
    font-size: 11px;
    margin: 0 7px 7px 0;
}

.btn_reply_section li {
    float: left;
}

.btn_modiy {
    background: url(/image/modiy_del_btn.png) no-repeat;
    padding-left: 14px;
    margin-right: 12px;
}

.btn_reply_section button:hover {
    text-decoration: underline;
    color: #338eec;
}

.btn_del {
    background: url(/image/modiy_del_btn.png) no-repeat 0 -13px;
    padding-left: 14px;
}

.reply_tit {
    display: block;
    padding: 5px 0 5px 10px;
    border: 1px solid #eee;
    font: 500 12px/12px Nanum Gothic;
    background: #f8f8f8;
    width: 98%;
    border-radius: 3px;
    clear: both;
}

.reply_tit p {
    display: inline;
    line-height: 20px;
}

.reply_tit p:nth-child(2) {
    float: right;
    margin-right: 5px;
}

.reply_coment {
    font-size: 13px;
    margin: 5px 0 0 3px;
}

/*======================= 카테고리탭 =======================*/
.func {
    display: table;
    width: 100%;
}

#ts_tabmenu {
    font-size: .75em; /* set the font size */
    /*padding: 20px 0px 0px 20px; /* set the padding */
    overflow: hidden;
    margin: 0 5px 0 0;
    float: left;
}

#ts_tabmenu ul {
    line-height: 1em; /* setting the line height now so we don't have any headaches*/
    margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
    list-style-type: none; /* we remove the UL's default disc bullets */
    float: left; /* we float the list to the left like we will all the elements inside*/
    padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}

#ts_tabmenu ul li {
    float: left; /* floatin' left */
    margin-bottom: 5px;
}

#ts_tabmenu ul li a {
    text-decoration: none; /* remove the default underline off the anchor text */
    display: block; /* we display this text as block so that we can apply padding/margin without problems */
    float: left; /* floatin' left, to make the menu horizontal */
    padding: 0px 0px 0px 10px; /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
    background: url(/image/tabs0000.gif) no-repeat left top; /* we link to the tabs image, no tiling, showing the top left part of it */
    margin-left: -5px; /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
    z-index: 0; /* keep it on layer 0 (default) */
    position: relative; /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
    color: #666666; /* color of the tab text */
}

#ts_tabmenu ul li a strong {
    font-weight: normal; /* remove the bold effect */
    display: block; /* display the strong element as a block so we can pad it, etc. */
    float: left; /* float it left as well */
    background: url(/image/tabs0000.gif) no-repeat right top; /* now we show the right part of the tab and we complete the "puzzle" */
    padding: 6px 10px 7px 5px; /* important, as through this you define the position of the text within the tab */
    cursor: pointer; /* this makes the browser show the "hand" cursor when hovering over the tab */
}

#ts_tabmenu ul li a:hover {
    position: relative; /* again, keep things relative */
    z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
    background: url(/image/tabs0000.gif) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
    color: #000000; /* we color the hovered tab's text black */
}

#ts_tabmenu ul li a:hover strong {
    background-image: url(/image/tabs0000.gif) no-repeat;
    position: relative; /* keep it relative */
    z-index: 5; /* show this on layer 5 as well */
    background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}

#ts_tabmenu .selected a {
    position: relative; /* again, keep things relative */
    z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
    background: url(/image/tabs0000.gif) no-repeat left bottom; /* now we show the bottom part of the tabs image, the "hover" instance */
    color: #000000; /* we color the hovered tab's text black */
}

#ts_tabmenu .selected a strong {
    background-image: url(/image/tabs0000.gif) no-repeat;
    position: relative;
    z-index: 5;
    background-position: right bottom;
}

/*#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a,
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a,
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a,
#tsmenu7 #li_tsmenu7 a {
    position: relative;
    z-index: 5;
    background: url(/image/tabs0000.gif) no-repeat left bottom;
    color: #000000;
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong,
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong,
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong,
#tsmenu7 #li_tsmenu7 a strong {
    background-image: url(/image/tabs0000.gif) no-repeat;
    position: relative;
    z-index: 5;
    background-position: right bottom;
}*/

/*rss 버튼*/
.btn_rss {
    float: right;
    margin: 5px 0 5px 0;
}

/*비번팝업*/
.pwDiv_wrap {
    width: 235px;
    background: #fff;
    display: none;
    position: absolute;
    font-size: 12px;
    color: #555;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #000;
    border: 1px solid #ececec;
    z-index: 2;
}

.pwDiv_wrap > input[type="password"] {
    border: 1px solid #ccc;
    width: 110px;
    height: 22px;
    color: #666;
    padding: 0 5px;
}

/*[윈도우]*/
#Black {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    z-index: 1;
}

/*======================= image file upload layer design =======================*/
#imgfileupload_layer {
    border: 1px solid #dadada;
    background: #fff;
    width: 350px;
    display: none;
    z-index: 1;
}

.menu_list {
    overflow: hidden;
    width: 100%;
    height: 35px;
    margin: 0;
    zoom: 1;
}

.menu_list ul {
    overflow: hidden;
    zoom: 1;
    padding-left: 1px;
}

.menu_list li {
    float: left;
}

ul, ol, li {
    list-style: none;
}

.menu_list li a.selected {
    z-index: 1;
    border: 1px solid #222;
    height: 23px;
    border-bottom: none;
    background-color: #fff;
    background-image: none;
    color: #333;
}

* {
    margin: 0;
    padding: 0;
}

.menu_list li a {
    position: relative;
    display: block;
    width: 171px;
    height: 22px;
    margin-left: -1px;
    padding: 11px 0 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #f3f3f3;
    color: #777;
    font-weight: bold;
    text-align: center;
    zoom: 1;
}

div {
    display: block;
}

.popbody_con {
    margin: 11px 15px 15px 15px;
}

#popHead {
    width: 100%;
    position: relative;
    height: 41px;
    background-color: #039FDA;
    /*background: url('/img/popcmn/pophead_v3.gif') no-repeat 0 0;*/
}

.popHeadEnd {
    height: 41px;
    /*background: url('/img/popcmn/pophead_right_v3.gif') no-repeat right 0;*/
}

#popHead h1 {
    float: left;
    margin: 11px 0 0 17px;
    _display: inline;
    overflow: hidden;
}

#popHead span {
    float: right;
    margin: 11px 17px 0 0;
}

.popHeadEnd h1 {
    color: #fff;
    font-size: 14px;
    line-height: 140%;
}

h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}

input.file {
    line-height: 14px;
    padding: 3px 0 1px 4px;
    border: 1px solid #bbbbbb;
    vertical-align: middle;
    width: 100%;
}

/*======================= image file upload layer design =======================*/
/*======================= youtube responsive design =======================*/
.youtube {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

/*======================= youtube responsive design =======================*/