@charset "utf-8";

/*
* 작성자 : 마용민(milgam12@inplusweb.com)
* 작성일 : 2013년 4월 4일
*/

@import url("../../../css/default.css");
@import url("../../../css/common.css");

/* common */
#board_wrap { margin:0; padding:0; color:#555555; }

/* board list */
#board_wrap div.list_top { height:22px; margin:5px 0; line-height:22px; }
#board_wrap div.list_top div.bbs_info { float:left; width:75%; height:16px; padding:3px 0; text-align:left; color:#ccc; }
#board_wrap div.list_top div.category_info { float:right; width:20%; text-align:right; }

/* bbs info */
#board_wrap div.list_top div.bbs_info p { float:left; }
#board_wrap div.list_top div.bbs_info span, #board_wrap div.list_top div.bbs_info strong, #board_wrap div.list_top div.bbs_info a { color:#606060; }
#board_wrap div.list_top div.bbs_info ul { float:left; }
#board_wrap div.list_top div.bbs_info ul li { float:left; margin-left:7px; padding-left:7px; background:url("./img/line_li.gif") 0 50% no-repeat; }
#board_wrap div.list_top div.bbs_info a, #board_wrap div.list_top div.bbs_info strong { font-weight:bold; }
#board_wrap div.list_top div.bbs_info img { margin-bottom:2px; *margin-bottom:0; }

/* category */
#board_wrap div.list_top div.category form { }

/* list table */
#board_wrap div.border_list { width:100%; padding-bottom:0; margin-top:-20px; background:url("./img/bg_li.gif") 0 0;}
#board_wrap div.border_list ul.board_gallery { width:100%; }
#board_wrap div.border_list ul.board_gallery > li { float:left; margin-top:20px; padding-left:7px; padding-right:7px; padding-bottom:16px;}
#board_wrap div.border_list ul.board_gallery div.thumb { margin-bottom:10px;}
#board_wrap div.border_list ul.board_gallery div.subject { height:20px; line-height:20px; }
#board_wrap div.border_list ul.board_gallery div.subject input[type=checkbox] { margin:0; padding:0; }
#board_wrap div.border_list ul.board_gallery div.subject a { vertical-align:middle; color:#444; font-size:1.25em; font-weight:600; }
#board_wrap div.border_list ul.board_gallery div.subject a.ca_link { font-weight:bold; font-size:0.9em; color:#ad5600; }
#board_wrap div.border_list ul.board_gallery div.subject span { font-size:0.9em; }
#board_wrap div.border_list ul.board_gallery div.info { height:20px; line-height:20px; }
#board_wrap div.border_list ul.board_gallery div.info ul {}
#board_wrap div.border_list ul.board_gallery div.info ul li { float:left; margin-right:5px; padding-left:5px; background:url("./img/line_li.gif") 0 50% no-repeat; font-size:0.9em; }
#board_wrap div.border_list ul.board_gallery div.info ul li:first-child { padding-left:0; background:none; }
#board_wrap div.border_list ul.board_gallery div.info ul li strong { font-weight:normal; color:#555555; }
#board_wrap div.border_list ul.board_gallery div.info ul li.good { padding-left:0; background:none; }
#board_wrap div.border_list ul.board_gallery div.info ul li.good strong { color:#fb4d00; }
#board_wrap div.border_list ul.board_gallery div.info ul li.nogood strong { color:#3a5382; }
#board_wrap div.border_list ul.board_gallery span.noimage {display:block; line-height:10em; vertical-align:middle; text-align:center; background:url("./img/bg_thumbnail.jpg") 0 0 no-repeat #f7f7f7; color:#333; text-indent:-5000px;  }
#board_wrap div.border_list:after {display:block;visibility:hidden;clear:both;content:""}

/* button box */
#board_wrap div.button_box { height:34px; margin:10px 0; }
#board_wrap div.button_box div.left { float:left; width:49%; height:34px; text-align:left; }
#board_wrap div.button_box div.right { float:right; width:49%; 34px; text-align:right; }

