.del_bx { width: 40%; margin: 0 auto; }
/* 페이징 */
.pagination{display:inline-block;padding-left:0;margin:20px 0 10px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:10px 15px;margin-left:-1px;line-height:1.42857143;color:#4e4e4e;text-decoration:none;background-color:#fff;border:1px solid #ddd; font-family: 'Roboto', "Times New Roman"; font-size: 13px; font-weight: 500;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#000;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#4e4e4e;border-color:#4e4e4e}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777; background-color:#fff;border-color:#ddd}
.pagination>li>a>i { font-size: 12px; }


#search_box02 {
  padding-top: 20px; 
  text-align: center;  
  clear: both;
}
#search_box02 img, #search_box02 select, #search_box02 input { border-radius: 4px; vertical-align:middle; font-size: 14px; font-weight: 400; font-family: "Times New Roman", 'Nanum Gothic'; border: 1px solid #bebebe; letter-spacing: -1px; }
#search_box02 select { width: 70px; height: 33px; background-color: #fff; }

.input01 { border: 1px solid #bebebe; border-radius: 4px; padding: 0 0 0 5px; width: 200px; height: 31px; }

.btn_inp {display:inline-block; padding:8px 15px; border:0; background:#363636; color:#fff; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
.btn_inp:hover { background:#709fe5; }
#search_box02 .btn_search {padding:8px 15px; border:0; background:#363636; color:#fff; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
#search_box02 .btn_search:hover { background:#709fe5; font-weight: 400; }
a.btn_b01 {display:inline-block; padding:13px 30px; background:#363636; color:#fff; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.btn_b01:focus, .btn_b01:hover { background:#709fe5; }
a.btn_b02 {display:inline-block; padding:13px 30px; background:#709fe5; color:#fff; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 14px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.btn_b02:focus, .btn_b02:hover { background:#324e8e; }
a.f5 {display:inline-block; padding:8px 20px; background:#fafafa; color:#2a2a2a; border: 1px solid #d6d6d6; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 12px; line-height: 1.3; vertical-align: middle; letter-spacing: -1px; }
a.f5:focus, .f5:hover { background:#2a2a2a ;color:#fff; border: 1px solid #2a2a2a; }
a.btn_sml {display:inline-block; padding:8px 12px; color:#2a2a2a; border: 1px solid #2a2a2a; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; font-size: 12px; line-height: 1.0; vertical-align: middle; letter-spacing: -1px; border-radius: 3px; }
a.btn_sml:focus, .btn_sml:hover { background:#2a2a2a; color:#fff; }



/*게시판리스트*/
.story{ width: 100%; position: relative; }
.story ul { clear: both; width: 100%; border-bottom:1px solid #cdcdcd!important; }
.story ul li { float: left; }
.story ul li form, .story ul li input { float: left; }
.story .common_th li { border-top: 2px solid #4a4a4a; color:#090909; font-family: "Times New Roman", 'Nanum Gothic'; font-size:15px; font-weight: 500; padding: 15px 0; text-align: center; letter-spacing: -1px; }
.story .common_tb li { color:#505050; font-family: "Times New Roman", 'Nanum Gothic'; font-size:14px; line-height: 18px; font-weight: 400; padding: 13px 0; letter-spacing: -1px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.story .common_tb li a { color:#505050; font-family:"Times New Roman", 'Nanum Gothic'; font-size:14px; line-height: 18px; font-weight: 400; letter-spacing: -1px;  }
.story .common_tb li a:hover{color:#000;}
.story .common_th .title { text-align: center; width: 72%; }
.story .common_tb .title { text-align: left; padding-left: 2%; width: 70%; }
.story .common_th .sitesort { text-align: center; width: 25%; }
.story .common_tb .sitesort { text-align: center; width: 25%; }
.story .common_th .sitename { text-align: center; width: 30%; }
.story .common_tb .sitename { text-align: center; width: 30%; }
.story .common_th .siteurl { text-align: center; width: 40%; }
.story .common_tb .siteurl { text-align: center; width: 40%; }
.story ul .number{width:5%; text-align: center;}
.story ul .date{width:15%; text-align: center;}
.story ul .hit{width:8%; text-align: center;}


/* 읽기 */
.bbs_view { border-top: 2px solid #4a4a4a; border-bottom: 2px solid #4a4a4a; float: none; *zoom:1; margin-bottom: 18px; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.bbs_view:after { content:""; display:block; clear:both;}
.bbs_view_tit{ border-bottom: 1px solid #cdcdcd; padding: 18px 15px; font-size: 18px; line-height: 22px; color: #090909; font-family: "Times New Roman", 'Nanum Gothic'; font-weight: 500; float: none; *zoom:1; letter-spacing: -1px; }
.bbs_view_tit:after { content:""; display:block; clear:both;}
.bbs_view_tit02{ border-bottom: 1px solid #cdcdcd; background-color: #fbfbfb; padding: 18px 15px; float: none; *zoom:1; font-family: "Times New Roman", 'Nanum Gothic'; font-weight: 400; font-size: 14px; color: #2a2a2a; line-height: 21px; letter-spacing: -1px; }
.bbs_view_tit02:after { content:""; display:block; clear:both;}
.bbs_view_tit02 span { font-weight: 500; padding-left: 10px; }
.bbs_view_tit02 span:first-child { padding-left: 0px; }
.bbs_view_tit02 a { font-size:14px; line-height:17px; font-family: "Times New Roman", 'Nanum Gothic'; color:#2a2a2a; font-weight:700; letter-spacing:-.5px;}
.bbs_view_tit02 a i { font-size: 18px; margin-right: 5px; color: #806c64; }
.bbs_view_con { width: 100%; padding: 25px 15px; float: left; font-family: 'Dotum', 'Nanum Gothic'; list-style-position: initial; line-height:17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; }
.bbs_view_con p { padding: 8px 0; }

.bbs_view_tit03{ border-top: 1px solid #cdcdcd; padding: 15px 15px; font-family:"Times New Roman", 'Nanum Gothic'; float: none; *zoom:1; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_view_tit03:after { content:""; display:block; clear:both;}
.bbs_view_tit03 i { color: #2a2a2a; font-size: 14px; margin-right: 10px; }
.pn_tit { font-size: 14px; line-height: 18px; color: #090909; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 500; text-align: center; }
.pn_link { padding-left: 15px; }
.pn_link a { font-size: 14px; line-height: 18px; color: #090909; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 400; letter-spacing: -1px; }
.pn_link a:hover { font-size: 14px; line-height: 18px; color: #090909; font-family:"Times New Roman", 'Nanum Gothic'; font-weight: 400; }

/* 쓰기 */
.form_tag input[type="text"],.form_tag textarea,.form_tag select{border:0; background-color:transparent;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.form_tag input,.form_tag textarea,.form_tag select{ font-family: "Times New Roman", 'Nanum Gothic'; color: #2a2a2a; font-size: 15px; line-height: 18px; font-weight: 400;  border-radius:0; vertical-align:middle; letter-spacing: -1px;}
em{font-style:normal;}

.tbl_form {position: relative; margin-bottom: 30px; border-bottom: 1px solid #3c3c3c; margin-top: 20px;}
.tbl_form p.necessary { margin-bottom: 10px; color: #666; font-size: 14px; line-height: 18px; font-family: "Times New Roman", 'Nanum Gothic'; font-weight: 400;}
.tbl_form .necessary:before {content: '*'; position: relative; top: 3px; display: inline-block; margin-right: 5px; font-weight: 400; color: #709fe5;}
.tbl_form .necessary {top: 0;}

.tbl_form table {border-top: 2px solid #3c3c3c; margin:0;padding:0; line-height:120%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-collapse:collapse;border-spacing:0; width:100%; }
.tbl_form table th {width: 162px; padding: 17px 0 17px 20px; border-bottom: 1px solid #dedede; vertical-align: top; font-family: "Times New Roman", 'Nanum Gothic'; font-size: 15px; line-height: 18px; color: #090909; font-weight: 500; text-align:left; vertical-align:middle;}
.tbl_form table td {padding: 9px 0; border-bottom: 1px solid #dedede; font-family:"Times New Roman", 'Nanum Gothic'; color: #2a2a2a; font-size: 15px; line-height: 18px; font-weight: 400; vertical-align: middle;}
.tbl_form table td > .text {width: 226px;}
.tbl_form table td .email > span {display: inline-block;}
.tbl_form table td .email > span > span {width: 226px;}
.tbl_form table td .email > span + span {margin-left: 15px;}
.tbl_form table td .email em {display: inline-block; width: 30px; text-align: center;}
.tbl_form table td .number > span {width: 100px;}
.tbl_form table td .number em {display: inline-block; width: 19px; text-align: center;}
.tbl_form table td .into > span {display: inline-block;}
.tbl_form table td .into > span:first-child {width: 226px;}
.tbl_form table td .into .select {width: 100%;}
.tbl_form table td .into .text {width: 100px; margin-left: 15px;}
.tbl_form table td .into em {display: inline-block; margin-left: 5px; vertical-align: middle;}
.tbl_form table td .textarea {height: 185px; }
.tbl_form table td .radio_wrap > span + span {margin-left: 20px;}
.tbl_form table td .radio_wrap label{margin:5px 20px 5px 0;}

.form_tag{position:relative; display:inline-block;}
.form_tag input[type="file"],
.form_tag input[type="text"],
.form_tag input[type="password"],
.form_tag select,
.form_tag textarea{border:1px solid #dedede; border-radius:5px; background-color:#f4f4f4; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; transition-duration:0.3s; overflow:hidden;}
.form_tag input:focus,
.form_tag textarea:focus,
.form_tag select:focus{border-color:#709fe5}

.form_tag input[type="file"],.form_tag input[type="password"],.form_tag input[type="text"]{width:100%; box-sizing:border-box;height:36px; line-height:36px; text-indent:9px;}


.form_tag select{cursor:pointer; }
.form_tag select::-ms-expand{display: none;}
.form_tag.select{}
.form_tag.select:after{content:''; position:absolute; right:10px; top:15px; width:12px; height:6px; background:url(../images/common/bul_arr_b04.png) 0 0 no-repeat;}
.form_tag select{height:36px; padding:0 32px 0 9px; width:100%;}

.form_tag textarea{width:100%; height:100%; line-height:26px; padding:14px 10px; box-sizing:border-box; overflow:auto;}

.form_tag.radio label{cursor:pointer; position:relative; overflow:hidden;}
.form_tag.radio input{position:absolute; left:-100px; top:-100px; visibility:hidden; opacity:0}
.form_tag.radio span{position:relative; display:inline-block;}
.form_tag.radio span:before{content:''; display:inline-block; vertical-align:middle; background:url(../images/common/bul_radio.png) 0 0 no-repeat; margin-right:9px; width:22px; height:20px;}
.form_tag.radio input:checked+span:before{background-position:0 100%}
.form_tag.radio span i{ font-size: 13px; color: #cacaca;}
.form_tag.radio span .red { color: #c64045; }
.tbl_form .wtxt { font-size: 14px; padding-left: 10px; letter-spacing: -1px; }

.form_tag.radio.agr span{}
.form_tag.radio.agr span:before{ background:url(/images/icon/bul_radio_agr.png) 0 0 no-repeat; background-size: 18px 36px; width:18px; height:18px; margin-right:5px;}

.agree_wrap { margin-bottom: 40px; }
.agree_wrap:last-child { margin-bottom: 0;}
.agree_wrap .agr_y { color:#2a2a2a; font-family: "Times New Roman", 'Nanum Gothic'; font-size:16px; line-height: 20px; font-weight: 400; letter-spacing: -1px; }
.agr_tar { width: 100%; height: 150px; padding: 20px 20px; color:#2a2a2a; font-family: "Times New Roman", 'Nanum Gothic'; font-size:16px; line-height: 20px; font-weight: 400; letter-spacing: -1px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; background-color: #f9f9f9; border: 1px solid #d8d8d8; border-radius: 5px; margin-bottom: 10px; }


/*회원가입폼*/
table.ta_type2 { border-top: 1px solid #000; border-collapse: collapse; width:100%; margin-bottom: 20px; }
table.ta_type2 th { width: 15%; border-bottom: 1px solid #c9c9c9; padding: 8px 0 8px 2%; text-align: left; font-size: 15px; font-weight: 500; font-family: "Times New Roman", 'Nanum Gothic'; letter-spacing: -1px; vertical-align: middle; }
table.ta_type2 td { width: 82%; border-bottom: 1px solid #c9c9c9; padding: 8px 0 8px 1%; font-size: 14px; font-weight: 400; font-family: "Times New Roman", 'Nanum Gothic'; letter-spacing: -1px; vertical-align: middle; }
table.ta_type2 input { border: 1px solid #c9c9c9; height:24px; vertical-align: middle; font-size: 14px; font-weight: 400; font-family: "Times New Roman", 'Nanum Gothic'; border-radius: 5px; }
table.ta_type2 textarea { border: 1px solid #c9c9c9; vertical-align: middle; font-size: 14px; font-weight: 400; font-family: "Times New Roman", 'Nanum Gothic'; border-radius: 5px; }
.ast { color:#2a2a2a; font-family: "Times New Roman", 'Nanum Gothic'; font-size:14px; line-height: 18px; font-weight: 400; letter-spacing: -1px; padding-bottom: 10px; }
.ast i { font-size: 8px; color: #c42329; margin-right: 3px; }
table.ta_type2 th i { font-size: 8px; color: #c42329; margin-left: 3px; }
.stx { color:#2a2a2a; font-family:"Times New Roman", 'Nanum Gothic'; font-size:14px; line-height: 18px; font-weight: 400; letter-spacing: -1px; padding: 0 10px; }
table.ta_type2 td br { display: none; }
table.ta_type2 td img { vertical-align: middle; }

.inq_t{ color:#2a2a2a; font-family: "Times New Roman", 'Nanum Gothic'; font-size:14px; line-height: 1.3; font-weight: 500; letter-spacing: -1px; padding-bottom: 5px; }
.inq_t i { margin-right: 4px; }

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding: .5em .75em; color: #2a2a2a; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #2a2a2a; border-bottom-color: #2a2a2a; border-radius: .25em; } /* named upload */ 
.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }

.pro-image { float: left; width: 32%; margin-right: 2%; padding: 0 0 40px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: padding-box; -moz-box-sizing: padding-box; box-sizing: padding-box; position:relative; }
.pro-image:nth-child(3n) { margin-right: 0; }
.pro-image img { width: 100%; height: 253px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); border: 4px solid #fff;}
.sec01_tit01 { font-size:22px; line-height: 1.1; color: #2a2a2a; font-weight: 500; font-family: "Times New Roman", 'Open Sans'; padding: 20px 10px 3px 10px; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.pro-image a { display:block; position:relative; }


@media all and (max-width:1220px){	

.story .common_tb li img { display: none; }


/* 쓰기 */
	.tbl_form {margin-bottom: 20px;}
	.tbl_form p.necessary {font-size: 13px;}
	.tbl_form .necessary:before {top: 2px;}

	.tbl_form table th {padding: 15px 0 15px 10px; font-size: 14px;}
	.tbl_form table td {padding: 8px 0; font-size: 13px;}
	.tbl_form table td > .text {width: 100%;}
	.tbl_form table td .form_tag input[type="text"], .tbl_form table td .form_tag select, 
	.tbl_form table td .form_tag textarea, .tbl_form table td .form_tag.radio span {font-size: 13px;}
	.tbl_form table td .email > span:after {content: ''; display: block; clear: both;}
	.tbl_form table td .email > span:first-child {width: 100%; margin-bottom: 2px;}
	.tbl_form table td .email > span:first-child > * {float: left;}
	.tbl_form table td .email > span + span {width: 100%; margin-left: 0;}
	.tbl_form table td .email .select {width: 100%;}
	.tbl_form table td .email .text {width: 46%;}
	.tbl_form table td .email em {width: 8%; margin-top: 5px;}
	.tbl_form table td .number:after {content: ''; display: block; clear: both;}
	.tbl_form table td .number > * {float: left;}
	.tbl_form table td .number > span {width: 30%;}
	.tbl_form table td .number em {width: 5%; margin-top: 5px;}
	.tbl_form table td .into > span {width: 100%;}
	.tbl_form table td .into > span:first-child {width: 100%; margin-bottom: 10px;}
	.tbl_form table td .into > span + span > * {float: left;}
	.tbl_form table td .into .text {width: 40%; margin-left: 0;}
	.tbl_form table td .into em {width: 7%; margin: 5px 0 0 0; padding: 0 2% 0 1%;}
	.tbl_form table td .textarea {height: 185px;}
	.tbl_form table td .radio_wrap {padding: 5px 0;}
	.tbl_form table td .radio_wrap > span {display: block;}
	.tbl_form table td .radio_wrap > span + span {margin: 12px 0 0 0;}
	
	.form_tag input[type="file"],
	.form_tag input[type="text"],
	.form_tag input[type="password"],
	.form_tag select,
	.form_tag textarea{font-size:13px}
	.form_tag input[type="file"],.form_tag input[type="password"],.form_tag input[type="text"]{height:30px; line-height:30px;}
	.form_tag select{height:30px;}
	.form_tag.select:after{background-size: 10px 6px; width:10px; height:6px; top:12px; right:7px;}
	.form_tag textarea{line-height:21px; padding:3px 9px;}
	.form_tag.radio span{font-size:13px}
	.form_tag.radio span:before{background-size: 15px 30px; width:15px; height:15px;}
	.form_tag.radio.agr span:before{background-size: 15px 30px; width:15px; height:15px;}
	
	.form_tag.radio span i{ font-size: 12px; }
	.tbl_form .wtxt { font-size: 13px; line-height: 18px; padding-left: 0; }
	
	
	/*읽기*/
	.bbs_view_con img { width: 100%; }
	


}

@media (max-width: 1200px) {
.pro-image { padding: 0 0 30px 0; }
.pro-image img { height: 210px;}
.sec01_tit01 { font-size:20px; padding: 20px 10px 0 10px; }	

}

@media (max-width: 1023px) {


.pro-image { padding: 0 0 30px 0; }
.pro-image img { height: 185px;}
.sec01_tit01 { font-size:18px; padding: 15px 10px 0 10px; }

}
@media (max-width: 950px) {
.pro-image img { height: 165px;}
}

@media all and (max-width:768px){
.del_bx { width: 60%; margin: 0 auto; }
.wrt_btn { top: 18px; }
.blank01 { margin-top: 20px; }

/* 페이징 */
.pagination>li>a,.pagination>li>span{font-size: 12px; padding:6px 11px; }
.pagination>li>a>i { font-size: 11px; }

#search_box02 {
  padding-top: 10px;
}

#search_box02 img, #search_box02 select, #search_box02 input { font-size: 13px; }
#search_box02 select { height: 28px; }

.input01 { width: 150px; height: 26px; }

.btn_inp { font-size: 13px; padding: 10px 20px; }
#search_box02 .btn_search { font-size: 13px; padding: 10px 20px; }
a.btn_b01, a.btn_b02 { font-size: 13px; padding: 10px 20px; }


/*게시판리스트*/
.story .common_th li { font-size:14px; padding: 13px 0; }
.story .common_tb li { font-size:13px; line-height: 16px; padding: 11px 0; }
.story .common_tb li a { font-size:13px; line-height: 16px; }
.story .common_th .title { width: 85%; }
.story .common_tb .title { padding-left: 2%; width: 83%; }
.story ul .number{ display: none; }
.story ul .date{width:15%; }
.story ul .hit{ display: none; }
.story ul .sitename{ width:35%; }
.story ul .siteurl{ width:65%; }
.story ul .sitesort{ display: none; }

/* 읽기 */
.bbs_view_tit{ font-size: 16px; line-height: 20px; }
.bbs_view_tit02{ font-size: 12px; line-height: 19px; }
.bbs_view_tit03 i { font-size: 14px; }
.pn_tit { font-size: 12px; line-height: 16px; }
.pn_link a { font-size: 12px; line-height: 16px; }
.pn_link a:hover { font-size: 12px; line-height: 16px; }

/*약관동의*/
.agree_wrap { margin-bottom: 30px; }
.agr_tar { height: 140px; padding: 20px 20px; font-size:14px; line-height: 18px; }

/*회원가입폼*/
table.ta_type2 th { width: 20%; font-size: 13px; }
table.ta_type2 td { width: 77%; padding: 8px 0 8px 2%; font-size: 12px; line-height: 20px; }
table.ta_type2 input { height:24px; font-size: 12px; }
table.ta_type2 textarea { font-size: 12px; }
.ast { font-size:12px; line-height: 16px; }
.stx { font-size:12px; line-height: 16px; padding: 0 0; }
table.ta_type2 td br { display: block; }

.pro-image { width:49%; margin:0 2% 2% 0; }
.pro-image img { height: 190px; }
.pro-image:nth-child(3n) { margin: 0 2% 2% 0; }
.pro-image:nth-child(2n) { margin: 0 0 2% 0; }
}


@media all and ( max-width:640px ){
.del_bx { width: 90%; margin: 0 auto; }
.wrt_btn { top: 12px; }

/* 페이징 */
.pagination{ margin:10px 0;}
.pagination>li>a,.pagination>li>span{ padding:6px 10px; font-size: 11px; }
.pagination>li>a>i { font-size: 10px; }

#search_box02 {
  padding-top: 5px;
}

#search_box02 img, #search_box02 select, #search_box02 input { font-size: 12px; }
#search_box02 select { width: 55px; height: 26px; }

.input01 { width: 110px; height: 24px; }

.btn_inp { font-size: 11px; padding:9px 15px; }
#search_box02 .btn_search { font-size: 11px; padding:7px 15px; }
a.btn_b01, a.btn_b02 { font-size: 11px; padding:9px 15px; }


/*게시판리스트*/
.story .common_th li { font-size:13px; }
.story .common_tb li { font-size:12px; line-height: 15px; }
.story .common_tb li a { font-size:12px; line-height: 15px; }
.story .common_th .title { width: 80%; }
.story .common_tb .title { padding-left: 2%; width: 78%; }
.story ul .number{ display: none; }
.story ul .date{ width:20%; }
.story ul .hit{ display: none; }
.story ul .sitename{ width:35%!important; }
.story ul .siteurl{ width:65%!important; }
.story ul .sitesort{ display: none; }

/* 읽기 */
.bbs_view_tit{ font-size: 14px; line-height: 18px; padding: 13px 10px; }
.bbs_view_tit02{ font-size: 12px; line-height: 17px; padding: 13px 10px; }
.bbs_view_con { padding: 15px 10px; }
.bbs_view_tit03{ padding: 13px 10px; }

/* 쓰기 */
	.tbl_form p.necessary {font-size: 12px;}
	.tbl_form table th {width: 30%; padding: 15px 0 15px 10px; font-size: 12px; letter-spacing: -1px;}
	.tbl_form table td {padding: 8px 0; font-size: 12px;}
	.tbl_form table td .form_tag input[type="text"], .tbl_form table td .form_tag select, 
	.tbl_form table td .form_tag textarea, .tbl_form table td .form_tag.radio span {font-size: 12px;}
	.tbl_form table td .textarea {height: 185px;}
	
	.form_tag input[type="file"],
	.form_tag input[type="text"],
	.form_tag input[type="password"],
	.form_tag select,
	.form_tag textarea{font-size:12px}
	.form_tag.radio span{font-size:12px}
	.form_tag.radio span i{ font-size: 11px; }
	.tbl_form .wtxt { font-size: 12px; line-height: 18px; padding-left: 0; }
	
/*약관동의*/
.agree_wrap { margin-bottom: 30px; }
.agr_tar { height: 120px; padding: 15px 15px; font-size:12px; line-height: 16px; margin-bottom: 5px; }

/*회원가입폼*/
table.ta_type2 th { width: 23%; font-size: 12px; }
table.ta_type2 td { width: 73%; padding: 8px 0 8px 2%; font-size: 12px; }
table.ta_type2 input { height:24px; font-size: 12px; }
table.ta_type2 textarea { font-size: 12px; }


.upload-name { width: 65%; }

.pro-image { padding: 0 0 25px 0; }
.pro-image img { height: 160px; }
.sec01_tit01 { font-size:14px; padding: 15px 0 0 0; }
}


@media (max-width: 480px) {
a.btn_sml { padding:5px 10px; font-size: 11px; }
.pr_tit { font-size:14px; }
.pr_txt { font-size:12px; height:30px; }

.inq_t{ font-size:12px; padding-bottom: 3px; }
.inq_t i { margin-right: 3px; }

.pro_bx { width: 100%; margin: 0 auto; }
.pro-image { width: 100%; padding: 0 0 20px 0; }
.pro-image img { height: auto;}
.sec01_tit01 { font-size:13px; padding: 10px 0 0 0; }
}