/* layout */
body, html{width:100%; height:100%;}
#wrap{width:100%;}
#board_header{margin-bottom:50px; width:100%; height:100px; background:#888;}
#board_footer{margin-top:50px; width:100%; height:100px; background:#888;}
#contents{width:100%;}

#skip{}
#skip a{display:block; position:absolute; top:0; width:0; height:0; margin-top:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-decoration:none;}
#skip a:focus, #skip a:active{position:relative; top:0; left:0;  width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background-color:#333; z-index:100;}

.in_ContLayer{width:auto; max-width:865px; min-width:320px; margin:0 auto;}
.community_Area{padding:0 2%; width:100%;}



.btn_R_Area{width:100%; text-align:right; font-size:0;}
a.btnStyle{display:inline-block;}
a.btnStyle.write{margin-top:20px; padding:0 0 0 49px; width:120px; height:35px; font-size:13px; color:#fefefe; font-weight:600; line-height:35px; text-align:left; background:#006940 url("../images/board/bt-ico01.png") no-repeat 28px center;}
a.btnStyle.commentBt{float:right; padding:0 0 0 47px; width:120px; height:35px; font-size:13px; color:#fefefe; font-weight:600; line-height:35px; text-align:left; background:#006940 url("../images/board/bt-ico01.png") no-repeat 26px center;}
a.btnStyle02{display:inline-block; margin-top:20px; margin-left:5px; padding:0 0 0 37px; width:80px; height:35px; font-size:13px; color:#fefefe; font-weight:600; line-height:35px; text-align:left;}
a.btnStyle02.list01{background:#006940 url("../images/board/bt-ico03.png") no-repeat 16px center;}
a.btnStyle02.list02{background:#999 url("../images/board/bt-ico04.png") no-repeat 16px center;}
a.btnStyle02.list03{background:#999 url("../images/board/bt-ico05.png") no-repeat 16px center;}
a.btnStyle02.list04{background:#006940 url("../images/board/bt-ico06.png") no-repeat 16px center;}
a.btnStyle02.list05{background:#999 url("../images/board/bt-ico07.png") no-repeat 16px center;}
a.btnStyle02.list06{background:#999 url("../images/board/bt-ico08.png") no-repeat 16px center;}

.paging_Layer{margin-top:40px; width:100%; text-align:center;}
.paging_Layer a{ display:inline-block; width:34px; height:34px; font-size:12px; color:#666; font-weight:600; line-height:30px; border:1px solid #666; }
.paging_Layer span > a{display:inline-block; width:34px; height:34px; font-size:12px; color:#666; font-weight:600; line-height:30px; border:1px solid #ccc;}
.paging_Layer span > a.on,
.paging_Layer span > a:hover,
.paging_Layer span > a:active,
.paging_Layer span > a:focus{border:1px solid #0C5DCD; color:#0C5DCD; }


.inputType{position:relative;}
.inputType > input{padding:10px; width:245px; height:35px; font-size:13px; color:#888; border:1px solid #ddd;}
.inputType > label{position:absolute; top:0; left:-99999px; font-size:0; text-indent:-9999px;}


.view-inner{width:100%;}
.v-title{padding:20px;  font-size:18px; color:#333; font-weight:600; background:#F3F3F3; border-top:1px solid #222;}
.v-info{padding:15px 20px;  border-bottom:1px solid #dddddd;}
.v-info:after{display:block;content:'';clear:both;}
.v-info > div{float:left; font-size:13px; color:#333;}
.v-info > div strong{font-size:13px; color:#000;} 
.v-info > div.d{padding-left:30px;}
.v-info > div.r{float:right;}
.v-file{position:relative; height:45px; border-bottom:1px solid #dddddd; background:#fafafa url("../images/board/ico_file_off.png") 98% 50% no-repeat;}
.v-file.on{ url("../images/board/ico_file_on.png") 98% 50% no-repeat;}
.v-file > p{padding:15px 20px; width:100%; height:45px; font-size:13px; color:#333;  cursor:pointer;}
.v-file > p > b{display:inline-block; padding:0 3px; font-size:13px; color:#333;}
.file-list{display:none; position:absolute; top:45px; left:0; padding:15px 0px 15px 0px; width:100%; border-bottom:1px solid #ddd; background-color:#fff; }
.file-list p {color:#999;}
.file-list a{display:inline-block; font-size:13px; color:#333; line-height:25px; text-indent:5px; vertical-align:middle;}
.file-list a:hover{text-decoration:underline; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

.v_cont{padding:40px 20px 40px 20px; font-size:13px; color:#333; line-height:1.8; border-bottom:1px solid #dddddd;}


/* 게시판 댓글 */
.comment-box{width:100%;}
.comment-box .cm_title{padding:0 0 20px 0; font-size:13px; color:#333; border-bottom:1px solid #ddd;}
.comment-box .cm_title > b{color:#006940;}
.comment-box .comment{padding:16px 18px; border-bottom:1px solid #ddd;}
.comment-box .cm_info{padding:0 0 12px 0; width:100%; font-size:13px; color:#333;}
.comment-box .cm_info strong{font-size:13px; color:#333; font-weight:600;}
.comment-box .cm_info b{display:inline-block; padding:0 2%;}
.comment-box .cm_info a.cm_del{display:inline-block; margin:0 0 0 8px; vertical-align:top; cursor:pointer;}
.comment-box .cm_info input.cm_input{margin:0 0 0 2%; padding:0 8px; width:150px; height:30px; line-height:30px;}
.comment-box .cm_contents{width:100%; font-size:13px; color:#333; line-height:1.8;}

.cm_comment{padding:22px 20px; border:1px solid #dddddd;}
.cm_table_info{width:100%;}
.cm_table_info:after{display:block; content:''; clear:both;}
.cm_table_info > li{float:left;}
.cm_table_info > li:last-child{padding-left:30px;}
.cm_name{display:inline-block; padding-top:6px; padding-right:10px; font-size:13px; color:#333;}

.cm_comment .textarea{margin:20px 0; padding:12px; width:100%; height:83px; line-height:1.6em; word-break:break-all; resize:none;}
.cm_comment .spamcode{width:100%; font-size:0;}
.cm_comment .spamcode:after{display:block; content:''; clear:both;}
.spamcode > label > img{vertical-align:top;}

.m_block{display:inline;}
.m_block02{display:inline;}
.m_block02 > label{vertical-align:top;}
@media all and (max-width:680px){
	.m_block02{display:block; padding:0 0 10px 0;}
	.cm_inputType3{padding:7px; width:40% !important; height:30px; font-size:13px; color:#333; border:1px solid #ddd;}
}
@media all and (max-width:500px){
.m_block{display:block; padding:4% 0 0 0;}
	.comment-box .cm_info input.cm_input{margin:0 0 0 0;}
}

 .page_Btn{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
 .page_Btn .p_btn{width:100%;}
 .page_Btn .p_btn:after{display:block; content:''; clear:both;}
 .page_Btn .p_btn .title{float:left; padding:15px 20px; font-size:13px; color:#666;}
 .page_Btn .p_btn .title > b{display:inline-block; padding:0 10px; font-size:13px; color:#666;}
 .page_Btn .p_btn a{display:block; float:left; padding:15px 20px; width:610px; font-size:13px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
 .page_Btn .p_btn .day{float:right; padding:15px 20px; font-size:13px; color:#666; text-align:right;}
 .page_Btn .p_btn.p{border-top:1px solid #ddd;}

 .hybrid_boardArea{width:100%;}
 .hybrid_TableWrite{width:100%; border-top:1px solid #ddd; border-collapse: collapse;}
 .hybrid_TableWrite th{padding:10px 0 10px 0; height:50px; text-align:center; border-bottom:1px solid #ddd; font-size:13px; color:#333; font-weight:300; }
 .hybrid_TableWrite td{padding:10px 0 10px 0; height:50px; text-align:left; border-bottom:1px solid #ddd; font-size:13px; color:#333; }

.btn_C_Area{position:relative; width:100%; text-align:center;}

/* 버튼 폼입력 (기본) */
button.button {width:160px; margin:0 4px 0 4px; height:50px; font-size:14px; color:#fff; font-weight:600; text-align:center; cursor:pointer;  border-radius:6px;}
button.button.post  { background:#0C5DCD;} /* 진한파랑 */
button.button.post2 { background:#B05858;} /* 연한빨강 */
button.button.cancel{ background:#999999;} /* 회색 */
/* 버튼 폼입력 (작게)*/
button.button_sm {width:120px; margin:0 4px 0 4px; height:40px; font-size:14px; color:#fff; font-weight:600; text-align:center; cursor:pointer;  border-radius:6px;}
button.button_sm.post  { background:#0C5DCD;} /* 진한파랑 */
button.button_sm.post2 { background:#B05858;} /* 연한빨강 */
button.button_sm.cancel{ background:#999999;} /* 회색 */

/*
button.buttonStyle.write_ok{padding:0 0 0 46px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#006940 url("../images/board/bt-ico06.png") no-repeat 26px center;}
button.buttonStyle.cancel{padding:0 0 0 46px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#006940 url("../images/board/bt-ico08.png") no-repeat 20px center;}
button.buttonStyle.back{padding:0 0 0 48px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#999 url("../images/board/bt-ico07.png") no-repeat 23px center;}
*/


@media all and (max-width:865px){
	.dis_none{display:none !important;}
}
@media all and (max-width:860px){
 .page_Btn .p_btn .title{padding:15px 1%; width:18%;}
 .page_Btn .p_btn .title > b{padding:0;}
 .page_Btn .p_btn a{padding:15px 10px; width:60%;}
 .page_Btn .p_btn .day{width:20%; padding:15px 1%;}
}
@media all and (max-width:640px){
 .cm_table_info > li{width:50%;}
 .cm_table_info > li:last-child{padding-left:0;}
 .cm_inputType{width:85px;}
 .cm_inputType2{width:60px;}
 .hybrid_TableWrite #b_select{margin-left:1%; width:46%;}
}


/* 리스트갤러리형 */
/* photo_List */
.photo_ListArea{width:100%;}
.hy_photo_List{width:100%;}
.hy_photo_List:after{content:""; display:block; clear:both;}

.hy_photo_List>li{float:left; margin:0 0.5% 2% 0.5%; width:24%; /*lbjtree  max-width:205px;*/}
.hy_photo_List>li>a{display:block; width:100%;}
.hy_photo_List>li>a img{width:100%; height:auto;}

.hy_photo_List>li span{display:block;}
.hy_photo_List>li>.photo_Txt{padding:16px 0 0 0; width:100%;}
.hy_photo_List>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hy_photo_List>li>.photo_Txt>.title{padding:0 0 6px 0; width:100%; font-size:15px; color:#333;}
.hy_photo_List>li>.photo_Txt>.title a{font-size:15px; color:#333;}
.hy_photo_List>li>.photo_Txt>.day{width:100%; font-size:13px; color:#999;}

.hy_photo_List>li:hover>.photo_Txt{text-decoration:underline;}

@media screen and (max-width:640px){
	.hy_photo_List>li{padding:0 1% 2% 1%; width:48%; max-width:100%;}
	.hy_join_Area .hybrid_TableWrite span.j_text{display:block; padding:8px 0 4px 0;}
}

/* FAQ */
.hy_faqType{width:100%; border-top:1px solid #333;}
.hy_faqType > dt{padding:8px 25px 12px 52px; width:100%; font-size:15px; color:#333; background-color:#fff; border-bottom:1px solid #ddd;
background-image:url("../images/board/faq_ico_off.png"), url("../images/board/faq_ico_q.png");
background-repeat:no-repeat, no-repeat;
background-position:98% 50%, 2% 50%;
cursor:pointer; }
.hy_faqType > dt.on{
background-image:url("../images/board/faq_ico_on.png"), url("../images/board/faq_ico_q.png"); }
.hy_faqType > dd{display:none; padding:12px 0 12px 50px; font-size:14px; color:#333; line-height:1.7; background:#f6f6f6 url("../images/board/faq_ico_a.png") no-repeat 2% 16px; border-bottom:1px solid #ddd;}
.hy_faqType > dd img{ height:auto!important;max-width:98%;}
.hy_faqType > dd iframe{ max-width:98%; }

/* 이벤트형갤러리 */
/* 가로 */
.event_hori_Area{width:100%; border-top:1px solid #ddd;}
.event_hori_Area > li{width:100%; background:#fff; border-bottom:1px solid #ddd;}
.event_hori_Area > li:hover,
.event_hori_Area > li:active,
.event_hori_Area > li:focus{background:#f5f5f5;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a:after{display:block; content:''; clear:both;}
.event_hori_Area > li > a{display:block; padding:20px 0;}
.event_hori_Area > li > a > div.img{float:left; width:32.5%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.img img{width:100%;}
.event_hori_Area > li > a > div.event_Txt{float:right; padding:18px 0 0 0; width:64%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.event_Txt .title{width:100%; font-size:16px; color:#333; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_hori_Area > li > a > div.event_Txt .cont{margin:18px 0; font-size:13px; color:#666; line-height:1.6em; width:100%; height:60px; overflow:hidden;}
.event_hori_Area > li > a > div.event_Txt .day{font-size:13px; color:#999;}
/* 세로 */
.event_verti_Area{margin-right:-3%; width:103%;}
.event_verti_Area:after{content:""; display:block; clear:both;}
.event_verti_Area>li{float:left; margin:0 3% 36px 0%; width:30.33%; max-width:270px; background:#fff;}
.event_verti_Area>li>a{display:block; width:100%;}
.event_verti_Area>li>a img{width:100%; height:auto;}
.event_verti_Area>li span{display:block;}
.event_verti_Area>li>.photo_Txt{padding:16px 0 0 0; width:100%;}
.event_verti_Area>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_verti_Area>li>.photo_Txt>.title{width:100%; font-size:16px; color:#333; font-weight:600;}
.event_verti_Area>li>.photo_Txt>.cont{margin:16px 0; width:100%; height:40px; font-size:13px; color:#666; line-height:1.6em; overflow:hidden;}
.event_verti_Area>li>.photo_Txt>.day{width:100%; font-size:13px; color:#999;}
.event_verti_Area>li:hover>.photo_Txt>.title,
.event_verti_Area>li:active>.photo_Txt>.title,
.event_verti_Area>li:focus>.photo_Txt>.title,
.event_verti_Area>li:hover>.photo_Txt>.cont,
.event_verti_Area>li:active>.photo_Txt>.cont,
.event_verti_Area>li:focus>.photo_Txt>.cont{text-decoration:underline;}

@media all and (max-width:865px){
	.event_hori_Area > li > a > div.img{float:none; width:100%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
	.event_hori_Area > li > a > div.event_Txt{float:none; width:100%;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;}
}
@media all and (max-width:640px){
	.hy_faqType > dt{padding:12px 20px 12px 35px;}
	.hy_faqType > dd{padding:12px 10% 12px 35px;}
	.event_verti_Area{margin-right:0; width:100%;}
	.event_verti_Area>li{float:none; margin:0 0 4% 0; width:100%; max-width:100%;}
}



/* 개발자추가 (2018.07.20) */
/* 게시판 비밀번호 */
table.pds_pass_table {  clear:both; width:200px; margin:0px; padding:0px; border-collapse: collapse; border:1px solid #000000;}
table.pds_pass_table caption  { margin: 0; padding: 0; }
table.pds_pass_table th {  vertical-align:middle; font-size:13px; text-align:center; background-color:#333333; color:#FFFFFF; padding:2px;}
table.pds_pass_table td {  vertical-align:middle; font-size:13px; text-align:center; background-color:#FFFFFF; padding:10px;}
table.pds_pass_table td .hy_Input{padding:10px; width:100%; height:30px; max-width:250px; border:1px solid #ddd;}

/* 스팸방지 코드 */
.spam_code { float:left; font-size:20px; width:100px; font-weight:bold; text-align:center; padding:8px 0px 8px 0px; margin-right:8px; background-color:#000000; color:#ffffff; }
.spam_code_small { float:left; font-size:15px; width:60px; font-weight:bold; text-align:center; padding:8px 0px 8px 0px; margin-right:8px; background-color:#000000; color:#ffffff; }
/* 댓글수 */
.tail_count { font-size:12px; color:#aaa; }
/* 필수입력 */
.fil { font-size:12px; color:#ff0000; }
/* 설명글 */
.doc { font-size:12px; color:#888888; }




/* 달력 */
 table.t_calendar{width:270px; border-collapse:collapse; border-spacing:0; margin:auto; border:1px }
 table.t_calendar th{padding:4px; font-size:13px; font-weight:300; color:#333; text-align:center; background-color:#ffffff; }
 table.t_calendar td{padding:4px; font-size:13px; color:#333; text-align:center;}
 table.t_calendar td b {font-size:13px;}

.calendar_yymm { width:270px; height:40px; padding-top:10px; border-bottom:2px solid #313131; margin:auto;}
.calendar_yymm li { float:left; }
.calendar_yymm .prev { width:35px; text-align:center; padding-top:4px;}
.calendar_yymm .yymm { width:200px; text-align:center; color:#000000; font-size:16px; font-weight:600;}
.calendar_yymm .next { width:35px; text-align:center; padding-top:4px;}

.calendar_bottom { width:270px; height:32px; padding-top:10px; border-top:2px solid #313131; margin-top:5px; margin:auto;}
.calendar_bottom li { float:left; }
.calendar_bottom .today { width:200px; text-align:left; }
.calendar_bottom .today a { color:#000000; font-size:14px; font-weight:600; line-height:17px; }
.calendar_bottom .close { width:70px; text-align:right; padding-top:4px; }


/* form */
.input		{ font-family:'Nanum Gothic'; font-size:13px; color:#333333; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:35px; margin:2px 0; ime-mode:active; }
.input_price{ font-family:'Nanum Gothic'; font-size:13px; color:#333333; text-align:right; font-weight:normal;  line-height:10pt;  border:1px solid #ccc; background-color:#ffffff; padding:7px; height:35px; margin:2px; }	/* 일반숫자형 */
.textarea	{ font-family:'Nanum Gothic'; font-size:13px; color:#333333; line-height:1.4; vertical-align:middle; ime-mode:active; border:1px solid #ccc; background-color:#ffffff; padding:7px; margin:2px;}
.select		{ font-family:'Nanum Gothic'; font-size:13px; color:#333333; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:35px; margin:2px;}


/* 표 */
table.list { clear:both; width:100%; padding:0px;  border-collapse: collapse; border-left:0px solid #EAEDF1;  border-top:1px solid #222; }
table.list caption  { margin: 0; padding: 0; }
table.list th {  margin: 0; padding:6px 6px; height:45px; font-size:14px;font-weight:300;   color:#333; line-height:1.0; text-align:center; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; background-color: #f3f3f3;}
table.list th:last-child { border-right:0px;}
table.list td {  word-break:break-all; margin:0; padding:6px 6px; height:45px; font-size:14px; color:#333; line-height:1.2; text-align:center; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
table.list td:last-child { border-right:0px;}
table.list td a {  color:#000; margin-right:5px;}
table.list td.btn a{width:25px; display:inline-block;}
table.list td a:last-child{margin-right:0px;} 
table.list td a img{width:25px;}

table.list .left  { text-align:left;}
table.list .right { text-align:right;}
table.list .top { vertical-align:top;}
table.list .center { text-align:center;}

table.post {  clear:both; width:100%; margin:auto; padding:0px;  margin-bottom:40px; border-left:0px solid #D6E1EA;  border-top:1px solid #222;   border-collapse: collapse; }
table.post th { color:#333; font-size:14px; font-weight:300; height:50px; margin:0px; padding:8px 0px 8px 10px;  text-align:left; border-bottom:1px solid #d1d1d1;  border-right:1px solid #d1d1d1; background-color: #f3f3f3;}
table.post th:last-child { border-right:0px;}
table.post tr th span{width:6px; height:6px; border-radius:50px; display:inline-block; margin-right:10px; position:relative; top:-2px}
table.post tr:nth-child(1) th span{background-color:#6e4ccc}
table.post tr:nth-child(2) th span{background-color:#28902d}
table.post tr:nth-child(3) th span{background-color:#13abce}
table.post tr:nth-child(4) th span{background-color:#dc6656}




table.post td { color:#333; font-size:14px; font-weight:300; height:50px; line-height:1.6; margin:0px; padding:8px 0px 8px 10px;  text-align:left; border-bottom:1px solid #d1d1d1;  border-right:1px solid #d1d1d1;}
table.post td:last-child { border-right:0px;}
table.post td > label { padding-right:10px; display:inline-block; }
table.post caption { margin: 0; padding: 0; }
table.post .center { text-align:center;}

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

	table.list td.btn a{width:30px; display:block; margin:0 auto; margin-bottom:5px; margin-right:auto;}
		table.list td a:last-child{margin-bottom:0px;} 
}



@media screen and (max-width:800px) {
	table.post th { width:100px; }
}
/* 표 중간제목 */
.post_title { padding:0px 0 20px 35px; font-size:18px; font-weight:600; color:#333; position:relative; }
.post_title:after{content:""; display:block; width:21px; height:21px; position:absolute; top:4px; left:0px;
background:url('../images/ico/tit_bl.png') 50% 50% no-repeat; background-size:21px;}
.post_title span { font-size:15px; font-weight:300; color:#333;  }



/* 게시판 검색창 */
.search-Box{ text-align:center; margin:20px 0 20px 0; height:40px;  line-height:30px;}
.search-Box .search-area { width:330px; margin:auto;}
.search-Box .search-area p { width:250px; height:40px; float:left; }
button.buttonStyle.search{ float:left; padding:0 0 0 25px; width:60px; height:35px; margin-top:2px; font-size:13px; color:#fff; text-align:left; background:#666 url("../images/board/bt-ico02.png") no-repeat 8px center;}
button.buttonStyle{display:inline-block; cursor:pointer;}


/****************************::: 로그인/회원가입 **********************************/
/* login */
#contents .login_bg{width:100%; display:table; min-height:975px; height:100%; position:relative; background-image:url('../images/contents/login_bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%; }
#contents .login_bg .login_box{width:100%; display:table-cell; height:100%; vertical-align:middle;}
#contents .login_bg .login_logo{position:absolute; left:50%;-webkit-transform:translateX(-50%); top:85px;
-ms-transform:translateX(-50%);
transform:translateX(-50%) }
#contents .login_bg .login_box .login_tit{text-align:center; font-size:34px; font-weight:700; color:#1d1d1b; margin-bottom:50px; line-height:1;    font-family: 'NanumSquare', sans-serif;   }

.member_loginArea{width:100%;}
#contents .member-Box{width:100%;  margin:0 auto;}
#contents .member-Box .subTitle{padding-bottom:20px; width:100%; text-align:center; }
#contents .member-Box .subTitle span{font-family:"나눔고딕", sans-serif; font-size:16px; line-height:1.7; color:#666; font-weight:300;}

#contents .loginTab-Type{width:100%; max-width:390px;   margin:0 auto; position:relative;}
#contents .loginTab-Type:after{content:""; display:block; clear:both;}
#contents .tab-navi{margin-bottom:10px; width:100%;}
#contents .tab-navi:after{content:""; display:block; clear:both;}
#contents .tab{float:left; width:50%; height:50px; border:1px solid #ddd; border-bottom:1px solid #0C5DCD; background-color:#f5f5f5; cursor:pointer; position:relative;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
#contents .tab>span{position:absolute; top:50%; left:0; display:block; width:100%; height:auto; font-size:16px; color:#0C5DCD; text-align:center;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .tab.on{border:1px solid #0C5DCD; border-bottom:1px solid #fff; background-color:#FFF;}

#contents .tab-Area{width:100%; }

#contents .input-p{margin-bottom:10px; width:100%; position:relative;}
#contents .input-p2{position:relative;}
#contents .input-p>label{position:absolute; top:50%; left:18px; width:100%; height:auto; font-size:16px; color:#666;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p2>label{position:absolute; top:50%; left:24px; height:auto; font-size:13px; color:#999;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p input{padding:15px 18px; width:100%; font-size:18px; color:#333; font-weight:400; border:1px solid #d4d4d4; background-color:#FFF;}
#contents .input-p input::placeholder{color:#999}
#contents .idSave{ width:100%; margin-top:5px; margin-bottom:20px;}	
#contents .idSave>label{display:inline-block; padding-left:6px; font-size:14px; color:#666; vertical-align:-2px;}

#contents .loginBtn{margin:5px 0; width:100%;}
#contents .loginBtn>button{width:100%; height:50px; font-size:18px; color:#fff; font-weight:400; background:#0C5DCD; border:none; cursor:pointer; } 

#contents .login-btn{padding:20px 0; width:100%; text-align:center; }
#contents .login-btn>a{font-size:16px; color:#000000; text-decoration:none;}
#contents .login-btn>a:hover{color:#000000;}
#contents .login-btn>span{display:inline-block; padding:0 10px; font-size:14px; color:#ddd;}

#contents .find_result{padding:50px 0; width:100%; border:1px solid #ddd;}
#contents .find_result>p{width:100%; font-size:18px; color:#333; text-align:center;}
#contents .new_pass{margin:30px 0; width:100%;}
#contents .find-Btn{margin:30px 0;text-align:center;}

#contents .nonMember-Type{margin:50px auto 50px; padding:50px 0; width:100%; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}
#contents .nonM_Title{padding:0 0 20px 0; width:100%; font-size:28px; color:#575a5d; font-weight:400;}
#contents .p_txt15{padding:0 0 50px 0; width:100%; font-size:15px; color:#666;}

@media screen and (max-width:450px) {
#contents .loginBtn{margin:15px 0!important;}
#contents .sub_contents .member_loginArea .naver_login_btn{padding-left:35px;}
}

/* 게시판 댓글등록*/
#contents .hy_InputA { text-align:center; padding:8px; color:#fff; font-size:13px; background-color:#0C5DCD; cursor:pointer;}
/* 회원가입 중복확인 */
#contents .hy_InputB { text-align:center; padding:8px; line-height:1.0; height:35px; color:#000; font-size:13px; background-color:#ddd; cursor:pointer;}

/* 버튼 색상  (참가자정보 수정,삭제등)*/
#contents .hy_InputA { text-align:center; padding:8px; line-height:1.0; height:35px; color:#000; font-size:13px; background-color:#ddd; cursor:pointer;}

#contents .hy_search{width:30px; height:30px; overflow:hidden; border-radius:30px; 
background:url('../images/ico/consult_btn.png') 50% 50% no-repeat; background-size:cover;}





/* 이용약관 */
#contents .hy_join_Area{width:100%;}
#contents .hy_joinTab{margin:0 0 40px 0; width:100%;}
#contents .hy_joinTab:after{display:block;content:'';clear:both;}
#contents .hy_joinTab > li{float:left; width:25%; text-align:center;}
#contents .hy_joinTab > li > span{display: block; padding: 65px 0 0 0; width: 100%; height: 100px; font-size: 13px; color: #333; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: default;}
#contents .hy_joinTab > li > span.on{width:100%; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333 !important; background-color:#fff;}
#contents .hy_joinTab > li > span.ico_1{background:#f5f5f5 url("../images/board/ico_joinStep01.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2{background:#f5f5f5 url("../images/board/ico_joinStep02.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3{background:#f5f5f5 url("../images/board/ico_joinStep03.png") center 22px no-repeat; }
#contents .hy_joinTab > li > span.ico_4{background:#f5f5f5 url("../images/board/ico_joinStep04.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_joinTab > li > span.ico_1.on{background:#fff url("../images/board/ico_joinStep01_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2.on{background:#fff url("../images/board/ico_joinStep02_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3.on{background:#fff url("../images/board/ico_joinStep03_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_4.on{background:#fff url("../images/board/ico_joinStep04_on.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_editBox{width:100%;}
#contents .hy_editBox h3.h3_JoinTitle{padding:0 0 10px 0; width:100%; font-size:16px; color:#333; font-weight:600;}
#contents .hy_editBox .hy_edit_inner{padding:10px; width:100%; height:150px; font-size:12px; color:#666; line-height:1.3; overflow-y:auto; border:1px solid #ddd; background-color:#fff;}
#contents .hy_Agree_Div{padding:10px 0 0 0; width:100%; text-align:center; font-size:15px;}
#contents .hy_Agree_Div span{display:inline-block; padding-left:10px; }
#contents .hy_Agree_Div span label{padding:0 0 0 4px; font-size:13px; color:#666; }
#contents .hy_allAgree{margin-top:50px; padding:20px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#contents .hy_allAgree > input{display:inline-block; vertical-align:-2px;}
#contents .hy_allAgree > label,
#contents .hy_allAgree > label strong{font-size:15px; color:#666;}

/* 회원가입 필수입력 글 */
.hy_joinInfo{margin:0 0 10px 0; font-size:13px; color:#666;}

/* 회원가입 완료 */
.hy_join_finish{margin-bottom:30px; padding:4% 0; width:100%; text-align:center; border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
.hy_join_finish .p_f24Type{padding-bottom:3%; font-size:24px; color:#333; font-weight:600; line-height:28px;}
.hy_join_finish .p_f14Type{font-size:14px; color:#666; line-height:24px;}
/****************************::: 로그인/회원가입 **********************************/


	.height_1	{height:1px; width:100%; clear:both;}
	.height_2	{height:2px; width:100%; clear:both;}
	.height_3	{height:3px; width:100%; clear:both;}
	.height_4	{height:4px; width:100%; clear:both;}
	.height_5	{height:5px; width:100%; clear:both;}
	.height_6	{height:6px; width:100%; clear:both;}
	.height_7	{height:7px; width:100%; clear:both;}
	.height_8	{height:8px; width:100%; clear:both;}
	.height_9	{height:9px; width:100%; clear:both;}
	.height_10	{height:10px; width:100%; clear:both;}
	.height_11	{height:11px; width:100%; clear:both;}
	.height_12	{height:12px; width:100%; clear:both;}
	.height_13	{height:13px; width:100%; clear:both;}
	.height_14	{height:14px; width:100%; clear:both;}
	.height_15	{height:15px; width:100%; clear:both;}
	.height_16	{height:16px; width:100%; clear:both;}
	.height_17	{height:17px; width:100%; clear:both;}
	.height_18	{height:18px; width:100%; clear:both;}
	.height_19	{height:19px; width:100%; clear:both;}
	.height_20	{height:20px; width:100%; clear:both;}
	.height_21	{height:21px; width:100%; clear:both;}
	.height_22	{height:22px; width:100%; clear:both;}
	.height_23	{height:23px; width:100%; clear:both;}
	.height_24	{height:24px; width:100%; clear:both;}
	.height_25	{height:25px; width:100%; clear:both;}
	.height_26	{height:26px; width:100%; clear:both;}
	.height_27	{height:27px; width:100%; clear:both;}
	.height_28	{height:28px; width:100%; clear:both;}
	.height_29	{height:29px; width:100%; clear:both;}
	.height_30	{height:30px; width:100%; clear:both;}
	.height_31	{height:31px; width:100%; clear:both;}
	.height_32	{height:32px; width:100%; clear:both;}
	.height_33	{height:33px; width:100%; clear:both;}
	.height_34	{height:34px; width:100%; clear:both;}
	.height_35	{height:35px; width:100%; clear:both;}
	.height_36	{height:36px; width:100%; clear:both;}
	.height_37	{height:37px; width:100%; clear:both;}
	.height_38	{height:38px; width:100%; clear:both;}
	.height_39	{height:39px; width:100%; clear:both;}
	.height_40	{height:40px; width:100%; clear:both;}
	.height_50	{height:50px; width:100%; clear:both;}
	.height_60	{height:60px; width:100%; clear:both;}
	.height_70	{height:70px; width:100%; clear:both;}
	.height_80	{height:80px; width:100%; clear:both;}
	.height_90	{height:90px; width:100%; clear:both;}
	.height_100 {height:100px; width:100%; clear:both;}


/* 회원가입 분류 */
.member_make_gubun { }
.member_make_gubun:after{content:""; display:block; clear:both;}
.member_make_gubun li {margin-right:15px; width:19%;  display:table; float:left; margin-right:1.25%; border:1px solid #ddd; position:relative; background:#fff;  height:175px;  text-align:center; }
.member_make_gubun li:last-child{margin-right:0px;}
.member_make_gubun li:after{content:""; top:0px; left:0px; position:absolute;}
.member_make_gubun li:nth-child(1):after{
border-top: 15px solid #0c5dcd; 
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;}
.member_make_gubun li:nth-child(2):after{
border-top: 15px solid #6e4ccc; 
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;}
.member_make_gubun li:nth-child(3):after{
border-top: 15px solid #28902d; 
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;}
.member_make_gubun li:nth-child(4):after{
border-top: 15px solid #13abce; 
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;}
.member_make_gubun li:nth-child(5):after{
border-top: 15px solid #dc6656; 
  border-left: 0px solid transparent;
  border-right: 15px solid transparent;}


.member_make_gubun li a {  display:table-cell; vertical-align:middle; width:100%; height:100%; font-weight:600; color:#333; }
.member_make_gubun li a h2{font-size:20px; font-weight:700; color:#333;  line-height:1.2; margin-bottom:15px;}
.member_make_gubun li .arr{position:absolute;  bottom:10%; width:100%; text-align:right; padding-right:10%;}
.member_make_gubun li:nth-child(1):hover,
.member_make_gubun li:nth-child(1).on{border:1px solid #0c5dcd}
.member_make_gubun li:nth-child(2):hover,
.member_make_gubun li:nth-child(2).on{border:1px solid #6e4ccc}
.member_make_gubun li:nth-child(3):hover,
.member_make_gubun li:nth-child(3).on{border:1px solid #28902d}
.member_make_gubun li:nth-child(4):hover,
.member_make_gubun li:nth-child(4).on{border:1px solid #13abce}
.member_make_gubun li:nth-child(5):hover,
.member_make_gubun li:nth-child(5).on{border:1px solid #dc6656}
.member_make_gubun li:hover:after,
.member_make_gubun li.on:after{width:30px; height:30px; border:none; background-image:url('../images/ico/join_check.png');
background-position:50% 50%;  background-repeat:no-repeat; background-size:21px;} 

.member_make_gubun li:nth-child(1):hover:after,
.member_make_gubun li:nth-child(1).on:after{background-color:#0c5dcd}
.member_make_gubun li:nth-child(2):hover:after,
.member_make_gubun li:nth-child(2).on:after{background-color:#6e4ccc}
.member_make_gubun li:nth-child(3):hover:after,
.member_make_gubun li:nth-child(3).on:after{background-color:#28902d}
.member_make_gubun li:nth-child(4):hover:after,
.member_make_gubun li:nth-child(4).on:after{background-color:#13abce}
.member_make_gubun li:nth-child(5):hover:after,
.member_make_gubun li:nth-child(5).on:after{background-color:#dc6656}

@media screen and (max-width:800px) {
	.member_make_gubun li{height:auto; display:inline-block;}
	.member_make_gubun li a{display:block; position:relative; height:auto; width:100%; padding-bottom:120%;}
	.member_make_gubun li a .mem_box{position:absolute; width:100%; text-align:center; height:auto; top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);} 
	.member_make_gubun li a h2{font-size:17px;}
	.member_make_gubun li a .mem_box img{width:35px;}
}

@media screen and (max-width:640px) {
	 .member_make_gubun{justify-content: center;}
	 .member_make_gubun li{width:31.33%; display:inline-block; float:none; margin-right:3%; margin-bottom:3%;}
	 .member_make_gubun li:nth-child(3n){margin-right:0px;}
	 .member_make_gubun li a{ padding-bottom:100%;}
	 .member_make_gubun li a h2{margin-bottom:12px; font-size:16px;}
	.member_make_gubun li a .mem_box img{width:30px;}
	 .member_make_gubun li .arr img{width:20px;}
	 .member_make_gubun:after{content:""; display:none; clear:none;}

	.member_make_gubun li:hover:after,
	 .member_make_gubun li.on:after{width:20px; height:20px; background-size:10px;} 

}

@media screen and (max-width:450px) {
	 .member_make_gubun li a h2{margin-bottom:6px; font-size:13px;}
	 .member_make_gubun li a > img{width:30px;}
	 .member_make_gubun li a .mem_box img{width:25px;}
	 .member_make_gubun:after{content:""; display:none; clear:none;}

	.member_make_gubun li:hover:after,
	 .member_make_gubun li.on:after{width:20px; height:20px; background-size:10px;} 

}

dl.end_top{margin-bottom:50px; font-size:0px;}
dl.end_top dt{background-size:cover; width:50%; display:inline-block; vertical-align:top;
background-image:url('../images/contents/end_bg.jpg');
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;}
dl.end_top dd{background:#f5f5f5; width:50%; padding:4% 0%; display:inline-block; vertical-align:top;}
dl.end_top dd h2{margin:2% 0px 3%; word-break:keep-all; font-size:24px; font-weight:500; color:#333; }
dl.end_top dd h2 span{color:#0040c2;}
dl.end_top dd p{font-size:16px; word-break:keep-all; font-weight:500; color:#333; }
dl.end_top dd p .hot{font-size:18px; font-weight:500; color:#CA1272; }

@media screen and (max-width:640px) {
	dl.end_top dt{padding-bottom:64%; width:100%;}
	dl.end_top dd{width:100%; padding:7% 0%;}
	dl.end_top dd img{width:80px;}
	dl.end_top dd h2{font-size:20px;}
	dl.end_top dd p{font-size:14px;}
}

@media screen and (max-width:450px) {
	dl.end_top dd{padding:7% 0%;}
	dl.end_top dd img{width:60px;}
	dl.end_top dd h2{font-size:17px;}
	dl.end_top dd p{font-size:12px;}
}


/* 탭메뉴 */
.dg_wrap{position:relative; margin-bottom:10px; display:block}
.dg_wrap:hover:after{}

.dg_wrap .dg_btn{position:absolute; top:3px;  line-height:1; color:#333; font-weight:900;  font-size:45px;  cursor:pointer;}
.dg_wrap .dg_btn.dg-prev{left:-40px}
.dg_wrap .dg_btn.dg-next{right:-40px}

.dg_tabs{position:relative; border:1px solid #c7c7c7; width:100%; border-radius:10px; padding:6px 14px; overflow:hidden; margin-bottom:30px;}
.dg_tabs .dg_tab{}
.dg_tabs .dg_tab li{width:auto; margin-right:5px;}
.dg_tabs .dg_tab li:last-child{margin-right:0;}
.dg_tabs .dg_tab li a{display:block; font-size:18px; color:#666; font-weight:400; padding:8px 15px;}
.dg_tabs .dg_tab li.on2 a{background:#2B7DEF; border-radius:10px; color:#fff;}

@media screen and (max-width:640px) {
	.dg_wrap .dg_btn{font-size:30px; top:4px;}
	.dg_wrap .dg_btn.dg-prev{left:-30px}
	.dg_wrap .dg_btn.dg-next{right:-30px}
	.dg_tabs{margin-bottom:3%; border-width:1px; padding:5px 10px;}
	.dg_tabs .dg_tab li a{font-size:15px; padding:6px 12px;}
}



/* 파트너링 상담 : 선택영역 */
.consult_sec{border:2px solid #ddd; margin-bottom:30px;}
.consult_sec .consult_sel{padding:20px}
.consult_sec .consult_sel .sel_box{margin-bottom:20px;}
.consult_sec .consult_sel .sel_box:last-child{margin-bottom:0px}
.consult_sec .consult_sel .sel_tit{font-size:18px; color:#333; font-weight:500; position:relative; padding-left:35px; margin-bottom:15px;}
.consult_sec .consult_sel .sel_tit:after{content:""; display:block; width:22px; height:19px;
background:url('../images/ico/point_tit.png') 50% 50% no-repeat; background-size:cover; position:absolute; top:5px; left:0px;}
.consult_sec .consult_sel .sel_con{font-size:0px;}
.consult_sec .consult_sel .sel_con label{display:inline-block; vertical-align:top; margin:0px 10px 10px 0px}

.consult_sec .consult_sel .sel_con label .indicator{  width:100%; height:35px; text-align:center;
line-height:33px;  text-align:center; padding:0px 20px; font-size:16px; color:#333;
border-radius:5px; background:#fff; border:none; border:1px solid #ddd; } 
.consult_sec .consult_sel .sel_con label input[type="checkbox"]{position:absolute; opacity:0; z-index:-1;}
.consult_sec .consult_sel .sel_con label input[type="checkbox"]:checked ~ .indicator {color:#0c5dcd; border:1px solid #0c5dcd}

@media screen and (max-width:640px) {
	.consult_sec .consult_sel .sel_tit{font-size:16px;  padding-left:30px; margin-bottom:10px;}
	.consult_sec .consult_sel .sel_tit:after{width:20px; height:18px; top:5px; left:0px;}
	.consult_sec .consult_sel .sel_con{font-size:0px;}
	.consult_sec .consult_sel .sel_con label{margin:0px 7px 7px 0px}
	.consult_sec .consult_sel .sel_con label .indicator{height:30px; line-height:28px;  padding:0px 15px; font-size:14px; } 
}



/* 파트너링 상담 : 검색영역 */
.consult_search { padding:20px; background:#f3f3f3; margin-bottom:0px; }
.consult_search .search{  padding:0 0 0 25px; width:60px; height:35px;
margin-top:px; font-size:14px; color:#fff; text-align:left; 
background:#002060 url("../images/board/bt-ico02.png") no-repeat 8px center; cursor:pointer;}

.consult_search input{margin:0 10px;
width : -webkit- calc(100% - 190px);
width :    -moz-calc(100% - 190px);
width :         calc(100% - 190px)}


/* 파트너링 시간테이블 */
table.t_consult { clear:both; width:100%; padding:0px;  border-collapse: collapse; border-left:1px solid #EAEDF1;  border-top:1px solid #D6E1EA; }
table.t_consult caption  { margin: 0; padding: 0; }
table.t_consult th {  margin:0; padding:15px 0; font-size:13px; font-weight:300; line-height:13px; text-align:center; border-bottom:1px solid #D6E1EA; border-right:1px solid #D6E1EA; background-color: #F1F5FA; color:#000000;}
table.t_consult th p { font-size:12px; color:#000; margin-bottom:8px;}
table.t_consult th span { font-size:18px; color:#000;}
table.t_consult td {  height:36px;  word-break:break-all; margin:0px; padding:0px; line-height:14px; text-align:center; border-bottom:1px solid #EAEDF1; border-right:1px solid #EAEDF1;  color:#000000;}
table.t_consult .left  {text-align:left;}
table.t_consult .right {text-align:right;}
table.t_consult .top { vertical-align:top;}
table.t_consult .center { text-align:center;}

.consult_time { background:#fff; color:#333; margin:1%; padding:8px;  border-radius:6px;}
.consult_time.make { background:#f3f3f3; color:#000; cursor:pointer;}
.consult_time.complect { background:#2B7DEF; color:#fff;}

.consult_time.tag_A { background:#eeeeee; color:#666; cursor:pointer;}  /* 신청 */
.consult_time.tag_B { background:#2B7DEF; color:#fff; cursor:pointer;}  /* 수락 */


/* 파트너링상담 일정탭 */
.consult_tab {  }
.consult_tab a { float:left;  padding:8px 26px; background:#eee; color:#333; font-size:16px; }
.consult_tab a.on { background:#2B7DEF; color:#fff; }
@media screen and (max-width:640px) {
	.consult_tab a { padding:8px 16px; font-size:14px; }
}



/* 세션발표선택 */
.tb_check{width:100%; font-size:0px; text-align:center;}
.tb_check label{width:23%; margin:1%; display:inline-block;   position:relative;}
.tb_check label .tb{width:100%; display:table; height:175px; border-radius:20px;}
.tb_check label .tb .tb_cell{display:table-cell; height:100%; vertical-align:top; width:100%;     vertical-align: middle;}
.tb_check label p{font-size:14px; font-weight:500; color:#333;}
.tb_check label img{width:auto; max-width:100%;}


.tb_check label .indicator{ width:100%;
vertical-align:middle;   text-align:center; line-height:26px;  border-radius:20px;
 border:none; border:2px solid #ddd; background:#fff;  }

.tb_check label .indicator .ch_arr{content:""; display:none; position:absolute;
background:transparent;   border-radius:0px;
left: 14px; top: 14px; width: 12px; height: 8px; border:3px solid #0c5dcd; 
border-bottom:0px; border-left:0px; 
-webkit-transform: rotate(135deg);  -ms-transform: rotate(135deg); transform: rotate(135deg);} 
.tb_check label input[type="checkbox"]{position:absolute; opacity:0; z-index:-1;}
.tb_check label input[type="checkbox"]:checked ~ .indicator{border:2px solid #0c5dcd;}
.tb_check label input[type="checkbox"]:checked ~ .indicator .ch_arr{display:block; }
.tb_check label input.check_text{padding-left:15px; width:250px; height:40px; line-height:38px; display:inline-block;
border:1px solid #ddd; margin-left:18px; border:1px solid #ddd; font-size:24px ; color:#333}

@media screen and (max-width:800px) {
	.tb_check label{width:31.33%; margin:1%; }
}


@media screen and (max-width:640px) {
	.tb_check label{width:48%; margin:1%; }
}

@media screen and (max-width:4500px) {
	.tb_check label .tb{width:100%; display:table; height:135px;}
	.tb_check label img{width:80px;}
	.tb_check label p{font-size:12px; }
}