@charset "utf-8";
textarea{display:block; width:100%; margin:none; padding:none: overflow-x:hidden; overflow-y:auto; resize:none; border:none }
table { border-collapse:collapse; }
caption, legend {   /* visibility: hidden;   width: 0px;    height: 0px;    font-size: 0px;    line-height: 0px;*/ }
a{ text-decoration:none; color:#777}
a:visited{ text-decoration:none;  }
.m_on{display:none}


.boardwrap{clear:both; position:relative; min-height:500px; padding:10px 0 40px}
.boardwrap .sub_title{ position:absolute; top:12px; left:10px; font:bold 21px/36px 'Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}

/* sub Tab*/
.tab_sub {display:inline-block; position:absolute; top:20px; left:10px; height:36px; z-index:1;  border:1px solid #ddd; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.tab_sub li{float:left;}
.tab_sub li a{float:left;border-right:1px solid #ddd; padding:0 14px; cursor:pointer;height:36px;line-height:36px; font-size:13px;
white-space:nowrap;text-overflow:ellipsis;font-size:14px;letter-spacing:-0.02em;text-align:center;color:#444;vertical-align:middle;*width:auto;}
.tab_sub li:last-child a{float:left;border-right:0px solid #ddd; }
.tab_sub li a:hover{ background-color:#666; color:#fff}
.tab_sub li a.on{ font-weight:bold;background-color:#555; color:#fff ; }


/* btn */
.btn_wrap{position:relative;text-align:center}
.btn_wrap a{display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-bottom:5px}
.btn_wrap a img{vertical-align:middle;margin-right:5px}
.btn_wrap a.type01{font-size:18px;color:#fff;line-height:60px;background:#9c5788}
.btn_wrap a.type02{font-size:18px;color:#fff;line-height:60px;background:#7b71aa}
.btn_wrap a.type03{font-size:18px;color:#fff;line-height:60px;background:#888}
.btn_wrap a.type04{font-size:18px;color:#fff;line-height:60px;background:#666}

/* page */
.paging_wrap{text-align:center;margin-top:25px; }
/* .paging_wrap a,.paging_wrap span,.paging_wrap strong{display:inline-block;height:20px; margin:none; padding:0 12px 11px; vertical-align:top; color:#888; line-height:28px;  border:solid 1px #eaeaea;}
.paging_wrap a,.paging_wrap span,.paging_wrap strong{display:inline-block;height:20px; margin:none; padding:0 12px 11px; vertical-align:top; color:#888; line-height:28px;  border:solid 1px #eaeaea;} */
.paging_wrap img{margin:0 2px;}


.paging{clear:both; position:relative;margin:0 auto;padding:20px 0 0 0;text-align:center; }
.paging>span{display:inline-block;margin:0 10px;vertical-align:top}
.paging>span strong,.paging>span a{display:inline-block;margin-left:-1px;width:30px;height:30px;border:1px solid #dfdfdf;font-family:tahoma;line-height:30px;border-radius:5px; cursor:pointer}
.paging>span strong{position:relative;background-color:#727272;border-color:#727272;color:#fff}
.paging>span a{color:#444}
.paging .prevEnd, .paging .prev, .paging .nextEnd, .paging .next{height:33px; padding:0;vertical-align:top;border:none;}




/* list */
.default_con{position:relative; margin:10px auto 0}
.list_sort_wrap{position:relative;width:100%; min-height:38px; margin-bottom:8px; padding:10px; border:1px solid #eee; background:#fafafa; box-sizing:border-box ; text-align:center}
.list_sort_wrap:after {content:" ";display:block;clear:both;}
.list_sort_wrap .s_tab{}
.list_sort_wrap .s_tab:after {content:" ";display:block;clear:both;overflow:hidden}
.list_sort_wrap .s_tab li{float:left;width:33.33%}
.list_sort_wrap .s_tab li a,.list_sort_wrap .s_tab li p{display:block;width:auto;font-size:11px;line-height:36px;padding:0 10px;border:1px solid #ccc;margin-left:-1px;margin-top:-1px;}
.list_sort_wrap .s_tab li.actived a{color:#666;font-weight:700;}
.list_sort_wrap .s_tab li:first-child a{border-left:1px solid #ccc}
.list_sort_wrap .list_search{position:relative;}
.list_sort_wrap .list_search .l_s_input{float:left; display:inline-block; padding:0 10px;border:1px solid #ccc;background:#fff;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; margin-right:3px;}
.list_sort_wrap .list_search input{position:relative;width:100%;height:32px;padding:0;border:none;background:none;text-align:left;line-height:32px; margin:0}
.list_sort_wrap .list_search .l_s_btn{float:left; display:inline-block; border:1px solid #ccc; width:32px; overflow:hidden; padding:0; background:#484848; color:#fff; text-align:center; 
				border-radius:3px; -webkit-border-radius:3px; -moz-border-radius: 3px; -o-border-radius: 3px ;}
.list_sort_wrap .list_search .l_s_btn:hover{background:#666; }
.list_sort_wrap .list_search .l_s_btn img{width:100%; display:block;}
.notice_list{ margin-top:10px}

.default_con .base_tcon{ height:100%; min-height:300px; }


/* table */
table.board_table{width:100%; border-top:1px solid #444; font:normal 13px/18px ; }
table.board_table th{background:#fafafa; border:1px solid #e0e0e0; border-width:0 0 1px 0; padding:9px; height:15px; text-align:center;vertical-align:middle}
table.board_table th:last-child{ border-right:none;}
table.board_table td{border:1px solid #e0e0e0; border-width:0 0 1px 0; padding:6px;height:28px; text-align:center;vertical-align:middle;}
table.board_table td:last-child{ border-right:none;}
table.board_table .tl{text-align:left}
table.board_table .category{text-align:left}
table.board_table img{vertical-align:middle; margin-right:5px}
table.board_table input[type="text"],
table.board_table select{position:relative;height:28px;text-align:left;background:#fbfbfb;border:1px solid #ebebeb;padding:0;color:#666;line-height:normal}
table.board_table select{position:relative; text-align:left; height:30px;/*background:#fbfbfb url(/img/board/input_select_arrow.gif) right top no-repeat*/}
table.board_table input[type="file"]{position:relative;width:100%;padding:0;line-height:normal}
table.board_table textarea{position:relative;background:#fbfbfb;border:1px solid #ebebeb;padding:5px;width:99%;}
table.board_table label,.board_table input,.board_table a,.board_table span{vertical-align:middle}
table.board_table .char{margin:0;line-height:20px;}
table.board_table a.pw{padding-left:5px; cursor:pointer}
table.board_table .d_sj a{ display:inline-block; width:460px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table.board_table span.thumb img{width:40px}

table.board_table tr.notice_tr td{font-weight:bold}
table.board_table tr.notice_tr td.d_no{color:#ff771c}



table.board_download{width:100%;border-top:2px solid #369eff; font:normal 13px/18px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; }
table.board_download th{background:#f4f4f4; border:1px solid #ddd; border-width:0 1px 1px 0; padding:10px; height:30px; text-align:center;vertical-align:middle}
table.board_download th:last-child{ border-right:none;}
table.board_download td{border:1px solid #ddd; border-width:0 1px 1px 0; padding:8px;height:28px; text-align:center;vertical-align:middle;}
table.board_download td:last-child{ border-right:none;}
table.board_download .tl{text-align:left}
table.board_download img{vertical-align:middle; margin-right:5px}
table.board_download input[type="text"],
table.board_download select{position:relative;height:28px;text-align:left;background:#fbfbfb;border:1px solid #ebebeb;padding:0;color:#666;line-height:normal}
table.board_download select{height:30px;/*background:#fbfbfb url(/img/board/input_select_arrow.gif) right top no-repeat*/}
table.board_download input[type="file"]{position:relative;width:100%;padding:0;line-height:normal}
table.board_download textarea{position:relative;background:#fbfbfb;border:1px solid #ebebeb;padding:5px;width:99%;}
table.board_download label,.board_table input,.board_table a,.board_table span{vertical-align:middle}
table.board_download .char{margin:0;line-height:20px;}
table.board_download a.pw{padding-left:5px; cursor:pointer}
table.board_download .d_sj a{ display:inline-block; width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}





table.board_faq{width:100%;border-top:2px solid #369eff;font:normal 13px/30px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; }
table.board_faq th{background:#f4f4f4; border:1px solid #ddd; border-width:0 1px 1px 0; padding:10px; height:30px; text-align:center;vertical-align:middle}
table.board_faq th:last-child{ border-right:none;}
table.board_faq td{border-bottom:1px solid #ddd; padding:5px 0 5px 0;height:30px; vertical-align:middle;}
table.board_faq td:last-child{ border-right:none;}
table.board_faq .tl{text-align:left}
table.board_faq img{vertical-align:middle; margin-right:5px}
table.board_faq .faq{background:url(/PG/faq/Images/faq_q.png) no-repeat 5px 12px; display:block; color:#333; }
table.board_faq .sort{padding:0 15px 0 35px; color:#369eff; font-weight:bold }
table.board_faq .pro_name{padding:0 15px 0 0; color:#f1923e;  }
table.board_faq .d_sj a{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
table.board_faq .answer {display:none; widht:100%; background:#f9f9f9 url(/PG/faq/Images/faq_a.png) no-repeat 10px 10px; color:#333; 
									font:normal 13px/18px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';border-bottom:1px solid #ddd;}
table.board_faq .answer td {border:none; padding:10px 10px 10px 44px;}
table.board_faq .answer:after{content:"";display:block;clear:both;}

.pro_list{width:100%}
.pro_list li {float:left; padding:0 14px;  margin:0 0 15px; border-left:1px solid #ddd; font:normal 13px/13px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}
.pro_list li a{color:#888  }
.pro_list li a.on{color:#369eff ; font-weight:bold }
.pro_list li:first-child{border-left:none; padding-left: 0}


.img_noti{display:table; width:100%; height:200px;  vertical-align:middle; overflow:hidden; margin:10px 0; border:1px solid #dfdfdf ; font:normal 14px/21px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}
.img_noti dt{ width:400px; display:table-cell ;padding-right:30px}
.img_noti dt img{width:400px; height:200px}
.img_noti dd{ display:table-cell; padding:30px 20px 20px 0 ; vertical-align:middle;}
.img_noti dd strong{display:block; font-size:22px; font-weight:bold; color:#333; padding-bottom:15px}
.img_noti dd a{display:block;  height:100px; overflow:hidden; text-overflow:ellipsis;}
.img_noti dd a:hover{color:#369eff;}
.img_noti dd span{ display:block; padding-top:10px}
.img_noti dd span b{display:inline-block; color:#369eff;}

.no_board{text-align:center; padding:100px 0}

table.write_table{width:100%; margin-top:15px; border-top:1px solid #333; font:normal 13px/18px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; box-sizing:border-box }
table.write_table th{width:20%; border:1px solid #dbdbde; border-width:0 1px 1px 0; background:#f1f2fa; padding:4px 14px; height:28px; text-align:left; vertical-align:middle; font-size:14px; font-weight:400; color:#444;}
table.write_table th:last-child{ border-right:none;}
table.write_table td{border:1px solid #dbdbde; border-width:0 1px 1px 0; padding:4px 10px;height:30px; text-align:left;vertical-align:middle;}
table.write_table td:last-child{ border-right:none;}
table.write_table td img{vertical-align:middle; width:auto}
table.write_table input[type="text"],
table.write_table input[type="password"],
table.write_table input[type="number"],
table.write_table input[type="file"]{position:relative;height:24px; padding:2px 3px; margin:1px 0;text-align:left;background:#fbfbfb; border:1px solid #ddd;color:#666; line-height:normal; vertical-align:middle}

table.write_table td .cont_img img{width:100%}

table.write_table th input[type="text"],
table.write_table th input[type="password"],
table.write_table th input[type="file"]{width:100%;}

table.write_table input[type="radio"]{margin:0 3px 0;}
table.write_table select{position:relative;height:28px;text-align:left;background:#fbfbfb;border:1px solid #ebebeb;padding:0;color:#666;line-height:normal;vertical-align:middle}
table.write_table select{height:30px;/*background:#fbfbfb url(/img/board/input_select_arrow.gif) right top no-repeat*/}
table.write_table input[type="file"]{position:relative;width:98%;padding:0;line-height:normal}
table.write_table textarea{position:relative;background:#fbfbfb;border:1px solid #ebebeb;padding:5px;width:100%; box-sizing:border-box;}
table.write_table label,.write_table input,.write_table a,.write_table span{vertical-align:middle;}
table.write_table span.info_title{position:relative;}
table.write_table span#blog1, table.write_table span#blog2{display:contents;}
table.write_table p{width:100%; float:left;}


table.write_table .char{margin:0;line-height:20px;}
table.write_table select{	position:relative;	height:30px;	/*-webkit-appearance: none;    -moz-appearance: none;    appearance: none; */   text-indent: 0.01px;    text-overflow: '';	zoom:1}
table.write_table col.t_01{width:135px}
p.red_txt{color:red}

table.write_table input.type_01{width:180px}
table.write_table input.type_02{width:510px}
table.write_table input.inpt_default{width:180px}
table.write_table input.inpt_juso{width:98%}

table.write_table .catebt{float:left; padding:10px 0 2px;}
table.write_table .catebt1:after{content:""; width:1px; height:18px; float:right; background:#aaa; margin:0 8px;}
table.write_table  a.btn_pdf{color:#FF414E}

div.myinfo_tit:first-child{margin: 10px 0 10px 0!important;}
div.myinfo_tit{margin:20px 0 -10px!important;}

table td a.adRequest{float:right; padding:3px 15px 5px; line-height:18px; background:#f1626c; color:#fff; border-radius:15px; }
table td a.adRequest:hover{background:#ff8d95; }

.tip_bt{border-bottom:; float:right; cursor:help; padding:0; }
.tip_bt:hover span.tip_text{border-bottom:1px solid #f1626c; color:#f1626c;}
.tip_bt span.tip_text{font-size:11px; color:#888;}
.tip_bt span.tip_icon{width:15px; height:15px; font-weight:700; font-size:11px; display:inline-block; vertical-align:middle; position:relative; margin-left:1px; text-align:center; line-height:15px; background:#f1626c; box-sizing:border-box; color:#fff;}
.popover-content{font-size:12px; white-space:pre-line;}

.table_blog span{width:70px; float:left; line-height:30px;}
.table_blog input[type="checkbox"]{float:left; height:26px;}
.table_blog input[type="text"]{float:none;}






p.email_wrap input.email_01{width:150px}
p.email_wrap input.email_02{width:150px}
p.email_wrap select{width:150px;margin-left:4px;margin-top:0}

p.phone_wrap select,p.phone_wrap input{width:108px;margin-bottom:0}
p.phone_wrap .under{display:inline-block;zoom:1;*display:inline;margin:0 5px}

p.imgview{display:block; padding:5px }
p.imgview img{min-height:50px; max-height:110px  }

table.write_table input.type_01{width:200px}
p.email_wrap{text-align:left}
p.phone_wrap{text-align:left}

select.number_01{width:260px}


table.write_table select{ position:relative; height:30px;text-indent: 0.01px; zoom:1; cursor:pointer}
.color_01{color:red}
td.nodatd{ font:normal 12px/120px Play,'맑은 고딕','Malgun Gothic','나눔 고딕','Nanum Gothic','dotum'; text-align:center}

.default_btn{color: #fff; border:0; background: #484848;padding: 5px 10px; border-radius: 20px;}
.board_tit02{font-size: 18px; font-weight: bold; padding: 20px 0 0 0;}

/* list view  */
.list_view{margin:50px auto 0 auto;text-align:left}
.list_view .snslink{position:relative; text-align:right; margin-bottom:5px;}
.list_view .snslink a{display:inline-block; height:20px; padding:0 4px 0 28px; margin-left:5px; border-right:1px solid #ddd;}
.list_view .snslink a:last-child{border-right:none}
.list_view .snslink a.twitter{background:url(/img/board/icon_sns.png) no-repeat 2px -40px}
.list_view .snslink a.twitter:hover{background:url(/img/board/icon_sns.png) no-repeat 2px 0}
.list_view .snslink a.facebook{background:url(/img/board/icon_sns.png) no-repeat -54px -40px}
.list_view .snslink a.facebook:hover{background:url(/img/board/icon_sns.png) no-repeat -54px 0}
.list_view .snslink a.linkedin{background:url(/img/board/icon_sns.png) no-repeat -107px -40px}
.list_view .snslink a.linkedin:hover{background:url(/img/board/icon_sns.png) no-repeat -107px 0}
.list_view .snslink a.print{background:url(/img/board/icon_sns.png) no-repeat -166px -40px}
.list_view .snslink a.print:hover{background:url(/img/board/icon_sns.png) no-repeat -166px 0}
.list_view .view_top{position:relative;background:#fafafa;border-top:1px solid #484848;font-size:14px;}
.list_view .view_top h3{ display:block; color:#444;line-height:20px; padding:14px 20px; border-bottom:1px solid #eee;vertical-align:middle}
.list_view .view_top ul{display:block; width:100%; height:20px;  padding:9px 0; border-bottom:1px solid #eee}
.list_view .view_top ul li{width:auto;height:100%; float:left; padding:0 22px; margin-left:0;border-right:1px solid #eee}
.list_view .view_con{padding:30px 20px;border-bottom:1px solid #eee}
.list_view .view_top ul li p,.list_view .view_top ul li span{display:block;position:relative;top:50%;left:0;width:100%;height:24px;line-height:24px;margin-top:-12px}
.list_view .view_file{border:1px solid #eee; border-width:1px 0}
.list_view .view_file span{padding:0 20px; line-height:36px}

.list_view iframe,
.list_view video,
.list_view embed,
.list_view img,
.list_view object{position:relative;top:0;left:0;max-width:100%}
.list_view .view_con{padding:15px; min-height:280px; text-align:left}
.list_view .view_top h3{padding:14px 200px 14px 20px}	
.list_view .view_con .youtube{width:100%; height:560px}

.btn_print{display:none}

.list_view.answer_view .view_top{border-top:2px solid #a97b9b;background:#d0a7c4}
.list_view.answer_view .view_top h3{color:#fff;border-bottom:1px solid #a97b9b}
.list_view.answer_view .view_top ul li span{color:#fff}
.list_view.answer_view .view_top ul li{border-color:#a97b9b}
.btn_relation{border-top:1px solid #eee}
.btn_relation .icon{position:absolute;top:0;left:0;width:50px;height:50px;border-right:1px solid #eee;border-bottom:1px solid #eee}
.btn_relation p{position:relative;border-bottom:1px solid #eee}
.btn_relation p:first-child .icon{z-index:100}
.btn_relation p a{display:block;padding-left:68px;padding-right:20px;line-height:50px;text-align:left;font-size:13px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn_relation p.last{margin-top:-1px}


.comment_list{margin:25px 0 10px; text-align:left;border-top:1px solid #eee}
.comment_list > ul > li{position:relative; padding:20px; border-bottom:1px solid #eee}
.comment_list > ul > li.reply{padding-left:40px; background:url(/img/board/icon_reply.png) 10px 12px no-repeat}
.comment_list .comment_con{margin-top:15px; font-size:13px;line-height:20px;}
.comment_list .comment_name{font-size:13px;color:#d3aa6a;padding-right:157px}
.comment_list .comment_name .date{display:inline;margin-left:10px; color:#888;}
.comment_list .btn_comment_list{position:absolute; top:20px;right:20px; overflow:hidden}
.comment_list .btn_comment_list a{display:block;float:left;width:32px;height:22px;font-size:12px;line-height:22px;text-align:center;margin-left:5px;border:1px solid #e4e2dd;
									-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}

.comment_list > ul > li.reply_input{background:#fbfaf9}
.comment_list p.myinfo{ padding-bottom:10px; }
.comment_list p.myinfo input{ padding:3px 3px 5px 3px; margin-right:5px; border:1px solid #c8c8c8; }
.comment_list .r_input_wrap{position:relative;background:#fff;border:1px solid #c8c8c8;padding:9px 110px 9px 9px}
.comment_list .r_input_wrap textarea{height:35px}
.comment_list .r_input_wrap .btn_write{position:absolute;top:0;right:0;display:block;width:100px;height:55px;font-size:16px;color:#666;line-height:54px;text-align:center;border-left:1px solid #c8c8c8}

.comment_input{margin-top:30px;padding:20px; background:#fff}
.comment_input .c_input_wrap{position:relative;background:#fff;border:1px solid #c9c9c9;padding:9px 110px 9px 9px}
.comment_input textarea{height:55px}
.comment_input .btn_write{position:absolute;top:0;right:0;display:block;width:100px;height:75px;font-size:16px;color:#fff;line-height:74px;text-align:center;background:#888}



/* btns */
.btn_list{clear:both; padding:15px 0;  text-align:center; }
.productbt a{color:#fff; background:#484848; border:1px solid #484848; position: relative; display: inline-block; border-radius:20px;
zoom: 1; line-height: 28px; padding: 0 20px; margin:6px 1px 0; height: 28px; font-size: 13px; margin-bottom: 5px;}
.productbt a:hover{background:#777; border:1px solid #777;}
.productbt button
{color:#fff; background:#484848; border:1px solid #484848; position: relative; display: inline-block; border-radius:20px;
zoom: 1; line-height: 28px; padding: 0 20px; margin:6px 1px 0; height: 28px; font-size: 13px; margin-bottom: 5px;}
.productbt button:hover{background:#777; border:1px solid #777;}
.btn_list a{ position:relative;display:inline-block;zoom:1;*display:inline; padding:0 20px ;margin:0 1px; height:30px; font-size:13px;  line-height:28px; margin-bottom:5px;border-radius:20px; box-sizing:border-box;}	
.btn_list a.type01{color:#555;border:1px solid #e0e0e0; background:#fff;}
.btn_list a.type01:hover{border:1px solid #ddd; background:#f9f9f9}
.btn_list a.type02{color:#fff;background:#484848;border:1px solid #484848;}
.btn_list a.type02:hover{background:#777;border:1px solid #777}
.btn_list.b_r{float:right}

/*게시판 상단 버튼*/
.btn_list.top{ padding:0; }

.txt_list{width:100%; height:26px;  padding:15px 0; display:block}

.pw_pop{position:absolute;top:50%;left:50%;width:300px;padding: 50px;margin-left:-200px;margin-top:-120px;background:#fff; text-align:center; border:1px solid #e5e5e5;display: ; /*box-shadow:3px 0px 3px rgba(0,0,0,.2);*/	 display:}
.pw_pop .poptitle{margin:none; font-size:18px;color:#666; }
.pw_pop .info{font-size:14px;margin-top:5px}
.pw_pop .input_pw{position:relative;height:30px;margin-top:15px}
.pw_pop .input_pw input{position:relative;left:auto;top:auto;display:inline-block;zoom:1;*display:inline;border:1px solid #eee;background:#fafafa;padding:0 10px; width:160px; height:30px}
.pw_pop .input_pw a{display:inline-block;zoom:1;*display:inline;font-size:12px;color:#666;height:30px;line-height:30px;padding:0 18px;margin-left:5px;border:1px solid #eee;
								-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.pw_pop .btn_close{position:absolute;top:20px;right:20px}



/* 갤러리 게시판*/
.galleryList{clear:both; width:100%; margin:0 auto; }
.galleryList li a{float:left; width:22%; min-height:300px; margin:0.5%; padding:0.9%; border:1px solid #ddd; background:#fff}
.galleryList li a strong{display:block; line-height:24px}
.galleryList li a .imgw{display:block; width:100%; height:240px; overflow:hidden}
.galleryList li a img{display:block; width:100%; margin-bottom:10px}



#isotope_list{overflow:visible !important;height:100%;margin-top:75px}
.item_obj{background:#fff;/*  border:1px solid #e5e5e5; */margin-left:-1px;margin-top:-1px}
.item_obj .item_data{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.item_obj.w2{width:50%}


.no_data{clear:both; position:relative; width:90%; max-width:1000px; margin:10px auto; padding:80px 0 30px; text-align:center; /* border:3px solid #e5e5e5; background-color:#f9f9f9; */ background-image:url(/img/logo_no.png); background-repeat:no-repeat;
				background-position:center 30px; box-sizing:border-box; font-size:13px; color:#999; border-radius:15px;}
.search_nodata{width:100%;}


/**** Isotope CSS3 transitions ****/

#isotope_list,
#isotope_list .item_obj {
}

#isotope_list {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

#isotope_list .item_obj {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

#isotope_list.no-transition,
#isotope_list.no-transition .item_obj,
#isotope_list .item_obj.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
#isotope_list.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


.black_cover{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:8;filter:alpha(opacity=0);opacity:0}


#isotope_list{ height:auto;margin:30px 0 0 -20px; padding-top:1px }
.item_obj{ float:left; padding:0 0 15px 0; max-height:140px;  margin-bottom:20px; margin-left:20px; width:540px; box-sizing:border-box; border-bottom:1px dotted #ddd} 
/* .item_obj:hover{ border:1px solid #a39688; } */
.item_obj.last{ margin-right:0%; }
.item_obj .item_data{position:relative;top:0;left:0; cursor:pointer;}
.item_obj .item_data .thum{float:left; display:inline-block;  width:120px; height:110px;}
.item_obj .item_data .thum a{ }
.item_obj .item_data .thum a img{ width:110px; height:110px; border:1px solid #e0e0e0;box-sizing:border-box }

.n_list_info .info{position:relative;padding:5px 0 10px 10px;text-align:left;float:left; width:410px;}
.n_list_info .info span{display:block;padding:0 5px;}
.n_list_info .info .n_category{ font-size:16px;color:#333; height:30px; line-height:30px; font-weight:bold; overflow:hidden; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block;}
.n_list_info .info .n_category .n_category_com{color:#f1626c; float:left;}
.n_list_info .info .n_content{ font-size:14px;color:#666; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space: normal; line-height:1.2; height:2.38em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.n_list_info .info .n_name{font-size:13px;color:#999;margin-top:5px;line-height:18px;padding:0 10px}
.n_list_info .info .n_date{font-size:13px;color:#aaa;margin-top:10px; float:right; text-align:right}


.pageNumber{ text-align:center;  padding-top:20px;}



.result_board ul li a div.thum{width:13%; height:auto; float:left; display:inline-block;}
.result_board ul li a div.thum img{width:100%; display:block; border:1px solid #e0e0e0; box-sizing:border-box;}
.result_board ul li a div.info{width:86%; padding:5px 0 10px 1%;position:relative; text-align:left; float:left;
overflow:hidden; text-overflow:ellipsis;}






.regist_wrap{width:60%;}
.regist_wrap h4{font-size:22px; padding:0 0 4px;}
.regist_wrap table{width:100%; margin:0 auto 40px; border-top:3px solid #555;}
.regist_wrap table th,
.regist_wrap table td{padding:15px 0 16px 30px; border-bottom:1px solid #dbdbde; text-align:left;
line-height:1.45; letter-spacing:-0.5px; font-family:'Nanum Gothic';}
.regist_wrap table th{background-color:#f1f2fa; font-size:14px;}
.regist_wrap table td{font-size:12px;}
.regist_wrap table .regist_category_result{margin:5px 0 0;}
.regist_wrap table .regist_category_bt{margin:6px 0 0;}
.regist_wrap table .regist_category_bt a{padding:8px 5px 6px;}

.regist_wrap table td.regist_field label{margin-right:20px;}

.regist_wrap table td.regist_name label{width:100px; display:inline-block; margin-right:0;}
.regist_wrap table td.regist_name input[type='text']:nth-of-type(4){margin:4px 0;}

.regist_wrap table td.regist_costumer label{width:40px; display:inline-block; margin-right:0;}
.regist_wrap table td.regist_costumer input[type='text']:nth-of-type(2){margin:4px 0;}

.regist_wrap table td input.input{margin:0 0 4px;}

.regist_wrap table td.regist_delivery label{width:75px; display:inline-block; margin-right:0;}
.regist_wrap table td.regist_delivery label:before{clear:both; content:" "; display:block;}

.regist_wrap table td.regist_document label{width:91px; display:inline-block;}
.regist_wrap table td.regist_document a{color:#6298f1;}

.regist_wrap table td.regist_blog label{width:50px; display:inline-block;}
.regist_wrap table td.regist_blog input[type='text']{margin:0 0 4px;}

.regist_wrap table td.ad_type h2{font-size:14px; color:#6298f1; border-bottom:1px solid #6298f1; margin:0 0 8px; padding:0 0 8px;}
.regist_wrap table td.ad_type h3{font-size:12px;}
.regist_wrap table td.ad_type hr{display:block;}
.regist_wrap table td.ad_type label{display:block;}
.regist_wrap table td.ad_type li div{margin:0 0 10px;}



.regist_wrap table td span.color{font-size:12px; margin:10px 0 0; display:block; color:#6298f1;}



/*레이어창*/
.layerWrap{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:url(/img/black_40.png); z-index:1000; overflow-y:auto; padding:0px; margin:0; }
.layerWrap .centerWrap{ background:#fff; padding:20px 40px; width:900px; height:486px; margin:100px auto 0; box-sizing:border-box; overflow:hidden}
.layerWrap .centerWrap.none{ position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-220px; background:none; width:440px; height:300px} 
.layerClose{ display:inline-block; position:fixed; top:70px; right:50%; margin-right:-450px; padding:0; vertical-align:top; width:36px; height:40px; border-radius:5px; background:#fff; 
				font:normal 28px Verdana, Geneva, sans-serif; color:#333; border:none; cursor:pointer; text-align:center ; }
.layerWrap .centerWrap.none .layerClose{  position:absolute; top:10px; right:10px; margin-right:0px; background:none; z-index:2; color:#333; } 
.layerClose:hover{ color:#e51827; }



.introbox{ position:relative; width:380px; height:180px; margin:30px auto; background:#fff /*url(/img/intro_bg.jpg) no-repeat right bottom*/; box-shadow:1px 1px 5px rgba(0,0,0,.5); text-align:center;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px;  padding:50px 30px 30px 30px ; font:normal 16px/16px Malgun Gothic;  color:#666; letter-spacing:-0.05em;  
		overflow:hidden; box-sizing:border-box}

.introbox input{width:210px; height:30px; padding:2px; }
.introbox button{ padding:2px 65px; border:1px solid #f1626c;  background:#f1626c; color:#fff ; border-radius:18px; line-height:32px; font-weight:bold}
.introbox button:hover{ background:#f13d4a;}

@media screen and (max-width:980px){ /*PC버젼 1100px  ~ 768px #####################################*/
#isotope_list{margin:0;}
.item_obj{width:100%; margin-left:0px;}
.item_obj .item_data .thum{width:13%; height:auto;}
.item_obj .item_data .thum a{width:100%; display:block;}
.item_obj .item_data .thum a img{width:100%; height:auto;}
.n_list_info .info{width:86%; padding:5px 0 10px 1%;}

table.write_table th{width:25%;}

.no_data{width:90%; max-width:800px; background-size:40%; background-position:center 25px;  padding:70px 0 30px; font-size:15px;border:1px solid #e5e5e5; }
.list_view .view_con .youtube{width:100%; height:480px}
}





@media (min-width:768px) and (max-width:979px) {/* TABLET 버젼 1100px  ~ 768px #####################################*/


.notice_list col.notice_01{display:none}
.board_table .d_no{display:none}

.list_view .view_top h3{padding:14px 220px 14px 20px;}
.list_view .view_top ul{position:absolute;top:0;right:0;width:auto;height:100%;overflow:hidden;border-bottom:none}
.list_view .view_top ul li{width:auto;height:100%; }


table.write_table col.t_01{width:125px}

.img_noti{display:table; width:100%; height:180px; }
.img_noti dt{ width:360px;}
.img_noti dt img{width:360px; height:180px}

.no_data{width:90%; max-width:90%; }

.list_view .view_con .youtube{width:100%; height:360px}
}




@media (max-width:640px) { /* MOBILE 버젼  ~ 640px ########################################################################################*/


.m_on{display:block}

.notice_list col.notice_01{display:none}
.notice_list col.notice_04{display:none}

table.board_table .d_no{display:none}
table.board_table .d_ck{display:none}	
table.board_table .d_dt{ display:none; }
.find_wrap table.board_table .d_dt{ display:table-cell;text-overflow:ellipsis; white-space:nowrap;}
/*oard_table .d_sj{ min-width:320px; width:100%; }*/
table.board_table .d_sj a{ display:inline-block; width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*
.board_table .d_sj.tl{ min-width:320px; width:100%; }
*/
.list_view .view_top h3{padding:14px 20px;}
.list_view .view_top ul{position:relative;top:0;right:0;width:100%;height:45px;overflow:hidden;border-bottom:1px solid #eee}
.list_view .view_top ul li{position:relative;float:left;width:33.33%;height:100%;padding:0;text-align:center;margin-left:-1px;border-left:1px solid #eee}
.list_view .view_conpadding:10px{}
.list_view .view_con .youtube{width:100%; height:280px}



.list_sort_wrap{position:relative;display:block}
.list_sort_wrap .list_search{position:relative;display:block}

/* btns */
.btn_list{padding:30px 0;}
.btn_list a{height:32px;  text-align:center; line-height:32px; font-size:15px}

.pc_only{display:none}

table.board_table td,table.board_table th{  padding:9px 10px;font-size:13px; border-right:none}
table.write_table td{padding:9px 3px; font-size:12px; }
table.write_table th{padding:9px 3px; font-size:12px; white-space: nowrap; width:30%;}
table.write_table input[type="text"],
table.write_table input[type="password"],
table.write_table input[type="file"],
table.write_table select{padding:0 0.5%;  margin:0.5%;}
table.write_table select{	position:relative;	height:30px;	/*-webkit-appearance: none;    -moz-appearance: none;    appearance: none; */   text-indent: 0.01px;    text-overflow: '';	zoom:1}
table.write_table input[type="file"]{width:94%; padding:0 0.5%}

table.write_table .char{line-height:normal;margin:0 5px}
table.write_table col.t_01{max-width:100px;width:auto}
table.write_table input.type_01{width:90% ;margin:0.5%}
table.write_table input.type_02{width:90%;  margin:0.5%}
table.write_table th input[type="text"]{padding:0 1px; width:96%; margin:0.5% 0; max-width:; font-size:10px;}

table.write_table input.inpt_default{width:50%}
table.write_table .manage_info{display:block; border-bottom:1px dotted #ddd; padding:5px }

.blog_table { width:100%;margin:0 auto;}
.blog_table ul{ position:relative; display:block; width:100%; border-bottom:1px dotted #aaa; padding:5px 0 10px}
.blog_table ul:after{clear:both; display:block; content:''}
.blog_table li{float:left; padding-left:1.5%; }

.blog_table li.thumb{width:18%}
.blog_table li.thumb img{width:90%; height:auto; max-width:70px; border-radius:5px}
.blog_table li.category, .blog_table li.blog_mobile_right{display:block; width:55%; float:right}

p.email_wrap{text-align:left}
p.email_wrap input.email_01{width:96%}
p.email_wrap input.email_02{width:96%}
p.email_wrap select{display:inline-block;zoom:1;*display:inline;width:100%;margin-top:5px}

p.phone_wrap{text-align:left}
p.phone_wrap select,p.phone_wrap input{width:100%;margin-bottom:5px}
p.phone_wrap select{display:inline-block;zoom:1;*display:inline;width:100%}
p.phone_wrap .under{display:none}
p.phone_wrap .number_01{width:96%}
p.phone_wrap .number_02{width:96%}


.pw_pop{position:absolute;left:0;width:90%;padding:25px 5%;margin-left:0;margin-top:-120px;background:#fff;border:1px solid #e5e5e5;display:none}

.comment_list{margin-top:50px;}
.comment_list > ul > li{padding:10px;}
.comment_list > ul > li.reply{padding-left:25px;background-position:20px 22px;}
.comment_list .comment_name .date{display:block;margin-left:0}
.comment_list .comment_con{margin-top:8px}
.comment_list .btn_comment_list{top:10px;right:10px;}

.comment_input{margin-top:15px;padding:10px;}


.img_noti{display:table; width:100%; height:120px; }
.img_noti dt{ width:120px; margin:0; padding:0}
.img_noti dt img{width:120px; height:120px}


.img_noti dd{ display:table-cell; padding:10px 5px 5px 10px ; vertical-align:middle;}
.img_noti dd strong{display:block; font-size:16px; font-weight:bold; color:#333; padding-bottom:5px}
.img_noti dd a{display:block;  height:65px; overflow:hidden; text-overflow:ellipsis;}
.img_noti dd a:hover{color:#369eff;}
.img_noti dd span{ display:block; padding-top:10px}
.img_noti dd span b{display:inline-block; color:#369eff;}


.default_con{position:relative;  min-width:300px; max-width:640px; width:100%; margin:20px auto 0 auto}
.default_con .base_tcon{ height:100%; min-height:100%; }
.default_con form input{color:red}
#isotope_list{ overflow:hidden !important;height:auto;margin:30px 0 0; }
.item_obj{ float:left; padding-top:0; margin-bottom:20px; width:100%;  background:#fff; margin-left:0px;margin:1% auto}
.item_obj .item_data{ position:relative; top:0;left:0; width:100%;overflow:hidden;}
.item_obj.w2{width:50%}
.item_obj.last{ margin-right:0%; }
.item_obj .item_data .thum{width:24%;}
.item_obj .item_data .thum a{display:block; width:100%;  }
.item_obj .item_data .thum a img{ width:100%;  }


.n_list_info .info{ min-width:auto; width:75%; padding:2px 0px 10px 1%; z-index:0;}
.n_list_info .info span{display:block;padding:0 0px}
.n_list_info .info .n_category{width:100%;font-size:15px;color:#333}
.n_list_info .info .n_name{font-size:13px;color:#666;margin-top:5px;line-height:18px;padding:0 10px}
.n_list_info .info .n_date{font-size:13px;color:#aaa;margin-top:5px; padding-right:5px}

.pageNumber{ text-align:center;  }


.boardwrap .sub_title{ display:block; position:relative; top:none; left:none; height:36px; font:bold 21px/36px 'Malgun Gothic','나눔 고딕','Nanum Gothic','dotum';}



.result_board ul li a div.thum{width:20%;}
.result_board ul li a div.info{width:79%;}

/* 갤러리 게시판*/
.galleryList li a{float:left; width:46%; min-height:200px; }
.galleryList li a .imgw{height:170px; overflow:hidden}


/* sub Tab*/
.tab_sub {display:block; width:98%; height:72px; position:relative; top:0px; left:0; z-index:none; overflow:visible; border:0; border-radius:none; }
.tab_sub:after{ content:""; display:block; clear:both; }
.tab_sub li a{float:left; display:inline-block; margin:0.4%; border:1px solid #ddd; padding:0 13px; white-space:nowrap;text-overflow:ellipsis;font-size:13px;letter-spacing:-0.05em;
text-align:center;color:#444;vertical-align:middle;*width:auto; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px;}
.tab_sub li:last-child a{float:left;border-right:1px solid #ddd; }
.tab_sub li a:hover{ background-color:#666; color:#fff}
.tab_sub li a.on{ font-weight:bold;background-color:#555; color:#fff ; }



.tip_bt_wrap, .tip_bt{display:none;}
.table_blog input[type="checkbox"]{height:22px;}
.table_blog span{line-height:28px;}


.paging{clear:both; position:relative;margin:0 auto;padding:10px 0 0 0;text-align:center; }
.paging>span{display:inline-block;margin:0 1px;vertical-align:top}
.paging>span strong,.paging>span a{display:inline-block;margin-left:-1px;width:28px;height:28px;border:1px solid #dfdfdf;font-family:tahoma;line-height:28px;border-radius:5px; cursor:pointer; letter-spacing:-0.03em}
.paging>span strong{position:relative;background-color:#727272;border-color:#727272;color:#fff}
.paging>span a{color:#444}
.paging .prevEnd, .paging .prev, .paging .nextEnd, .paging .next{height:31px; padding:0;vertical-align:top;border:none;}



@media(orientation:landscape) { /* ########## 모바일 메인 가로 모드 ############## */
.item_obj{ float:left; padding-top:0; margin-bottom:25px;  width:31%;  background:#fff; border:0px solid #e5e5e5;margin-left:0px;margin:1% 1%}
.galleryList li a{float:left; width:21.5%; min-height:190px; }
.galleryList li a .imgw{height:130px; overflow:hidden}
.tab_sub {display:block; width:98%; height:38px; position:relative; top:0px; left:0; z-index:none; overflow:visible; border:0; border-radius:none; }
}

/* 
@media (max-width:560px) {
.item_obj .item_data .thum{width:23%;}
.n_list_info .info{width:76%;}

.result_board ul li a div.thum{width:23%;}
.result_board ul li a div.info{width:76%;}
}
@media (max-width:410px) {
.item_obj .item_data .thum{width:26%;}
.n_list_info .info{width:73%;}

.result_board ul li a div.thum{width:26%;}
.result_board ul li a div.info{width:73%;}
}
@media (max-width:484px) {
.tab_sub li a{ padding:0 18px; }
}
@media (max-width:387px) {
.tab_sub li a{ padding:0 16px; }
}
@media (max-width:372px) {
.tab_sub li a{ padding:0 14px; }
}
@media (max-width:354px) {
.tab_sub li a{ padding:0 12px; }
}
@media (max-width:338px) {
.tab_sub li a{ padding:0 10px; }
} */









