/***********************************************************************/
/*¹öÆ°½ºÅ¸ÀÏ**************/
/***********************************************************************/


.page_btn { width:200px; text-align:center; margin:20px auto;}
.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:28px; border:1px solid #CCCCCC; background:#706a61;  padding:4px 0 5px 0; font-size:13px; color: #ffffff; cursor:pointer; }
.btn_write{ width:75px; height:28px; border:1px solid #CCCCCC; background:#706a61; padding:4px 0 5px 0; font-size:13px; color: #ffffff; cursor:pointer; }
.btn_sh{ width:75px; height:30px; border:1px solid #CCCCCC; background:#987D69; 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; }

/***********************************************************************/
/*°Ô½ÃÆÇ(°øÁö»çÇ×) ½ºÅ¸ÀÏ**************/
/***********************************************************************/

.board_tit th{ background-color:#fff; font-size:13px;  font-family:"³ª´®°íµñ",NanumGothic, Nanum, dotum, "µ¸¿ò", san-serif; line-height:42px; color:#333; border-top:2px solid #333; border-bottom:1px solid #333;  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{ color:#333; background:#fff; font-size:13px;border-bottom:1px solid #e2e2e2; padding:6px 12px; 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(../images/include/page_num_bg.gif) no-repeat; width:28px; height:28px; color:#666666; text-align:center; padding-right:5px; }
#pagingArea1 .cur_on { background:url(../images/include/page_num_bg_on.gif) no-repeat; width:28px; height:28px; color:#333333; text-align:center; padding-right:5px; font-weight:600; }
#pagingArea1 .prev { background:url(../images/include/page_num_prev.gif) no-repeat; width:48px; height:28px; color:#666666; text-align:center; text-indent:7px; padding-right:5px; }
#pagingArea1 .prev_on { background:url(../images/include/page_num_prev.gif) no-repeat; width:48px; height:28px; color:#222222; text-align:center; text-indent:7px; padding-right:5px; }
#pagingArea1 .next { background:url(../images/include/page_num_next.gif) no-repeat; width:48px; height:28px; color:#666666; text-align:center; text-indent:-7px;}
#pagingArea1 .next_on { background:url(../images/include/page_num_next.gif) no-repeat; width:48px; height:28px; color:#222222; text-align:center; text-indent:-7px;}



/***********************************************************************/
/* ¼­Äª ½ºÅ¸ÀÏ **************/
/***********************************************************************/

#searchArea { width:850px; height:38px; margin:30px 0px 0px 0px; padding:0px; position:relative; /*border:1px #dddddd solid; background-color:#eeeeee;*/}
#searchArea ul { list-style:none; width:826px; height:30px; margin:5px 0; 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(../images/include/tab_on.jpg) repeat-x top left;}
ul.tab_area li.hover a{width:150px; height:46px; text-decoration:none; background:url(../images/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(../images/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(../images/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; }


/*Á¦Ç°ÆäÀÌÁö board_sp*/
.searching{ border:4px solid #ebebeb; padding:2%; margin:30px 0 5px 0; overflow:hidden; text-align:center; font-size:0.7em}
.searching .tbox{ border:1px solid #999; vertical-align:middle; padding:5px 5px 5px 5px; width:30%; border-radius:2px;}
.searching .sbox{ vertical-align:middle; padding:4px 0; border:1px solid #999; border-radius:2px;-webkit-appearance:none; width:100px;}
.searching .si_tt{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; font-style:italic; letter-spacing:-1px; color:#ccc; padding-right:5px; vertical-align:middle}
.searching .si_tt span{ font-size:18px}
.btn_search{ border:1px solid #666; background:#4b4b4b; padding:4px 18px;bold; color: #fff; cursor:pointer; font-weight:bold; border-radius:2px}


.grid{width:200px;height:297px;padding: 11px;	background:#fff;margin:8px;font-size:12px;	float:left;border:1px solid #fff;cursor:pointer;/*box-shadow: 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);*/
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}
.grid:hover{ position:relative;display:block}

.grid p{ margin:10px 0;}

.grid strong {border-bottom:1px solid #ccc;margin:10px 0;display:block;padding:0 0 5px;font-size:17px;}
.grid .meta{text-align:right;color:#777;font-style:italic;}
.grid .imgholder img{width:100%;max-width:100%;height:200px;background:#ccc;display:block}
.grid span{color:#999;}

.grid .boxCont {position:absolute;border:1px solid #ddd;bottom:0;left:0;background:url('../images/board_skin/item_ov.png')no-repeat;display:none;width:224px;height:319px;;}
.grid:hover .boxCont {display:block;}
.btn_write{float:right; margin:0 0;}


/* common */
.input_st.s1{ line-height:40px; height:40px; padding:0 30px}
.input_st.c1{ background:#333; border-color:#333; color:#fff;}
.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ddd; color:#666; padding:0 10px;  box-sizing:border-box}

.ac{text-align: center;}

/* board table */
.board_st{  font-size:.875em !important;}
.board_st th,
.board_st td{ padding:12px 10px; border-bottom:1px solid #ddd; }
.board_st th{ color:#000;}
.board_st td{ color:#444;}

.board_st.write th .essential{ color:#F00 !important; vertical-align:baseline;}

.board_st.list.tit{}
.board_st.list.tit th{ padding:15px 10px; border:2px solid #333; border-bottom-width:1px; border-left:none; border-right:none;}
.no_con{ padding:5em 0 !important; color:#999 !important; border-bottom:1px solid #ddd; text-align:center}
.no_con:before{ content:"\e9d8"; font-family:xeicon!important; display:block; margin:0 auto .2em auto; font-size:5em; color:#ddd;}
td .no_con{ border-bottom:none}

.board_st.write,
.board_st.view.tit{ border-top:2px solid #333;}
.board_st.view th,
.board_st.view td{ padding:12px 20px; text-align:left;}
.board_st.view.tit th,
.board_st.view.tit td{ padding:15px 20px; border-bottom-color:#666;}
.board_st.view.tit th{ font-size:1.188em; color:#000;}
.board_st.view.file td{ background:#f9f9f9; border-bottom-style:dashed;}
.board_st.view.file .icon_fileList{ font-size:1em;}
.board_st.view.file .icon_fileList > li{ margin-top:.5em;}
.board_st.view .w_view_info .in_info{ text-align:right;}
.board_st.view .w_view_info .in_info > li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:2px 0 2px 20px; font-size:.938em; color:#666; letter-spacing:-0.5px;}
.board_st.view .w_view_info .in_info > li:first-child{ padding-left:0;}
.board_st.view .w_view_info .in_info .c1{ color:#000;}
.board_st.view .in_date{ color:#333;}
.board_st.view .in_date > i{ vertical-align:middle;}
.board_st.view .in_date .xi{ padding-right:5px;}
.board_view_con{ padding:50px 20px; border-bottom:1px solid #aaa;}
.board_st.view a:hover{ text-decoration:underline;}
.report_table.view a:hover{ text-decoration:underline;}

.board_st.write th{ padding-right:25px; text-align:right; font-size:.938em; font-size: 13px;}
.board_st.write td{ padding:10px;}
.board_st.write td.edit{ padding:10px;}

.board_st.form{ border-top:3px solid #2669ea; font-size:.875em;}
.board_st.form th,
.board_st.form td{ padding:12px 20px; text-align:left;}

.board_st.inqury_st th{ background:#f2f5f8; font-size:.938em; color:#333; font-weight:500}

.board_btn.c1{ background:#292f35; border:1px solid #292f35; color:#ffffff;}
.board_btn.c2{ background:#ffffff; border:1px solid #292f35; color:#292f35;}
.board_btn.c3{ background:#f1f1f1; border:1px solid #cccccc; color:#555555;}
.board_btn.c4{ background:#ffffff; border:1px solid #292f35; color:#292f35;}


/**/
.label_st.ml{ margin-left:20px}
.label_st.mr{ margin-right:10px}
.label_st{display:inline-block; *display:inline; zoom:1;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ padding-left:3px; color:#222;}
.label_st:not(.cssbrowser) input:checked + span,
.label_st:not(.cssbrowser) input:checked + span + *{ color:#2669ea}

input[type=file].input_st{ background:none; border:none; padding:0}

.label_st.de:not(.cssbrowser) .xi:before{ font-family:xeicon!important; font-style:normal; font-size:1.375em; color:#bbb;}
.label_st.de:not(.cssbrowser) input:checked + .xi + span,
.label_st.de:not(.cssbrowser) input:checked + .xi:before{ color:#1b5b8f}
.label_st.de:not(.cssbrowser) input[type=checkbox] + .xi:before{ content:"\e92e"}
.label_st.de:not(.cssbrowser) input[type=checkbox]:checked + .xi:before{ content:"\e92d"}
.label_st.de:not(.cssbrowser) input[type=radio] + .xi:before{ content:"\e9c6"}
.label_st.de:not(.cssbrowser) input[type=radio]:checked + .xi:before{ content:"\e9c7"}
.label_st.de:not(.cssbrowser) input[type=checkbox],
.label_st.de:not(.cssbrowser) input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}
.label_st.de:not(.cssbrowser) input[disabled=disabled] + .xi,
.label_st.de:not(.cssbrowser) input[disabled=disabled] + .xi + span{ cursor:default;}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; /*background-color:#f9f9f9;*/ border:1px solid #ccc; height:30px; line-height:30px; font-size:inherit; box-sizing:border-box;}
input.input_st::-webkit-input-placeholder{color:#999}
input.input_st::-moz-placeholder{color:#999}
input.input_st::-moz-placeholder{color:#999}
input.input_st:-ms-input-placeholder{ color:#999}
input[type=text].input_st,
input[type=tel].input_st,
input[type=password].input_st{ padding:0 12px;}
select.input_st{ padding-left:1em;/* background:#f9f9f9*/}
textarea.input_st{ line-height:inherit;}
button.input_st,
input[type=button].input_st,
input[type=submit].input_st{ padding:0 15px;}
input[disabled=disabled]{ cursor:default}
button.input_st .xi,
button.input_st .tt{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 0.2em;}

input[type=text].input_st.s1,
input[type=tel].input_st.s1,
input[type=password].input_st.s1{ padding:0 10px;}
select.input_st.s1{}
button.input_st.s1,
input[type=button].input_st.s1,
input[type=submit].input_st.s1{ padding:0 3em;}

.input_st.s2{ background-color:#ffffff; border-color:#d1d5e5; height:25px; line-height:23px;}
input[type=text].input_st.s2,
input[type=tel].input_st.s2,
input[type=password].input_st.s2{ padding:0 5px;}
select.input_st.s2{ padding-left:5px;}
button.input_st.s2,
input[type=button].input_st.s2,
input[type=submit].input_st.s2{ padding:0 1em;}

.input_st.s3{ background-color:#ffffff; border-color:#d1d5e5; height:54px; line-height:54px;}
input[type=text].input_st.s3,
input[type=tel].input_st.s3,
input[type=password].input_st.s3{ padding:0 5px;}
select.input_st.s3{ padding-left:5px;}
button.input_st.s3,
input[type=button].input_st.s3,
input[type=submit].input_st.s3{ padding:0 4em;}

/* ½Å°í¼¾ÅÍ */
.inquiry_st th {font-size:.938em; text-align:left !important; padding-right:0; padding-left:2em; background:#f5f5f5;}
.inquiry_st th .essential {color:#d12d33;}
.inquiry_st .edit textarea{ width: 100%; height: 10em;}

.report_btn_box .input_st{font-weight: 700;}