@charset "utf-8";

/* 웹폰트 적용 */

@font-face {
	font-family:"nb"; 
	src:url(/css/NanumBarunGothic.eot); 
	src:local(※), url(/css/NanumBarunGothic.woff) format('woff');
	font-weight: normal; 
	font-style: normal;
}
/*
	COMMON
*/

*{margin:0;padding:0;}
*{-webkit-text-size-adjust:none;}

/*
html,body{height:100%;margin:0 auto;}
html{overflow-y:scroll;}
body{margin:0;padding:0;width:100%;font-size:12px;font-family : "Tahoma","돋움", "Malgun Gothic", Arial, sans-serif;}
form{margin:0;padding:0;}
*/
div,input,textarea,select,button,table,ul,li,ol,dl,dt,dd{margin:0;padding:0;}
input,textarea{outline-style:none;}
img,input{vertical-align:middle;}
img,fieldset{border:0;}
select{font-size:12px;}
label{cursor:pointer;}
input[type="checkbox"]{cursor:pointer;}
input[type="radio"]{cursor:pointer;}

textarea{
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-3dlight-color:#d9d9d9; 
	scrollbar-face-color:#eee; 
	scrollbar-shadow-color:#fefefe; 
	scrollbar-darkshadow-color:#fff; 
	scrollbar-track-color:#fafafa; 
	scrollbar-arrow-color:#919191;
}

ul{list-style:none;text-decoration:none}
li{list-style:none;text-decoration:none}
ol,dl{list-style:none;text-decoration:none}