#board_wrap div.button_box div.left ul {}
#board_wrap div.button_box div.left ul li { float:left; margin-right:4px; *margin-right:2px; }
#board_wrap div.button_box div.right ul {}
#board_wrap div.button_box div.right ul li { float:right; margin-left:4px; *margin-left:2px;}

#board_wrap div.button_box ul.button input, #board_wrap div.button_box ul.button button, #board_wrap div.button_box ul.button a { margin:0; padding:0; border:0; cursor:pointer; }
#board_wrap div.button_box ul.button a {  }

#board_wrap div.border_down { padding-bottom:5px; border-bottom:1px solid #e2e2e2; }

#board_wrap div.board_list div.button_box ul.button input, #board_wrap div.button_box ul.button button { *line-height:16px; }

/* pagination */
#board_wrap div.pg_wrap { position:relative; width:100%; line-height:18px; height:12px; margin:5px 0; text-align:center; }
#board_wrap div.pg_wrap ul { position:relative; left:-50%; float:right; }
#board_wrap div.pg_wrap ul li { position:relative; float:left; left:50%; height:12px; padding:0 10px; background:url("./img/line_pagination.gif") 0 7px no-repeat; line-height:18px; vertical-align:middle; }
#board_wrap div.pg_wrap ul li:first-child { background:none; }
#board_wrap div.pg_wrap ul li img { margin:2px 0 3px 0;}

/* search box */
#board_wrap div.search_box { height:22px; margin:15px 0; text-align:center; }
#board_wrap input.frm_input {}
#board_wrap strong.sch_word { background-color:yellow; color:red; }

/* no_button box */
#board_wrap div.button_box ul.no_button { height:22px; }
#board_wrap div.button_box ul.no_button li { padding-right:4px; background:url("./img/line_li.gif") 100% 50% no-repeat; }
#board_wrap div.button_box ul.no_button li:first-child {  }
#board_wrap div.button_box ul.no_button li a { display:inline-block; height:16px; line-height:16px; font-weight:bold; color:#333;  }
#board_wrap div.button_box ul.no_button li img { margin-bottom:2px; margin-right:1px; *margin-bottom:0; }

/* view top */
#board_wrap div.view_top {}
#board_wrap div.view_top div.subject { height:57px; padding-left:29px; border-top:2px solid #5b5b5b; border-bottom:1px solid #e2e2e2; font-size:1.25em; line-height:57px; }
#board_wrap div.view_top div.subject strong { color:#333; font-weight:600; }
#board_wrap div.view_top div.subject strong.category { color:#ad5600; font-weight:600; }

#board_wrap div.view_top div.bbs_info { position:relative; height:52px; margin:10px 5px 0 5px;  background:url("./img/bg_th_list.gif") 0 100% repeat-x #fff;  line-height:48px; }
#board_wrap div.view_top div.bbs_info div.writer { float:left; width:45%; padding-left:29px; text-align:left; }
#board_wrap div.view_top div.bbs_info div.hit_info { float:right; width:45%; padding-right:29px; text-align:right; }

#board_wrap div.view_top div.bbs_info strong { font-weight:normal; }
#board_wrap div.view_top div.bbs_info a { color:#ad5600; }

#board_wrap div.view_top div.bbs_info div.hit_info ul {}
#board_wrap div.view_top div.bbs_info div.hit_info ul li { float:right; margin-right:7px; padding-right:7px; background:url("./img/line_li.gif") 100% 50% no-repeat;}
#board_wrap div.view_top div.bbs_info div.hit_info ul li:first-child { margin-right:0; padding-right:0; background:none; }

