@charset "utf-8";
/*
*커뮤니티 - 온라인 상담
*/

#sub_content.subc .board1 .board_menu { 
padding:0 229px;  

}
#sub_content.subc .board1 .board_menu .menu_list { 
position: relative; 
height:60px; 
}
#sub_content.subc .board1 .board_menu .menu_list li { 
float:left; width:25%;  
}
#sub_content.subc .board1 .board_menu .menu_list li a { 
position: relative;
margin-left:52%;
display: block; 
width:100%; height:60px;  
text-align: center; 
font-size:17px; 
color:#333; 
font-weight:bold; 
line-height:60px; 
background:#e7ded1; 
}

#sub_content.subc .board1 .board_menu .menu_list li a:hover, 
#sub_content.subc .board1 .board_menu .menu_list li a:active, 
#sub_content.subc .board1 .board_menu .menu_list li a:focus  { 
text-decoration: none;  
}
#sub_content.subc .board1 .board_menu .menu_list li a.on { 
background:#c1b29b; 
color:#fff;  
}
#sub_content.subc .board1 .board_menu .menu_list li a.on:after { 
content:"▼"; 
font-size:24px; 
color:#c1b29b; 
position: absolute; 
left:83px; top:35px 
}

#sub_content.subc .board1 .board_menu .menu_list li .radi_l { 
border-top-left-radius:20px;  
}
#sub_content.subc .board1 .board_menu .menu_list li .radi_r { 
border-top-right-radius:20px;  
}

#sub_content.subc .board1 .board_couns { 
margin-top:60px;  
}
#sub_content.subc .board1 .board_couns .list_head { 
background:#c1b29b; 
color: #fff; 
padding:24px 40px 22px 97px; 
font-size:17px; 
}
#sub_content.subc .board1 .board_couns .list_head > div { 
display: inline-block; 
}
#sub_content.subc .board1 .board_couns .list_head .title {  }
#sub_content.subc .board1 .board_couns .list_head .writer { 
margin-left:457px; 
}
#sub_content.subc .board1 .board_couns .list_head .add_date { 
margin-left:84px;  
}
#sub_content.subc .board1 .board_couns .list_head .view { 
margin-left:70px;  
}

/* ///////////////// 게시판 리스트 - empty ///////////////// */
#sub_content.subc .board1 .board_couns .non_listing {
padding:10px 00px 100px 0px;
}
#sub_content.subc .board1 .board_couns .non_listing p {
text-align: center;
background: #fff;
padding:50px;
}


/* ///////////////// 게시판 리스트 ///////////////// */
#sub_content.subc .board1 .board_couns .listings {
padding-bottom:20px;
}
#sub_content.subc .board1 .board_couns .listings > li { 
/*background: #ecf3f5;*/ 
background: #fff; 
margin-top:5px; 
padding:5px 12px; 
overflow: hidden; 
font-size:14px; 
border:2px solid #fff;
}
#sub_content.subc .board1 .board_couns .listings > li:hover,
#sub_content.subc .board1 .board_couns .listings > li:active,
#sub_content.subc .board1 .board_couns .listings > li:focus { 
border:2px solid #c1b29b; 
box-sizing: border-box; 
}
#sub_content.subc .board1 .board_couns .listings > li > div {   }
#sub_content.subc .board1 .board_couns .listings > li .title { 
float: left; 
width:61.7%; height:50px; 
padding-top:5px; 
}
#sub_content.subc .board1 .board_couns .listings > li .writer { 
float: left; 
width:10%; height:50px;
text-align: center;  
line-height:50px;  
}
#sub_content.subc .board1 .board_couns .listings > li .add_date { 
float: left; 
width:21.3%; height:50px;
text-align: center; 
text-align: center;  
line-height:50px;  
}
#sub_content.subc .board1 .board_couns .listings > li .view { 
float: left; 
width:4.8%; height:50px; 
text-align: center;  
line-height:50px;    
}