a{cursor:pointer;}
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
a.anone:hover{color:#333;text-decoration:none;}

a{outline:none;}
a{selector-dummy:expression(this.hideFocus=true);}
a.sel{color:#888;}

a.bover{color:#a4a4a4; text-decoration:none;}
a.bover:hover{color:#000000; text-decoration:none;}

a:hover{text-decoration:none;}


/* 공용 */
.hide{display:none;}
.block{display:block;}
.fleft{float:left;}
.blank_bg{background:url('/images/blank_img.png');}
.input{border:1px solid #d5d5d5;padding:5px;}
.noborder{border-width:0px;}
.gray_str{color:#ddd;}
.no-data{font-family:'nb';font-size:15px;color:#666 !important;}


#bbs_bound{max-width:1280px;margin:0 auto;padding:0 10px;margin-bottom:30px;}

/* 게시판 리스트 */
#bbs_box{font-family:'돋움';color:#444;border-top:2px solid #333;}

#title_area{position:relative;height:40px;line-height:36px;border-top:0px solid #888;border-bottom:1px solid #ccc;background:#fff;}
#title_area{font-family:'맑은 고딕';font-size:13px;}
#title_area > span{font-weight:bold;color:#666;position:absolute;}

#title_area .field_01{left:0px;width:65px;text-align:center;background:url('/board/board_skin/default/img/list_bg.jpg')  100% 50% no-repeat;}
#title_area .field_02{left:40%;}
#title_area .field_03{right:180px;width:120px;border:0px solid pink;text-align:center;background:url('/board/board_skin/default/img/list_bg.jpg')  0 50% no-repeat;}
#title_area .field_04{right:60px;width:120px;border:0px solid red;text-align:center;background:url('/board/board_skin/default/img/list_bg.jpg')  0 50% no-repeat;}
#title_area .field_05{right:0px;width:60px;text-align:center;border:0px solid red;background:url('/board/board_skin/default/img/list_bg.jpg')  0 50% no-repeat;}


#bbs_list_notice{position:relative;height:40px;line-height:40px;border-bottom:1px solid #e0e0e0;background:#fafafa;}
#bbs_list_notice > span{position:absolute;}
#bbs_list_notice .col_01{left:0px;width:65px;text-align:center;font-weight:bold;font-family:'맑은 고딕';color:#333;font-size:13px;}
#bbs_list_notice .col_02{left:75px;}
#bbs_list_notice .col_03{right:180px;width:120px;border:0px solid pink;text-align:center;}
#bbs_list_notice .col_04{right:60px;width:120px;border:0px solid red;text-align:center;color:#999;}
#bbs_list_notice .col_05{right:0px;width:60px;text-align:center;border:0px solid red;}

.txt_notice{text-align:center;font-weight:bold;font-family:'맑은 고딕';color:#333;font-size:13px;}

#bbs_list{position:relative;height:40px;line-height:40px;border-bottom:1px solid #e0e0e0;}
#bbs_list > span{position:absolute;}
#bbs_list .col_01{left:0px;width:65px;text-align:center;}
#bbs_list .col_02{left:75px;}
#bbs_list .col_03{right:180px;width:120px;border:0px solid pink;text-align:center;}
#bbs_list .col_04{right:60px;width:120px;border:0px solid red;text-align:center;color:#999;}
#bbs_list .col_05{right:0px;width:60px;text-align:center;border:0px solid red;}

#bbs_list_notice .list_article{font-family:'nb';font-size:14px;}
#bbs_list_notice .list_name{font-family:'nb';font-size:14px;}
#bbs_list .list_article{font-family:'nb';font-size:14px;}
#bbs_list .list_name{font-family:'nb';font-size:14px;}



#board_table{margin:0;padding:0;border-collapse:collapse;width:100%;font-size:12px;font-family:'돋움';}
#board_table th{font-family:'nb';font-size:15px;font-weight:normal;padding:15px 0;border-collapse:collapse;color:#333;border-top:0px solid #777;border-bottom:1px solid #dfdfdf;background:#fafafa;}
#board_table td{color:#777;text-align:center;padding:8px 0 11px;border-right:0px solid #dfdfdf;border-bottom:1px solid #dfdfdf;line-height:1.5;font-size:13px;font-family:'돋움','Tahoma';letter-spacing:0px;}
#board_table td#cot_avg{border-right:0;}
#board_table td.tleft{text-align:left;padding:0 8px;}
#board_table th{background:url('/board/board_skin/default/img/list_bg.jpg')  100% 50% no-repeat;}
#board_table th:last-child{background:url('');}
#board_table  input[type="text"]{width:98%;}



#keyfield{height:26px;line-height:26px;padding:3px;width:100px;border:1px solid #ddd;font-family:'돋움';font-size:12px;}
#key{border:0px solid #ddd;padding:5px;width:150px;font-family:'돋움';font-size:12px;line-height:13px;color:#888;}

.bbs_write_box{position:relative;height:60px;font-family:'돋움';border-top:1px solid #ddd;padding:15px 0;margin:20px 0;}
/*
.bbs_write_box .btn_bbs_write{position:absolute;right:5px;top:15px;}
.bbs_write_box .btn_bbs_list{position:absolute;right:80px;top:15px;}
*/
.bbs_write_box .b_btns{position:absolute;right:5px;top:25px;}
.bbs_write_box .box_search{position:absolute;left:0;top:25px;}
.bbs_write_box .box_search .input_key{width:130px;height:19px;background:transparent;border:0px;font-family:'돋움';color:#666;}
.bbs_write_box .box_search .btn_bbs_search{position:absolute;right:1px;top:1px;width:46px;height:21px;}
.bbs_write_box .box_search select{padding:3px;width:80px;border:1px solid #ddd;height:26px;}
.bbs_write_box .box_search input[type="text"]{margin-left:1px;border:1px solid #ddd;width:150px;height:24px;line-height:24px;padding-left:4px;color:#ddd;}


.bbs_write_box .box_search .sel_title{position:absolute;left:0px;top:0px;width:91px;height:23px;cursor:pointer;line-height:26px;text-indent:8px;}
.bbs_write_box .box_search .sel_list{position:absolute;left:1px;top:23px;width:91px;border:1px solid #ccc;background:#fff;padding:6px 0;}
.bbs_write_box .box_search .sel_list{text-indent:4px;background-color:#fff;border:1px solid #bebebe;z-index:99999;}
.bbs_write_box .box_search .sel_list ul li{padding:4px;cursor:pointer;}

.selbox_first{border-bottom:1px solid #ddd;margin-bottom:6px;}


/* 모바일 환경 */
@media (max-width: 768px) 
{
	.bbs_write_box .box_search{top:65px;}
}

/* 글쓰기 */
#board_input_box{margin:0 0 20px 0;font-family:'돋움';color:#444;}
#board_input_box .bw_input{overflow:auto;}
#board_input_box .bw_input > li{padding:8px 0;border-bottom:1px solid #eaeaea;min-height:26px;line-height:25px;}
#board_input_box .bw_input .col1{width:120px;background:#fafafa;}

#board_input_box input[type='text']{padding:8px;border:1px solid #cdcdcd;text-indent:3px;background:#f8f8f8;font-family:'돋움';}
#board_input_box input[name='subject']{width:60%;}
#board_input_box input[name='name']{width:200px;}
#board_input_box input[type='tel']{width:50px;padding:8px;border:1px solid #cdcdcd;text-indent:3px;background:#f8f8f8;font-family:'돋움';}
#board_input_box input[name='email']{width:35%;}
#board_input_box input[name='homepage']{width:45%;}
#board_input_box input[type='password']{width:200px;padding:8px;border:1px solid #cdcdcd;text-indent:3px;background:#f8f8f8;}
#board_input_box .label_title{cursor:default;text-align:left;text-indent:2px;width:150px;display:inline-block;color:#444;font-family:'맑은 고딕';font-size:15px;font-weight:bold;}
#board_input_box input[type='file']{margin:0;padding:0;}

.del_check{padding-left:8px;}
.etc_text{width:40%;}
.etc_checkbox_label{margin-right:8px;}
.etc_radio_label{margin-right:8px;}
select{border:1px solid #aaa;height:24px;}

.thumb_size_help{padding-left:15px;font-weight:bold;letter-spacing:-1px;}


/* 글읽기 */
#board_view_box{background:#fff;overflow:auto;font-family:'nb';}

#board_view_box .bw_input{overflow:hidden;}
#board_view_box .bw_input > li{padding:8px 0;border-bottom:1px solid #eaeaea;min-height:26px;line-height:25px;}
#board_view_box .bw_input .vsubject{padding-left:5px;font-weight:normal;font-size:15px;color:#333;letter-spacing:0px;font-family:'nb';}
#board_view_box .bw_input .vname{padding-left:5px;font-weight:normal;color:#000;font-family:'nb';font-size:13px;}
#board_view_box .bw_input .vdate{padding-left:15px;color:#666;font-family:'nb';}

.etc_list_box{background:#fff;overflow:auto;font-family:'nb';}
.etc_list_box .etc_list{overflow:hidden;background:#fefefe;}
.etc_list_box .etc_list > li{padding:8px 0;border-bottom:1px solid #eaeaea;min-height:26px;line-height:25px;}
.etc_list_box .etc_list .title{font-family:'nb';padding-left:5px;font-weight:normal;font-size:13px;color:#111;letter-spacing:-1px;}
.etc_list_box .etc_list .value{font-family:'nb';padding-left:15px;font-weight:normal;font-size:13px;color:#444;}
.etc_list .attach_list{padding-right:10px;}
.etc_list .attach_list a{text-decoration:none;}


.board_box .comment{min-height:80px;padding:25px 5px;line-height:150%;}
.board_box .comment_thumb{margin:10px 0 0 5px;}


.CmtWriteForm{position:relative;border:1px solid #e4e4e4;background:#f7f7f7;padding:10px;}
.CmtWriteForm li{vertical-align:middle;}
.CmtWriteForm .label_title{cursor:default;text-align:left;text-indent:15px;width:120px;display:inline-block;color:#444;}
.CmtWriteForm li.line{padding:8px 0;border-bottom:1px solid #eaeaea;min-height:26px;line-height:25px;margin-bottom:10px;}
.CmtWriteForm input[type='text']{padding:5px;border:1px solid #cdcdcd;background:#fff;font-family:'돋움';}
.CmtWriteForm input[type='password']{width:120px;padding:5px;border:1px solid #cdcdcd;background:#fff;}
.CmtWriteForm textarea{width:70%;height:52px;border:1px solid #cdcdcd;text-indent:3px;background:#fff;padding:4px;}
.cmt_btn{position:absolute;right:20px;bottom:10px;border:1px solid #ccc;width:85px;height:60px;cursor:pointer;background:#fff;}

.cmt_box{background:#f6f6f6;padding:10px 10px 20px 10px;margin:20px 0 0 0;border:1px solid #eee;}
.cmt_box .cmt_list{border-bottom:1px dotted #ccc;}
.cmt_box .cmt_list > li{padding:8px 0;padding-left:6px;}
.cmt_box .cmt_list > li .cm_name{color:#328fde;}
.cmt_box .cmt_list  .cmt_cont{line-height:150%;}
.cmt_box .cmt_list .del_icon{padding-left:8px;}

.prevnext .pnxt{border-top:1px solid #eee;margin:20px 0 30px 0;}
.prevnext .pnxt > li{height:46px;line-height:44px;border-bottom:1px solid #eee;}
.prevnext .pnxt > li > label{display:inline-block;width:100px;text-indent:20px;cursor:default;font-weight:bold;font-family:'nb';color:#666;}
.prevnext .pnxt > li .sub{color:#444;}
.prevnext .pnxt a{text-decoration:none;}
.prevnext .sub{font-family:'nb';font-size:13px;}


/* 게시판 페이징 */
.bbs_paging{position:relative;margin:26px 0;}
.bbs_paging ul{display:inline-block;border:1px solid #ccc;text-align:center;background:#fff;}
.bbs_paging ul li > a{display:inline-block;width:27px;height:24px;line-height:24px;font-weight:bold;color:#3c4353;font-family:"Tahoma";}
.bbs_paging ul li > a{border-left:1px solid #e7e7e7;vertical-align:top;}
.bbs_paging ul li > a.prev{display:inline-block;width:30px;background:url('/board/images/bg_prev.jpg') no-repeat;border-width:0px;}
.bbs_paging ul li > a.next{display:inline-block;width:30px;background:url('/board/images/bg_next.jpg') no-repeat;}
.bbs_paging ul li > a.pos{color:green;}
.bbs_paging ul li > a:hover{text-decoration:none;}
.bbs_paging .btn_write{position:absolute;right:15px;top:0px;}

/* 비밀번호 팝업 */
#popup_passwd{position:relative;z-index:99999;border:1px solid #777;background:#fff;width:400px;height:250px;background:url('/board/images/bg_popup_passwd.jpg') no-repeat;}
#popup_passwd .close{position:absolute;right:20px;top:22px;width:36px;height:32px;}
#popup_passwd .passwd{position:absolute;border:0px;top:123px;left:85px;width:230px;height:23px;line-height:23px;text-indent:8px;}
#popup_passwd .btn{position:absolute;top:168px;left:80px;width:245px;height:41px;}
#popup_passwd .pguide{position:absolute;left:80px;top:50px;color:#878787;}
#popup_passwd .ptxt{position:absolute;left:80px;top:75px;font-family:'맑은 고딕';font-weight:bold;font-size:17px;color:#000;}
#popup_passwd .abtn{display:inline-block;width:244px;height:41px;background:url('/board/images/bg_blue_btn.jpg') no-repeat;background-size:100%;}
#popup_passwd .abtn{font-family:'맑은 고딕';font-weight:bold;font-size:17px;color:#fff;text-align:center;line-height:37px;}
#popup_passwd .abtn{text-decoration:none;}
#popup_passwd .stitle{color:#333;font-weight:bold;font-family:'맑은 고딕';}


/* 팝업BOX */
.spop{box-shadow:1px 1px 5px #666;margin-bottom:100px;}
.spop2{box-shadow:1px 1px 5px #666;margin-bottom:100px;}

/* 폼필드 요소 넓이 저정 */
.date_field{width:6em;}


/* 분류부분 */
#board_cate{overflow:hidden;padding:0 10px;margin-bottom:20px;}
#board_cate .inbox{overflow:hidden;border-bottom:1px solid #ccc;}
#board_cate .ca_list{overflow:hidden;border-bottom:0px solid #ddd;border-left:1px solid #ddd;}
#board_cate .ca_list > li{
	float:left;display:inline-block;
	padding:12px 20px;border:1px solid #ddd;border-bottom:0;border-left:0;border-right:1px solid #ddd;
	font-family:'nb';font-size:15px;color:#333;
}
#board_cate .ca_list > li:first-child{}
#board_cate .ca_list > li.active{background:#f9f9f9;}
#board_cate .ca_list > li a:hover{color:#000;}


/* 모바일 환경 */
@media (max-width: 768px) 
{
	html,body{height:100%;margin:0 auto;min-width:320px;}
	.mob{display:block;margin-top:8px;}
	#addr,#email,#subject{width:95% !important;}
	#id,#name,#passwd{width:50% !important;}

	/*#menu-container{height:70px;}*/
	.section_title{font-size:22px;}
	.section_stitle{font-size:15px;}
	.section_scrib{font-size:14px;}	

	.comment img{width:100% !important;}

	#board_cate .ca_list{border:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	#board_cate .ca_list > li{width:50%;border:0;border-bottom:1px solid #ddd;}
	#board_cate .ca_list > li:nth-child(odd){border-right:1px solid #ddd;}
	#board_cate .ca_list > li:nth-child(odd):last-child{border-bottom:1px solid red;}

	#board_cate .inbox{border:0;}

}