/* list */
form * { vertical-align:middle; }

table.bbsview_table_style {border-top:2px solid #545454;font-size:11px; color:#444;}
table.bbsview_table_style thead {border-bottom: 2px solid #cfd5da;background-color: white;}
table.bbsview_table_style thead th { border-top: none; }
table.bbsview_table_style tbody td.cell {height:24px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
table.bbsview_table_style tbody td.cell_bar {width:30px; text-align:center; color:#ccc;}
table.bbsview_table_style tbody td.cell:first-child {border-left:0px;} 
table.bbsview_table_style tbody tr td.cell:first-child {border-left:0px;}
table.bbsview_table_style tbody tr:first-child td.cell {border-top:0px;}

table.bbswrite_table_style {border-collapse:collapse;border-top:2px solid #545454;font-size:11px; color:#444;}
table.bbswrite_table_style th.cell,
table.bbswrite_table_style td.cell {text-indent:10px; text-align:left; height:24px; padding-top:4px; padding-bottom:4px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
table.bbswrite_table_style th.cell {font-weight:normal; font-size:12px;} 
table.bbswrite_table_style td.cell {}
table.bbswrite_table_style tr th.cell:first-child {border-left:0px;}
table.bbswrite_table_style tr:first-child th.cell,
table.bbswrite_table_style tr:first-child td.cell {border-top:0px;}

table.commentlist_table_style {border-top:2px solid #545454; border-bottom:1px solid #000; font-size:11px; color:#444;}
table.commentlist_table_style thead th {height:26px; background:url('../../../images/design/tbl_th_bg.gif') repeat-x; border-left:1px solid #e0e0e0; border-bottom:1px solid #bbbbbb; font-weight:normal;}
table.commentlist_table_style thead th:first-child {border-left:0px;border-top:1px solid #e0e0e0;} 
table.commentlist_table_style tbody td.cell {height:24px; padding-top:4px; padding-bottom:4px; border-top:1px solid #e0e0e0;}
table.commentlist_table_style tbody td.cell:first-child {border-left:0px;} 
table.commentlist_table_style tbody tr td.cell:first-child {border-left:0px;}
table.commentlist_table_style tbody tr:first-child td.cell {border-top:0px;}

table.comment_box_table {}
table.comment_box_table {}

.gray {color:#999}
.bbs_btn {background-color: #333;color: #fff;padding: 0 10px;height: 24px;line-height: 22px;display: inline-block;box-sizing: border-box;text-decoration: none;border: 1px solid #cad0d5;border-radius: 3px;cursor: pointer;}
.bbs_btn_gray {background-color: #777;color: #fff;padding: 0 10px;height: 24px;line-height: 22px;display: inline-block;box-sizing: border-box;text-decoration: none;border: 1px solid #cad0d5;border-radius: 3px;cursor: pointer;}

#prenextlist {margin:auto;padding:0 0 30px 0;}
#prenextlist tbody .datalist {padding:7px;} 
#prenextlist span.sbj {text-align:left;padding:5px 0 3px 10px;letter-spacing:0px;}
#prenextlist span.sbj .imgpos {margin-bottom:-1px;}
#prenextlist span.sbj a {font-size:12px;font-family:gothic,gulim;color:#222222;text-decoration:none;line-height:150%;}
#prenextlist span.sbj a:hover {text-decoration:underline;}
#prenextlist span.sbj .new {color:#ff0000;}
#prenextlist span.sbj .comment {font:normal 11px arial;color:#FC6138;}
#prenextlist table {border-collapse:collapse;}
#prenextlist table td,
#prenextlist table th {line-height:30px; height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
/* @list */

/* view */
#bbsview {margin-top: 30px;margin-bottom: 80px;}
#bbsview .viewbox {}
#bbsview .viewbox .icon {position:absolute;width:50px;height:50px;margin:10px 0 0 0;background:url('../../../../../_var/simbol/0.gif') center center no-repeat;}
#bbsview .viewbox .subject {height:26px; line-height:26px; padding-left:10px; background:#fafafa; background:url('../../../images/design/tbl_th_bg.gif') repeat-x; border-top:2px solid #545454; border-bottom:1px solid #000; font-weight:normal;}
#bbsview .viewbox .subject h1 {margin:0px; padding:0px; font-size:12px;font-weight:bold;font-family:dotum;}
#bbsview .viewbox .info {padding:10px 0 10px 3px;font-size:10px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#c0c0c0;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;}
#bbsview .viewbox .info .xright ul {padding:0;margin:0;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0;}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:11px;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}
#bbsview .viewbox .info .han {font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .num {font-family:dotum;font-size:11px;}
#bbsview .viewbox .content {padding:20px 10px;line-height:160%;} 
#bbsview .viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
#bbsview .viewbox .content .attach ul {padding:0;margin:0;}
#bbsview .viewbox .content .attach li {list-style-type:none;padding:0 0 0 15px;}
#bbsview .viewbox .content .attach li a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .content .attach li a:hover {text-decoration:underline;}
#bbsview .viewbox .content .attach li .size {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#999;}
#bbsview .viewbox .content .attach li .down {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#333;}
#bbsview .viewbox .content .scorebox {text-align:center;padding:20px 0 20px 0;}
#bbsview .viewbox .content .snsbox {padding:20px 0 0 0;text-align:right;}
#bbsview .viewbox .content .snsbox img {cursor:pointer;}
#bbsview .bottom {padding:10px 0 0 0;text-align:right;}
#bbsview .comment {padding:0 0 10px 0;color:#c0c0c0;font-weight:bold;color:#3EA9CD;} 
#bbsview .comment .icon1 {position:relative;top:3px;}
/* @view */


/* write */ 
/* 기본 정보 테이블 스타일 */
table.info-table-style {border-collapse:collapse; border-top:1px solid #aaa; border-right:1px solid #dadada;}
table.info-table-style .its-th {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 28px; text-align:left; background-color:#f1f1f1; font-weight:normal;}
table.info-table-style .its-td {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 15px; line-height:180%; letter-spacing:0px;}
table.info-table-style .its-th-align {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:8px 0px 8px 0; background-color:#f1f1f1; font-weight:normal;}
table.info-table-style .its-td-align {border-left:1px solid #dadada; border-bottom:1px solid #dadada; padding:5px 0 5px 0; line-height:180%; letter-spacing:0px;}
table.info-table-style textarea {background-color:#f0f0f0;}
table.info-table-style textarea.input-box-default-text {color:#a5a5a5 !important}

/* 간단 리스트 테이블 스타일 */
#bbswrite {margin-top: 50px;margin-bottom: 80px;}
#bbswrite table.simplelist-table-style {border-collapse:collapse;}
#bbswrite table.simplelist-table-style th {background:url('../images/common/th_bg_popup.gif') repeat-x; height:24px; line-height:24px; border:1px solid #c8c8c8; color:#666; font-weight:normal;}
#bbswrite table.simplelist-table-style td {padding:5px 0; border-bottom:1px solid #d7d7d7; color:#666}

/* @write */


/* view */
#boardview {margin-top: 30px;margin-bottom: 80px;}
#boardview {padding:20px 0 20px 0;line-height:160%;}
#boardview .attach {padding:10px 0 0 0;line-height:120%;}
#boardview .attach ul {padding:0;margin:0;}
#boardview .attach li {list-style-type:none;padding:0 0 0 15px;}
#boardview .attach li a {font-size:11px;font-family:dotum;color:#666;}
#boardview .attach li a:hover {text-decoration:underline;}
#boardview .attach li .size {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#999;}
#boardview .attach li .down {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#333;}
#boardview .scorebox {text-align:center;padding:20px 0 20px 0;}
#boardview .snsbox {padding:50px 0 0 0;text-align:right;}
#boardview .snsbox img {cursor:pointer;}
#boardview .bottom {padding:10px 0 0 0;text-align:right;}
#boardview .comment {padding:0 0 10px 0;color:#c0c0c0;}
#boardview .comment a {font-weight:bold;color:#3EA9CD;}
#boardview .comment .icon1 {position:relative;top:3px;}
#boardview .han {font-weight:bold;}

/* 게시판 컨텐츠 스타일 수정 by_yong_180912 */
#bbsview .content img{width:auto; max-width:840px !important;}
#bbsview .content p,
#bbsview .content span{
	font-family:'Malgun Gothic','맑은고딕', 'gulim','Apple Gohic', sans-serif !important;
	font-size:14px;
	line-height:1.6;
	letter-spacing:-0.025em;
	word-spacing:-0.045em;
}


/* @view */

#ui-datepicker-div { z-index: 9999999; }


/* write */
.wrbox {padding:25px 0 0 0;}
.mdbox {padding:0;}
#cwrite .box {padding:10px;border:#dfdfdf solid 0px;background:#FCFCFC;}
#cwrite .box .inputbox {padding:8px 0 0 0;}
#cwrite .box .inputbox div {padding:5px 0 0 0;}
#cwrite .box .inputbox div span {position:relative;top:3px;font-size:11px;font-family:dotum;color:#c0c0c0;padding:0 10px 0 0;}
#cwrite .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:150px;}
#cwrite .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:355px;}w
#cwrite .box .bottom {}
#cwrite .box .bottom .l {float:left;font-size:12px;font-family:dotum;color:#999;letter-spacing:-1px;} 


#cmtlistlay {}
#cmtlistlay .box {padding:5px;border:#dfdfdf solid 0px;background:#FCFCFC;}
#cmtlistlay .box .inputbox {padding:8px 0 0 0;}
#cmtlistlay .box .inputbox div {padding:5px 0 0 0;}
#cmtlistlay .box .inputbox div span {position:relative;top:3px;font-size:11px;font-family:dotum;color:#c0c0c0;padding:0 10px 0 0;}
#cmtlistlay .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:150px;}
#cmtlistlay .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:355px;}
#cmtlistlay .box .bottom {padding-bottom:10px;}
#cmtlistlay .box .bottom .l {float:left;font-size:12px;font-family:dotum;color:#999;letter-spacing:-1px;} 


.cmtlistlay {}
.cmtlistlay .box {padding:5px;border:#dfdfdf solid 1px;background:#FCFCFC;}
.cmtlistlay .box .inputbox {padding:8px 0 0 0;}
.cmtlistlay .box .inputbox div {padding:5px 0 0 0;}
.cmtlistlay .box .inputbox div span {position:relative;top:3px;font-size:11px;font-family:dotum;color:#c0c0c0;padding:0 10px 0 0;}
.cmtlistlay .box .inputbox .input1 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:150px;}
.cmtlistlay .box .inputbox .input2 {border:#dfdfdf solid 1px;padding:2px 0 0 5px;height:18px;width:355px;}
.cmtlistlay .box .bottom {padding-bottom:10px;}
.cmtlistlay .box .bottom .l {float:left;font-size:12px;font-family:dotum;color:#999;letter-spacing:-1px;} 
/* @write */


/* view */

.BoardPwCk {border:#dfdfdf solid 0px;width:350px;padding:0px 10px 0px 10px;margin:10px auto 10px auto;}
.BoardPwCk .msg {}
.BoardPwCk .msg h3 {margin:0;padding:0 0 9px 0;font-size:14px;font-weight:bold;font-family:"malgun gothic","dotum";border-bottom:#dfdfdf dashed 1px;}
.BoardPwCk .msg h3 img {position:relative;top:3px;}
.BoardPwCk .msg div {padding:10px 0 0 22px;color:#999;}
.BoardPwCk .ibox {padding:30px 0 10px 22px;}
.BoardPwCk .input {width:150px;}
.BoardPwCk .btnblue {width:80px;}


.goodsviewbox {padding-bottom: 15px; padding-left: 0px; padding-right: 0px; border-top: #efefef 0px solid; padding-top: 15px;}
.goodsviewbox .pic {width: 100px; float: left; vertical-align: top;}
.goodsviewbox .info {line-height: 140%; float: left; margin-left: 10px;}
.goodsviewbox .info .name {padding-bottom: 5px; padding-left: 0px; padding-right: 0px; color: #3c5899; font-weight: bold; padding-top: 0px;}
.goodsviewbox .info .cont {font-family: dotum; color: #333333;}


.content .reply .sbj {
padding-bottom: 20px; margin: 15px 0px 0px; padding-left: 0px; padding-right: 0px; color: #ff0000; border-top: #dfdfdf 1px solid; font-weight: bold; padding-top: 10px;
}

#cmtlist {margin:auto;padding-top:10px;}
.attach {padding:10px 0 0 0;line-height:120%;}
.attach ul {padding:0;margin:0;}
.attach li {list-style-type:none;padding:0 0 5px 15px;}
.attach li a {font-size:11px;font-family:dotum;color:#666;}
.attach li a:hover {text-decoration:underline;}
.attach li .size {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#999;}
.attach li .down {font-size:11px;font-family:'돋움',Dotum,AppleGothic,sans-serif;color:#333;}

#ui-datepicker-div { z-index: 9999999; }



/*20180619 add*/
/*20190103 수정*/
#bbslist {margin-bottom: 80px;color: #333;}
#bbslist .board_bg{position:relative;background:#f2f0f2 url(../../../images/board/common_top_board.jpg);width:100%;height:200px;display:inline-block;background-position:center;background-repeat:no-repeat;}

#bbslist .board_bg h3{font-size:50px;font-weight:bold;color:#333;margin:0 auto;width:1200px;margin-top:60px;}
#bbslist .faq-sch {  position:relative;border-top:1px solid #000;line-height:0;height:80px;width: 1200px; margin: 0 auto;}
#bbslist .faq-sch .tit_box{margin: 0 auto;width:730px;}
#bbslist .faq-sch h3 {  font-size: 22px;font-weight: bold;color: #333;text-align:left;line-height:1.4;position:absolute;top:50%;transform:translate(0, -50%);}
#bbslist .faq-sch h3 strong{  color: #f8601d;}
#bbslist .faq-sch form { float: right; width: 256px; padding: 0; position: relative;bottom:-19px;  }
#bbslist .faq-sch input {  width: 256px; height: 41px; border: 0; padding: 0 60px 0 10px;  outline: none; font-size: 20px; font-weight: 600;background:#f2f3f4; border-radius:41px; }
#bbslist .faq-sch button { position: absolute;right: 10px;top: 2px;font-size: 30px; }
#bbslist .faq-sch button i{ background:url(../../../images/icon/search_thin_black.png)no-repeat center;width:30px;height:38px;display:block;}
#bbslist .tab-box { display: flex;flex-wrap: wrap;width: 100%;margin: 0 auto 30px; }
#bbslist .tab-box h3 {  width: 100%;font-size: 18px;font-weight: 500;color: #333;margin-bottom: 12px; }
#bbslist .tab-box a {
    width: 20%; padding: 0.8em 0; margin: -1px 0 0 -1px; text-align: center; font-size: 16px; font-weight: 400; color: #333;border: 1px solid #333333; transition: background, border, color, 0.3s; }
#bbslist .tab-box a:hover,#bbslist .tab-box a.on {
    background-color: #f8601d; color: white; border-color: #333333; position: relative; z-index: 1; transition: background, border, color, 0.3s;
}
#bbslist .category_title { width: 1200px; font-size: 18px; font-weight: 500; color: #333;margin:0 auto; }
#bbslist .sbj a {text-decoration:none;color:#333;}
#bbslist .sbj a:hover {text-decoration:underline;}
#bbslist .cat:before {
    content: ''; width: 16px;height: 22px;background-image: url(../../../images/icon/icon_q.png);background-repeat: no-repeat;margin-right: 5px;display: inline-block;vertical-align: middle;
}
#bbslist .answer:before {
    content: ''; display: inline-block;width: 35px; height: 35px; border: 1px solid #cfd5da; background-image: url(../../../images/icon/icon_a.png);
    background-position: center center; background-repeat: no-repeat; margin-right: 15px; box-shadow: 0px 2px 0px 0px #f2f3f4;
}

table.bbslist_table_style {border-top: 2px solid #333;width: 1200px;   margin: 0 auto;}
table.bbslist_table_style th,table.bbslist_table_style td { padding: 10px 0;font-size: 13px;font-weight: 300;color: #333;text-align: center;}
table.bbslist_table_style td.sbj{ text-align: left;letter-spacing: 0.02em;padding-left: 0.5em; }

#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform .sch_text{ width: 20em;text-align: left;padding: 0 1em;border-bottom-left-radius: 3px;border-top-left-radius: 3px; }
#bbslist .searchform .sch_button,#bbslist .searchform .sch_text { font-size: 12px;height: 3em;line-height: 1.85;vertical-align: middle;box-sizing: border-box;border: 1px solid #cfd5da;box-shadow: 0px 1px 0px 0px #f2f3f4; }
#bbslist .searchform .sch_button { font-weight: 500;margin-left: -3px;text-align: center;padding: 0 1.5em;transition: background 0.3s;border-top-right-radius: 3px;border-bottom-right-radius: 3px;cursor:pointer;}
#bbslist .searchform .sch_button:hover {   background-color: #cfd5da;transition: background 0.3s; }