@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
.c_board	{}
.c_board a	{color: #333;}
.c_board button	{border: none; margin: 0; padding: 0; cursor: pointer;}
.c_board .date	{font: 11px 'Open Sans', sans-serif; color: #bbb;}

.c_board .bt_basic	{display: inline-block; padding: 7px 10px; font-size: 11px; line-height: 11px; vertical-align: middle; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);}
.c_board .bt_submit	{color: #FFF;}
.c_board .bt_cancel	{background-color: #c6c6c6; color: #FFF;}
.c_board .bt_cancel:hover	{background-color: #999;}
.c_board .bt_extra	{background-color: #ddd; color: #999; text-shadow: none;}
.c_board .profile	{width: 40px; height: 40px; background: url(../images/icn_profile.png) no-repeat; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.profile.img_exist	{background: none;}
.c_board .new_icon	{margin: 0 2px; vertical-align: middle;}
.c_board .no_document	{padding: 30px 0; border: 1px solid #CCC; background-color: #FFF; text-align: center; line-height: 180%;}
.c_board .no_document a	{text-decoration: underline;}
.c_board .no_document a:hover	{text-decoration: none;}
.c_board .d_line	{margin: 0 5px; color: #DDD; font-size: 10px;}
.c_board .num	{font: 11px 'Open Sans', sans-serif;}
.c_board .cm_num	{font-weight: bold;}

.ip_basic	{background-color: #FFF; font-size: 11px; vertical-align: middle; width: 120px; line-height: 13px; height: 13px;}
.ip_basic:focus	{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ffffd1}
.ip_duo	{padding: 8px 12px;}
.ip_single	{padding: 5px 8px; border: 1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.ip_pass	{border: none; border-bottom: 1px solid #888; background: none;}

.iLabel	{padding: 6px 8px 0; color: #BBB; cursor: text;}
.lb_basic	{display: block; padding: 8px 12px; border-right: 1px solid #DDD; background-color: #f7f7f7; font-size: 11px; line-height: 13px;  height: 13px;}
.star	{font: 13px/11px Verdana; color: #70bae7; vertical-align: middle;}

/* custom_select */
.sbHolder	{position: relative; display: inline-block; font-size: 11px; line-height: 11px; vertical-align: middle;}
.sbSelector	{display: inline-block; width: 60px; padding: 6px 15px 6px 8px; border: 1px solid #CCC; background: #FFF url(../images/icn_select_arrow.png) no-repeat 66px -11px;}
a.sbSelector	{ color: #999;}
.sbToggleOpen+.sbSelector	{background-position: 66px 9px;}
.sbOptions	{position: absolute; top: 24px !important; list-style: none; width: 67px; padding: 4px 8px; background-color: #FFF; border: 1px solid #CCC; overflow-y: auto; z-index: 100;}
.sbOptions li	{padding: 4px 0;}
.sbOptions li a	{color: #999;}
.sbOptions li a.sbFocus	{color: #1d91d4;}

/* write */
.write_form .lb_basic	{float: left; width: 120px;}

.content .write_form .ip_duo	{float: left; width: 619px;}
.content .admin .ip_duo	{width: 560px;}
.content .use_category .ip_duo	{width: 515px;}
.content .use_category.admin .ip_duo	{width: 457px;}
.content .extra_form textarea	{width: 619px; }

.wide_content .write_form .ip_duo	{float: left; width: 829px;}
.wide_content .admin .ip_duo	{width: 770px;}
.wide_content .use_category .ip_duo	{width: 725px;}
.wide_content .use_category.admin .ip_duo	{width: 667px;}
.wide_content .extra_form textarea	{width: 829px; }

.extra_form	{margin-bottom: 15px; border: 1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden;}
.extra_form .lb_basic	{border-right: none;}
.extra_form .ip_duo	{border: none;}
.extra_form table	{width: 100%;}
.extra_form tr:first-child th	{border-top-left-radius: 5px;}
.extra_form tr:last-child th	{border-bottom-left-radius: 5px;}
.extra_form td,
.extra_form th	{border-bottom: 1px solid #DDD;}
.extra_form tr:last-child td,
.extra_form tr:last-child th	{border-bottom: none;}
.extra_form th	{width: 120px; border-right: 1px solid #DDD; background-color: #f7f7f7; font-weight: normal; text-align: left;}
.extra_form td	{background-color: #FFF;}
.extra_form td>p	{clear: both;padding: 10px; border-top: 1px dotted #DDD; background-color: #f7f7f7; font-size: 11px; color: #999;}

.extra_form table li	{display: inline-block; padding-left: 5px; font-size: 11px;}
.extra_form .ip_duo.tel	{float: none; padding: 3px 6px; margin: 2px 0 2px 5px; width: 30px !important; border: 1px solid #DDD;}
.extra_form .bt_basic	{border: none; cursor: pointer; vertical-align: text-top}
.extra_form .ip_duo.date	{width: 578px;}
.extra_form .ip_duo.date+.bt_basic	{padding: 9px 10px;}

.extra_form textarea	{float: left; padding: 12px; height: 100px; overflow: auto; border: none;}
.extra_form textarea:focus	{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ffffd1}

.extra_form .krZip	{padding: 10px; font-size: 11px; color: #999;}
.extra_form .krZip input	{vertical-align: middle;}
.krzip-address-wrap	{padding: 5px 0;}
.krZip .krzip-detailAddress, 
.krZip .krzip-extraAddress, 
.krZip .krzip-jibunAddress, 
.krZip .krzip-postcode, 
.krZip .krzip-roadAddress	{padding: 0 5px !important; border: 1px solid #DDD !important; height: 22px !important; line-height: 22px !important;}
.krZip label	{display: inline-block; width: 60px;}

.write_option	{float: left;}
.write_form .write_info	{margin-top: 5px;}
.write_form .bt_area	{float: right;}

.write_tag	{display: inline-block; position: relative;}
.tag_aid	{display: none; position: absolute; bottom: 100%; left: 0; padding: 5px; margin-bottom: 3px; background-color: #FFF; border: 1px solid #CCC;}
.tag_aid::before	{content: '';position: absolute; top: 100% ;left: 12px; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 7px solid #BBB;}
.tag_aid::after {content: '';position: absolute; top: 100%; left: 13px; width: 0; height: 0; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #FFF;}


/* list_footer */
.list_footer	{padding-top: 15px;}
.list_footer .bt_area	{float: left;}
.list_footer .search	{float: right;}
.list_footer .search_input	{padding: 5px 8px; border: 1px solid #CCC; border-left: none;-moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}

.list_footer .paging	{clear: both; padding-top: 30px; text-align: center;}
.paging a	{display: inline-block; padding: 5px 10px; background-color: #f7f7f7; border: 1px solid #DDD; border-right: none; color: #999;}
.paging a.next_page	{border-right: 1px solid #DDD !important; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.paging a.prev_page	{ -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;}
.paging a.on	{background-color: #FFF; color: #555;}

/* write */
.write_memo	{position: relative; padding-left: 55px; padding-top: 1px;}
.write_memo label	{font-size: 11px;}
.write_memo .bt_cancel	{cursor: pointer}
.write_memo .profile	{position: absolute; left: 0; top: 0; background-image: url(../images/icn_cw_text.png); background-color: #e3e3e3; cursor: pointer;}
.bt_op_cw	{padding: 10px; margin: 1px 0; border: 1px solid #CCC; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: text;}
.cw_fm	{padding-bottom: 15px; position: relative;}
#write_form textarea	{border: 1px solid #CCC; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#write_form .xeTextEditor	{padding-bottom: 10px;}
.cw_fm.off	{height: 0; padding-bottom: 0; overflow: hidden;}

/* list */
.list_header	{text-align: right;}
.list_header .bt_area	{float: right; margin-bottom: 15px;}
.article_memo	{position: relative; margin-top: 15px; padding-left: 55px;}
.article_memo .profile	{position: absolute; left: 0; top: 0; text-align: center;}
.memo_body	{position: relative; border: 1px solid #CCC; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.memo_body:after	{content: '';position: absolute; right: 100%; top: 14px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #f7f7f7;}
.memo_body:before	{content: '';position: absolute; right: 100%; top: 13px; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #BBB;}

.memo_header	{position: relative; padding: 12px 15px; background-color: #f7f7f7; border-bottom: 1px solid #DDD; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; overflow: hidden}
.memo_header .author, .memo_header .author a	{color: #555; font-weight: bold; font-size: 13px;}
.memo_header .date	{margin-left: 5px;}
.memo_ip	{margin-left: 5px; color: #BBB;}

.notice .memo_header	{background-color: #ffffd1; border-bottom: none;}
.notice .memo_body	{border: 1px solid #e0e0ae; background-color:  #ffffd1;}
.notice .memo_body:after	{border-right: 6px solid #ffffd1;}
.notice .memo_body:before	{border-right: 7px solid #caca9e;}

.memo_header .bt_memo_declare	{margin-left: 5px; vertical-align: middle;}
.memo_declare	{display: none; position: absolute; top: 50%; right: 0; margin-top: -22px; padding: 10px 8px 9px 15px; height: 25px; white-space: nowrap; border-left: 1px solid #DDD; background-color: #EEE; text-align: right; z-index: 30; font-size: 11px;}
.memo_declare p	{display: inline-block; margin-right: 3px; vertical-align: middle;}

.memo_control	{position: absolute; right: 10px; top: 14px; font-size: 11px; z-index: 20;}
.memo_control a	{margin-left: 2px; color: #DDD;}
.over .memo_control a	{color: #666;}

.memo_vote	{float: right; margin: 12px;}
button.bt_cm_vt	{padding: 3px 6px; border: 1px solid #DDD; border-bottom: 1px solid #CCC; font-size: 11px; color: #999;}
.bt_cm_vt.bt_bl	{border-left: none;}
.bt_cm_vt.bt_vt .num	{color: #be0000;}
.bt_cm_vt.bt_bl .num	{color: #0a76bb;}

.memo_body .xe_content,
.secret_content	{margin: 0; padding: 12px 15px; line-height: 160% !important;}
.memo_body .xe_content, .memo_body .xe_content p, .ms_mode .xe_content, .ms_mode .xe_content p 	{font-size: 12px; font-family: "나눔고딕", "Helvetica", "Malgun Gothic", "맑은 고딕", "NanumGothic", "verdana" !important;} 

.memo_file	{padding: 0 15px 12px; font-size: 11px;}
button.bt_memo_file	{padding-left: 15px; background: url(../images/icn_more.png) no-repeat left 2px;font-size: 11px;}
.bt_memo_file.close	{background-position: left -18px;}
.memo_file_list	{display: none; margin: 10px -15px -12px; padding: 10px 15px; border-top: 1px dotted #DDD; background-color: #f7f7f7; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}
.memo_file_list ol	{list-style: decimal; margin-left: 20px;}
.memo_file_list li	{padding-bottom: 3px;}
.memo_file_list a	{color: #1d91d4; text-decoration: underline;}
.memo_file_list a:hover	{text-decoration: none;}
.memo_file_list .num	{color: #999;}

.memo_tag	{margin: -12px 15px 12px; text-align: right; font-size: 11px;}
.memo_tag.has_file	{margin-bottom: 0;}
.memo_tag li	{display: inline-block; margin-left: 3px;}
.memo_tag a	{color: #BBB;}


.notice	{padding-bottom: 15px; border-bottom: 1px dotted #CCC;}
.notice .profile	{background: none;}

/* extra */
.article_ex table	{width: 100%; border-collapse: collapse; border-bottom: 1px solid #DDD;}
.article_ex th	{ width: 120px; border-right: 1px solid #DDD; background-color: #f7f7f7; font-weight: normal; text-align: left;}
.article_ex th, .article_ex td	{padding: 8px 12px; border-bottom: 1px solid #DDD; font-size: 11px; color: #666;}
.article_ex td a, article .xe_content a	{color: #1d91d4; text-decoration: underline;}
.article_ex td a:hover, article .xe_content a:hover	{text-decoration: none;}


/* comment */
.cm_art	{border-top: 1px dotted #DDD;}
.cm_bd	{position: relative; padding: 15px 15px 15px 75px;}

.cm_wrap	{ background: url(../images/icn_reply_arrow.png) no-repeat 15px 15px;}
.ind1 .cm_wrap	{padding-left: 20px; background-position: 35px 15px;}
.ind2 .cm_wrap	{padding-left: 40px; background-position: 55px 15px;}
.ind3 .cm_wrap	{padding-left: 60px; background-position: 75px 15px;}
.ind4 .cm_wrap	{padding-left: 80px; background-position: 95px 15px;}
.ind5 .cm_wrap	{padding-left: 100px; background-position: 115px 15px;}
.ind6 .cm_wrap	{padding-left: 120px; background-position: 135px 15px;}
.ind7 .cm_wrap	{padding-left: 140px; background-position: 155px 15px;}
.ind8 .cm_wrap	{padding-left: 160px; background-position: 175px 15px;}
.ind9 .cm_wrap	{padding-left: 180px; background-position: 195px 15px;}
.ind10 .cm_wrap	{padding-left: 200px; background-position: 215px 15px;}

.cm_profile	{display: block; position: absolute; top: 15px; left: 35px; width: 30px; height: 30px; background: url(../images/icn_profile.png) no-repeat; background-size: 30px 30px;}
.cm_profile .profile_image	{width: 30px; height: 30px;}
.cm_bd .author	{font-weight: bold;}
.cm_bd .author a	{color: #666;}
.cm_bd .date	{margin-left: 5px;}
.cm_ip	{margin-left: 5px; color: #BBB;}
.bt_cm_dc	{margin-left: 5px !important;}
.cm_dc	{display: none; position: absolute; top: 0; right: 0; padding: 8px 8px 7px 15px; height: 25px; white-space: nowrap; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #f7f7f7; text-align: right; z-index: 30; font-size: 11px;}
.cm_dc p	{display: inline-block; margin-right: 3px; vertical-align: middle;}
.cm_vt	{position: absolute; right: 12px; top: 12px;}

.cm_bd .xe_content,
.cm_sc_con	{margin: 0; padding: 8px 0 0;}
.cm_bd .xe_content, .cm_bd .xe_content p 	{color: #666;} 

.cm_fl	{margin-top: 10px; font-size: 11px;}
button.bt_cm_fl	{padding-left: 15px; background: url(../images/icn_more.png) no-repeat left 2px; font-size: 11px; color: #666;}
.bt_cm_fl.close	{background-position: left -18px;}
.cm_fl_list	{display: none; clear: both; margin: 10px 0; padding: 6px 10px; border: 1px dotted #DDD; background-color: #f7f7f7; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.cm_fl_list ol	{list-style: decimal; margin-left: 20px;}
.cm_fl_list li	{padding-bottom: 3px;}
.cm_fl_list a	{color: #1d91d4; text-decoration: underline;}
.cm_fl_list a:hover	{text-decoration: none;}
.cm_fl_list .num	{color: #999;}

.cm_ctr	{text-align: right;}
.cm_ctr a	{font-size: 11px;  color: #d0e3f8}
.on .cm_ctr a	{color: #2793e6;}

.cw .bt_write	{float: right; margin-left: 3px;}
.cw .bt_cancel	{float: right; cursor: pointer}

.comment .paging	{margin-top: 15px; text-align: right;}

.ms_mode	{margin-bottom: 15px; border: 1px solid #CCC; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.ms_mode .cm_bd	{padding: 15px 15px 15px 55px;}
.ms_mode .cm_profile	{left: 15px;}

button.memo_comment	{display: block; position: absolute; left: 0; top: 0; padding: 1px 4px; font-size: 10px; font-weight: bold; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; color: #FFF; z-index: 10;}



/* message */
.ms_wrap	{text-align: center;}
.ms	{position: relative; width: 400px; padding: 30px 0; margin: 60px auto 0; border: 1px solid #CCC; background-color: #FFF;}
.ms_image	{position: absolute; left: -12px; top: -10px;}
.ms p	{margin-bottom: 30px;}
.ms .ip_pass	{margin-bottom: 15px;}