/* link box */
#board_wrap div.link_box { padding:5px; background-color:#444; }
#board_wrap div.link_box ul {}
#board_wrap div.link_box ul li { height:20px; padding-left:10px; line-height:20px; background:url("./img/bu_li.gif") 3px 50% no-repeat; }
#board_wrap div.link_box ul li a, #board_wrap div.link_box ul li span { color:#fff; font-size:0.9em;}
#board_wrap div.link_box ul li a { margin:0 10px; padding-left:20px; background:url("./img/ico_link.png") 0 50% no-repeat;; }

/* img area */
#board_wrap div.board_content { padding:15px 5px 5px 5px; }
#board_wrap div.img_area { width:100%; margin:0 0 10px; overflow:hidden; zoom:1; }
#board_wrap div.img_area:after {display:block;visibility:hidden;clear:both;content:""}
#board_wrap div.img_area img {margin-bottom:20px; max-width:100%; height:auto; }

/* etc_box */
#board_wrap div.etc_box { margin:15px 0; }
#board_wrap div.etc_box h4 { color:#444; }
#board_wrap div.etc_box ul {}
#board_wrap div.etc_box ul li { height:20px; padding-left:10px; line-height:20px; background:url("./img/bu_li.gif") 3px 50% no-repeat; color:#606060; font-size:0.9em; }

/* article area */
#board_wrap div.article_area { min-height:200px; margin-bottom:30px; padding:0 30px; line-height:1.7em; word-break:break-all; overflow:hidden; }
#board_wrap div.article_area a {color:#000; text-decoration:underline; }
#board_wrap div.article_area img { max-width:100%; height:auto; }

/* signature area */
#board_wrap div.signature_area { margin:15px 0; padding:5px; }

/* good area */
#board_wrap div.good_area { margin:5px 0 30px 0; text-align:center; }
#board_wrap div.good_area a { display:inline-block; position:relative; width:100px; height:20px; padding:23px 0 5px 0; text-align:center; font-size:1.1em; font-weight:bold; color:#fff; text-decoration:none; }
#board_wrap div.good_area strong { display:block; position:absolute; top:6px; left:0; width:100px; text-align:center; }
#board_wrap div.good_area a.good { border:1px solid #980c10; background:url("./img/bg_gradation.gif") 0 -201px repeat-x #ea1b23; }
#board_wrap div.good_area a.good img { margin-top:-3px; }
#board_wrap div.good_area a.nogood { border:1px solid #0076a3; background:url("./img/bg_gradation.gif") 0 -251px repeat-x #00abeb; margin-left:10px;  }
#board_wrap div.good_area a.nogood img { margin-top:-3px; }

/* file area */
#board_wrap div.file_area { margin-bottom:5px; padding:10px; border:1px solid #d9d9d9; background-color:#fafafa;}
#board_wrap div.file_area p { padding-left:5px; background:url("./img/bu_li.gif") 0 7px no-repeat; }
#board_wrap div.file_area ul {}
#board_wrap div.file_area ul li { margin-left:5px; padding:0; }
#board_wrap div.file_area ul li a { color:#3361b7; }
#board_wrap div.file_area ul li a img { margin-top:-2px; *margin-top:0; }
#board_wrap div.file_area ul li span { font-size:0.9em; }
#board_wrap div.file_area ul li span.download { color:#e11e00; }
#board_wrap div.file_area ul li span.date { color:#707070; }

/* comment */
#board_wrap div.comment_wrap { height:auto; margin:30px 0 15px 0; }
#board_wrap div.comment_msg { height:28px; line-height:28px; font-size:0.95em; border-bottom:1px solid #a9a9a9; }
#board_wrap div.comment_msg img { margin-bottom:4px; }
#board_wrap div.comment_msg strong { color:#333; font-size:1.1em; }

/* comment list */
#board_wrap div.comment_wrap div.comment_box { padding:10px 5px; border-bottom:1px solid #e0e0e0; }
#board_wrap div.comment_top { height:18px; line-height:18px; }
#board_wrap div.comment_top div.comment_info { float:left; width:49%; text-align:left; }
#board_wrap div.comment_top div.comment_button { float:right; width:49%; text-align:right; }

