/***********************************************************************/
/*버튼스타일**************/
/***********************************************************************/


.page_btn { width:100%; text-align:center; margin:20px 0px;}
.btn_check{border:1px solid #ccc; background:#333; padding:5px 10px; font-size:12px; font-weight:bold; color: #fff; cursor:pointer; letter-spacing:-1px}
.btn_pic{border:1px solid #ccc; background:#333; padding:5px 10px; font-size:12px; font-weight:bold; color: #fff; cursor:pointer; letter-spacing:-1px}
.btn_pic02{border:1px solid #ccc; background:#fff; padding:5px 10px; font-size:12px; font-weight:bold; color: #333; cursor:pointer; letter-spacing:-1px}
.btn_list{ width:75px; height:30px; border:1px solid #3a3a3a; background:#3a3a3a;  padding:4px 0 5px 0; font-size:13px; color: #ffffff; cursor:pointer; }
.btn_write{ width:75px; height:30px; border:1px solid #105499; background:#105499; padding:4px 0 5px 0; font-size:13px; color: #ffffff; cursor:pointer; }
.btn_cancel{ width:75px;height:30px; border:1px solid #777; background:#999; padding:4px 0 5px 0; font-size:13px; color: #fff; cursor:pointer; }
.btn_modify{ width:75px;height:30px; border:1px solid #777; background:#999; padding:4px 0 5px 0; font-size:13px; color: #fff; cursor:pointer; }
.btn_search{ border:1px solid #666; background:#4b4b4b; padding:3px 8px 3px 8px; font-size:13px; color: #fff; cursor:pointer; }


/***********************************************************************/
/*게시판(공지사항) 스타일**************/
/***********************************************************************/

.board_tit th{ background-color:#525252; font-size:13px;  font-family:"나눔고딕",NanumGothic, Nanum, dotum, "돋움", san-serif; line-height:14px; color:#ffffff; padding:12px 0px; text-align:center; letter-spacing:0px; word-spacing:0px; font-weight:600;}
.board_tit .bg_sec{ background-image:url(../sp_images/sp_include/gline01.jpg); background-repeat:no-repeat; background-position:right center; text-align:center;}

.board_tit2 th{ background-color:#f5f5f5; font-size:13px; color:#000; padding:10px; border-top:2px solid #254c68; border-bottom:1px solid #cccccc;}
.board_tit2 .bg_sec{ background-image:url(../sp_images/sp_board/add_sec.jpg); background-repeat:no-repeat; background-position:right center}
.board_tit2 .last {background-image:none;}


.board_tit3 th{ background-color:#f5f5f5; font-size:13px; color:#9a0a14; padding:10px; border-top:1px solid #e1e1e1; border-bottom:1px solid #bbbbbb;}
.board_tit3 .bg_sec{ background-image:url(../bbs_sun/skin/basic/img/add_sec.jpg); background-repeat:no-repeat; background-position:right center}
.board_tit4 .last {background-image:none;}

.board{ table-layout:fixed;background:#fff;  }
.board:hover{ background:#f1f6f9}
.board td{  color:#666; padding:11px 8px; font-size:12px; border-bottom:1px solid #dddddd; letter-spacing:-0.25px;}
.board td p{ font-size:13px; }
.board td.ac {text-align:center;}
p.cutstr { width:100%; font-size:13px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; text-align:left; }
p.cutstr img { vertical-align:middle; padding:0px 5px;}
.board tr td.ques_txt { font-weight:600;  color:#003399; vertical-align:top;}
.board tr td.ans_txt { font-weight:600; vertical-align:top; }
.board tr td.answer_st{ background:url(../sp_images/sp_board/icon_re.gif) no-repeat 5px center; padding-left:30px;}


.board_re{table-layout:fixed; background:#f4f4f4; letter-spacing:-1px; word-spacing:1px  }
.board_re:hover{background:#efefef; }
.board_re td{ color:#333; padding:8px; border-bottom:1px solid #dddddd; }
.board_re td p{ font-size:12px;}
.board_re td.ac {text-align:center;}

.board_on{ background:#f9f6f1}

.board_not{table-layout:fixed;background:#dbebf6;font-family:"굴림", "돋움", Arial, sans-serif; letter-spacing:-1px; word-spacing:1px }
.board_not:hover{ background:#9dc3dd; text-decoration:none}
.board_not td{ color:#666; font-weight:bold; padding:8px; border-bottom:1px solid #c4dcee; }
.board_not td a{ color:#666}
.board_not td a:hover{ color:#fff}
.board_not td p{ font-size:12px;}
.board_not td.ac {text-align:center;}

.board_write{ table-layout:fixed; border-top:3px double #dfdfdf;  font-size:13px;}
.board_write caption{ text-align:left}
.board_write th{ background:#f2f2f2; font-size:13px;border-bottom:1px solid #e2e2e2; padding:6px 12px; color:#6d6d6d; font-weight:bold; text-align:left;}
.board_write th img{ vertical-align:middle}
.board_write td{ padding:8px 20px; font-size:12px; color:#666666; border-bottom:1px solid #e2e2e2; text-align:left;  font-weight:normal;}
.board_write td p { font-size:13px; }
.board_write td input{ border:1px solid #dddddd;height:26px; padding:0px 10px;}
.board_write td select{ border:1px solid #dddddd;height:26px; }
.board_write td input[type=file] { padding:0px; }
.board_write td textarea{border:1px solid #dddddd; padding:10px; line-height:27px; }
.board_write tr.last th,
.board_write tr.last td {border-bottom:1px solid #cccccc;}


.input_txt {  font-family:"나눔고딕",NanumGothic, Nanum, dotum, "돋움", san-serif;  padding: 12px 30px; font-size:13px; text-align:left; line-height:160%; border-top:1px solid #dddddd; border-bottom:1px solid #cecece;}
.chkbox_st {  text-align:right; }

/***********************************************************************/
/* 게시판 기본 - 페이지, 검색, 이전글/다음글   **************/
/***********************************************************************/


.basic_next_prev {margin-top:30px;}
.basic_next_prev tr {border-top:1px solid #ddd;}
.basic_next_prev th {background:#f4f4f4; padding:10px 0; text-align:center; border-bottom:1px solid #ddd; font-size:12px;}
.basic_next_prev td {border-bottom:1px solid #ddd; font-size:12px;}

.pagingCenter {width:100%; margin:0 auto; text-align:center;}
#pagingArea1 {position:relative; margin-top:30px; text-align:center;}
#pagingArea1 ul {display:inline-block; margin:0 auto;}
#pagingArea1 li { padding:0; margin:0 auto; float:left;}
#pagingArea1 .pageNo {width:28px; height:28px; font-size:12px; text-align:center; color:#999999; letter-spacing:0px; padding:0px; margin:0 auto; cursor:pointer; line-height:28px;}
#pagingArea1 .pageNo a { font-weight:bold; color:#a34853; letter-spacing:0px; text-decoration:none; }
#pagingArea1 .pageNo a:hover { color:#a34853; text-decoration:none; }
#pagingArea1 .cur { background:url(../sp_images/sp_include/page_num_bg.gif) no-repeat; width:28px; height:28px; color:#999999; text-align:center; padding-right:5px; }
#pagingArea1 .cur_on { background:url(../sp_images/sp_include/page_num_bg_on.gif) no-repeat; width:28px; height:28px; color:#ffffff; text-align:center; padding-right:5px; font-weight:600; }
#pagingArea1 .prev { background:url(../sp_images/sp_include/page_num_prev.gif) no-repeat; width:48px; height:28px; color:#999999; text-align:center; text-indent:7px; padding-right:5px; }
#pagingArea1 .prev_on { background:url(../sp_images/sp_include/page_num_prev.gif) no-repeat; width:48px; height:28px; color:#333333; text-align:center; text-indent:7px; padding-right:5px; }
#pagingArea1 .next { background:url(../sp_images/sp_include/page_num_next.gif) no-repeat; width:48px; height:28px; color:#999999; text-align:center; text-indent:-7px;}
#pagingArea1 .next_on { background:url(../sp_images/sp_include/page_num_next.gif) no-repeat; width:48px; height:28px; color:#333333; text-align:center; text-indent:-7px;}


/***********************************************************************/
/* 서칭 스타일 **************/
/***********************************************************************/

#searchArea { width:100%; height:38px; margin:30px 0px 0px 0px; padding:0px; position:relative; border:1px #dddddd solid; background-color:#eeeeee;}
#searchArea ul { list-style:none; width:712px; height:30px; margin:5px auto; padding:0px 10px; position:relative; overflow:hidden; }
#searchArea ul li { list-style:none; display:block; padding:0px; text-align:left; }
#searchArea ul li.f_lt { float:left; margin:0px 10px 0px 0px ; }
#searchArea ul li.f_rt { float:right; margin:0px 0px 0px 10px; }
#searchArea ul li.sel_box select { width:80px; height:26px;  font-family:"나눔고딕",NanumGothic, Nanum, dotum, "돋움", san-serif; font-size:13px; border:1px solid #dddddd; padding:0px 0px 0px 10px; margin:0px; }
#searchArea ul li.ipt_box input[type=text] { width:150px; height:20px;   font-family:"나눔고딕",NanumGothic, Nanum, dotum, "돋움", san-serif; font-size:13px; border:1px solid #dddddd; padding:2px 10px; }


/***********************************************************************/
/* 링크 **********************/
/***********************************************************************/
ul.link{width:876px; position:relative; display:block; overflow:hidden; padding:0px;}
ul.link li{width:198px; height:75px; list-style:none; text-align:center; float:left; text-align:center; margin:30px 21px 0px 0px; background:url(../sp_images/sub07/tab_off.jpg) repeat-x top left;}
ul.link li a{display:table-cell; vertical-align:middle; width:164px; height:49px; text-align:center; font-size:14px; line-height:22px; font-weight:600; padding:13px 15px; word-break:keep-all; color:#555;}
ul.link li a:hover{text-decoration:none; color:#5387e9; background:url(../sp_images/sub07/tab_on.jpg) repeat-x top left;}
ul.link li:hover{text-decoration:none; color:#5387e9; background:url(../sp_images/sub07/tab_on.jpg) repeat-x top left;}


/***********************************************************************/
/* 탭스타일 **********************/
/***********************************************************************/
ul.tab_area{ width:755px; position:relative; display:block; overflow:hidden;}
ul.tab_area li{width:150px; height:46px; float:left; list-style:none; text-align:center; background-color:#a3a3a3; margin-right:1px;}
ul.tab_area li a{display:block; width:150px; height:46px; line-height:46px; font-size:15px; color:#fff; font-weight:600;}
ul.tab_area li a:hover{text-decoration:none; color:#fff; background:url(../sp_images/sp_include/tab_on.jpg) repeat-x top left;}
ul.tab_area li.hover a{width:150px; height:46px; text-decoration:none; background:url(../sp_images/sp_include/tab_on.jpg) repeat-x top left;}


/*////////////////////////////////////////////////////////////////////////////////////////////
 연혁
/////////////////////////////////////////////////////////////////////////////////////////////*/
.history {width:760px; position:relative; overflow:hidden; table-layout:fixed; }
.historybox { width:100%; position:relative; margin:0px;}
.historybox td.h_years { padding-top:14px; padding-bottom:18px; font-size:22px; font-weight:bold; color:#222;}
.historybox td {padding-top:18px; padding-bottom:18px; vertical-align:top;}
.historybox td p {line-height:25px; background:url(../sp_images/sp_board/his_dot.jpg) no-repeat left 10px; padding-left:10px; font-size:13px; word-break:keep-all; }
.historybox td img {vertical-align:middle; margin-right:10px;}
.h_year{ font-size:18px; color:#333; border-bottom:1px solid #ddd;}
.h_month{ font-size:13px; border-bottom:1px solid #ddd;text-align:left; width:560px;}
.font_2f85d2_b {color:#0b5266; font-weight:bold; margin-right:5px;}
.pl_45 {padding-left:45px;}


/***********************************************************************/
/* 인증서 스타일 **************/
/***********************************************************************/

div.certi_list_wrap { width:730px; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
div.certi_list_wrap ul.certi_list { list-style:none; width:730px; margin:0px; padding:0px; position:relative; }
div.certi_list_wrap ul.certi_list li { float:left; list-style:none; width:210px; height:300px; margin:0px 33px 30px 0px; padding:0px; position:relative; vertical-align:top; cursor:pointer; }
div.certi_list_wrap ul.certi_list li dl { position:relative;}
div.certi_list_wrap ul.certi_list li dl dt { width:210px; height:276px; margin:0px; padding:0px; border:1px solid #ddd; background:#fff; padding:3px;}
div.certi_list_wrap ul.certi_list li dl dt img{width:208px; height:274px; border:solid 1px #e0e0e0;}
div.certi_list_wrap ul.certi_list li dl dd { width:210px; margin:0px; padding:0px 10px; line-height:36px; color:#666; font-size:15px;}
div.certi_list_wrap ul.certi_list li dl dd p { width:210px; height:36px; text-overflow:ellipsis; white-space:nowrap; text-align:center;}
div.certi_list_wrap ul.certi_list li:hover dl dt img{ border:1px solid #0e485e; }
div.certi_list_wrap ul.certi_list li:hover dl dt{ border:1px solid #0e485e; }
div.certi_list_wrap ul.certi_list li:hover dl dd { color:#000000; }


/***** laypop ******/
.udlayPop {background:url(../sp_images/sp_board/popbg.png); width:100%; position:absolute; top:0; z-index:100000;}
.layPop {background:#FFF; border:5px solid #dddddd; width:0; margin:auto; padding:15px; position:relative}
.laypT {border-bottom:1px solid #bbbbbb; font-size:16px; font-weight:bold; padding-bottom:10px; margin-bottom:10px; text-align:left}
.laypC {margin:0 5px}
.laypX {border-top:1px solid #bbbbbb; bottom:0; position:absolute; display:block; padding:10px 0}
.laypX a {font-size:100%; background:#24396c; color:#FFF; font-weight:bold; margin:0 auto; width:100px; display:block; text-align:center; padding:10px 0 8px; border-radius:5px}


/***********************************************************************/
/* 협력사&고객사 **************/
/***********************************************************************/

div.rela_list_wrap { width:770px; margin:0px; padding:0px; position:relative; overflow:hidden; vertical-align:top; }
div.rela_list_wrap ul.rela_list { list-style:none; width:795px; margin:0px; padding:0px; position:relative; }
div.rela_list_wrap ul.rela_list li { float:left; list-style:none; width:240px; height:122px; margin:0px 25px 10px 0px; padding:0px; position:relative; vertical-align:top; cursor:pointer; }
div.rela_list_wrap ul.rela_list li dl { position:relative;}
div.rela_list_wrap ul.rela_list li dl dt { display:block; width:232px; height:78px; margin:0px; padding:0px; border:1px solid #ddd; background:#fff; padding:3px;}
div.rela_list_wrap ul.rela_list li dl dt img{width:230px; height:76px; border:solid 1px #e0e0e0;}
div.rela_list_wrap ul.rela_list li dl dd { display:block; margin:0px; padding:0px 10px;  color:#666;}
div.rela_list_wrap ul.rela_list li dl dd a { display:block; width:212px; height:36px; line-height:36px; font-size:13px; text-overflow:ellipsis; white-space:nowrap; text-align:center; margin:0px; padding:0px;}
div.rela_list_wrap ul.rela_list li:hover dl dt img{ border:1px solid #24396c; }
div.rela_list_wrap ul.rela_list li:hover dl dt { border:1px solid #24396c; }
div.rela_list_wrap ul.rela_list li:hover dl dd { color:#000000; }
div.rela_list_wrap ul.rela_list li:hover dl dd a { color:#177ea5; text-decoration:underline; }

.bor_e3e3e3 {border:1px #e3e3e3 solid; background-color:#efefef;}
.cutstr {text-overflow : ellipsis;overflow : hidden;white-space : nowrap;}


/*설치사례*/
/*수정하지 마세요*/
#as-list { display:block; overflow:hidden; }
.bl-wrap { display:block; overflow:hidden; }
.bl-wrap ul { list-style:none; padding:0px; margin:0px; overflow:hidden; } 
.bl-wrap .bl-box { float:left; display:block; padding:0px; margin:0px; overflow:hidden; }
.bl-wrap .bl-list { } 
.bl-wrap .bl-chk { position:absolute; z-index:20; left:0; top:0; width:20px; height:20px; padding:4px; }
.bl-wrap .bl-img-box { position:relative; display:block; overflow:hidden; }
.bl-wrap .bl-img { position:relative; display:block; overflow:hidden; width:320px;}
.bl-wrap .bl-img img { display:block; width:100%; height:auto; border:0px; }
.bl-wrap .bl-full img { height:100% !important; }
.bl-wrap .bl-box.bl-infinite-page { position:relative; clear:both; display:block; width:100% !important; min-width:100% !important; max-width:100% !important; }
.bl-wrap .no-img { background:#f5f5f5 url('./img/no-img.png') no-repeat center center; }

/*여기부터 수정해도 됩니다.*/

/* Notice */
.bl-notice { overflow:hidden }
.bl-notice ul { list-style:none; padding:0px; margin:0px; } 
.bl-notice li { border-bottom:1px solid #ddd; padding:5px 15px; margin:0px; } 
.bl-notice li:hover { background:#fafafa; } 
.bl-notice a { display:block; text-decoration:none; line-height:22px; } 
.bl-notice i { margin-right:5px; font-weight:normal; }
.bl-notice img { border:0px; vertical-align:-2px; margin-right:5px; }
.bl-notice .bl-notice-icon { color:crimson; }
.bl-notice .bl-notice-subj { display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.bl-notice .bl-notice-subj-cmt { font-size:11px; color:orangered; }
.bl-notice .bl-notice-cmt { float:right; display:inline-block; padding-left:8px; font-size:11px; color:orangered; }
.bl-notice .bl-notice-edit { float:right; display:inline-block; padding-left:12px; }

/* List */
.bl-wrap { margin:0px; }
.bl-wrap a { display:block; text-decoration:none; line-height:14px; } 
.bl-wrap .bl-list { padding:10px; border-bottom:1px solid #ddd; text-align:left; width:730px;}
.bl-wrap .bl-img-box { background:#fff; display:block; }
.bl-wrap .bl-img-item img { }
.bl-wrap .bl-img-item .bl-img-hover { display:none; background:rgba(0, 0, 0, 0.7) url('../sp_images/sp_include/plus_icon.png') no-repeat center center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; }
.bl-wrap .bl-img-item:hover .bl-img-hover { display:block; }
.bl-wrap .bl-img-now { background:rgba(0, 0, 0, 0.7) url('./img/now-img.png') no-repeat center center; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; }
.bl-wrap .bl-img .bl-edit { display:none; right: 0px; top: 0px; width: 40px; height: 40px; padding:4px; text-align: right; position: absolute; z-index:20;}
.bl-wrap .bl-img .bl-edit a { color:#888; text-decoration:none; }
.bl-wrap .bl-img .bl-edit a:hover { color:#fff; text-decoration:none; }
.bl-wrap .bl-img:hover .bl-edit { display:block; }
.bl-wrap .bl-subj-box { display:block; overflow:hidden; padding-top:7px; color:#444;}
.bl-wrap .bl-subj-box img { border:0px; vertical-align:-2px; margin-right:5px; }
.bl-wrap .bl-subj { display:block; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; width:300px; font-weight:bold;}
.bl-wrap .bl-subj-cmt { font-weight:normal; font-size:11px; color:orangered; line-height:12px;}
.bl-wrap .bl-cmt { display:inline-block; float:right; font-weight:normal; font-size:11px; color:orangered; padding:0px 6px; }
.bl-wrap .bl-cont { word-break:break-all; line-height:1.5; color:#555; margin-top:7px; width:360px; float:left;}
.bl-wrap .bl-cont-photo { float:left; display:inline-block; width:36px; height:36px; margin-right:8px; }
.bl-wrap .bl-cont-photo img { float:left; display:block; width:100%; height:100%; border:0px; }

/* Now */
.bl-wrap .bl-list-now { background:#fafafa; }
.bl-wrap .bl-list-now .bl-subj { color:crimson; }

/* Image */
.bl-img-left { float:left; display:inline-block; margin-right:12px; }
.bl-img-right { float:right; display:inline-block; margin-left:12px; }

/* Details Middle */
.bl-wrap .bl-details { display:block; font-weight:normal; white-space:nowrap; color:#888; overflow:hidden; padding:7px 2px 6px; border-top:1px dotted #ddd; border-bottom:1px dotted #ddd; font-size:11px; margin-top:7px; }
.bl-wrap .bl-details b { font-weight:normal; display:inline-block; }
.bl-wrap .bl-data-first { margin:0px; }
.bl-wrap .bl-data { }
.bl-wrap .bl-data-cate { letter-spacing:-1px; }
.bl-wrap .bl-data-name {}
.bl-wrap .bl-data-cmt { }
.bl-wrap .bl-data-date { }
.bl-wrap .bl-data-hit { }
.bl-wrap .bl-data-good { }
.bl-wrap .bl-data-nogood { }
.bl-wrap .bl-data-star { }
.bl-wrap .bl-data-view { }
.bl-wrap .bl-data-down { }

/* Details Bottom */
.bl-wrap .bl-btn { display:inline-block; font-weight:normal; white-space:nowrap; overflow:hidden; font-size:12px; padding:4px 10px; background:#f5f5f5; font-size:11px; margin-top:7px; }
.bl-wrap .bl-btn:hover { background:#000; }
.bl-wrap .bl-btn a { line-height:14px; color:#000; } 
.bl-wrap .bl-btn:hover a { color:#fff; }
.bl-wrap .bl-btn b { font-weight:normal; display:inline-block; }
.bl-wrap .bl-btn-data-first { margin:0px; }
.bl-wrap .bl-btn-data { }
.bl-wrap .bl-btn-data-cate { letter-spacing:-1px; }
.bl-wrap .bl-btn-data-name { letter-spacing:-1px; }
.bl-wrap .bl-btn-data-cmt { }
.bl-wrap .bl-btn-data-date { }
.bl-wrap .bl-btn-data-hit { }
.bl-wrap .bl-btn-data-good { }
.bl-wrap .bl-btn-data-nogood { }
.bl-wrap .bl-btn-data-star { }
.bl-wrap .bl-btn-data-view { }
.bl-wrap .bl-btn-data-down { }

/* Icon */
.bl-wrap .bl-img-icon { position:absolute; z-index:1; font-weight:normal; left:0; top:0; width:40px; height:40px; display:inline-block; padding:0px; margin:0px; }
.bl-wrap .bl-img-icon img { width:100%; height:auto !important; }
.bl-wrap .bl-img-new {  }
.bl-wrap .bl-img-hot {  }
.bl-wrap .bl-img-video {  }

.bl-wrap .bl-new::after { padding: 10px 65px; border: 1px solid rgba(0, 0, 0, 0.2); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "New"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(76, 180, 32); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-wrap .bl-hot::after { padding: 10px 65px; border: 1px solid rgb(190, 50, 45); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Hot"; box-shadow: inset 0px 0px 2px rgba(255,255,255,1), 0px 1px 2px rgba(0,0,0,0.2); transform: rotate(45deg); background-color: rgb(215, 75, 70); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 1), 0 1px 2px rgba( 0, 0, 0, 0.2 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }
.bl-wrap .bl-video::after { padding: 10px 60px; border: 1px solid rgb(17, 17, 17); top: 20px; right: -40px; color: rgb(255, 255, 255); font:bold 11px verdana; position: absolute; content: "Video"; box-shadow: inset 0px 0px 2px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,0.3); transform: rotate(45deg); background-color: rgb(34, 34, 34); -webkit-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -moz-box-shadow: inset 0 0 2px rgba( 255, 255, 255, 0.5), 0 1px 2px rgba( 0, 0, 0, 0.3 ); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); }

/* etc */
.bl-none { display:block; padding:150px 0px; text-align:center; color:#888; }

/* Paging CSS */
.bl-pagebox { position:relative; padding:7px; background:#fafafa; border-bottom:1px solid #e5e5e5; overflow:hidden; }
.bl-pagebox a {	display:inline-block; padding:5px 8px; font:bold 11px verdana; color:#333; border:1px solid #ccc; margin:0 0px 0 4px; background:#fff;}
.bl-pagebox a:hover { color:#fff; border:1px solid #222; background-color:#222; text-decoration:none;}

.bl-write {	float:right; padding:0px; }
.bl-pagelist { float:left; padding:0px; }
.bl-pagelist .bl-pgNow { display:inline-block; padding:5px 8px; font:bold 11px verdana; color:#fff; border:1px solid #222; background-color:#222; }

/* Infinite Paging CSS */
.bl-infinite-page { padding:0px !important; margin:0px !important; border-bottom:1px solid #ddd; background:#fafafa;}
.bl-page-box { padding:6px 12px; }
.bl-page-top { float:right; display:inline-block; }
.bl-page-top a { font-size:16px; color:#000; text-decoration:none; }
.bl-page-top a:hover { color:orangered; text-decoration:none; }
.bl-page { display:inline-block; color:#000; font-size:14px; font-family:verdana; font-style:italic; }
.bl-page-num { color:orangered; font-weight:bold; }


/* More Page Btn CSS */
.page-more-wrap { border:1px solid #ddd; border-top:0px; background:#fafafa; padding:5px 10px; margin:-1px 0px 0px; }
.page-more-box a { display:block; line-height:22px; }
.page-more-box { }
.page-top { float:right; display:inline-block; margin-left:10px;}
.page-more { text-align:center; }

/* Loader CSS */
#infscr-loading { background: rgb(0, 0, 0); padding: 10px; border-radius: 10px; left: 45%; width: 200px; text-align: center; bottom: 50px; color: rgb(255, 255, 255); position: fixed; z-index: 100; opacity: 0.8; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* Info Skin CSS */
.uplist-info-box { border:1px solid #ddd; background:#efefef; margin:0px 0px 15px; padding:4px 8px; overflow:hidden; }
.uplist-info-box .uplist-info-search { float:right; }
.uplist-info-box form { padding:0px; margin:0px; overflow:hidden; display:inline !important; }
.uplist-info-search ul, .uplist-info-search ul li { float:left; list-style:none; padding:0px; margin:0px; line-height:30px; }
.uplist-info-search ul li {	padding:4px 2px; }
.uplist-info-search select {text-align:left; width:100px;padding: 4px 6px; font-size: 12px; color: #555555; height: 30px; line-height: 30px; border: 1px solid #cccccc; background-color: #ffffff; }
.uplist-info-search input[type="text"]{ background-color: #ffffff; border: 1px solid #cccccc; padding: 0px 6px; height: 28px;}
.uplist-info-search input[type="text"]:focus{ border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }
.uplist-info-search button[type="submit"] { display: inline-block; *display: inline; *zoom: 1; padding: 4px 12px; margin: 0; font-size: 12px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }
.uplist-info-search button[type="submit"]:hover, .uplist-info-search input[type="submit"]:focus, .uplist-info-search input[type="submit"]:active { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; }
.uplist-info-search button[type="submit"].active { background-color: #cccccc \9; }
.uplist-info-search button[type="submit"]:hover, .uplist-info-search input[type="submit"]:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.uplist-info-search button[type="submit"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.uplist-info-search button[type="submit"]:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); }

.infobox {overflow:hidden; }
.infobox-rolling { padding:0px 8px; margin:0px; overflow:hidden; }
.infobox-rolling ul { padding:0px; margin:0px; list-style:none; overflow:hidden; }
.infobox-rolling ul li { margin:0px; padding:0px; list-style:none; overflow:hidden; height:40px; line-height:40px; text-overflow:ellipsis; white-space:nowrap; }
.infobox-details { margin-bottom:4px; padding:10px; border:1px solid #ddd; background:#fff; }
.infobox-details ul { }
.infobox-details ul li { line-height:20px; }