@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); 

.sub_board_list_warp *{font-family: 'Nanum Gothic', serif;}
	input, select {
			-webkit-appearance:none !important;
			-moz-appearance:none;
			-o-appearance:none
		}
	select::-ms-expand {display:none !important;}
	select {width:100%;background-image: url('/skin/boardM/image/arrow_down_input_select.png');background-position: 90% center;background-repeat: no-repeat;background-size:10px;}


#board-list-search { width:100%;/* height:36px; */padding: 0px 0px; box-sizing: border-box; margin:50px 0px 15px 0px;overflow:hidden; }/* top 여백 */
#board-list-search ul { float:left }
#board-list-search ul+ul { float:right }
#board-list-search li { float:left; padding-left:3px; }
#board-list-search li:first-child { padding-left:0px; }

#board-list-search .write_btn li p{/*background:#fff; border:1px solid #ddd; */ background:#ff5500; color:#fff; border:none; padding:4px 15px;border-radius:3px;cursor: pointer}
#sfl{padding:0px 30px 0px 10px;height:34px; border:1px solid #ccc;box-sizing:border-box;border-radius:3px;}
#stx{padding:0px 10px;height:34px; border:1px solid #ccc;box-sizing:border-box;border-radius:3px;}
#search_btn{ background:#9a9a9a; color:#fff; border:none; padding:8px 15px;border-radius:3px;}

