@charset "utf-8";

label .radio { font-family: 'Pretendard'; font-weight:400; font-size:22px; }
.radio input { display:none; }
.radio span { display:inline-block;vertical-align:middle;cursor:pointer; }
.radio .radio_w { margin-right:30px; }

.radio .icon { position:relative; margin-right:6px; top:0px; width: 22px;height: 22px;border: 1px solid #aaa; border-radius: 50%; transition: background 0.3s ease;}
.radio .icon::after { content: '';position: absolute;top: 6px;left: 6px;width: 8px;height: 8px;border:4px solid #fff; border-radius:50%; transform: rotate(360deg) scale(0);transition: all 0.3s ease;transition-delay: 0.0s;opacity: 0;}
.radio .text { margin-left: 5px;}
.radio input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.radio input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

label.checkbox { font-size:16px; vertical-align:bottom; }
label.checkbox.span_ { margin-right:15px; }
.checkbox input { display:none;}
.checkbox span { display:inline-block;vertical-align:middle;cursor:pointer;}
.checkbox .icon { position:relative; top:-2px; width: 19px;height: 19px;border: 1px solid #aaa;border-radius: 3px;transition: background 0.3s ease;}
.checkbox .icon::after { content: '';position: absolute;top: 0px;left: 5px;width: 7px;height: 13px;border-right: 2px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg) scale(0);transition: all 0.3s ease;transition-delay: 0.15s;opacity: 0;}
.checkbox .text { margin-left: 5px;}

.checkbox input:checked ~ .icon { border-color: transparent;background: #e20030;animation: jelly 0.6s ease;}
.checkbox input:checked ~ .icon::after { opacity: 1;transform: rotate(45deg) scale(1);}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin:3px; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; left:0; top:0;  width: 100%; height: 100%; }

/* 글쓰기 */
.info_tb { width:35%; height:534px; padding:30px !important; border:1px #ddd solid; background:#f6f6f6 !important; vertical-align:top; }
.info_tb1 { width:65%; height:534px; padding:30px !important; border:1px #ddd solid; background:#f6f6f6 !important; vertical-align:top; }
.info_tb1 table { background:#f6f6f6 !important; }
.info_tb1 table th { width:150px; }
.info_tb1 table td input { border:1px #ccc solid; line-height:26px; padding:4px; vertical-align:middle; font-size:15px; border-radius:4px; }
.info_tb1 table td select { border:1px #ccc solid; height:36px; padding:4px; vertical-align:middle; font-size:15px; border-radius:4px; }
.info_tb1 table td .frm_input1 { width:99%; }
.info_tb1 table td .frm_input2 { width:40%; }
.info_tb1 table td .frm_input3 { width:58%; }
.img_bg { display:inline-block; width:100%; height:380px; background-image:url("./img/img.png"); background-repeat:no-repeat; background-position:50%;}
.img_bg img { width:100%; margin-top:-20px; }
.img_del { display:block; position:relative; z-index:3; width:100%; background:#f6f6f6; color:#000;  margin-bottom:0px; padding:2px 10px 4px 10px; line-height:26px;}

@media only screen and (max-width:1024px){
	.info_tb { width:40%; padding:30px !important; }
	.info_tb1 { width:60%; padding:30px !important; }
	.info_tb1 table td input { height:36px; line-height:30px; }
	.info_tb1 table td .frm_input1 { width:99%; }
	.info_tb1 table td .frm_input2 { width:99%; }
	.info_tb1 table td .frm_input3 { width:99%; }
	.img_bg { width:100%; height:380px; background-image:url("./img/img.png"); background-repeat:no-repeat; background-position:50%;}
}

@media only screen and (max-width:640px){
	.info_tb { display:inline-block;width:100%; height:360px; padding:10px !important; }
	.info_tb1 { display:inline-block;width:100%; height:360px; padding:10px 0 10px 0 !important; margin-top:30px;}
	.info_tb1 table th { min-width:40px; font-size:14px;}
	.info_tb1 table td input { height:36px; line-height:30px; }
	.info_tb1 table td .frm_input1 { width:99%; }
	.info_tb1 table td .frm_input2 { width:99%; }
	.info_tb1 table td .frm_input3 { width:99%; }
	.img_bg { width:100%; height:250px; text-align:center; background-image:url("./img/img.png"); background-repeat:no-repeat; background-position:50%; }
	.img_bg img { width:250px; margin-top:-20px; margin:0 auto; }
	.img_del { width:55%; padding:2px 10px 4px 10px; line-height:26px;}
}


/* 글 내용 */
.info_tbv { width:40%; padding:30px !important; border:1px #ddd solid; background:#fff !important; vertical-align:top; }
.info_tbv1 { width:60%; padding:30px !important; border:1px #ddd solid; background:#fff !important; vertical-align:top;  }
.info_tbv1 table {  background:#fff !important; font-size:17px; border-top:none; letter-spacing:0em; }
.info_tbv1 table th { width:180px; height:24px;  text-align:left; padding:0 0 0 20px; font-family:'Noto Sans Kr'; font-weight:500;letter-spacing:-0.05em;}
.info_tbv1 table td { padding:0 0 0 20px; height:24px; font-weight:400; }
.info_tbv1 table td strong {  display:block; font-size:27px; letter-spacing:-0.05em; padding:6px 0; }
.info_tbv1 table td a {  display:inline-block; text-align:center; width:140px; height:32px; line-height:32px; font-size:16px; color:#fff; letter-spacing:-0.05em; border:1px #000 solid; background:#000; border-radius:32px;transition: all 0.3s ease;}
.info_tbv1 table td a:hover {  color:#000; border:1px #000 solid; background:#fff; text-decoration:none;transition: all 0.3s ease; }
.info_tbv2 { display:block; width:100%; height:100%; text-align:center; padding:40px !important; border:1px #ddd solid !important; background:#fff !important; margin-top:40px;}
.info_tbv2 .tbv_tit { font-weight:600;  font-size:30px; letter-spacing:-0.05em; padding:0 0 30px 0; }

.line_v  { display:block; width:100%; height:5px; border-bottom:1px #ccc dotted; margin-bottom:5px; }

@media only screen and (max-width:1024px){
	.info_tbv1 table th { width:180px; height:24px; padding:0;}
	.info_tbv1 table td { height:24px;  padding:0; }
	.info_tbv2 { padding:15px !important; margin-top:20px;}
	.info_tbv2 .tbv_tit { font-size:22px; padding:0 0 15px 0; }
}

@media only screen and (max-width:640px){
	.info_tbv {  display:block; width:100%; padding:15px !important; }
	.info_tbv1 {  display:block; width:100%; padding:15px !important; margin-top:20px; }
	.info_tbv1 table { font-size:15px; }
	.info_tbv1 table th { width:130px; line-height:19px; padding:0;}
	.info_tbv1 table td { width:70%; line-height:19px; padding:0; text-align:left; }
	.info_tbv1 table td strong {  font-size:21px;margin-bottom:10px;}

	.info_tbv2 { padding:15px !important; margin-top:20px;}
	.info_tbv2 .tbv_tit { font-size:22px; padding:0 0 15px 0; }
}

@ placeholder.css
input::-ms-input-placeholder { color: #bbb;  font-size:15px; }
input::-webkit-input-placeholder { color: #bbb; font-size:15px; } 
input::-moz-placeholder { color: #bbb;  font-size:15px;}
textarea::-ms-input-placeholder { color: #bbb;  font-size:15px;}
textarea::-webkit-input-placeholder { color: #bbb;  font-size:15px;} 
textarea::-moz-placeholder { color: #bbb;  font-size:15px;}


/* 기본테이블 */
.tbl_wrap table { width:100%;border-collapse:collapse;border-spacing:0;  padding:10px 0 0 0; }
.tbl_wrap caption {padding:10px 0;text-align:left}
.tbl_head {margin:0 0 10px; } 
.tbl_head caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head thead { width:100%; height:25px; top:0; margin-bottom:20px; text-align:center; border-top:2px #BBB solid; border-bottom:1px #DDD solid; font-size:15px; padding:15px 0 10px 0; }
.tbl_head thead th { padding:0; height:42px; text-align:center;letter-spacing:-0.01em}
.tbl_head thead a { color:#666666; text-align:center;}
.tbl_head thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head tbody th {border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head a {}

@media only screen and (max-width:1024px){
	.tbl_wrap table { border-bottom:none;  }
	.tbl_head .device_mobile { display:none; }
	.tbl_head td { display:inline-block; width:100%; border-top:1px solid #e9e9e9; border-bottom:0px solid #e9e9e9; }
}

/* 게시판 폼 테이블 */
.tbl_frm { width:100%; margin:0 0 20px; }
.tbl_frm table { width:100%;border-collapse:collapse;border-spacing:0; border-top:none; letter-spacing:0em; }
.tbl_frm th { width:9%; padding:4px 13px; text-align:right; font-size:16px; font-family:'Noto Sans Kr'; font-weight:500; }
.tbl_frm td { padding:4px 10px; background:transparent}
.tbl_frm input, .frm_input { line-height:34px; padding:4px; vertical-align:middle; font-size:14px; border-radius:4px; }
.tbl_frm select, .frm_input { line-height:34px; border:1px solid #ccc; padding:0; vertical-align:middle;font-size:14px; line-height:2em; border-radius:4px; }
.tbl_frm textarea, .frm_input { border:1px solid #ccc; padding:10px; vertical-align:middle;font-size:14px; line-height:2em; border-radius:4px; }
.tbl_frm textarea { padding:10px; width:100%;height:100px; border-radius:4px; }
.tbl_frm .checkbox { display:inline-block; width:20px; height:20px; margin:0; }
.tbl_frm .captcha { padding:10px 0 0 5px; }
.frm_input { width:100%; line-height:28px; padding:0 4px; }
.device_pc { width:35%; }
.tbl_frm .agreefrm { width:100%; height:80px; margin:15px 0 0; padding:10px; line-height:1.6em;color:#777;border-radius:2px;}
.tbl_frm .agreetext { line-height:2.6em;letter-spacing:-0.06em; }
.tbl_frm a {text-decoration:none}
.tbl_frm .frm_file { text-align:left;  font-size:15px;}
.tbl_frm .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

@media only screen and (max-width:1024px){
	.tbl_frm th { min-width:60px; padding:4px 0 0; text-align:right; font-size:15px; }
	.tbl_frm td { padding:4px 0 0 10px; background:transparent}
	.tbl_frm label { font-size:15px; }
	.tbl_frm .checkbox { display:inline-block; width:20px; height:20px; margin:2px 0 0 0; }
	.tbl_frm .frm_input { width:100%; height:34px; }
	.tbl_frm .captcha_td { padding:10px 0 0 3px; }
}


/* 코멘트 폼 테이블 */
.tbl_frm_co { margin:20px 0; padding:20px; border:1px #e1e1e1 solid; background:#fafafa; }
.tbl_frm_co table { width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm_co th { width:100px; padding:2px 15px 0 0; text-align:left; font-size:14px; font-weight:bold; color:#444; letter-spacing:-0.03em; }
.tbl_frm_co td { padding:2px 0px;border-top:0px solid #e9e9e9;border-bottom:0px solid #e9e9e9;background:transparent}
.tbl_frm_co input, .frm_input { height:34px; padding:4px; vertical-align:middle;line-height:2em;  border-radius:4px; }
.tbl_frm_co select, .frm_input {  height:34px; padding:4px; border:1px solid #ccc; padding:2px 0; vertical-align:middle;line-height:1.7em; }
.tbl_frm_co textarea, .frm_input { border:1px solid #ccc; padding:5px; vertical-align:middle;line-height:1.7em; }
.tbl_frm_co textarea { width:100%;height:104px; padding:10px; font-size:13px;  border-radius:4px; }
.tbl_frm_co a {text-decoration:none}
.tbl_frm_co .frm_file {display:block;margin-bottom:0px; }
.tbl_frm_co .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

@media only screen and (max-width:1024px){
	.tbl_frm_co { margin:20px 0; padding:10px; border:1px #e1e1e1 solid; background:#fafafa; }
	.tbl_frm_co th { width:70px; padding:2px 5px 0 0; text-align:left; font-size:15px; }
	.tbl_frm_co .frm_input {  width:100%; height:34px; padding:4px;}
	.tbl_frm .checkbox { display:inline-block; width:20px; height:20px; margin:0; }
	.tbl_frm_co textarea { display:inline-block; width:100%;height:104px; padding:0px; font-size:13px; }
	.tbl_frm_co label {  font-size:15px; }
}


/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required { background:url('') #fff top right no-repeat !important}

/* 버튼 */
a.btn,.btn{  line-height:30px; padding:0 10px; text-align:center; font-weight:500; border-radius:2px;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}

a.btn_co,.btn_co{text-decoration:none;
-webkit-transition: background-color 0.3s ease-out;
-moz-transition: background-color 0.3s ease-out;
-o-transition: background-color 0.3s ease-out;
transition: background-color 0.3s ease-out;}


/* 글쓰기 버튼 */
.btn_confirm { text-align:center; margin:20px 0; padding:40px 0; border-top:1px solid #ddd;} 
.btn_submit { padding:6px 30px;border:0; background:#000;color:#fff; border:1px #000 solid; letter-spacing:0em;cursor:pointer; font-weight:bold; }
.btn_submit:hover { background:#fff; color:#000; }
.btn_submit_co input { width:107px; height:107px; border:0; background:#eee; color:#000; cursor:pointer;   font-weight:bold; }

@media only screen and (max-width:768px){
	.btn_submit_co { width:70px; height:107px; }
	.btn_submit_co input { margin-left:9px; width:70px; height:107px; font-size:15px; font-weight:bold; }
}

.btn_cancel {  display:inline-block;padding:6px 30px; }
a.btn_cancel {display:inline-block;padding:6px 30px; background:#fff;color:#444; border:1px #444 solid; text-decoration:none; }
a.btn_cancel:hover { background:#fff;color:#444; border:1px #000 solid; }

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block; border:1px solid #ccc; background:#fafafa; color:#000; font-size:15px; font-weight:400; text-decoration:none; }
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
a.btn_b02 {display:inline-block; border:1px solid #000; background:#000; color:#fff; text-decoration:none; font-weight:500; }
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#fff; color:#000; border:1px solid #000;}
a.btn_b03 {display:inline-block; border:1px solid #ccc; background:#4b545e; color:#fff; text-decoration:none; }
a.btn_b03:focus, .btn_b03:hover {text-decoration:none;  background:#eee; border:1px solid #999;}
.btn_b04 {display:inline-block; border:1px #ccc solid; background:#fff; color:#000 ;  font-size:15px; font-weight:400; text-decoration:none; }
.btn_b04:focus, .btn_b04:hover {text-decoration:none;  background:#eee; border:1px solid #999; }
a.btn_admin {display:inline-block; border:1px solid #314585; background:#314585; color:#fff; text-decoration:none; } 
a.btn_admin:hover { background:#152a6f; }
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}


/* 게시판 목록 */
#bo_list { width:100%; font-size:14px; margin:0 0 30px 0;}
#bo_list .td_num {width:10%;text-align:center; color:#777; }
#bo_list .td_chk {width:5%;text-align:center}
#bo_list .td_secret { width:10%; text-align:center}
#bo_list .td_cate { width:10%; text-align:center}
#bo_list .td_subject  { width:'*'; text-align:left; }
#bo_list .td_date {width:15%;text-align:center; color:#777; }
#bo_list .td_datetime {width:15%;text-align:center; color:#777; }
#bo_list .td_name {width:15%;text-align:center}
#bo_list .td_hit {width:8%;text-align:center; color:#777; }
#bo_list .td_good {width:50px;text-align:center; color:#777; }
#bo_list .td_nogood {width:50px;text-align:center; color:#777; }
#bo_list .td_by {width:7%;text-align:center; }
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}

/* 진행상태 */
.se { width:7%; background:#FF4800; color:#fff; border-radius:5px; padding:2px 10px; font-family:'Noto Sans Kr'; font-weight:300; font-size:12px; line-height:13px; letter-spacing:-0.02em;}
.st { width:7%; background:#fff; color:#FF4800; border:1px #FF4800 solid; border-radius:5px; padding:2px 10px; font-family:'Noto Sans Kr'; font-weight:300; font-size:12px; line-height:13px; letter-spacing:-0.02em;}

/* 웹페이지 목록 */ 
#bo_list .webpage { height:auto !important; margin:10px 0; }
#bo_list .webpage img {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_l_img { width:100%;overflow:hidden;zoom:1;text-align:center;}
#bo_l_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_l_img img { margin-bottom:10px;max-width:100%;height:auto; }
.comingsoon { text-align:center; padding:100px 0; }

/* 갤러리 목록 */
#gall_allchk { padding:10px 0 10px 10px; font-weight:bold; border-top:1px #e1e1e1 solid; }

#pssection {display:inline-block;  margin:0 auto; width:100%; margin-top:10px; text-align:center;}
.sortlist { display:inline-block; width:100%; text-align:center; }
.sortbox { float:left; display:inline-block; width:33.332%; height:520px; border:1px #ddd solid; margin-right:-1px; margin-bottom:-1px; text-align:center; padding:30px 0; letter-spacing:0em; }
/*
.sortbox:nth-child(3) { border-right:1px #ddd solid;  }
.sortbox:nth-child(4) { border-right:1px #ddd solid;  }
*/
.sortbox .iner { width:100%; text-align:center; }
.sortbox .subject { text-align:center; padding:19px 0 10px 0; font-family:'Noto Sans Kr';font-size:18px; font-weight:600; line-height:22px; }
.sortbox .content { text-align:center; padding:0 0 2px 0; font-family:'Noto Sans Kr';font-size:16px; font-weight:400; }
.sortbox .content strong { font-size:17px; font-weight:500; }
.sortbox a { color: #222;}

@media only screen and (max-width:1320px){
	.sortbox { width:33.332%; height:500px; padding:20px; }
	.sortbox .iner .img img { max-width:100%; }
}

@media only screen and (max-width:1024px){
	.sortbox { width:33.332%; height:400px; padding:20px; }
	.sortbox .iner .img img { max-width:100%; }
}

@media only screen and (max-width:797px){
	.sortbox { width:33.332%; height:400px; padding:20px; }
	.sortbox .iner .img img { max-width:100%; }
}

@media only screen and (max-width:640px){
	.sortbox { width:50%; height:350px; padding:20px; }
	.sortbox .iner .img img { max-width:100%; }
	.sortbox .subject { font-size:15px; line-height:19px; letter-spacing:-0.05em; }
	.sortbox .content { font-size:14px; line-height:17px;}
}


/* 게시판 목록 공통 */
.bo_fx { display:inline-block; width:100%; max-width:1300px; margin:5px 0;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding:5px 0;}
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;margin-left:5px}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {font-size:14px; line-height:19px; padding:5px 10px;text-align:center;font-weight:300;border-radius:2px;border:1px solid #314585; background:#314585;color:#fff;text-decoration:none;vertical-align:middle; letter-spacing:-0.05em;}
.btn_bo_adm input:hover { background:#152a6f; cursor:pointer;}
.bo_notice td {background:#f5f6fa}
.bo_notice td a {font-weight:bold}
.td_num strong {color:#000}
.bo_cate_link { height:16px; border-left:0px #e1e1e1 solid; border-right:0px #e1e1e1 solid; font-size:12px; } /* 글제목줄 분류스타일 */
.bo_cate_link a { font-size:12px; color:#555 !important; text-decoration:none; }
.bo_current {color:#e8180c}
.bo_secret { height:16px;border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid; font-size:12px;  }
.comingsoon { text-align:center; padding:100px 0;}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:red;}

#bo_sch { width:380px; margin:0 auto; border:1px solid #ccc; background:#fff; border-radius:3px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select { border:0; height:40px;float:left; padding:0 6px; border-right:1px solid #ccc; }
#bo_sch .sch_input { display:block; width:68%; height:40px; margin:0;border:0;padding:0 10px;background-color:transparent; float:left; outline: none;}
#bo_sch .sch_btn { height:40px; margin:0; float:left; background:none; border:0; width:40px; font-size:15px}

@media only screen and (max-width:794px){
#bo_sch { width:300px;}
#bo_sch select { width:27%; }
#bo_sch .sch_input { width:68%; }
.bo_list_adm { display:none;}
}

#bo_cate { display:inline-block; width:100%; text-align:center; margin-top:-30px; height:100px; vertical-align: top;}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul { height:40px; width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li { list-style:none; display:inline-block;font-size:16px; font-weight:500; width: calc(12% - 4px); /* 각 요소의 너비를 4등분 (마진 포함) */ margin: 2px; vertical-align: top; height:40px; line-height:40px; border:1px #ccc solid; text-align:center; }
#bo_cate li a { display:inline-block;position:relative;  text-align:center; cursor:pointer; height:40px; }
#bo_cate li a:focus, #bo_cate li a:hover, #bo_cate li a:active { color:#fff; text-decoration:none}
#bo_cate #bo_cate_on { display:inline-block; float:left; width:100%; height:38px; line-height:40px; background:#10308D; color:#fff; text-align:center; cursor:pointer; }

@media only screen and (max-width:1024px){
	#bo_cate { margin-top:0px; height:180px; vertical-align: top;}
	#bo_cate li { width: calc(25% - 4px); /* 각 요소의 너비를 4등분 (마진 포함) */ margin: 2px; }
}


.device_mobile_list { display:none; }

@media only screen and (max-width:1024px){
	.device_pc_list { display:none; }
	.device_mobile_list { display:block; }
	.td_subject { width:100%; text-align:left; }
	.td_subject ._img { display:inline-block; float:left; width:70px; text-align:left;  }
	.td_subject ._subject a { display:block; float:left; text-align:left; font-size:16px; letter-spacing:-0.06em;}
	.td_subject ._cate { float:left; width:100%; text-align:left; padding:5px 0 0 0;font-size:14px; color:#999; letter-spacing:-0.06em;}
	.td_subject ._cate span { float:left; font-size:14px; padding:0 11px 0 0;}
	.td_subject ._cate span a {font-size:14px; color:#85aaff;}
	.td_subject img {margin-left:3px}
	#bo_sch select{ background:#fff; }
	#bo_sch .sch_input{ background-color:transparent; width:50%; }
}

/* 게시판 쓰기 */
#bo_w { width:100%; margin:0 auto; text-align:left; }
#bo_w header { display:block; position:relative; width:100%; height:52px; top:0; margin-bottom:20px; text-align:center; border-top:2px #BBB solid; border-bottom:1px #DDD solid; font-weight:bold; font-size:16px; padding:15px 0 10px 0; }
#char_count_desc {display:block;margin:0 0 5px;padding:0; }
#char_count_wrap {margin:5px 0 0;text-align:right; width: }
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
.autosave_close {cursor:pointer}
.autosave_content {display:none}

/*글쓰기*/
#bo_w  label { font-size:1.05em; }
#bo_w .write_div{ margin:3px 0 0;position:relative; }
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input{float:left;width:33%}
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
#bo_w .bo_w_tit{position:relative}
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:110px;; background: #eee;text-align:center;color:#888}
#bo_w .bo_w_link .frm_input{padding-left:120px}
#bo_w .bo_w_flie .lb_icon{ position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px; font-size:15px; width:110px; background:#eee;text-align:center;color:#000; border:1px solid #ccc;}
#bo_w .bo_w_flie .frm_file{ padding-left:120px; line-height:25px; }
#bo_w .bo_w_flie .file_wr{ border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:0px;height:38px;margin:0}
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:1.05em;color:#7d7d7d}
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}

@media only screen and (max-width:1024px){
	#bo_w .bo_w_flie .frm_file{ width:100%; height:35px; margin-top:0px;}
}


/* 게시판 읽기 */
#bo_v { margin:30px 0;padding-bottom:20px; }
#bo_v header { display:block; position:relative; height:80px; top:10px; border-top:2px #BBB solid; font-weight:bold; font-size:19px; line-height:70px; }
#bo_v_printwin { width:96%; margin:0 auto; margin-bottom:20px;padding-bottom:20px }
#bo_v_printwin header { display:block; position:relative; height:52px; top:0; margin-bottom:20px; text-align:left; border-top:2px #BBB solid; border-bottom:1px #DDD solid; font-weight:bold; font-size:16px; padding:15px 0 10px 0;  }
#bo_v_table { position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em }
#bo_v_title { padding:10px 0;font-size:1.2em }

#bo_v_info { padding:15px 0; border-top:1px solid #ddd; color:#777; }
#bo_v_info h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_info span { display:inline-block; margin:0 20px 0 0; font-size:14px;}
#bo_v_info strong { display:inline-block;margin:0 6px 0 0; color:#222; font-size:14px;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold }
#bo_v_info .if_date{float:right;margin:0;color:#888}
#bo_v_info .date_mobile { display:none; }

@media only screen and (max-width:1024px){
	#bo_v { margin:0px 0;padding-bottom:20px; }
	#bo_v header { display:block; position:relative; height:100%; top:5px; border-top:2px #BBB solid; padding:15px 0;font-weight:bold; font-size:19px; line-height:23px; }
	#bo_v_info { padding:0 0 15px 0; border-top:none; color:#777; }
	#bo_v_info span { margin:0 7px 0 0; font-size:14px;}
	#bo_v_info .if_date{  display:block; margin:0;color:#888}
	#bo_v_info .device_mobile { display:none; }
	#bo_v_info .date_pc { display:none; }
	#bo_v_info .date_mobile { display:block; }
}

#bo_v_fp { display:block; float:right; position:relative; margin-top:-32px; }
#bo_v_fp a { font-size:14px; color:#555; text-decoration:none; letter-spacing:-0.03em; font-weight:normal;}
#bo_v_fp h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_fp .ps03 { float:left; padding:4px 10px; margin:0 0 0 3px; border:1px #ddd solid; }
#bo_v_fp .ps03:focus, .ps03:hover {text-decoration:none;  background:#EEE; border:1px solid #999;}
#bo_v_fp .ps04 { float:left; padding:4px 10px; margin:0 0 0 3px; border:1px solid #3b3c3f; background:#4b545e;color:#fff; }
#bo_v_fp .ps04:focus, .ps04:hover {text-decoration:none;  background:#000;}


#bo_v_fp1 { display:block; float:right; position:relative; padding:30px 0; margin-top:-30px; bottom:0; vertical-align:bottom;}
#bo_v_fp1 a { font-size:14px; color:#555; text-decoration:none; letter-spacing:-0.03em; font-weight:normal;}
#bo_v_fp1 h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_fp1 .ps03 { float:left; padding:4px 10px; margin:0 0 0 3px; border:1px #ddd solid; }
#bo_v_fp1 .ps03:focus, .ps03:hover {text-decoration:none;  background:#EEE; border:1px solid #999;}

#bo_v_file { }
#bo_v_file h2 { position:absolute;font-size:0;line-height:0;overflow:hidden }
#bo_v_file ul { margin:0;padding:0;list-style:none }
#bo_v_file li { padding:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px;}
#bo_v_file li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_file a {padding:8px 0 7px;width:100%; color:#777; }
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active { text-decoration:none }
#bo_v_file img { float:left;margin:0 10px 0 0 }
.bo_v_file_cnt { display:inline-block;margin:0 0 3px 16px; color:#999; }

#bo_v_link {}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li { padding:12px 0 10px;border-top:1px solid #DDD; background:#fff; font-size:14px; }
#bo_v_link li strong { display:inline-block;margin:0 3px 0 0; color:#222; }
#bo_v_link a {padding:8px 0 7px;width:100%;color:#777; }
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px; color:#999; }

@media only screen and (max-width:1024px){
	.divice_mobile { display:none; }
	#bo_v_fp { display:none; }
	#bo_v_fp1 { display:none; }
	#bo_v_file li { padding:5px 0 3px;border-top:1px solid #DDD; background:#fff; font-size:14px;}
	#bo_v_link li { padding:5px 0 3px;border-top:1px solid #DDD; background:#fff; font-size:14px; }
 }

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}

#bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

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

@media only screen and (max-width:768px){
	#bo_v_top ul {width:100%; margin:0 auto; text-align:center;}
	.bo_v_nb {float:left;  }
	.bo_v_nb li {float:left;margin-right:5px;margin-top:5px;}
	.bo_v_com {float:left; }
	.bo_v_com li {float:left; margin-top:5px;margin-left:0px; margin-right:5px;}
	.bo_v_com .btn_admin1 {float:right; margin-top:5px;margin-right:0px;}
 }

#bo_v_atc { height:auto !important; padding:30px 0 55px 0; margin:0; background:#fff; }
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img { margin:0 0 10px; width:100%; overflow:hidden;zoom:1;text-align:center;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img { margin:0 auto;margin-bottom:20px; max-width:100%;height:auto; }

#bo_v_con { padding-bottom:50px;width:100%; text-align:center; line-height:1.7em;font-size:15px;word-break:break-all;overflow:hidden; }
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img { max-width:100%;margin:0 auto;height:auto}

#bo_v_act { display:block; float:right; }
#bo_v_act .bo_v_act_etc { float:left; position:relative; width:203px; right:-6px;}
#bo_v_act .bo_v_act_etc img { float:left; }
#bo_v_act .bo_v_act_gng { float:left; position:relative; line-height:14px;}
#bo_v_act a .goodnum { color:#ff3061; font-size:0.93em;}
#bo_v_act a .nogoodnum { color:#2271c1; font-size:0.93em;}
#bo_v_act strong { }
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

@media only screen and (max-width:1024px){
	#bo_v_atc { height:auto !important; padding:0px; margin:0; background:#fff; }
	#bo_v_con { padding-bottom:25px;width:100%; margin:0 auto; line-height:1.5em;font-size:15px;word-break:break-all;overflow:hidden; }
}


/* 전후사진 */
#bo_v_img { width:98%; margin:0 auto;overflow:hidden;zoom:1; text-align:center; }
#bo_v_img img { margin:0 auto; margin-bottom:20px; max-width:100%; height:auto; }
#bo_v_img .before { display:block; float:left; width:47%; }
#bo_v_img .before p { list-style:none; }
#bo_v_img .after { display:block; float:right; width:47%; }
#bo_v_img .after p { list-style:none; }
#bo_v_img .bnatit { text-align:center; font-size:2em; font-family:nanumgothic; background:#fff; color:#444; padding:5px; margin:5px 0 1px 0; font-weight:bold;}
#bo_v_img .arrow { display:block; float:left; width:6%; font-family:nanumgothic; text-align:center; font-size:2.6em;  line-height:10em;  vertical-align:middle;}

/* 온라인상담 */
#bo_v_coun { text-align:left; border:1px #e1e1e1 solid; margin:0 0 30px 0; padding:10px 0 10px 30px; background:#f8f8f8; }
#bo_v_coun li { display:inline-block;width:100%;padding:3px 0; font-size:1.1em;  }
#bo_v_coun .info_l { display:block; position:relative; float:left; width:100px; padding:1px 0; font-weight:bold; }
#bo_v_coun .info_r { display:block; position:relative; width:300px; padding:1px 0; text-align:left; }
#bo_v_coun_btn { float:right; position:relative; padding:30px 0; margin-top:-32px; /*float:right; text-align:right; margin-top:-6px;*/}

#bo_v_prenext { padding:0; margin:0 0 20px 0; font-size:14px; }
#bo_v_prenext .v_pre { padding:13px 0; border-bottom:1px #E5E8EC solid; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bo_v_prenext .v_next { padding:13px 0; border-bottom:1px #E5E8EC solid; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#bo_v_prenext strong { padding:0 25px; margin:0 15px 0 0; border-right:1px #E5E8EC solid; }

@media only screen and (max-width:1024px){
	#bo_v_prenext strong { padding:0 7px 0 0; margin:0 7px 0 0; }
}

#bo_v_share{ position:absolute;margin:0 0 20px;text-align:right;}
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px; border:0; border-radius:2px;border:1px #d5d5d5 solid;background:#fff;}
#bo_v_share .btn:hover{background:#EEEEEE}
#bo_v_share .btn i{margin-right:5px;background:#000;color:#fff;text-align:center;width:30px;line-height:30px;vertical-align:top;}
#bo_v_share .btn_share{}
#bo_v_share .btn_share:hover{}

.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-50px;width:180px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#bo_v_sns li {float:left;;width:60px;text-align:center}
#bo_v_sns li a{height:40px;padding:10px 0;}
#bo_v_sns li .sns_f{display:block;background:#415b92}
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
#bo_v_sns li .sns_g{display:block;background:#d5503a}
#bo_v_sns li img{vertical-align:top}

/* 게시판 댓글 */
#bo_vc { margin:10px 0 10px 0; padding:25px;border:1px solid #E5E8EC; }
#bo_vc h2 { font-size:15px; margin-bottom:10px}
#bo_vc article { padding:0 0 50px;border-top:1px dotted #ccc; }
#bo_vc header { font-size:14px; position:relative; padding:0; border-top:none; }
#bo_vc header .icon_reply {position:absolute;top:27px;left:-24px}
#bo_vc .sv_wrap {margin-right:15px}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
#bo_vc .bo_vc_hdinfo { display:inline-block; margin:0 15px 0 5px; color:#777; font-size:13px; }
#bo_vc h1 { position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc a { color:#000;text-decoration:none}
#bo_vc p { margin-top:-15px; padding:0;line-height:1.6em;  font-size:14px;}
#bo_vc p a {text-decoration:underline}
#bo_vc_empty {margin:0;padding:0px !important;text-align:center;position:relative; top:-14px; color:#999;}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1; position:relative; top:-13px;  font-size:13px; }
#bo_vc footer a { color:#1978e0; }
#bo_vc footer a:hover { text-decoration:underline}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc .s_cmt { text-decoration:none; color:red; }
#bo_vc .cmt_contents { width:100%; font-size:14px; margin-top:-10px; line-height:21px;}

.bo_vc_act {float:right;position:relative;z-index:7;margin:0;list-style:none;zoom:1; }
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left; margin:15px 0 15px 5px}

#bo_vc_w { position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

#bo_vc_send_sns{display:inline-block;float:left}
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_sns li {float:left;margin:0 5px 0 0}
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off{background:#bbb}
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0 }

@media only screen and (max-width:1024px){
	#bo_vc { margin:10px 0 10px 0; padding:10px;border:1px solid #E5E8EC; }
	#bo_vc h2 { font-size:16px; }
	#bo_vc header { display:inline-block; width:100%; margin:10px 0 15px 0;  height:36px; font-size:16px; }
	#bo_vc .bo_vc_hdinfo { display:inline-block;  margin:0 15px 0 5px; color:#777; font-size:13px; }
	.cmt_contents { width:100%; font-size:15px; line-height:17px;margin-top:10px;}
	.bo_vc_act li { float:left; margin:15px 0 0 5px }
}