@charset "utf-8";
/* CSS Document */


.blind {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html .blind {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}

div.skin_free caption {position:relative; overflow:hidden; _visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}
*:first-child+html div.skin_free caption {visibility:hidden; padding:0; margin:0; height:0; font-size:0; line-height:0}

div.skin_free {position:relative}
div.skin_free .i_text:hover {border-color:#6699CC}
div.skin_free .i_text:focus {border-color:#32465a}

/* 로그인 */
div.skin_login {position:relative; top:40px; width:400px; margin:0 auto}
div.skin_login > h1 {height:67px; padding:0; margin:0 0 20px 0; text-align:center; background:url(image/title_login.gif) no-repeat center center}
div.skin_login_box {overflow:hidden; clear:both}
div.skin_login_box div.input_wrap {float:left; margin-right:8px}
div.skin_login_box div.item_userid {margin-bottom:10px}
div.skin_login_box .i_text {width:200px; height:16px; padding:8px; margin:0; box-sizing:content-box; border:1px solid #b0b0b0; border-radius:3px; color:#555; vertical-align:middle}
div.skin_login_box .i_label {display:block; float:left; width:60px; height:16px; padding:7px; box-sizing:content-box; font:normal 12px/150% gulim,'굴림'; color:#494f55; vertical-align:middle}
div.skin_login_box div.btn_area_login {float:left; padding:0; margin:0; cursor:pointer}


/* notice */
div.skin_free .board_notice {padding:0; margin:0; border:0}
div.skin_free .board_notice th {padding:3px 0; border:0}
div.skin_free .board_notice p {display:inline-block;_display:inline; padding:0 !important; margin:0 !important; width:450px !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; color:#274967}
div.skin_free .board_notice p a {overflow-x:hidden; width:240px}
div.skin_free .board_notice p a:after {content:"..."}
div.skin_free .board_notice p img {display:inline-block; vertical-align:middle}
div.skin_free .board_notice td {padding:3px 0; border:0}
div.skin_free .board_notice td.date {font-size:11px; color:#777; text-align:right}

/* 목록 */
div.skin_free .board_list {clear:both; margin:10px 0; border-collapse:collapse; border:0; border-top:1px solid #444; border-bottom:1px solid #bbb}
div.skin_free .board_list th {height:16px; padding:10px 0; border:0; font:bold 14px ng; color:#222; font-weight:bold; background:#f0f0f0}
div.skin_free .board_list td {table-layout:fixed; height:18px; padding:10px 0; margin:0; font-size:13px; border:0; border-bottom:1px solid #dedede; color:#666; word-break:break-all; word-break:break-word}
div.skin_free .board_list td.no,
div.skin_free .board_list td.name,
div.skin_free .board_list td.date,
div.skin_free .board_list td.hit,
div.skin_free .board_list td.nodata {text-align:center}
div.skin_free .board_list td.title {text-align:left}
div.skin_free .board_list td img {vertical-align:middle}
div.skin_free .board_list td.title a.category {color:#3d6499; text-decoration:none}
div.skin_free .board_list td.title span.comment_count {margin-left:5px; font-size:11px; color:#226db7; font-weight:bold}
div.skin_free .board_list td a {color:#333; text-decoration:none}
div.skin_free .board_list td a:hover {text-decoration:underline}

div.skin_free .board_list tr.reply td.title {padding-left:15px; background:url(image/icon_reply.gif) no-repeat left}

div.skin_free form > div.search {margin:15px 0; text-align:center; vertical-align:middle}
div.skin_free form > div.search label.i_label {margin:0 9px 0 0; vertical-align:middle; vertical-align:middle; cursor:pointer}
div.skin_free form > div.search input.i_check {width:13px; height:13px; padding:0; margin:0 4px 0 0; vertical-align:middle; cursor:pointer}
div.skin_free form > div.search .i_text {height:18px; padding:2px; border:1px solid #b7b7b7}


div.skin_free > div.login {float:right}
div.skin_free > div.login a {padding:3px; font:normal 12px tahoma, sans-serif; color:#0066CC}

div.skin_free div.category {}
div.skin_free div.category select {height:18px}


/* 보기 */
div.skin_free .board_view {margin:10px 0; border:0; border-collapse:collapse; border-bottom:1px solid #ccc}
div.skin_free .board_view th {height:16px; padding:10px 0 10px 5px; text-align:left; border:0; border-top:1px solid #505050; border-bottom:1px dotted #d0d0d0; background:none; color:#333; font-weight:bold; word-break:break-all; word-break:break-word}
div.skin_free .board_view th span.category {padding-left:10px; font:normal 11px "돋움",dotum; color:#777}

div.skin_free .board_view td.detail {clear:both; height:250px; min-height:250px; margin:0; padding:20px 0 20px 5px; vertical-align:top; border:0}
div.skin_free .board_view td.detail div.attachment {overflow:hidden; clear:both; margin:0 0 20px 0; padding:0}
div.skin_free .board_view td.detail div.attachment ul.list_attach {float:right; margin:0; padding:0; list-style:none}
div.skin_free .board_view td.detail div.attachment ul.list_attach li a {margin:0; text-decoration:none; vertical-align:middle; color:#666}
div.skin_free .board_view td.detail div.attachment ul.list_attach li a:hover {text-decoration:underline; cursor:pointer}
div.skin_free .board_view td.detail div.attachment ul.list_attach li img {vertical-align:middle}
div.skin_free .board_view td.detail div#content p {padding:0; margin:0; line-height:150%}

div.skin_free .board_view td.article_info {padding:8px 5px; border:0; border-bottom:1px solid #eee}
div.skin_free .board_view td.article_info span.name {padding:0 10px 0 0; border-right:1px solid #eee}
div.skin_free .board_view td.article_info span.hit {padding:0 5px 0 10px}
div.skin_free .board_view td.article_info span.name,
div.skin_free .board_view td.article_info span.hit {font:normal 11px dotum,'돋움'; color:#777}
div.skin_free .board_view td.date {border:0; border-bottom:1px solid #eee; text-align:right; font:normal 11px tahoma, sans-serif; color:#777}
div.skin_free .board_view td.modify input[type='button'] {margin:0; padding:0; text-align:right; background:transparent; border:none; font:normal 11px/140% dotum, '돋움'; color:#777; cursor:pointer; vertical-align:middle}


div.skin_free .board_view td.modify {padding:0; margin:0; border:0; border-top:1px solid #888; border-bottom:1px dotted #ccc; text-align:right}
div.skin_free .board_view td.modify input[type='button']:hover {text-decoration:underline; color:#104287}
div.skin_free .board_view td.modify input[type='button'].btn_modify {padding:0 5px 0 0; margin:0; border:0; border-right:1px solid #eee}

div.skin_free .btn_list {padding:0 10px 0 12px; margin-right:6px; background:url(image/icon_list.gif) no-repeat 1px 3px; border-right:1px solid #dfdfdf}
div.skin_free .btn_prev {padding-left:12px; background:url(image/icon_next.gif) no-repeat 1px 5px; color:#aaa}
div.skin_free .btn_next {padding:0 10px 0 12px; margin-right:6px; background:url(image/icon_prev.gif) no-repeat 1px 5px; border-right:1px solid #dfdfdf; color:#aaa}
div.skin_free .btn_next a,
div.skin_free .btn_prev a,
div.skin_free .btn_list a {letter-spacing:-0.03em; color:#444; text-decoration:none}


/* 모달윈도우(레이어 팝업-비밀번호입력) */
div.skin_free div.skin_mw {display:none; position:fixed; _position:absolute; top:0; left:0; z-index:100; width:100%; height:100%}
div.skin_free div.skin_mw div.bg {width:100%; height:100%; padding:0; margin:0; background:#000; opacity:.7; filter:alpha(opacity=70)}
div.skin_free div.skin_mw div.fg {position:absolute; top:50%; left:50%; width:400px; min-height:60px; margin:-120px 0 0 -200px; background:#fff; box-shadow:1px 1px 7px #333}
div.skin_free div.skin_mw div.cont_wrap {position:relative}
div.skin_free div.skin_mw div.cont_wrap h1 {padding:15px; margin:0 0 10px 0; background:#eee; font:bold 17px/17px dotum,'돋움'; letter-spacing:-0.05em}
div.skin_free div.skin_mw div.cont_wrap > .btn_area_mw {position:absolute; top:12px; right:12px}
div.skin_free div.skin_mw div.cont_wrap p.dsc {padding:0; margin:20px 0; text-align:center; color:#444; background:none}
div.skin_free div.skin_mw div.cont_wrap div.password_area {margin:0 0 20px 0; text-align:center; vertical-align:middle; line-height:120%}
div.skin_free div.skin_mw div.cont_wrap div.password_area label {color:#666}
div.skin_free div.skin_mw div.cont_wrap .i_text {height:16px; padding:3px; border:1px solid #bbb}


/* 쓰기 */
div.skin_free .board_write {padding:0; margin-bottom:10px; border-collapse:collapse; border:0; border-top:1px solid #333; border-bottom:1px solid #ddd}
div.skin_free .board_write th {height:16px; padding:8px; border:0; border-bottom:1px solid #ddd; background:none; text-align:left; white-space:nowrap}
div.skin_free .board_write td {height:16px; padding:8px; border:0; border-bottom:1px solid #ddd; background:none}
div.skin_free .board_write td .i_text {width:120px; height:16px; padding:3px; margin:0; box-sizing:content-box; border:1px solid #b7b7b7}
div.skin_free .board_write td .i_text:hover {border-color:#3c7cd8}
div.skin_free .board_write td .i_text:focus {border-color:#1c58b0}
div.skin_free .board_write td .i_check {padding:0; margin:0 0 0 1px; vertical-align:middle; cursor:pointer}
div.skin_free .board_write td .i_label {padding:0; margin:0; vertical-align:middle; cursor:pointer}
div.skin_free .board_write td.write_section textarea {width:500px; min-width:100%; max-width:100%; height:300px; padding:0; margin:0; resize:none; overflow-y:scroll; border:1px solid #b7b7b7}
div.skin_free .board_write td select {padding:3px; border:1px solid #b7b7b7}


/* 버튼 */
div.skin_free > div.skin_btn_area {margin:10px 0; *zoom:1}
div.skin_free > div.skin_btn_area:after {clear:both; display:block; content:''}
div.skin_free div.skin_btn_area_mov {float:left}
div.skin_free div.skin_btn_area_func {float:right}
div.skin_free div.skin_btn_area_write {margin:10px 0; text-align:center}


.skin_button,
.skin_button * {position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font:normal 12px/90% gulim,'굴림'; white-space:nowrap; background:url(image/button.png) no-repeat; _background:#666; vertical-align:middle; overflow:visible; text-align:center}
.skin_button {margin-right:3px}
.skin_button * {left:4px; cursor:pointer; _cursor:hand; vertical-align:middle}
.skin_button.small {margin-right:4px}

.skin_button.basic,
.skin_button.basic * {height:28px; line-height:28px}
.skin_button.basic * {padding:0 10px 0 5px; color:#fff; background-position:right top; vertical-align:top}
.skin_button.basic.icon {text-align:left; vertical-align:middle}
.skin_button.basic.icon a {padding:0 10px 0 4px; font-weight:bold !important}
.skin_button.basic.icon .write {margin-right:10px; background-position:0 -78px}

.skin_button.small {background-position:left -50px}
.skin_button.small,
.skin_button.small * {height:25px; line-height:25px}
.skin_button.small * {padding:0 6px 0 3px; color:#6a6f77 !important; background:url(image/button.png) no-repeat right -50px; vertical-align:top; line-height:80%}


/* 코멘트 */
div.skin_comment {}
div.skin_comment h1 {padding:5px 0; margin:0; border-bottom:1px solid #ccc; font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.05em}
div.skin_comment h1 span.count {font:normal 12px tahoma; color:#0033FF}
div.skin_comment ul.list_comment {padding:0; margin:0; list-style:none}
div.skin_comment ul.list_comment li {position:relative; padding:15px 10px; border-bottom:1px solid #ddd}
div.skin_comment ul.list_comment li div.author_info {margin-bottom:6px}
div.skin_comment ul.list_comment li div.author_info > strong.name {font-weight:bold}
div.skin_comment ul.list_comment li div.author_info > span.userid {margin-right:6px; color:#606060}
div.skin_comment ul.list_comment li div.author_info > span.date {color:#606060}

div.skin_comment ul.list_comment li div.comment_edit {overflow:hidden; clear:both; width:100%; height:100%; margin-top:5px}
div.skin_comment ul.list_comment li div.comment_edit div.textarea_area {margin-right:100px}
div.skin_comment ul.list_comment li div.comment_edit div.textarea_area textarea {width:500px; min-width:100%; max-width:100%; height:60px; padding:4px; margin:0; border:1px solid #ccc; resize:none; overflow-y:scroll}
div.skin_comment ul.list_comment li div.comment_edit div.textarea_area textarea:hover {border-color:#3c7cd8}
div.skin_comment ul.list_comment li div.comment_edit div.textarea_area textarea:focus {border-color:#1c58b0}
div.skin_comment ul.list_comment li div.comment_edit .btn_edit {position:absolute; float:right; top:40px; right:5px; width:90px; height:70px; padding:6px; margin:0; border:1px solid #ddd; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; border-radius:1px; background:#f5f5f5; color:#444; font-weight:bold; cursor:pointer}
div.skin_comment ul.list_comment li div.comment_edit .btn_edit:hover {background:#ddd; border:1px solid #c0c0c0}

div.skin_comment div.btn_area_comment {position:absolute; top:15px; right:5px}
div.skin_comment div.btn_area_comment input[type='button'] {padding:2px; margin:0 1px; line-height:20px; background:none; border:0; font:normal 11px dotum,'돋움'; color:#606060; cursor:pointer}
div.skin_comment div.btn_area_comment input[type='button']:hover {color:#0033FF; text-decoration:underline}

div.skin_comment div.comment_input {overflow:hidden; clear:both; position:relative; padding:15px 10px; margin:-1px 0 0 0; background:#e7eaee; border-top:1px solid #bcc1c9; border-bottom:1px solid #bcc1c9}
div.skin_comment div.comment_input div.textarea_area {margin-right:105px; margin-bottom:8px}
div.skin_comment div.comment_input div.textarea_area textarea {min-width:100%; max-width:100%; height:60px; width:500px;  resize:none; overflow-y:scroll}
div.skin_comment div.comment_input div.textarea_area textarea,
div.skin_comment div.comment_input input[type='text'],
div.skin_comment div.comment_input input[type='password'] {padding:4px; margin:0; border:1px solid #c0c0c0}
div.skin_comment div.comment_input div.textarea_area textarea:hover,
div.skin_comment div.comment_input input[type='text']:hover,
div.skin_comment div.comment_input input[type='password']:hover {border-color:#3c7cd8}
div.skin_comment div.comment_input div.textarea_area textarea:active,
div.skin_comment div.comment_input input[type='text']:active,
div.skin_comment div.comment_input input[type='password']:active {border-color:#1c58b0}
div.skin_comment div.comment_input .btn_regi {position:absolute; float:right; top:15px; right:10px; width:90px; height:70px; padding:6px; margin:0; border:1px solid #515356; border-radius:1px; background:#5b5f66; color:#fff; font-weight:bold; cursor:pointer}
div.skin_comment div.comment_input .btn_regi:hover {background:#383e47; border:1px solid #2c323c}
div.skin_comment div.comment_input input[type='text'],
div.skin_comment div.comment_input input[type='password'] {width:120px; margin:0 15px 0 0; padding:3px; border:1px solid #c0c0c0; background:#fff}
div.skin_comment div.comment_input label {margin-right:10px}

/* ckeditor marker */
.marker {background-color: Yellow;}