/* 공통 상단 검색&글쓰기 버튼 */
#uk_search_select_box {
	float:left;
	height: 36px;
	max-width: calc(100% - 373px);
	margin-top: 10px 0px;
	text-align: center;
}
.uk_search_select_ul {
	max-width: 100%;
	margin:auto; text-align:left; line-height:36px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.uk_search_select_ul li {
    box-sizing: border-box;
    max-width: 124px;
	padding-left: 3px;
}

.uk_search_select_ul li:frist-child {
	padding-left: 0px;
}

.uk_search_select_ul li:last-child {
	padding-right: 3px;
}

.uk_search_select_ul select {
	max-width: 100%;
	border: 1px solid #ccc;
	height: 34px;
	background:#ffffff;
}

.uk_search_select_ul select::-ms-expand { /* for IE 11 */
	display: none;
}

#SY_b01_list {/*margin:10px 0 0 0;*/ height:auto !important; display:none; border-top:2px solid #ccc; width:100%;}
#SY_b01_list_wrap {height:60px; border-bottom:1px solid #ccc; width:100%;}
#SY_b01_list div{float:left;}
#SY_b01_list_type {width:14%; text-align:center;}
.SY_b01_list_count {text-align:center; margin:auto; background:#666; line-height:22px; border-radius:5px; width:20px; height:21px; color:#fff; font-weight:bold; margin-top:12px;}
.SY_b01_list_text {padding-top:2px; font-size:11px;  color:#666;}
.SY_b01_list_notice {padding-top:2px; font-size:11px;  color:#C33}
#SY_b01_list_contents {width:72%;}
#SY_b01_list_view {width:11%; text-align:center;}
#SY_b01_list_view p {padding-top:14px;}
#SY_b01_list_view img {width:30px;}
.SY_b01_list_ttl {font-size:15px; height:22px; padding-top:12px;  text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SY_b01_list_date {font-size:11px; color:#6e6e6e;  text-align:left;}

#SY_b01_list_more {
	height:44px;  width:100%;
	/* border-radius: 2px 2px 2px 2px; /* 테두리 둥글게 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#SY_b01_list_more li {float:left; color:#535353;}
.SY_b01_list_btn_more {width:79%; text-align:center; height:44px; /*background:url(/images/board/basic01_list/line.png) repeat-y right;*/ border-right:1px solid #ccc; line-height:43px; font-size:13px; font-weight:bold;}
.SY_b01_list_btn_top {width:20%; text-align:center; line-height:44px; font-size:11px;}

#SY_search_btn {width:96%;  text-align:center; display:inline-block; }
#SY_search_bar {
	height:32px;width: 80%; float:left; border:1px solid #ccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.SY_search_bar_txt {float:left; width:80%; text-align:left; padding-left:10px; height:32px; font-size:13px; color:#7c7c7c;}
.SY_search_bar_input  {
	width:98%;  border:0px; height:20px; margin-top:7px;  background-color:#F4F4F4;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ededed)); /*Safari*/
	background: -webkit-linear-gradient(top, #ffffff, #ededed); /*WebKit nightly*/
	background: -moz-linear-gradient(top, #ffffff, #ededed); /* Modzilla Firefox */

}
.SY_search_bar_btn { float:right; width:15%;  text-align:center; height:26px; border-left:1px solid #ccc; padding-top:6px; }


#SY_list_btn_write {
	height:32px;width: 18.5%; float:left; border:1px solid #ccc; line-height:34px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

#SY_b02_list {width:100%;}
#SY_b02_list #board-list { width:100%; margin:0 0; border-top:2px solid #888; }
#SY_b02_list #board-list #list-title li {color:#4B4B4B; float:left; height:40px; border:0px solid #DDD;/* border-bottom:1px solid #DDDDDD;*/ background-color:#f9f9f9; text-align:center; line-height:40px;/* margin:0 -1px -1px -1px; margin:0px 0 5px 0; */}/***** top line color _ pc *****/

#SY_b02_list #board-list ul:first-child { font-weight:bold; }
#SY_b02_list #board-list ul {clear:both; border-bottom:1px solid #DDDDDD;overflow:hidden;/* height:30px; padding: .5em 0 ; */}
#SY_b02_list #board-list .list-list li { float:left; height:auto;padding:12px 0px; line-height:28px; /*top:-10px; */position:relative; color:#4B4B4B;text-overflow: ellipsis;overflow:hidden;white-space:nowrap}
#SY_b02_list #board-list .list-list li a, #SY_b02_list #board-list .listSY_b02_list-list li a:hover, #SY_b02_list #board-list .list-list li a:active{color:#4b4b4b;font-weight:bold;}
	
#SY_b02_list #list-title #title-num { width:10% }
#SY_b02_list #list-title #title-subject { width:58%; }
#SY_b02_list #list-title #title-name { width:12% }
#SY_b02_list #list-title #title-date { width:12% }
#SY_b02_list #list-title #title-hit { width:8%; }

#SY_b02_list .list-list .list-01 { width:10%; text-align:center }
#SY_b02_list .list-list .list-02 { width:58%; text-align:left }
#SY_b02_list .list-list .list-03 { width:12%; text-align:center }
#SY_b02_list .list-list .list-04 { width:12%; text-align:center }
#SY_b02_list .list-list .list-05 { width:8%; text-align:center; }

#SY_b02_list #board-list ul {/* clear:both; border-bottom:1px solid #DDDDDD; height:50px; padding:18px 0; */}

.paging-mob{

	display:none;
}	
.paging-pc{
	width:100%;
	overflow:hidden;
	display:block;
	margin-bottom:40px;
}

.paginate_complex{padding:15px 0;line-height:normal;text-align:center}
/* .paginate_complex a, .paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;color:#323232;text-decoration:none;vertical-align:middle;} */
.paginate_complex a, .paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0px -3px 0px -3px;padding:3px 8px;color:#323232;text-decoration:none;vertical-align:middle;}
.paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus{background-color:#f2f2f2;color:#323232;}
.paginate_complex strong{color:#ff6600;padding:5px 2px;margin:0px 6px;border-bottom:2px solid #ff6600}
.paginate_complex img {width: 12px;}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:8px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}



.page_wrap{width:90%; border:0px solid #F00; margin:auto; margin-top:10px; text-align:left;overflow:hidden;}
.page_wrap h1{text-align:left; font-size:16px; line-height:24px; font-weight:600; color:#323232; letter-spacing:-0.05em}
.page_wrap h2{ font-size:14px; border:0px !important; line-height:22px}
.page_wrap p{text-align:left; padding:7px 0px 10px;}

.sub_write_list{width:100%;margin:0 auto; padding:0 0 0 0; height:400px;}
.sw_01{ width:100%; margin:0 auto; text-align:center;padding-top:120px;}
.sw_01 img { cursor:pointer }
.pp_wr{font-size:18px; font-weight:500; text-align:center !important; padding:20px 0px;}

.sub_board_list_warp{width:100%; max-width:1280px; margin:auto; text-align:center; }
.sub_board_list{border-bottom:1px solid #eaeaea; padding:10px 5%;width:90%; display:inline-block}
.sub_board_list	.bd_list_cont{ width:89%; float:left; text-align:left;}
.sub_board_list	.bd_list_cont h1{font-size:16px; font-weight:bold; color:#000; line-height:20px; padding-bottom:5px; }
.sub_board_list	.bd_list_cont h1 img{width:14px; vertical-align:top; padding:2px 0px 0px 5px;}
.sub_board_list	.bd_list_cont h2{border:0px !important; float:left; font-size:12px;line-height:23px;float:left;}
.sub_board_list	.bd_list_cont h3{}

.sub_board_list .bd_list_img{float:left;width:30%; background:#000;}
.sub_board_list .bd_list_img img{ height:73px; width:100%; }
.sub_board_list	.bd_list_cont2{float:left; width:64%; text-align:left; margin-left:6%}
.sub_board_list	.bd_list_cont2 h1 img{width:14px; vertical-align:top; padding:2px 0px 0px 5px;}
.sub_board_list	.bd_list_cont2 h1{font-size:16px; font-weight:600; color:#000; line-height:22px; width:98%; padding-right:2%; padding-bottom:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_board_list	.bd_list_cont2 h2{border:0px !important; float:left; font-size:13px;line-height:26px;}
.sub_board_list	.bd_list_cont2 h3{}

.sub_board_list .vd_list_comm{float:right; width:10%; padding:7px 0px 0px ; text-align:right;}
.sub_board_list .vd_list_comm p{border:1px solid #c4c4c4; border-radius:3px; color:#475dc8; text-align:center;  font-weight:600; font-size:12px; line-height:18px;width:18px; height:18px; padding:5px 5px;  vertical-align:middle !important;}

.sub_board_list	 p{width:100%; padding-top:10px; display:inline-block}
.bd_gd{border:1px solid #ccc; border-radius:2px; padding:0px 4px; font-size:10px ;float:left; margin-top:2px;letter-spacing:-0.07em; height:17px}
.bd_gd img{width:10px; margin-right:2px}
.bd_good{padding:2px 0px 0px 0px;background:url(../images/sub/heart_icon.png) no-repeat; background-position:left; background-size:29px ;width:30px; text-align:center;line-height:22px; font-size:10px; vertical-align:middle;overflow:hidden }
.bd_good2{padding:0px 0px 0px 0px;background:url(../images/sub/heart_icon.png) no-repeat; background-position:top right; background-size:29px ;width:30px; line-height:14px; font-size:10px;letter-spacing:-0.07em; vertical-align:middle;overflow:hidden }

.bd_good3{padding:2px 0px 0px 0px;background:url(../images/sub/heart_icon.png) no-repeat; background-position:top right; background-size:25px ;width:25px;line-height:20px; text-align:center;font-size:10px;letter-spacing:-0.07em;overflow:hidden }

.HMY_Sheader_menu3 {width:100%;height:48px;  background:#fff repeat-x top ; border-bottom:1px solid #ccc;}
.HMY_Sheader_menu3 ul {}
.HMY_Sheader_menu3 li {float:left;}

.HMY_Sheader_menu4 {width:100%; margin-top:10px;lborder-top:1px solid #ccc; overflow:hidden}
.HMY_Sheader_menu4 ul {}
.HMY_Sheader_menu4 li {float:left; width:50%; text-align:center; color:#fff;padding:12px 0px; }
.HMY_Sheader_menu4 li button{background:none; color:#fff; border:0px; font-size:14px}
.sd_mcs{background:#9a9a9a}
.sd_mok{background:#6d6d6d; font-weight:600}

.ZERO_3 {float:left; width:30%; padding:10px 0% 10px 2%; text-align:left; font-size:14px; font-weight:bold; line-height:24px}
.ZERO_3 img{width:22px;}
.ZERO_3_back{float:right;padding:10px 0px 10px; width:66%; margin-right:5px; display:inline-block;}
.ZERO_3_back ul{float:right;  text-align:right; }
.ZERO_3_back li{ float:left; padding-left:5px;   text-align:right; }
.ZERO_3_back .menu_set img{width:27px;}

/* 박스들 */
.box_list{border-radius:15px;padding:5px 5px 3px; color:#fff;  font-size:13px; text-align:center; border:0px;  width:70px; float:right; background:#9a9a9a }
.box_list2{border-radius:15px;padding:5px 5px 3px; color:#fff;  font-size:13px; text-align:center; border:0px;  width:70px; float:left; background:#9a9a9a }
.boxx{border-radius:3px;padding:0px 11px 0px; color:#fff;  font-size:13px; text-align:center;   float:right;background:#b9b9b9; border:1px solid #b2b2b2;height:30px}
.boxx3{border-radius:30px;padding:0px 0px 0px;width:30px; color:#a3a3a3;  cursor:pointer;font-size:13px; text-align:center;   float:right;background:#fff; border:1px dotted #b2b2b2;height:30px}
.boxx3 img{width:20px; vertical-align:middle; padding:4.5px 0px 0px}
.bo3_ml{margin-left:5px;}

.boxx3 a,a:hover{color:#a3a3a3; }
.boxx1{ border:1px solid #ff5500; border-radius:15px;padding:10px 10px; color:#ff5500;  font-size:14px; text-align:center; width:50px;}
.boxx2{ border:1px solid #ccc; border-right:0px !important;   border-radius:20px 0px 0px 20px;padding:2px 10px 2px; color:#777;  font-size:14px; text-align:right; width:60px;}

.btn_search{border:1px solid #ccc; border-left:0px !important; border-radius:0px 20px 20px 0px; padding:2px 3px 2px ; width:18px}
/*new아이콘*/
.sub_new{}
.sub_new img{width:14px; vertical-align:top;  padding-left:5px}

.sub_wrap{width:100%; padding-top:2px; padding-bottom:2%}
.backgd{ background:#ededed;}

.page_wrap{width:96%; border:0px solid #F00; margin:auto; margin-top:2%; margin-left:2% ;overflow:hidden;}
.page_bg{background:#fff; display:inline-block}

.prof_cont{padding:15px 5% 7px; width:90%;}
.prof_img{float:left; margin-right:10px}
.prof_img img{width:45px;}
.prof_text{float:left; text-align:left;}
.prof_text h1{font-size:16px; color:#525252;line-height:22px; padding-top:2px; font-weight:400}
.prof_text p{font-size:12px; color:#525252; line-height:10px; padding:2px 0px 0px}
.prof_text strong{color:#000 !important}
.prof_right{float:right;}
.prof_right img{width:30px}

/*02*/
.prof_cont02{padding:15px 5% 7px; width:90%;}
.prof_img02{float:left; margin-right:10px}
.prof_img02 img{width:40px;}
.prof_text02{float:left; text-align:left;}
.prof_text02 h1{font-size:16px; color:#525252;line-height:18px; padding-top:1px; font-weight:600}
.prof_text02 p{font-size:14px; color:#525252; line-height:10px}
.prof_text02 strong{color:#000 !important}

.bdr_contb{width:100%; padding:12px 0px 0px; margin:0 auto; display:inline-block; cursor:pointer;}
.bdr_bimg{float:left; border:0px solid #dadada; width:100%;  height:220px; }
.bdr_bbg{height:220px; background-size:100% auto}

.bdr_btext{float:right; text-align:left; width:90%; padding:0% 5%;margin-bottom:25px; overflow:hidden;}
.bdr_btext h1{font-size:18px; line-height:20px; overflow:hidden; letter-spacing:0.01em;  text-overflow:ellipsis; white-space:nowrap; padding-bottom:5px; }
.bdr_btext p{color:#787878; overflow:hidden;line-height:22px; font-size:16px; padding:0px;  vertical-align:text-top; height:42px;  text-overflow:ellipsis;
	/* 여러 줄 자르기 추가 스타일 */
	white-space: normal;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}

/*하단댓글*/
.bdr_bomm{width:90%; padding:0% 5%; text-align:right; color:#787878; padding-bottom:0px;}
/*하단버튼*/
.bdr_comm_btn{width:90%; padding:0% 5%; border-top:1px solid #ececec; display:inline-block;}
.bdr_comm_btn ul{}
.bdr_comm_btn li{width:33.33%; float:left; padding:13px 0px; font-size:14px; color:#787878;}
.bdr_comm_btn li img{width:26px;  vertical-align:top; padding-top:0px !important}
.combtn_left{text-align:left;line-height:20px}
.combtn_center{text-align:center; line-height:20px}
.combtn_right{text-align:right;line-height:20px}

.bdr_comm_btn li+li{border-left:0px solid #ececec}
.bdr_comm_btn li span{color:#6c789b; font-size:14px;}
.bdr_mm_left{flaot:left; text-align:left !important;padding-top:10px !important}
.bdr_mm_right{float:right; text-align:right !important; vertical-align:middle}
/*최근댓글표시*/
.bdr_bdrbm{width:90%; padding:8px 5% 13px; background:#f7f7f7; border-top:1px solid #ececec;}
.bdr_bdrbm_fim{float:left; margin-right:10px;}
.bdr_bdrbm_fim img{width:35px !important; padding-top:5px}
.bdr_bdrbm h1{font-size:16px;padding-top:1px; line-height:24px !important}
.bdr_bdrbm p{padding:0px; font-size:14px;}
.bdr_bottom{height:10px; width:100%}
.bbsRecommend { cursor:pointer }

.slide_bar{
	width:100%;
	height:40px;
	border-bottom:1px solid #dadada;

}

.cate_off{
	float:left;
	width:33.33%;
	text-align:center;
	font-size:16px;
	line-height:28px;
	padding: 5px 0px;
}

.cate_on{
	float:left;
	width:33.33%;
	text-align:center;
	font-size:16px;
	line-height:28px;
	padding: 5px 0px;
	color:#ff5600 !important;
	border-bottom:2px solid #ff5600;
}

.prof_img{
	width:42px;
	height:42px;
	font-size:20px;
	text-align:center;

	/*background:#ff91a0;*/
	border-radius: 50%;
	color:#fff;
	display:table;
}

.prof_img span{
	vertical-align: middle;
	display:table-cell;
}

#ul_sns_box ul {  }
#uk_sns_box ul li { width:50px; height:50px; margin-right:15px; float:left }
#uk_sns_box ul li img { width:100% }

/*2016.04.07*/
.over_sns{position:absolute; width:94%; max-width:601.6px; border:0px solid #999; }
.over_sns ul{  overflow:hidden; width:130px; margin-right:3%; float:right; margin-top:-132px;border-top:1px solid #d9d9d9; overflow:hidden}
.over_sns li{text-align:left; padding:8px 0px 8px 8px; font-size:14px ; widtH:120px !important;  background:#fff; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9 !important; border-right:1px solid #d9d9d9  ; overflow:hidden}
.over_sns li img{width:25px}
.bot_non{border-bottom:0px !important;}
.bottom_iimg img{width:130px !important;   }
.list_nam_data_mo {display:none;}




@media all and (min-width:641px) and (max-width:1279px) {
	#SY_b02_list, #board-list-search{padding:0 20px;}

	
}

/* mobile [0 ~ 480px 적용] */
@media all and (max-width:640px) {
	#uk_search_select_box {
		float: initial;
		height: initial;
		max-width: initial;
	}

	.uk_search_select_ul li:first-child { padding:0px !important; }
	.uk_search_select_ul li:last-child { padding:0px !important; }
	.uk_search_select_ul li { box-sizing: initial;  max-width: initial; width:100%; margin-top:10px; }
	.uk_search_select_ul select {
		width: 100%;
	}

	#board-list-search {width:100%; text-align:center; margin:30px auto 0px auto; clear:both;padding:0px 20px;}
	#board-list-search ul:nth-child(1){width:100%; /*margin-bottom:10px;*/}
	#board-list-search .write_btn {width:100%;margin:8px 0px;}
	#board-list-search li.board-list-title {width:81px;}
	#board-list-search li.board-list-text {width:calc(100% - 162px); }
	#board-list-search li.board-list-search {width:81px;}

	.search-box-ul{
		width: 100%;/* margin-bottom: 10px;*/
	}
	
	#sfl{padding:0px 10px; border:1px solid #ccc; width:100%; height:34px;border-radius:3px;}
	#stx{padding:0px 10px;border:1px solid #ccc;width:100%; height:34px;border-radius:3px;}
	#search_btn{background:#9a9a9a; color:#fff; border:none;; padding:8px 10px;width:100%;border-radius:3px;}
	#board-list-search .write_btn li {width:100%; text-align:center;}
	#board-list-search .write_btn li p{background:#ff5500; color:#fff; border:none; font-size:15px; width:100%; padding: initial; height: 45px; line-height: 45px;cursor: pointer}
	
	#SY_b01_list {display:none;} /* 이전 게시판*/
	#SY_b02_list {width:100%;overflow:auto;padding:18px 20px 20px;box-sizing:border-box}
	
	
	/* mobile ver */
	#list-title {display:none;}
	
	.list-01, .list-03, .list-04, .list-05{display:none;}
	#SY_b02_list #board-list {width:100%;margin:auto;border-top:2px solid #888;}/***** top line color _ mobile *****/
	#SY_b02_list .list-list .list-02 {width:100%;box-sizing:border-box;padding:0px 10px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap}
	/*#SY_b02_list .list-list .list-04 {width:25%;box-sizing:border-box;padding:0px 10px 0px 0px;overflow:hidden;text-align:right;text-overflow: ellipsis;white-space:nowrap}*/
	#SY_b02_list #board-list .list-list li {width:100%;padding:17px 10px;line-height:20px !important;font-size:16px;}
	#SY_b02_list #board-list ul {width:100%;height:auto;padding:0;}
	#SY_b02_list #board-list .list-list li {float:none;top:0;}
	
	.list_nam_data_mo {display:block;}
	.list_nam_data_mo span {margin-right:5px;font-size:13px;color:#777}
	.list_nam_data_mo span:first-child {}
	.list_nam_data_mo span:first-child::after {content:"ㅣ";clear:both;color:#ccc;padding-left:4px;font-size:12px;}
	
}