#board_wrap div.comment_top div.comment_info strong { }
#board_wrap div.comment_top div.comment_info a.sv_member { height:12px; margin-right:5px; padding-right:10px; background:url("./img/line_li.gif") 100% 1px no-repeat; color:#333; }
#board_wrap div.comment_top div.comment_info span { font-size:0.9em; }

#board_wrap div.comment_top div.comment_button ul {}
#board_wrap div.comment_top div.comment_button ul li { display:inline; font-size:0.9em; }
#board_wrap div.comment_top div.comment_button ul li:first-child { background:none; }

#board_wrap div.comment_content { min-height:50px; text-align:left; }
#board_wrap div.comment_content p { padding:5px; }

/* comment write */
#board_wrap div.comment_write { position:relative; margin:15px 0; padding:15px; background:#f7f7f7; }
#board_wrap div.comment_write div.write_area { margin-right:112px; padding-right:20px; }
#board_wrap div.comment_write div.write_area textarea { width:100%; height:95px; padding:3px; border:1px solid #e9e9e9; background-color:#fff; color:#333; line-height:12px; border-radius:0; }
#board_wrap div.comment_write div.char_state { margin:5px 0px -5px; font-size:0.9em; line-height:12px; }

#board_wrap div.comment_write div.button_area { position:absolute; top:15px; right:15px; width:112px; height:105px; }
#board_wrap div.comment_write div.comment_option { clear:both; margin-top:5px; }

/* write table */
#board_wrap table.write_table { width:100%; border-top:2px solid #5b5b5b!important; background-color:#fff; }
#board_wrap table.write_table tr th, #board_wrap table.write_table tr td { border-bottom:1px solid #e9e9e9; text-align:left; font-size:1.15; height:36px; line-height:36px; }
#board_wrap table.write_table tr th { padding:7px 0 7px 30px; color:#444; }
#board_wrap table.write_table tr td { padding:7px 0; color:#666}
#board_wrap table.write_table tr th.required { background:url("./img/ico_required.png") 15px 50% no-repeat #fff; }
#board_wrap table.write_table tr td.wr_content { height:363px; }
#board_wrap table.write_table tr td.wr_content textarea { width:100%; height:300px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }
#board_wrap table.write_table tr td.file { }
#board_wrap table.write_table tr td.file input[type=text] { margin-top:5px; }
#board_wrap table.write_table tr td label { margin-right:10px; }
#board_wrap table.write_table button.btn_cke_sc {  }

#board_wrap div.privacy_comment { margin:20px 0; line-height:20px; padding:15px; border:1px solid #e9e9e9; background-color:#fff; color:#444444; }
#board_wrap div.privacy_comment h6 { font-size:10pt; font-weight:bold; }
#board_wrap div.privacy_comment h2 {}
#board_wrap div.privacy_comment p { color:#444444; }