#sub_content.subc .board1 .board_couns .listings > li .title .q_a,
#sub_content.subc .board1 .board_couns .listings > li .title .noti_n_e,
#sub_content.subc .board1 .board_couns .listings > li .title .revw_mark { 
display: inline-block; 
vertical-align:top; 
padding-right:38px; 
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box { 
display: inline-block; 
color: #333; 
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box span { 
display: block; 
color: #717171; 
font-weight:bold; 
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box .category a { 
color: #333; 
text-decoration: none; 
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box .title_ex a { 
color: #717171; 
}
#sub_content.subc .board1 .board_couns .btn_write {  
display: block; 
text-align:right; 
margin-top:15px; 
}

#sub_content.subc .board1 .list_num { 
/*height:40px;*/ 
margin-top:62px; 
margin-bottom:7px; 
text-align: center;  }
#sub_content.subc .board1 .list_num:after { content:""; display: block; clear: both; }
#sub_content.subc .board1 .list_num .pagination { 
margin:0; 
}
#sub_content.subc .board1 .list_num .pagination li {  }
#sub_content.subc .board1 .list_num .pagination li a { 
width:40px; height:40px; 
line-height:25px; 
font-size:14px; 
color:#333; 
background:none;   
}
#sub_content.subc .board1 .list_num .pagination li a:hover,
#sub_content.subc .board1 .list_num .pagination li a:active,
#sub_content.subc .board1 .list_num .pagination li a:focus { 
background:#c1b29b; 
border-color:#c1b29b;
color:#fff;  
}
.pagination li a:hover,
.pagination li a:active,
.pagination li a:focus,
.pagination > .active { 
background:#c1b29b; 
border-color:#c1b29b;
color:#fff;  
z-index: 3;
}
/*#sub_content.subc .board1 .list_num > .pagination > .active { 
border-color: none;
}*/
#sub_content.subc .board1 .list_num > .pagination > li { 
float: left; 
margin:0;    
}
#sub_content.subc .board1 .list_num > .pagination > li > ul { margin:0;  }
/*
* 각 li 에 .active 가 먹으면 적용되는 CSS
*/
#sub_content.subc .board1 .list_num > .pagination > li > .pagination > .active > a, 
#sub_content.subc .board1 .list_num > .pagination > li > .pagination > .active > a:focus, 
#sub_content.subc .board1 .list_num > .pagination > li > .pagination > .active > a:hover,
#sub_content.subc .board1 .list_num > .pagination > li > .pagination > .active > a:active { 
z-index: 3;
color:#fff;
background:#c1b29b; 
border-color:#c1b29b;  
}
#sub_content.subc .board1 .list_num > .pagination > .left {
margin-right:-1px;
}
#sub_content.subc .board1 .list_num > .pagination > .right {   
margin-left:-6px;
}

#sub_content.subc .board1 .search_box { 
margin:0 auto; 
overflow: hidden; 
margin-bottom:50px; 
width:532px;  
}
#sub_content.subc .board1 .search_box select { 
width:170px; height:28px; 
float: left; 
border-color:#dadada; 
color: #717171; 
font-weight:bold; 
}
#sub_content.subc #opt2 { margin-left:10px;  }
#sub_content.subc .board1 .search_box .search_input { 
float: left; 
margin-left:10px;  
}
#sub_content.subc .board1 .search_box .search_input input:first-child { 
width:142px; height: 28px; 
border: 1px solid #dadada; 
border-right:0; 
padding-left:7px; 
vertical-align: top; 
float: left;
}




/*
* media query START
*/
@media all and (min-width:1024px) and (max-width:1600px){

#sub_content.subc .board1 .board_menu { 
/* padding:0 229px;  */
/*padding:0 269px; */
padding:0 58px; 
}
#sub_content.subc .board1 .board_menu .menu_list { 
/*height:60px;  a요소 높이가 60이므로 커먼에서 수정좀 */
}
#sub_content.subc .board1 .board_menu .menu_list li a { 
height:50px;  
font-size:15px; 
line-height:50px; 
}
#sub_content.subc .board1 .board_menu .menu_list li a.on:after { 
left:77px; top:30px 
}

