@charset "utf-8";

/* 공통사용 */
li,ul{margin:0px; padding:0px; list-style:none; display:list-item; text-align:-webkit-match-parent;}
img{border:0px;}
body{.overflow-y:auto; margin:0px; padding:0px; font-family: "Nanum Gothic", sans-serif;}
input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea, {-webkit-appearance: none;/*기본속성없애기*/  }
* {-webkit-text-size-adjust:none;}

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face{font-family:'georgiai'; font-style: normal; font-weight: normal;  src: url('../css/georgiai.eot'); src: local('☺'), url('../css/georgiai.woff') format('woff'), url('../css/georgiai.ttf') format('truetype'); }



/* Mobile Device */
/*768px 미만 해상도의 모바일 기기를 위한 코드를 작성한다. 모든 해상도에서 이 코드가 실행됨. 미디어 쿼리를 지원하지 않는 모바일 기기를 위해 미디어 쿼리 구문을 사용하지 않는다.*/

.aaa a:link{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#666;}
.aaa a:visited{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#666;}
.aaa a:active{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#666;}
.aaa a:hover{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#000;}

.white a:link{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#fff;}
.white a:visited{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#fff;}
.white a:active{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#fff;}
.white a:hover{font-family: "Nanum Gothic", sans-serif; text-decoration:none; color:#fff;}

/* 프레임 wrap */
.board_wrap{ margin:20px;}

/* 포인트 컬러 : 적용하는 홈페이지의 메인컬러를 적용 */
.point_color{color:#b19e79;}


/* head */
.board_head{position:relative; text-align:right; padding:15px 0 0 0;}
.board_count{font-size:13px; font-weight:bold; position:absolute; top:25px; left:0px;}

/* list : list style */
.board_list{margin:10px 0 0 0;}
.board_list_table{width:100%; border-top:1px solid #b19e79;}
.board_list_table th{font-size:11px; padding:12px 0 12px 0; border-bottom:1px solid #CCC; text-align:center;}
.board_list_table th.pc_only{ display:none;}/* 모바일에서 열을 사용하지 않을때 사용 */
.board_list_table td.pc_only{ display:none;}/* 모바일에서 열을 사용하지 않을때 사용 */
.board_list_table td{text-align:center; font-size:13px; padding:15px 0 15px 0; border-bottom:1px solid #ddd;}
.board_list_table td.title{text-align:left; font-weight:bold; padding-left:10px;}
.board_list_table td.title a:link{color:#333; text-decoration:none;}
.board_list_table td.title a:visited{color:#333; text-decoration:none;}
.board_list_table td.title a:active{color:#333; text-decoration:none;}
.board_list_table td.title a:hover{color:#000; text-decoration:none;}
.board_new{display:inline-block; vertical-align:middle; margin:0 0 2px 0;}
.comment_count{padding:0 0 0 5px;}
.board_list_table td.writer{font-size:12px; color:#666;}
.board_list_table td.date{font-size:12px; color:#666;}
.board_list_table td.view{font-size:12px; color:#666;}
.mobile_list_info{display:block; font-size:11px; font-weight:normal; margin:5px 0 0 0; color:#666;}
.board_list_table tr.notice{background-color:#f5f5f5;}
span.board_notice{font-size:13px; font-weight:bold;}
span.category{font-size:12px; font-weight:bold; padding:0 0px 5px 0; display:block;}
span.category2{font-size:12px; font-weight:bold; padding:0 0px 5px 0; display:block;}

/* pagenation */
.pagenation{text-align:center; padding:20px 0 0 0;}
.page_btn{display:inline-block; border:1px solid #CCC; width:32px; text-align:center; padding:7px 0 8px 0; font-size:13px; color:#666;}
.page_btn:hover{border:1px solid #b19e79; color:#b19e79;}
.page_btn.on{border:1px solid #c6b79b; background-color:#c6b79b; color:#fff;}

/* search */
.board_search_pac{padding:20px 0 0 0; position:relative;}
.search_input_style{border:1px solid #ccc; padding:7px 0 7px 7px; width:185px;}
.btn_board_search{display:inline-block; font-size:13px; padding:5px 10px 0 10px; border:1px solid #ccc; height:24px; background-color:#f5f5f5; color:#999;}
.btn_board_search:hover{color:#666; border:1px solid #999;}
.board_btn_pac{display:block; padding:20px 0 0 0; text-align:center;}
.btn_board_normal{ border:1px solid #b19e79; background-color:#f5f5f5; padding:0px 0 2px 0; height:40px; width:100%; color:#88754f; cursor:pointer;}

/* category */
.category_pac{border-bottom:1px solid #ddd; padding:0 0 10px 0;}
.cate_unit{ font-size:12px; display:inline-block; color:#999; padding:4px 10px 7px 10px; webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.category_pac div.on{border:1px solid #98845d; font-weight:bold; color:#98845d; background-color:#f5f5f5;}

/* webzine style */
.board_webzine_pac{border-top:1px solid #b19e79; margin:10px 0 0 0;}
.b_webzine_unit{padding:20px 0 20px 0; border-bottom:1px solid #ddd; position:relative;}
.b_webz_thumb img{width:100%;}
.b_webz_h1{font-size:15px; font-weight:bold; padding:10px 0 0 0;}
.b_webz_h1 a:link{color:#333; text-decoration:none;}
.b_webz_h1 a:visited{color:#333; text-decoration:none;}
.b_webz_h1 a:active{color:#333; text-decoration:none;}
.b_webz_h1 a:hover{color:#000; text-decoration:none;}
.b_webz_h2{font-size:13px; color:#666; letter-spacing:-1px; padding:10px 0 0 0;}
.b_webz_h3{font-size:12px; color:#999; padding:10px 0 0 0;}

/* gallery */
.board_gall_pac{border-top:1px solid #b19e79; margin:10px 0 0 0; padding:0px 0 20px 0; text-align:center; border-bottom:1px solid #ddd;}
.board_gall_unit{display:inline-block; width:46%; padding:0 0 0px 0; margin:20px 3px 0 3px; position:relative;}
.board_gall_thumb img{width:100%;}
.board_gall_cate{font-size:12px; letter-spacing:-1px; padding:5px 0 0 0; font-weight:bold;}
.board_gall_h1{font-size:13px; letter-spacing:-1px; padding:3px 0 0 0; font-weight:bold;}
.board_gall_h1 a:link{color:#666; text-decoration:none;}
.board_gall_h1 a:visited{color:#666; text-decoration:none;}
.board_gall_h1 a:active{color:#666; text-decoration:none;}
.board_gall_h1 a:hover{color:#000; text-decoration:none;}
.board_gall_h2{font-size:12px; color:#999; padding:3px 0 0 0;}
.board_gall_new{position:absolute; top:10px; right:10px;}

/* card */
.board_card_pac{border-top:1px solid #b19e79; margin:10px 0 0 0; padding:0px 0 25px 0; text-align:center; border-bottom:1px solid #ddd; background-color:#f5f5f5;}
.board_card_unit{display:inline-block; width:80%; padding:0 0 0px 0; margin:25px 3px 0 3px; background-color:#fff; position:relative;}
.board_card_conts{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 5px 40px 5px; position:relative;}
.board_card_thumb{ margin:0 0 -4px 0;}
.board_card_thumb img{width:100%;}
.board_card_cate{font-size:12px; letter-spacing:-1px; padding:10px 0 0 0; font-weight:bold;}
.board_card_comment{position:absolute; bottom:10px; left:10px; font-size:12px; vertical-align:text-top; color:#999;}
.board_card_comment img{vertical-align:text-top;}
.board_card_writer{position:absolute; bottom:10px; right:10px; font-size:12px; color:#999;}
.board_card_new{ position:absolute; top:0px; right:0px;}

/* write */
.board_write_unit{padding:15px 0 15px 0; border-bottom:1px solid #ccc; position:relative;}
.board_w_t{font-size:13px; font-weight:bold; letter-spacing:-1px;}
.board_w_c{padding:7px 0 0 0;}
.b_select_style{border:1px solid #999; font-size:12px; padding:5px; letter-spacing:-1px;}
.board_w_c span{ font-size:13px; vertical-align:text-top;}
.board_check{vertical-align:text-top;}
.board_w_comment{ font-size:12px; letter-spacing:-1px; color:#999; padding:7px 0 0 0;}
.board_input_style{border:1px solid #999; padding:5px; width:95%;}
.board_must{width:5px; padding:0 0 2px 3px;}
.board_file_plus{ background-color:#f5f5f5; text-align:center; font-size:12px; padding:8px 0 10px 0; color:#666; text-decoration:none;}
.board_file_plus a:link{text-decoration:none; color:#333;}
.board_file_plus a:visited{text-decoration:none; color:#333;}
.board_file_plus a:active{text-decoration:none; color:#333;}
.board_file_plus a:hover{text-decoration:none; color:#000;}
.board_w_btn{margin:20px 0 0 0;}
.pc_only{ display:none;}
.mobile_only{ display:inline-block;}
.pc_letter{padding:0 0 0 0; min-height:300px;}

/* view */
.board_view_pac{}
.b_view_head{ border-bottom:1px solid #ccc; padding:0 0 10px 0; position:relative;}
.b_v_h1{font-size:20px; font-weight:bold; letter-spacing:-1px;}
.b_v_h2{font-size:13px; color:#666; padding:10px 0 0 0;}
.b_v_cate{font-weight:bold; display:block; line-height:20px; padding:0 10px 0 0;}
.b_v_share{padding:10px 0 0 0;}
.b_v_letter{font-size:14px; padding:20px 0 20px 0; border-bottom:1px solid #ccc; line-height:19px;}
.board_w_btn2{margin:20px 0 0 0; text-align:center; position:relative;}
.board_modify{ border-bottom:1px solid #ccc; padding:10px 0 12px 0;}
span.b_modify_unit{font-size:12px; padding:0 5px 0 0;}
.b_before_art{font-size:13px; position:absolute; top:6px; left:0px;}
.b_next_art{font-size:13px; position:absolute; top:6px; right:0px;}

.btn_board_normal2{ padding:0px 0 3px 0; height:35px; width:100px; border:1px solid #b19e79; background-color:#f5f5f5; color:#88754f; cursor:pointer;}

/* comment */
.comment_write_set{padding:25px 0 20px 0; border-bottom:1px solid #ccc;}
.comment_h1{font-size:18px; font-weight:bold;}
.comment_write{ padding:10px 0 0 0;}
.comment_input_style{width:98%; border:1px solid #999; min-height:80px; background-color:#f5f5f5;}
.comment_btn_pac{ text-align:center; padding:10px 0 0 0;}
.comment_name_style{border:1px solid #999; width:44.3%; padding:8px 5px 8px 5px; font-size:12px; }
.comment_name{ padding:5px 0 0 0;}
.comment_option{position:relative;}

/* comment view */
.comment_unit{border-bottom:1px solid #ccc; padding:15px 0 15px 0;}
.comment_h2{font-size:13px; font-weight:bold; letter-spacing:-1px;}
.comment_h3{font-size:12px; color:#999; padding:0 0 0 6px;}
.comment_letter{font-size:13px; letter-spacing:-1px; padding:10px 0 0 0; color:#666;}
.comment_view_opt{font-size:11px; padding:10px 0 0 0;}
.comment_password_pac{padding:10px 0 0 0; font-size:13px;}

/* gallery형 공지 */
.web_notice_box{ padding:10px 0 10px 0; border-bottom:1px solid #ddd; position:relative; text-align:left; background-color:#fff;}
.web_notice_h1{font-size:13px; font-weight:bold; display:inline-block; padding:0 15px 5px 0;}
.web_notice_h2{font-size:14px; padding:0 0 5px 0;}
.web_notice_h3{font-size:12px; color:#999; padding:5px 0 0 0;}



/* Tablet & Desktop Device */
@media all and (min-width:768px) {
/*사용자 해상도가 768px 이상일 때 이 코드가 실행됨. 테블릿과 데스크톱의 공통 코드를 작성한다.*/

/* gallery형 공지 */
.web_notice_h2{font-size:14px; padding:0 0 5px 0; display:inline-block;}
.web_notice_h3{font-size:12px; color:#999; padding:5px 0 0 30px; position:absolute; top:9px; right:0px;}

.pc_only{ display:inline-block;}
.mobile_only{display:none;}

/* 프레임 wrap */
.board_wrap{ width:1024px; margin:20px auto;height: 800px;}

.board_list_table th.pc_only{ display:table-cell;}
.board_list_table td.pc_only{ display:table-cell;}
.mobile_list_info{display:none;}
span.category{font-size:12px; font-weight:bold; padding:0 10px 0 0; min-width:60px; display:inline-block;}

/* btn */
.btn_board_normal{ padding:0px 0 3px 0; height:35px; width:100px;}
.board_btn_pac{display:block; padding:20px 0 0 0; text-align:center; position:absolute; top:0px; right:0px;}

/* webzine */
.b_webz_thumb{ width:230px; position:absolute; top:0px; left:0px; padding:20px 0 0 0; min-height:144px;}
.b_webz_conts{padding:0 0 0 260px; min-height:144px;}

/* gallery */
.board_gall_unit{display:inline-block; width:23%; padding:0 0 10px 0; margin:20px 5px 0 5px;}
.board_card_pac{border-top:1px solid #b19e79; margin:10px 0 0 0; padding:0px 0 35px 0; text-align:center; border-bottom:1px solid #ddd; background-color:#f5f5f5;}
.board_card_unit{display:inline-block; width:250px; padding:0 0 0px 0; margin:35px 20px 0px 20px;}

/* write */
.board_w_btn{margin:20px 0 0 0; text-align:right;}
.board_w_c{ padding:0 0 0 150px;}
.board_w_t{position:absolute; top:15px; left:0px;}

/* view */
.b_v_cate{font-weight:bold; display:inline-block; line-height:20px;}
.b_v_share{padding:10px 0 0 0; position:absolute; top:-5px; right:0px;}
.b_view_head{padding:0 0 40px 0;}
.board_view_pac{width:770px; margin:0 auto;}

/* comment */
.comment_name_style{border:1px solid #999; width:150px; padding:9px 5px 9px 5px; font-size:12px; }
.comment_btn_pac{ text-align:right; padding:5px 0 0 0;}
.comment_name{ padding:5px 0 0 0; position:absolute; top:0px; left:0px;}
.comment_input_style{width:99.2%; border:1px solid #999; min-height:80px; background-color:#f5f5f5;}

}

/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
/*사용자 해상도가 768px 이상이고 1024px 이하일 때 이 코드가 실행됨. 아이패드 또는 비교적 작은 해상도의 랩탑이나 데스크톱에 대응하는 코드를 작성한다.*/

/* frame wrap */
.board_wrap{ width:708px; margin:20px auto;}

/* gallery */
.board_gall_unit{display:inline-block; width:22.5%; padding:0 0 0px 0; margin:20px 5px 0 5px;}
.board_card_unit{display:inline-block; width:250px; padding:0 0 0px 0; margin:35px 20px 0px 20px;}

.board_view_pac{width:600px; margin:0 auto;}

}
/* Desktop Device */
@media all and (min-width:1025px) {
/*사용자 해상도가 1025px 이상일 때 이 코드가 실행됨. 1025px 이상의 랩탑 또는 데스크톱에 대응하는 코드를 작성한다.*/




}