div.sub_Con div.sub_visual_con { width:724px; height:380px; margin-bottom:25px; background:url("/img/skin/bg_3_2_3_press.gif") 0 0 no-repeat; }
div.sub_Con div.sub_visual_con h4 { padding:48px 0 40px 36px; }
div.sub_Con div.sub_visual_con div.media_box { position:relative; width:652px; height:220px; margin:0 auto; }
div.sub_Con div.sub_visual_con div.media_box div.player_box { position:absolute; top:0; left:0; width:256px; height:186px; }
div.sub_Con div.sub_visual_con div.media_box dl { padding-left:279px; color:#444444; }
div.sub_Con div.sub_visual_con div.media_box dl dt { padding-bottom:8px; }
div.sub_Con div.sub_visual_con div.media_box dl dt p { padding-bottom:8px; color:#ed7218; }
div.sub_Con div.sub_visual_con div.media_box dl dt h5 { padding-bottom:8px; line-height:25px; font-size:14pt; color:#333333; font-weight:100; }
div.sub_Con div.sub_visual_con div.media_box dl dt span.fir { padding-right:10px; margin-right:10px; color:#707070; background:url("/img/skin/bl_01.gif") right 3px no-repeat; }
div.sub_Con div.sub_visual_con div.media_box dl dd { padding-right:10px; line-height:18px; height:120px; overflow-y:auto; overflow-x:hidden; }

/* btn confirm */
#board_wrap div.btn_confirm { margin:30px 0; text-align:center; }
#board_wrap div.btn_confirm p { padding:10px 0; }
#board_wrap div.btn_confirm a { margin-left:15px; }

/* input */
#board_wrap input.frm_input { width:575px; height:24px; margin:0; padding:4px 8px; border:1px solid #eee; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1em; }
#board_wrap input[type=file]{ width:573px; height:32px; padding:0 14px; line-height:31px;  border:1px solid #eee; color:#6060605; font-family:"돋움", dotum, Helvetica, sans-serif; }
#board_wrap input.required { background:url("./img/bg_required.gif") 100% 0 no-repeat #fff; }
#board_wrap select { height:20px; font-size:12px; padding:1px; vertical-align:middle; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; }

#board_wrap input.search { height:24px; margin:0; padding:4px 8px; border:1px solid #eee; background-color:#fff; color:#606060; line-height:24px; border-radius:0; font-size:1.25em; }
#board_wrap input.hp, #board_wrap input.email_id, #board_wrap input.email_domain { height:12px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f0f0f0; color:#333; line-height:12px; border-radius:0; }
#board_wrap input.email_id, #board_wrap input.email_domain, #board_wrap input.input_date { height:12px; margin:0; padding:3px; border:1px solid #b8c9c2; background-color:#f7f7f7; color:#333; line-height:12px; border-radius:0; }
#board_wrap input.readOnly { background-color:#d9d9d9; }

/* loding */
#loading { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%;  background-color:#000; filter:alpha(opacity=50); -khtml-opacity:0.5; -moz-opacity:0.5; opacity:0.5; }
#loading img { position:absolute; z-index:9999; top:50%; left:50%; width:48px; height:48px; margin:-24px 0 0 -24px; }
div.sub_Con div.sub_visual_con { margin-bottom:25px; }
div.sub_Con div.sub_visual_con ul.bor_tit li.st_1 { padding-bottom:24px; }
div.sub_Con div.sub_visual_con ul.bor_tit li.st_2 { padding-bottom:10px; }

div.sub_Con div.sub_visual_con2 { position:relative; width:724px; height:441px; margin-bottom:25px; background:url("/img/skin/bg_3_5_story.jpg") 0 0 no-repeat; }
div.sub_Con div.sub_visual_con2 div.img { position:absolute; top:60px; left:39px; width:320px; height:233px; border:1px solid #ededed; }
div.sub_Con div.sub_visual_con2 div.tit { display:inline-block; position:relative; margin-left:414px; margin-top:31px; width:310px; height:171px; *display:inline; *zoom:1; }
div.sub_Con div.sub_visual_con2 div.tit p { position:absolute; top:0; left:0; }
div.sub_Con div.sub_visual_con2 div.tit dl.fir1 { padding-left:96px; padding-bottom:51px; }
div.sub_Con div.sub_visual_con2 div.tit dl.fir1 dt { padding-bottom:17px; }

div.sub_Con div.sub_visual_con2 div.tit dl.fir2 dt { font-size:1.32em; color:#333333; }
div.sub_Con div.sub_visual_con2 div.tit dl.fir2 dt span { display:block; padding-top:7px; padding-bottom:17px; color:#707070; font-size:10pt; }
div.sub_Con div.sub_visual_con2 div.tit dl.fir2 dd { line-height:18px; font-size:1em; color:#444444; }