#sub_content.subc .board1 .board_couns { 
margin-top:50px;  
max-width:100%; 
}
#sub_content.subc .board1 .board_couns .list_head { 
padding:0;
padding-top:21px;
padding-left:77px;
font-size:14px; 
height:60px;
}


#sub_content.subc .board1 .board_couns .list_head > div { 
display: block;   
float: left; 
}
#sub_content.subc .board1 .board_couns .list_head .title { 
width:312px;
}
#sub_content.subc .board1 .board_couns .list_head .writer { 
/*margin-left:294px;*/
margin:0;
padding:0;
width:88px;
/*padding-left:283px;*/
}
#sub_content.subc .board1 .board_couns .list_head .add_date { 
/*margin-left:45px;*/
margin:0;
padding:0;
width:84px;
}
#sub_content.subc .board1 .board_couns .list_head .view { 
/*margin-left:41px;*/
padding:0;
margin:0;
 
}






/* ///////////////// 게시판 리스트 ///////////////// */
#sub_content.subc .board1 .board_couns .listings > li { 
/*background: #ecf3f5;*/ 
padding:3px 12px; 
margin-top:3px; 
font-size:13px; 
}
#sub_content.subc .board1 .board_couns .listings > li >div { 
width:100%; 
}
#sub_content.subc .board1 .board_couns .listings > li .title { 
max-width:61.3%;
}
#sub_content.subc .board1 .board_couns .listings > li .writer { 
max-width:22%;
}
#sub_content.subc .board1 .board_couns .listings > li .add_date { 
/*max-width:20.3%;*/
max-width:20.3%;
}
#sub_content.subc .board1 .board_couns .listings > li .view { 
max-width:100%;
}
#sub_content.subc .board1 .board_couns .listings > li .title .q_a,
#sub_content.subc .board1 .board_couns .listings > li .title .noti_n_e,
#sub_content.subc .board1 .board_couns .listings > li .title .revw_mark { 
padding-right:18px; 
}

#sub_content.subc .board1 .board_couns .listings > li .title .title_box{
margin-top:1px;
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box .category a { 
color:#333;
}
#sub_content.subc .board1 .board_couns .listings > li .title .title_box .title_ex a {
color: #717171; 
}
#sub_content.subc .board1 .board_couns .btn_write {  
margin-top:10px; 
}
#sub_content.subc .board1 .board_couns .btn_write img {
width:10%;
}

#sub_content.subc .board1 .list_num { 
/*height:40px;*/ 
margin-top:42px; 
margin-bottom:7px; 
text-align: center;  }
#sub_content.subc .board1 .list_num:after { content:""; display: block; clear: both; }
#sub_content.subc .board1 .list_num .pagination { margin:0; }
#sub_content.subc .board1 .list_num .pagination li {  }
#sub_content.subc .board1 .list_num .pagination li a { 
width:40px; height:40px; 
line-height:25px; 
font-size:14px; 
color:#333; 
background:none;   
}
/*#sub_content.subc .board1 .list_num .pagination li a:hover { 
background:#50608e; 
color: #fff;  
}*/
#sub_content.subc .board1 .list_num > .pagination > li { 
float: left; 
margin:0;    
}
#sub_content.subc .board1 .list_num > .pagination > li > ul { 
margin-left:-1px;  
margin-right:2px;
}
#sub_content.subc .board1 .list_num > .pagination > .right {   

}

#sub_content.subc .board1 .search_box { 
margin:0 auto; 
overflow: hidden; 
margin-bottom:50px; 
width:532px;  
}
#sub_content.subc .board1 .search_box select { 
width:170px; height:28px; 
float: left; 
border-color:#dadada; 
color: #717171; 
font-weight:bold; 
}
#sub_content.subc #opt2 { 
margin-left:10px; 
}
#sub_content.subc .board1 .search_box .search_input { 
float: left; 
margin-left:10px;  
}
#sub_content.subc .board1 .search_box .search_input input:first-child { 
width:142px; height: 28px; 
border: 1px solid #dadada; 
border-right:0; 
padding-left:7px; 
vertical-align: top; 
float: left;
}






}