@charset "utf-8";
.board_all{font-family:'NanumGothic'; margin:0; padding:0; overflow:hidden;}

/* board 공통 -------------------------------------------------------------------*/
ol, ul ,li{ list-style:none; padding:0; margin:0;}
a{text-decoration:none; color:#333;}
input,textarea,select{border:1px solid #ddd;}
img,fieldset,iframe{border:none; padding:0; margin:0;}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix {display:block; overflow:hidden; height:50px;}
.fleft,.floatLeft{float:left;text-align:left;}
.fright,.floatRight{float:right;text-align:left;}
.both{clear:both;}
.hide{display:none;}
/*.skip{position:absolute;overflow:hidden;height:0;width:0;font-size:0;visibility:hidden;}*/
.image{vertical-align:top;}

/*글씨강조색모음 ------------------------------------------------------------*/
.underline{text-decoration:underline;}
.em_black{color:#000;}
.em_blue{color:#0b66de;}
.em_orange{color:#ed6a3d;}
.em_red{color:#de2500;}
.em_green{color:#54ac9c;}
.em_purple{color:#5d0f89;}
.em_point{color:#185194;}
.em_b_black{color:#000;font-weight:600;}
.em_b_blue{color:#59a2c7;font-weight:600;}
.em_b_orange{color:#ed6a3d;font-weight:600;}
.em_b_red{color:#de2500;font-weight:600;}
.em_b_green{color:#54ac9c;font-weight:600;}
.em_b_purple{color:#5d0f89;font-weight:600;}
.em_b_point{color:#185194;font-weight:600;}

/*버튼모음 -------------------------------------------------------------------*/
.loc_left{position:relative; margin-top:10px; text-align:left;}
.loc_center{position:relative; margin-top:10px; text-align:center;}
.loc_right{position:relative; margin-top:10px; text-align:right;}

.btn_gray{display:block; width:96px; height:35px; line-height:35px; color:#fff; font-size:13px; background:#3a3a3a; text-align:center; display:inline-block; zoom:1;}
.btn_gray:hover{color:#fff;}
.btn_red{display:block; width:96px; height:35px; line-height:35px; color:#fff; font-size:13px; background:#c7242f; text-align:center; display:inline-block; zoom:1;}
.btn_red:hover{color:#fff;}
.btn_blue{display:block; width:96px; height:35px; line-height:35px; color:#fff; font-size:13px; background:#2469c7; text-align:center; display:inline-block; zoom:1;}
.btn_blue:hover{color:#fff;}
.btn_green{display:block; width:96px; height:35px; line-height:35px; color:#fff; font-size:13px; background:#148531; text-align:center; display:inline-block; zoom:1;}
.btn_green:hover{color:#fff;}


.board_all input[type="image"]:focus {outline:2px solid red;}

/*
.board_top{padding:7px 0 0 0;}
.board_top .srch{position:relative;padding:10px 0 0 70px;}
.board_top .srch select{width:55px; height:32px;border:1px solid #c8c8c8;}
.board_top .srch input{width:200px;height:30px;padding:0 5px;border:1px solid #c8c8c8;}
.board_top .total{font-size:15px;}
*/

.board_top{padding:10px 0;}
.board_top .srch{position:relative; padding-bottom:10px;}
.board_top .srch select{height:32px;border:1px solid #c8c8c8;}
.board_top .srch input[type="text"]{width:200px;height:30px;padding:0 5px;border:1px solid #c8c8c8;}
.board_top .total{position:relative; float:left; font-size:15px; padding-bottom:10px;}

/* PAGING --------------------------------------------------------------------*/
.pagingArea { width:100%; clear:both;position:relative; margin:30px 0; font-family:'Arial';  letter-spacing:0px; }
.paging { position:relative; text-align:center;}
.paging a, .paging strong { position:relative; display:inline-block; border:1px solid #333;color:#333; text-decoration:none; vertical-align:top; width:30px; height:30px; line-height:30px;font-size:12px;font-weight:bold;}
.paging strong.on { background:#00796c; color:#fff;}
.paging a:hover { background:#555555; color:#fff;}
.paging a:focus { background:#555555; color:#fff;}

.paging a.prev { margin:0;padding:0; height:28px; width:88px; border:1px solid #989898; background:#fff; color:#666; margin-right:3px; font-size:11px;}
.paging a.prev span {color:#989898; vertical-align:top; margin-top:-1px; font-family:'Arial'; letter-spacing:0px; font-weight:bold; }
.paging a.prev:hover { background:#555; color:#fff; border:1px solid #555;}
.paging a.prev:hover span {color:#fff;}

.paging a.next { margin:0;padding:0; height:28px; width:88px; border:1px solid #989898; background:#fff; color:#666; margin-left:3px; font-size:11px;}
.paging a.next span { color:#989898; vertical-align:top; margin-top:-1px; font-weight:bold;}
.paging a.next:hover { background:#555; color:#fff; border:1px solid #555;}
.paging a.next:hover span { color:#fff;}

/*board_list --------------------------------------------------------------------*/
.board_list {width:100%;border-top:1px solid #454545; word-wrap:break-word;border-collapse:collapse; }
.board_list caption{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.board_list thead th{padding:15px 0;font-weight:600;color:#545454;border-bottom:1px solid #454545; text-align:center; font-size:14px;}
.board_list tbody td{padding:15px 5px 16px; text-align:center; font-size:13px; border-bottom:1px solid #d9d9d9;}
.board_list tbody tr{border-bottom:1px solid #cfcfcf;}
.board_list td img{vertical-align:-1px;}
.board_list tr.notice td.subject{font-weight:600;}
.board_list td.subject{text-align:left}
.board_list .new_comment{color:#1a72be;font-weight:600;}
.board_list .old_comment{font-weight:600;}
.board_list td.date{color:#737373;}

/*common_view --------------------------------------------------------------------*/
.common_view{width:100%; border-top:1px solid #e7e7e7; word-wrap:break-word;border-collapse:collapse; }
.common_view caption{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.common_view th{background:#fbfbfb; font-size:13px; padding:15px 0; text-align:center; font-weight:600; border-bottom:1px solid #e7e7e7;}
.common_view td{font-size:13px; padding-left:15px; border-bottom:1px solid #e7e7e7;}
.common_view td a:hover{color:#ff9600;}
.common_view td.text_info{padding:15px 10px; font-size:13px; min-height:300px; vertical-align:top;}
.list_area{border-top:1px solid #e7e7e7; margin-top:30px;}
.list_area li{display:inline-block; border-bottom:1px solid #e7e7e7; font-size:13px;}
.list_area li:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.list_area li{display:block;}
.case_tit{position:relative;float:left;width:20%;height:32px;padding:10px 0;font-weight:600;line-height:32px;text-align:center;display:table-cell; background:#fbfbfb;}
.case_cont{float:left;width:78%; height:32px; line-height:32px; padding:10px 0 10px 15px;background:#fff;}

/*common_write --------------------------------------------------------------------*/
.common_write{width:100%; border-top:1px solid #e7e7e7; word-wrap:break-word;border-collapse:collapse; }
.common_write caption{position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.common_write th{background:#fbfbfb; font-size:13px; padding:15px 0; text-align:center; font-weight:600; border-bottom:1px solid #e7e7e7;}
.common_write td{font-size:13px; padding-left:15px; border-bottom:1px solid #e7e7e7;}
.common_write td input{width:50%; height:24px; padding:0 10px;}
.common_write td textarea{width:98%; height:250px; margin:10px 0; padding:10px;}


/*fqa_list --------------------------------------------------------------------*/
.fqa_List{width:100%;border-top:1px solid #d9d9d9;}
.fqa_List li .accoTit {display:block;padding:20px 43px 20px 75px;border-bottom:1px solid #d9d9d9;}
.fqa_List li .accoTit .sort{font-size:12px; color:#00796c;}
.fqa_List li .accoTit .tit {display:block;color:#222;font-size:18px;line-height:24px;}
.fqa_List li .accoCon_on {position:relative;padding:10px 0 15px 75px;border-bottom:1px solid #d9d9d9; font-size:14px;line-height:20px;}
.fqa_List li .accoCon_off {display:none;}

/*색깔별아이콘 --------------------------------------------------------------------*/
.fqa_List li .q_icon_green {background:url('./images/green_off.png') no-repeat 15px center;}
.fqa_List li .a_icon_green {background:#fafafa url('./images/green_on.png') no-repeat 15px 20px;}
.fqa_List li .q_icon_purple {background:url('./images/pur_off.png') no-repeat 15px center;}
.fqa_List li .a_icon_purple {background:#fafafa url('./images/pur_on.png') no-repeat 15px 20px;}
.fqa_List li .q_icon_orange {background:url('./images/orange_off.png') no-repeat 15px center;}
.fqa_List li .a_icon_orange {background:#fafafa url('./images/orange_on.png') no-repeat 15px 20px;}
.fqa_List li .q_icon_black {background:url('./images/black_off.png') no-repeat 15px center;}
.fqa_List li .a_icon_black {background:#fafafa url('./images/black_on.png') no-repeat 15px 20px;}

/*gallery_list --------------------------------------------------------------------*/
.gallery_list{width:100%; overflow:hidden; word-wrap:break-word;border-collapse:collapse; }
.gallery_list ul{overflow:hidden;}
.gallery_list li{float:left;width:250px;height:auto; margin:10px 10px 10px 10px; padding-bottom:20px; border:1px solid #c3c3c3; background:#fff;}
.gallery_list li a{display:block;}
.gallery_list li img{width:100%; /*height:190px;*/}
.gallery_list li a:hover .img span{display:block;}
.gallery_list .img{position:relative;}
.gallery_list .img span{display:none;position:absolute;top:0;left:0;border:2px solid #ffc240; width:99%; height:188px;}
.gallery_list li strong{display:block;overflow:hidden;margin:18px 0 0 15px;font-weight:700;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.gallery_list li strong span{color:#0067b3; margin-right:3px;}
.gallery_list .pheight{overflow:hidden;display:block;height:70px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top:10px;font-size:11px;color:#737373; line-height:19px;}

/*webzine_list --------------------------------------------------------------------*/
.webzine_list{width:100%; overflow:hidden; border-top:1px solid #d9d9d9;}
.webzine_list li {padding:20px 0 18px 0; border-bottom:1px solid #d9d9d9;}
.webzine_list .img {display:block; width:293px; height:196px; float:left; margin-right:25px;}
.webzine_list .cont {border:0px solid #000; overflow:hidden;}
.webzine_list .ellipsis {font-size:16px; font-weight:600;}
.webzine_list .ellipsis a {color:#222;}
.webzine_list .ellipsis a:hover {text-decoration:underline;}
.webzine_list .text {padding:10px 0 10px 0;font-size:14px; line-height:20px;}
.webzine_list .text a {display:block;max-height:90px; height:90px; word-break:break-all; overflow:hidden;}
.webzine_list .text a p{display:inline;}
.webzine_list .date {float:left; color:#aaa;font-size:13px;}

@media screen and (max-width:640px){
.board_top .srch{position:relative;padding:0 50px 10px 70px;}
.board_top .srch select{position:absolute;left:3px;top:0;width:60px;}
.board_top .srch input[type="text"]{width:100%; padding:0;}
.board_top .srch input[type="image"]{position:absolute; right:5px;top:0;}
.board_top .fleft{float:none;}
.board_top .fright{float:none;}

/* PAGING --------------------------------------------------------------------*/
.paging a.prev { margin:0;padding:0; height:28px; width:50px; border:1px solid #989898; background:#fff; color:#666; margin-right:3px; font-size:11px;}
.paging a.next { margin:0;padding:0; height:28px; width:50px; border:1px solid #989898; background:#fff; color:#666; margin-left:3px; font-size:11px;}

.gallery_list li{float:left;width:45%;height:auto; margin:10px 0; padding-bottom:20px; border:1px solid #f0f0f0;}
.gallery_list li:nth-child(even){float:right;width:45%;height:auto; margin:10px 0; padding-bottom:20px; border:1px solid #f0f0f0;}
.gallery_list li a{display:block;}
/* .gallery_list li img{width:100%;  height:153px;} */
.gallery_list li a:hover .img span{display:block;}
.gallery_list .img{position:relative;}
.gallery_list .img span{border:0;}
.gallery_list li strong{display:block;overflow:hidden;margin:18px 0 0 15px;font-weight:700;font-size:15px;line-height:18px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.gallery_list li strong span{color:#0067b3; margin-right:3px;}
.gallery_list .pheight{overflow:hidden;display:block;height:70px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-top:10px;font-size:11px;color:#737373; line-height:19px;}

/*webzine_list --------------------------------------------------------------------*/
.webzine_list .img {display:block; width:50%; height:196px; float:left; margin-right:15px;}

}