@charset "utf-8";



/* Input Style Definition */
input.input_text {height:16px; padding:2px 2px 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666; *margin:-1px 0;}
input.input_file {height:20px; padding:2px 0 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666;}
input.input_checkbox {*margin:-1px 0; border:0;}
textarea {overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;  color:#666;}
select {height:20px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666;}


/* Board Header */
.board_header {position:relatvie;overflow:hidden;width:100%; *zoom:1;margin:0 auto;}
.board_header * {margin:0; padding:0;}
.board_header:after {content:""; display:block; float:none; clear:both;}
.board_header img {border:0;}
.board_header ul {overflow:hidden;}
.board_header .rss {float:right;padding-right:5px;}
.board_header .category {float:right;}
.board_header .category select {height:20px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF; color:#666; vertical-align:top;}
.board_header .info {float:left; padding:10px 0;color:#666;font-size:11px;letter-spacing:1px;}
.board_header .info li{float:left; position:relative; display:inline; margin-left:5px;}



.board_list .list_webzine{border-top:2px solid #1E4DA5;}
.board_list .list_webzine li{overflow:hidden;padding:15px 3%;border-bottom:1px solid #ebebeb;}
.board_list .list_webzine .thumb{float:left;text-align:center;}
.board_list .list_webzine .thumb .link_thumb{display:block;line-height:0;font-size:0;border:1px solid #ebebeb;}
.board_list .list_webzine .thumb .thumb_img{width:234px;height:157px;}
.board_list .list_webzine .cnt_info{margin-left:260px;padding:15px;}
.board_list .list_webzine .cnt_info .tit_subject{display:block;}
.board_list .list_webzine .cnt_info .tit_subject .cate{display:inline-block;margin-right:3px;color:#666;font-size:12px;}
.board_list .list_webzine .cnt_info .tit_subject .link_tit{color:#1E4DA4;}
.board_list .list_webzine .cnt_info .tit_subject .comment_num{display:inline-block;margin-left:3px;font-size:11px;color:#666;font-family:tahoma;letter-spacing:1px;}
.board_list .list_webzine .cnt_info .txt_name{display:block;margin-top:10px;font-size:0.923em}
.board_list .list_webzine .cnt_info .txt_date{display:block;margin-top:10px;font-family:tahoma;font-size:0.846em;color:#666;letter-spacing:1px;}
.board_list .list_webzine .cnt_info .txt_desc{display:block;margin-top:20px;font-size:0.923em;line-height:1.5;padding-left:0px !important;}


#board_colgroup{position:relative;overflow:hidden;font-size:13px;width:100%;}

/* Board Read */
.board_read_header {*zoom:1;}
.board_read_header a {text-decoration:none;color:#666;}
.board_read_header a:hover{text-decoration:none;color:#333;}
.board_read_header a:active{text-decoration:none;color:#333;}
.board_read_header a:focus {text-decoration:none;color:#333;}
.board_read_header:after {content:""; display:block; float:none; clear:both;}
.board_read_header * {margin:0; padding:0;}
.board_read_header .title_area {*zoom:1; padding:8px 10px; border-top:2px solid #222; border-bottom:1px dotted #666;font-size:14px;background:#efefef;}
.board_read_header .title_area:after {content:""; display:block; clear:both;}
.board_read_header .title_area .title {float:left; margin-top:4px; margin-right:10px;  color:#000; font-weight:400;font-size:14px;}
.board_read_header .title_area .category {float:left; margin-top:5px; padding:0 10px;  color:#666;font-size:12px;}
.board_read_header .author_area {*zoom:1; padding:12px 0; border-bottom:1px solid #919a9e;}
.board_read_header .author_area:after {content:""; display:block; clear:both;}
.board_read_header .author_area .author {float:left; margin:0 10px;  color:#666;}
.board_read_header .author_area .ip {float:left;color:#666; margin-top:1px;font-family:helvetica;font-size:11px;letter-spacing:1px;}
.board_read_header .author_area .sum {float:right; white-space:nowrap;}
.board_read_header .author_area .sum .txt { margin-left:2px; margin-right:5px; color:#666;}
.board_read_header .author_area .sum .num {font-family:helvetica;letter-spacing:1px;font-size:11px; color:#666;}
.board_read_header .author_area .sum .date {margin-left:2px; padding-left:10px; color:#666; font-family:helvetica;letter-spacing:1px;font-size:11px;padding-right:10px;}

.board_read_body {margin:20px 0 20px 0; overflow:hidden; *zoom:1;}
.board_read_body .content_area {line-height:1.6; overflow:hidden;padding:20px 10px;text-align:left;}
.board_read_body .content_area a {text-decoration:underline;color:#666;}
.board_read_body .content_area a:active{text-decoration:underline;color:#666;}

.board_read .board_navigation {border-top:1px solid #E2E2E2;}

/* Attached File */
.board_read_footer .file_attached {position:relative; padding:10px; margin-bottom:0px; border:1px solid #ddd;border-bottom:0px; background-color:#F6F6F6;}
.board_read_footer .file_attached * {margin:0; padding:0;  vertical-align:middle;_zoom:1;}
.board_read_footer .file_attached ul.files {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;}
.board_read_footer .file_attached ul.files * {display:inline-block; _zoom:1;*display:inline; padding:0; margin:0; }
.board_read_footer .file_attached ul.files li {position:relative; margin:0 15px 0 0;}
.board_read_footer .file_attached ul.files a {position:relative; padding-left:15px; background:url("./image/icon_file.gif") no-repeat left top; *zoom:1; text-decoration:none;  color:#666}
.board_read_footer .file_attached ul.files a .bubble {display:none; position:absolute; top:-30px; left:0; padding:2px 5px 2px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;font-size:11px;font-family:helvetica;letter-spacing:0.5px;}
.board_read_footer .file_attached ul.files a:hover .bubble,
.board_read_footer .file_attached ul.files a:active .bubble,
.board_read_footer .file_attached ul.files a:focus .bubble {display:block;}

/* URL Link */
.board_read_footer .url {position:relative; padding:10px; margin-bottom:0px; border:1px solid #ddd;border-bottom:0px; background-color:#F6F6F6;}
.board_read_footer .url * {margin:0; padding:0;  vertical-align:middle;}
.board_read_footer .url ul.links {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;}
.board_read_footer .url ul.links * {display:inline-block; *display:inline; padding:0; margin:0; }
.board_read_footer .url ul.links li {position:relative; margin:0 15px 0 0;font-size:11px;letter-spacing:0.8px;padding-left:15px;}
.board_read_footer .url ul.links a {position:relative; padding-left:15px; text-decoration:none;  color:#666;}
.board_read_footer .url ul.links a .bubble {display:none; position:absolute; top:-30px; left:0; padding:2px 5px 2px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;font-size:11px;font-family:helvetica;letter-spacing:0.5px;}
.board_read_footer .url ul.links a:hover .bubble,
.board_read_footer .url ul.links a:active .bubble,
.board_read_footer .url ul.links a:focus .bubble {display:block;}


/* board_Write */
p.atten{text-align:left;float:left;padding-bottom:15px;}
.write_table {width:98%; border:0; border-top:2px solid #1E4DA4;border-bottom:1px solid #677378; margin:0 !important; padding:0; table-layout:fixed;border-spacing:0; border-collapse:collapse; empty-cells:show;}
.write_table th,
.write_table td {border:none; padding:10px 10px; vertical-align:middle;text-align:left;}
.write_table th {background:#efefef;;border-right:1px solid #bfc4c6;font-size:13px;font-weight:400;}
.write_table tbody th {border-bottom:1px dotted #666;}
.write_table td {border-bottom:1px dotted #666;}
.write_table td .input_text {height:21px; padding:5px 8px;width:80%; border:solid #CCC 1px; background:#FFF;  font-size:12px;color:#666;*margin:-1px 0;line-height:21px;}
.write_table td .input_file {width:70%; height:20px; padding:10px 0 10px 2px;background:#FFF;  color:#666;}
.write_table td .input_file_search {width:70%; height:20px; padding:10px 0 10px 2px;background:#FFF;  color:#666;}
.write_table td .input_checkbox {*margin:-1px 0; border:0;}
.write_table td textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;  color:#666;font-size:12px;}
.write_table td .essential {padding-right:5px;vertical-align:middle;width:5px;height:6px;overflow:hidden;font-size:0.25em;line-height:-0.5;}
.write_table td .description {margin-left:5px;  color:#666;}
.write_table th span{float:left;vertical-align:middle;}
span.filb{float:left;background:#fff;border:1px solid #666;padding:3px;height:6px;margin:5px 1px 0 0;}
span.filb img{display:block;}


/* comment */
 
.cmt_count{display:block;padding:35px 0 20px;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;}
.cmt_comm {overflow:hidden;}

.cmt_comm .fld_cmt {margin-top:10px;padding:20px 25px;border:1px solid #ddd;background:#f5f5f5;}
.cmt_comm .fld_cmt .info_cmt{padding:0 0 5px 0;font-size:12px;}
.cmt_comm .fld_cmt .tf_cmt {width:73%;height:50px;padding:10px;border:1px solid #ddd}
.cmt_comm .fld_cmt .btn_cmt{display:inline-block;vertical-align:top;}
.cmt_comm .fld_cmt .btn_cmt button{padding:28px 30px;}



.cmt_comm .fld_recmt {margin-top:10px;padding:0 25px 10px 70px;}
.cmt_comm .fld_recmt .info_cmt{padding-bottom:5px;font-size:12px;}
.cmt_comm .fld_recmt .tf_cmt {width:60%;height:50px;padding:10px;vertical-align:top;border:1px solid #ddd;font-size:11px;}
.cmt_comm .fld_recmt .btn_cmt{display:inline-block;}
.cmt_comm .fld_recmt .btn_cmt button{padding:28px 30px;}

.cmt_comm .list_cmt_wrap{border-bottom:1px solid #ddd;}
.cmt_comm .list_cmt_wrap.recmt{padding-left:40px;background:#f5f5f5;} 
.cmt_comm .list_cmt{overflow:hidden;position:relative;padding:15px 25px;}
.cmt_comm .list_cmt .cmt_head {position:absolute;top:18px;left:25px;width:70px;height:70px;margin-right:15px;}
.cmt_comm .list_cmt .thumb_nomember{background:#f8f8f8;}


.cmt_comm .list_cmt .cmt_info{float:left;}
.cmt_comm .list_cmt .cmt_btn{float:right;padding-top:15px;font-size:11px;}
.cmt_comm .list_cmt .bar_gray{display:inline-block;height:7px;width:1px;margin:0 5px;background:url(./image/bar_gray.gif) no-repeat 0 0;}
.cmt_comm .list_cmt .info_append {display:block;height:20px}
.cmt_comm .list_cmt .txt_name {font-weight:bold;color:#333}
.cmt_comm .list_cmt .nomember{font-weight:normal;color:#666}
.cmt_comm .list_cmt .txt_time {color:#666;font-family:Tahoma;}
.cmt_comm .list_cmt .txt_desc{padding-top:5px;font-size:12px;line-height:160%;padding-left:0px !important;}
.cmt_comm .list_cmt .link_reply{display:inline-block;margin-top:5px;font-weight:bold;color:#17439c}
.cmt_comm .list_cmt .cmt_foot{overflow:hidden;position:absolute;top:35px;right:25px;height:40px;font-size:11px}
.cmt_comm .list_cmt .re_recmt{display:inline-block;padding-right:8px;color:#1E4DA4;}

/* Comment List */
.comment_colgroup {overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid #E2E2E2;}
.comment_colgroup .comment_header {float:left; margin:1em 1em .5em 0; font:bold 14px ;  color:#666;background:url(./image/icon_reimg.gif) no-repeat;padding-left:24px;}
.comment_colgroup .comment_header .num {font:bold 15px Tahoma; color:#555555;}
.comment_colgroup .comment_list {clear:both; padding-bottom:15px; border-bottom:1px solid #E2E2E2;}

.comment_colgroup .item {position:relative; border-top:1px dashed #E2E2E2; *zoom:1;}
.comment_colgroup .item .indent {position:relative; *zoom:1;}
.comment_colgroup .item .indent:after {content:""; display:block; clear:both;}
.comment_colgroup .item_comment .indent {padding-left:15px; background:url(./image/icon_comment.gif) 0 1em no-repeat;}

.comment_colgroup .item .header {margin:0 0 5px 0;}
.comment_colgroup .item .header a { color:#666; text-decoration:none;}
.comment_colgroup .item .header a:hover,
.comment_colgroup .item .header a:active,
.comment_colgroup .item .header a:focus {text-decoration:underline;}

.comment_colgroup .item .item_content {position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;}
.comment_colgroup .item .item_content:after {content:""; display:block; clear:both;}
.comment_colgroup .item .item_content .content {width:93%; line-height:1.6;text-align:left;}
.comment_colgroup .item .item_content .content * {margin-top:0;}
.comment_colgroup .item .item_content .content a {text-decoration:underline;}

.comment_colgroup .item .item_content .option {position:relative; margin:0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;vertical-align:top;}
.comment_colgroup .item .item_content .option li {position:relative; display:inline;}
.comment_colgroup .item .item_content .option li img {border:0;vertical-align:top;}

.comment_colgroup .item .item_aside {position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 1em 0; *zoom:1; text-align:left; z-index:2;background:url(./image/bg_replyline.gif) no-repeat right;}
.comment_colgroup .item .item_aside .header {margin:0 0 5px 0;}
.comment_colgroup .item .item_aside .header a { color:#333; text-decoration:none;}
.comment_colgroup .item .item_aside .header a:hover,
.comment_colgroup .item .item_aside .header a:active,
.comment_colgroup .item .item_aside .header a:focus {text-decoration:underline;}
.comment_colgroup .item .item_aside img.profile {display:block; border:1px solid #E2E2E2; margin-bottom:5px;}
.comment_colgroup .item .item_aside .meta { color:#666; margin:0 0 5px 0; white-space:nowrap;font-family:helvetica;font-size:11px;letter-spacing:1px;}

/* Comment_Write */
.comment_write {padding:10px; border:1px solid #c9caca; background-color:#e6e8e9;  color:#666;}
.comment_write * {margin:0; padding:0;}
.comment_write img {border:0;vertical-align:middle;}
.comment_write .input_text {width:80px; height:16px; padding:8px 2px 5px 10px; border:solid #CCC 1px; background:#FFF;  color:#666; *margin:-1px 0;}
.comment_write .input_checkbox {*margin:-1px 0; border:0;}
.comment_write textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;  color:#666;}
.comment_write .comment_write_header {width:100%;text-align:left;}
.comment_write .comment_write_header label{display:inlin-block;*zoom:1;display:inline;}
.comment_write .comment_write_content {padding:7px 0;}
.comment_write .comment_write_footer {text-align:center; padding:5px 0;}






/* Board Navigation */
.board_navigation {padding:30px 0; text-align:center; *zoom:1; _zoom:0;width:100%;}
.board_navigation:after {content:""; display:block; float:none; clear:both;}
.board_navigation .pagination {padding:1px 0;}
.board_navigation .btn_left {float:left; text-align:left;}
.board_navigation .btn_prev{display:inline-block;background:url(./image/ic_prev.png) no-repeat center;border:1px solid #666;padding:10px 17px;text-indent:-6669px;}
.board_navigation .btn_next{display:inline-block;background:url(./image/ic_next.png) no-repeat center;border:1px solid #666;padding:10px 17px;text-indent:-6669px;}
.pnst{border:1px solid #666;overflow:hidden;padding:10px;margin-top:2px;}
.board_navigation .btn_right {float:right; text-align:right;}

.board_endbtn{position:relative;overflow:hidden;width:80%;margin:0 auto;margin-top:20px;vertical-align:middle;}
.board_endbtn button,
.board_endbtn a{display:inline-block;*zoom:1;*display:inline;vertical-align:middle;}


/* 버튼 */

.btn_right a,
.btn_left a{display:inline-block;*zoom:1;*display:inline;}

a.btn_official{padding:8px 10px;border:1px solid #666;color:#666;}
a:hover.btn_official{color:#222;border:1px solid #222;}
a.btn_official_blue{padding:8px 10px;border:1px solid #333;color:#fff;background:#1E4DA4;}
a:hover.btn_official_black{border:1px solid #333;color:#222;background:#fff;}
button.btn_official{padding:8px 10px;border:1px solid #333;color:#fff;background:#1E4DA4;}
button.bt_opbox_bl{background:#1E4DA4;border:1px solid #1E4DA4;color:#fff;padding:9px 0px 9px 0;font-size:11px;width:70px;margin-bottom:1px;text-align:center;} 
.btn_blue{background:#1E4DA4;border:1px solid #1E4DA4;color:#fff;}
.btn_gray{background:#ebebeb;border:1px solid #ccc;color:#333;}


.paging_search {clear: both;font-family:tahoma;height:40px;padding: 25px 0 45px;text-align: center;margin:0 auto;}
.paging_search span,
.paging_search ul,
.paging_search ul li{display:inline-block;*zoom:1;*display:inline;}
.paging_search ul li a{display:block;width:30px;height:30px;font-size:11px;font-family:helvetica;}
.paging_search ul li a:hover,
.paging_search ul li a.on,
.paging_search ul li a:active{color:#333;font-weight:bold;border-bottom:1px solid #000;height:29px;}
.paging_search span a{display:inline-block;*zoom:1;*display:inline;border:1px solid #d9d9d9;text-indent:-6669px;width:30px;height:30px;}
.paging_search span a:hover{border:1px solid #333;}
.paging_search span a.first{background:url(./image/ic_first.png) no-repeat center;}
.paging_search span a.prev{background:url(./image/ic_prev.png) no-repeat center;}
.paging_search span a.next{background:url(./image/ic_next.png) no-repeat center;}
.paging_search span a.last{background:url(./image/ic_last.png) no-repeat center;}


/* Search Form */
.board_search {position:relative; margin:0 auto; padding:20px;background:#e7e5e5;}
.board_search * {margin:0; padding:0;}
.board_search legend {display:none; position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.board_search fieldset {position:relative; clear:both; border:0; text-align:center;}
.board_search fieldset:after {content:""; display:block; float:none; clear:both;}
.board_search .input_text {width:160px; height:20px; padding:5px 2px 4px 5px; border:solid #c6c8c8 1px; background:#FFF;  color:#666; vertical-align:top; *margin:-1px 0;}
.board_search select {height:30px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666; vertical-align:top;}



/* 모바일 */
@media all and (max-width:767px) {
.content_in{min-width:100%!important;padding:0!important;}

.board_list .list_webzine .thumb{float:none;width:100%;text-align:center;}
.board_list .list_webzine .cnt_info{margin:0;padding:15px;text-align:center;}
.board_list .list_webzine .cnt_info .txt_desc{font-size:0.923em;line-height:1.5;}

/* Search Form */
.board_search select{width:25%;}
.board_search .input_text {width:50%; }
.board_search .bt_opbox_bl{width:15%;}

/* Board Navigation */
.board_navigation{padding:30px 10px;box-sizing:border-box;}
.board_navigation .btn_right a{margin-bottom:5px;}

/* board_read */
.board_read_header .author_area .sum .txt {display:none;}

p.atten{font-size:11px;}
.write_table th{font-size:12px;}

/* comment */
.cmt_comm .list_cmt{padding:15px 5%;}
.cmt_comm .list_cmt .cmt_btn{float:none;clear:both;}
.cmt_comm .list_cmt_wrap.recmt{padding-left:0;}


.cmt_comm .fld_recmt {margin:10px 0;padding:0 5%;}
.cmt_comm .fld_recmt .info_cmt{font-size:11px;}
.cmt_comm .fld_recmt .info_cmt .input_text{width:20%;}
.cmt_comm .fld_recmt .tf_cmt{width:96%;padding:2%;}
.cmt_comm .fld_recmt .btn_cmt{display:block;margin-top:10px;text-align:center;}
.cmt_comm .fld_recmt .btn_cmt button{padding:10px 0;width:48%;font-size:11px;}


.cmt_comm .fld_cmt {margin:10px 0;padding:10px 5%;}
.cmt_comm .fld_cmt .info_cmt{font-size:11px;}
.cmt_comm .fld_cmt .info_cmt .input_text{width:20%;}
.cmt_comm .fld_cmt .tf_cmt{width:96%;padding:2%;}
.cmt_comm .fld_cmt .btn_cmt{display:block;margin-top:10px;text-align:center;}
.cmt_comm .fld_cmt .btn_cmt button{padding:10px 0;width:48%;font-size:11px;}



}

/* 테블릿 */
@media all and (min-width:768px) and (max-width:1330px) {
.content_in{min-width:100%!important;padding:0!important;}
}

/* pc */
@media all and (min-width:1323px) {
 /* .basictab{width:80%;margin:0 auto;} */
}