body {
min-width: 1200px;
width: 100%;
}

.warp_padding {
padding: 0px 15px;
}

h1 {
font-size: 20px;
font-weight: 600;
}

h2 {
font-size: 25px;
font-weight: 600;
}

h3 {
font-size: 15px;
font-weight: 600;
}

h4 {
font-size: 14px;
font-weight: 600;
}

/*top_gnb*/
#header_top {
background: #222;
border-bottom: 1px solid #2a2a2a;
width: 100%;
box-sizing: border-box;
}

.top_gnb {
background: #222;
height: 50px;
line-height: 47px;
max-width: 1700px;
margin: 0 auto;
}

.top_gnb .left {
text-align: left;
display: inline-block;
}

.top_gnb .left ul li {
display: inline-block;
padding: 0px 15px;
position: relative;
}

.top_gnb .left ul li a {
font-size: 12px;
font-weight: 400;
text-decoration: initial;
color: #808080;
display: block;
}

.top_gnb .left ul li:first-child a {
color: #fff;
font-weight: 500;
}

.top_gnb .left ul li span {
position: absolute;
right: 0;
width: 1px;
height: 12px;
background: #222;
bottom: 16px;
}

.top_gnb .left .sns_icon {
padding: 0px 5px;
}

.top_gnb .left .sns_icon.first {
padding: 0px 5px 0px 10px;
}

.top_gnb .right {
text-align: right;
display: inline-block;
float: right;
}

.top_gnb .right ul li {
display: inline-block;
padding: 0px 15px;
position: relative;
font-size: 12px;
height: 50px;
line-height: 50px;
text-decoration: initial;
color: #808080;
font-weight: 400;
}

.top_gnb .right ul li a {
font-size: 12px;
font-weight: normal;
text-decoration: initial;
color: #808080;
}

.top_gnb .right ul li span {
position: absolute;
right: 0;
width: 1px;
height: 12px;
background: #222;
bottom: 16px;
}

.top_gnb .right ul .switch_bg {
display: inline-block;
padding: 0px 15px 0px 15px;
}

.top_gnb .right ul .switch_bg span {
background: none;
position: relative;
display: inline-block;
width: auto;
height: initial;
bottom: 0;
right: 0;
}

/*logo_display*/
#header {
background: #222;
height: 156px;
font-size: 0;
width: 100%;
box-sizing: border-box;
}

.mid_gnb {
box-sizing: border-box;
width: 1200px;
margin: 0 auto;
padding: 35px 0px;
}

.logo_gnb {
display: inline-block;
}

.logo_gnb .logo {
width: 172px;
height: 40px;
display: inline-block;
margin-right: 35px;
vertical-align: middle;
}

.logo_gnb .logo a {
display: block;
}

.logo_gnb .logo img {
width: 100%;
}

.logo_gnb ul {
overflow: visible;
display: inline-block;
vertical-align: middle;
}

.logo_gnb ul li {
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0px 15px;
position: relative;
}

/*.logo_gnb > ul > li { height:auto; }*/
.logo_gnb ul li a {
color: #fff;
font-weight: bold;
font-size: 16px;
display: block;
padding-bottom: 33px;
font-family: 'RobotoDraft', 'Noto Sans Korean', sans-serif;
}

.logo_gnb .notice_display {
display: block;
padding-top: 25px;
}

.logo_gnb .notice_display .swiper-container {
display: block;
height: 35px;
}

.logo_gnb .notice_display .swiper-slide {
color: rgba(255,255,255,0.4);
font-size: 14px;
font-weight: 400;
height: 35px !important;
line-height: 35px !important;
}

.logo_gnb .notice_display .swiper-pagination {
display: none;
}

/*gnb_toggle style*/
.logo_gnb ul li .toggle_warp {
display: none;
position: absolute;
z-index: 99;
width: 182px;
background: #333333;
border-top: 3px solid #fff;
left: 0px;
top: 66px;
box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
}

#footer .foot_gnb ul li .toggle_warp {
display: none;
position: absolute;
z-index: 99;
width: 120px;
background: #333333;
left: 0px;
top: 25px;
box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.logo_gnb > ul > li .toggle_warp.on, #footer .foot_gnb ul li .toggle_warp.on {
display: block;
}

.logo_gnb ul li .toggle_warp .toggle_sub {
display: block;
padding: 20px 20px 20px 20px;
}

#footer .foot_gnb ul li .toggle_warp .toggle_sub {
display: block;
padding: 15px 15px 15px 15px;
}

.logo_gnb ul li .toggle_warp .toggle_sub a {
font-size: 14px;
display: block;
padding: 0px 10px 0px 10px;
height: 40px;
line-height: 43px;
border: none;
}

#footer .foot_gnb ul li .toggle_warp .toggle_sub a {
display: block;
padding: 0px 10px 0px 10px;
height: 35px;
line-height: 35px;
border: none;
font-size: 14px;
color: #fff;
font-weight: 600;
}

/*allmenu toggle style css start*/
.logo_gnb ul li .toggle_warp.toTap_all {
width: 730px;
left: -497px;
padding: 20px 0px 20px 0px;
}

.logo_gnb ul li .toggle_warp.toTap_all .padding_box {
}

.logo_gnb ul li .toggle_warp.toTap_all .sub {
width: 181px;
/*height: 323px;*/
float: left;
/*border-left: 1px solid #3f3f3f;*/
}
.logo_gnb ul li .toggle_warp.toTap_all .sub:nth-child(1) {
border-right: 1px solid #3f3f3f;
margin-right: -1px;
}
.logo_gnb ul li .toggle_warp.toTap_all .sub:nth-child(2) {
border-left: 1px solid #3f3f3f;
border-right: 1px solid #3f3f3f;
}
.logo_gnb ul li .toggle_warp.toTap_all .sub:nth-child(3) {
border-left: 1px solid #3f3f3f;
margin-left: -1px;
}

.logo_gnb ul li .toggle_warp.toTap_all .sub:first-child {
border-left: none;
}

.logo_gnb ul li .toggle_warp.toTap_all .sub ul {
}

.logo_gnb ul li .toggle_warp.toTap_all .sub ul li {
width: 100%;
	top:0;
}

.logo_gnb ul li .toggle_warp.toTap_all .sub ul li a {
font-size: 14px;
display: block;
padding: 0px 10px 0px 10px;
height: 40px;
line-height: 40px;
border: none;
}

.logo_gnb ul li .toggle_warp.toTap_all .sub ul li a.title {
font-size: 16px;
width: 130px;
}

/*allmenu toggle style css start*/
.logo_gnb ul li .toggle_warp.toTap_all {
width: 910px;
left: -497px;
padding: 20px 0px 20px 0px;
}

.logo_gnb ul li .toggle_warp.toTap_all .sub {
/* 20171221 메뉴 늘려달라고해서 수정함
width: 182px;
height: 323px;
*/
width: 199px;
/*height:445px;*/
/* //20171220 수정 끝 */
float: left;
/*border-left: 1px solid #3f3f3f;*/
}

/*allmenu toggle style css end*/
/*
.logo_gnb ul li.menu01:hover .toTap_01 {
display: block;
}

.logo_gnb ul li.menu02:hover .toTap_02 {
display: block;
}

.logo_gnb ul li.menu03:hover .toTap_03 {
display: block;
}

.logo_gnb ul li.allMenu:hover .toTap_all {
display: block;
}
*/
.logo_gnb ul li a:hover {
/*border-bottom: 1px solid #fff;*/
}

.logo_gnb > ul > li > a.on:after {
display: block;
content: "";
width: 100%;
height: 1px;
background-color: #fff;
margin: 8px 0 12px;
}
.logo_gnb ul li .toggle_warp .toggle_sub a:hover, .logo_gnb ul li .toggle_warp.toTap_all .sub ul li a:hover {
background: #212121;
}

.search_display {
display: inline-block;
float: right;
position: relative;
}

.search_display .search_icon {
display: inline-block;
width: 45px;
height: 25px;
font-size: 14px;
background: #fff;
color: #333;
line-height: 24px;
text-align: center;
border-radius: 3px;
margin-right: 10px;
font-weight: 600;
}

.search_display .search_chart {
display: inline-block;
position: relative;
width: 215px;
height: 25px;
line-height: 25px;
}

.search_display .search_chart a {
color: #fff;
font-size: 14px;
font-weight: 400;
display: block;
}

.search_display .search_chart a .fa {
color: #fff;
font-size: 19px;
top: 2px;
}

.search_display .search_chart b {
font-size: 14px;
margin-right: 10px;
font-weight: 600;
}

.search_display .search_chart span {
right: 0;
position: absolute;
top: 10px;
}

.search_display .search_chart:hover .chart_warp {
display: block;
}

.search_display .search_chart .chart_warp {
display: none;
position: absolute;
z-index: 999;
width: 270px;
background: #333333;
left: -55px;
top: 0;
box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.1);
}

.search_display .search_chart .chart_warp .chart_sub {
display: block;
padding: 20px 20px 23px 20px;
}

.search_display .search_chart .chart_warp .chart_sub p {
display: block;
color: #fff;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
padding: 0px 10px 0px 10px;
}

.search_display .search_chart .chart_warp .chart_sub a {
font-size: 14px;
padding: 3px 10px 3px 10px;
height: auto;
}

.search_display .search_chart .chart_warp .chart_sub a:hover {
background: #212121;
}

.search_display .search_chart .chart_warp .chart_sub strong {
font-weight: 500;
font-size: 14px;
margin-right: 22px;
}

.search_display form {
margin-top: 14px;
position: relative;
clear: both;
}

.search_display .fa {
position: absolute;
font-size: 14px;
color: #333;
top: 6px;
right: 8px;
}

.search_display input {
    height: 25px;
    background: #fff;
    border: none;
    border-radius: 3px;
    width: 270px;
    font-size: 14px;
    padding: 0 5px;
}

.search_display .recommed_search {
padding-top: 10px;
}

.search_display .recommed_search ul {
font-size: 0;
overflow: hidden;
}

.search_display .recommed_search ul li {
display: inline-block;
padding: 0px 15px;
}

.search_display .recommed_search ul li:first-child {
padding: 0px 15px 0px 5px;
}

.search_display .recommed_search ul li a {
font-size: 14px;
display: block;
color: rgba(255,255,255,0.4);
}

/*index_visual*/
#main_visual {
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 0;
position: relative;
clear: both;
}

#main_visual a {
display: block;
}

#main_visual a img {
width: 100%;
}

/*swiper slide start*/
#main_visual .swiper-container {
}

#main_visual .swiper-slide {
position: relative;
}

.key_style .text_style {
position: absolute;
width: 1200px;
}

/* 20171226 딴지요청으로 가림처리 */
.key_style .text_style.style_01 .title,
.key_style .text_style.style_02 .title,
.key_style .text_style.style_03 .title,
.key_style .text_style.style_01 .sub,
.key_style .text_style.style_02 .sub,
.key_style .text_style.style_03 .sub {
	display:none;
	font-size:0;
}

/*text_style_01
.key_style .text_style.style_01 {
display: block;
margin: 0 auto;
text-align: center;
bottom: 70px;
left: 50%;
margin-left: -600px;
}

.key_style .text_style.style_01 .title {
font-size: 46px;
font-weight: bold;
color: #fff;
display: block;
text-align: center;
margin-bottom: 20px;
}

.key_style .text_style.style_01 .sub {
font-size: 15px;
text-align: center;
color: rgba(255,255,255,0.4);
line-height: 26px;
}

/*text_style_02
.key_style .text_style.style_02 {
display: block;
margin: 0 auto;
text-align: center;
bottom: 130px;
left: 50%;
margin-left: -600px;
}

.key_style .text_style.style_02 .title {
font-size: 46px;
font-weight: 100;
color: #fff;
display: block;
text-align: left;
margin-bottom: 20px;
line-height: 55px;
}

.key_style .text_style.style_02 .sub {
display: block;
font-size: 15px;
text-align: left;
color: rgba(255,255,255,0.4);
line-height: 26px;
width: 500px;
}

/*text_style_03
.key_style .text_style.style_03 {
display: block;
margin: 0 auto;
text-align: center;
bottom: 220px;
right: 50%;
margin-right: -600px;
}

.key_style .text_style.style_03 .title {
font-family: 'Nanum Myeongjo', serif;
font-size: 46px;
font-weight: 600;
color: #fff;
display: block;
text-align: right;
margin-bottom: 20px;
}

.key_style .text_style.style_03 .sub {
display: block;
font-size: 15px;
text-align: right;
color: rgba(255,255,255,0.4);
line-height: 26px;
width: 380px;
float: right;
}*/
/* //20171226 딴지요청으로 가림처리 끝 */

#main_visual .swiper-button-next, #main_visual .swiper-button-prev {
display: none;
}

#main_visual .swiper-pagination {
bottom: 30px;
}

#main_visual .swiper-pagination .swiper-pagination-bullet {
width: 56px;
height: 6px;
background: rgba(255,255,255,0.5);
border-radius: 0;
margin: 0px 5px;
}

#main_visual .swiper-pagination .swiper-pagination-bullet-active {
background: rgba(255,255,255,1);
}

/*swiper slide end*/
/*index_content*/
#contents {
}

#contents .content_display {
width: 1200px;
box-sizing: border-box;
margin: 0 auto;
padding: 50px 15px 100px 15px;
}

.con_warp {
font-size: 0;
margin-bottom: 60px;
position: relative;
}

.con_title {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}

.con_title h2 {
display: inline-block;
border-bottom: 2px solid #000;
padding-bottom: 12px;
line-height: 24px;
}

.con_title span {
display: block;
float: right;
line-height: 24px;
}

.con_title span a {
font-size: 15px;
color: #666;
}

.con_title span .fa {
margin-left: 8px;
font-size: 18px;
}

.con_warp .swiper-wrapper .swiper-slide a {
display: block;
}

.con_warp .swiper-wrapper .swiper-slide .img {
display: block;
border: 1px solid #e1e1e1;
position: relative;
}

.con_warp .swiper-wrapper .swiper-slide .img .imgNone{
display: block;
background-color: #ebebeb;
background-image: url(../../img/no-img.jpg);
background-size: cover;
background-position: 50% 50%;
}


.con_warp .swiper-wrapper .swiper-slide .img img {
width: 100%;
}

.img img{
/*-webkit-filter:grayscale(100%);
-ms-filter: grayscale(100%);
filter:grayscale(100%);
filter:gray;*/

}
.img img:hover{
/*-webkit-filter:grayscale(0);
filter:grayscale(0);*/
}


.con_warp .swiper-wrapper .swiper-slide .like {
position: absolute;
display: block;
z-index: 100;
left: 0;
bottom: 0;
width: auto;
height: 30px;
line-height: 30px;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 12px;
padding: 0px 10px;
font-weight: unset;
}

.con_warp .swiper-wrapper .swiper-slide .like .fa {
margin-right: 5px;
}

.con_warp .swiper-wrapper .swiper-slide .tit {
font-size: 16px;
color: #333;
width: 100%;
height: 78px;
line-height: 26px;
font-weight: 600;
margin-bottom: 20px;
margin-top: 12px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
}

.con_warp .swiper-wrapper .swiper-slide .name, .con_warp .swiper-wrapper .swiper-slide .date {
width: 100%;
font-size: 14px;
color: #777;
line-height: 28px;
display: block;
font-weight: 400;
}

.con_warp .swiper-wrapper .swiper-slide .talk {
float: right;
font-weight: 400;
font-size: 14px;
line-height: 30px;
}

.con_warp .swiper-wrapper .swiper-slide .talk .fa {
margin-right: 8px;
color: #c8c8c8;
}

.con_warp .swiper-pagination {
display: none;
}

.con_warp .swiper-button-next, .con_warp .swiper-button-prev {
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
background: #c8c8c8;
border-radius: 3px;
opacity: 1 !important;
top: 44%;
}

.con_warp .swiper-button-next {
right: -55px;
}

.con_warp .swiper-button-next:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 21px;
color: #fff;
text-align: center;
}

.con_warp .swiper-button-prev {
left: -55px;
}

.con_warp .swiper-button-prev:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 21px;
color: #fff;
text-align: center;
}

/*content_50%*/
.con_warp_half {
position: relative;
width: 560px;
display: inline-block;
vertical-align: top;
}

.con_warp_half.first {
margin-right: 34px;
}

.con_warp_half ul .img {
width: 560px;
display: block;
margin-bottom: 24px;
}

.con_warp_half ul .img a {
display: block;
}

.con_warp_half ul .img a .imgNone{
display: block;
background-color: #ebebeb;
background-image: url(../../img/no-img.jpg);
background-size: cover;
background-position: 50% 50%;
}



.con_warp_half ul .text {
width: 580px;
float: left;
display: inline-block;
}

.con_warp_half ul .text .title {
width: 100%;
font-size: 22px;
font-weight: bold;
color: #333;
line-height: 32px;
display: block;
margin-bottom: 24px;
}

.con_warp_half .bunker_date {
width: 100%;
font-size: 14px;
color: #777;
line-height: 28px;
display: inline-block;
font-weight: 400;
}

.con_warp_half .bunker_date p {
font-size: 14px;
color: #fff;
line-height: 28px;
display: inline-block;
font-weight: 400;
background: #666;
width: auto;
padding: 0px 10px;
margin-right: 10px;
}

.con_warp_half .maket_sub {
width: 100%;
font-size: 14px;
color: #777;
line-height: 28px;
display: block;
font-weight: 400;
}



/*main_switch*/
.toggle-wrapper {
position: relative;
}

.toggle-wrapper .toggle-light {
float: right;
margin-left: 10px;
color: #fff;
font-weight: normal;
opacity: 0.5;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.toggle-wrapper .toggle-dark {
float: left;
margin-right: 10px;
color: #fff;
opacity: 0.5;
font-weight: normal;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.toggle-wrapper .toggle-on {
opacity: 1;
font-weight: 500;
}

.switch_bg .toggle {
background-color: transparent;
border: 2px solid #c8c8c8;
border-radius: 60px;
cursor: pointer;
width: 52px;
height: 26px;
display: inline-block;
overflow: hidden;
position: relative;
transition: all .25s linear;
vertical-align: middle;
}

.switch_bg .toggle .slide {
background: #fff;
border-radius: 50%;
font-size: 14px;
line-height: 18px;
text-align: center;
text-decoration: none;
height: 18px;
width: 18px;
position: absolute;
top: 2px;
left: 28px;
transition: all 0.3s cubic-bezier(0.43, 0.98, 0.86, 1);
}

.switch_bg .toggle .slide:before, .switch_bg .toggle .slide:after {
color: #fff;
content: "\f185";
font-family: fontAwesome;
font-size: 14px;
font-weight: normal;
-webkit-font-smoothing: antialiased;
position: absolute;
}

.switch_bg .toggle .slide:before {
right: -20px;
}

.switch_bg .toggle .slide:after {
content: "\f186";
left: -18px;
color: #fff;
}

.switch_bg .toggle.on {
}

.switch_bg .toggle.on .slide {
left: 2px;
}

/*index_black_style css start*/
.index_backgroundChange.dark {
background: #000;
border-bottom: 1px solid #333;
}

.index_backgroundChange.dark .con_title {
border-bottom: 1px solid #333;
}

.index_backgroundChange.dark .con_title h2 {
color: #fff;
border-bottom: 2px solid #fff;
}

.index_backgroundChange.dark .con_title span a {
color: #fff;
}

.index_backgroundChange.dark .con_warp .swiper-wrapper .swiper-slide .tit {
color: #fff;
}

.index_backgroundChange.dark .con_warp .swiper-wrapper .swiper-slide .img {
border: 1px solid #333;
}

.index_backgroundChange.dark .con_warp .swiper-wrapper .swiper-slide .name, .index_backgroundChange.dark .con_warp .swiper-wrapper .swiper-slide .date {
}

.index_backgroundChange.dark .con_warp_half ul .text .title {
color: #fff;
}

/*index_black_style css end*/
/*footer*/
#footer {
position: relative;
background: #222;
clear: both;
width: 100%;
padding: 50px 0px 0 0;
box-sizing: border-box;
}

#footer .foot_display {
background: #222;
width: 1200px;
margin: 0 auto;
height: 200px;
/*padding: 50px 0 0 0;
padding: 0px 15px;*/
padding: 0px 15px;
box-sizing: border-box;
	/* 유배지관련 메뉴 늘려서 추가css */
	position: relative;
}

#footer .foot_left {
display: inline-block;
	/* 유배지관련 메뉴 늘려서 추가css */
	position: absolute;
    top: 0;
    left: 0;
}

#footer .foot_quick {
display: inline-block;
	padding-bottom: 10px;
}

#footer .foot_quick .title {
color: #fff;
font-weight: bold;
font-size: 15px;
display: inline-block;
}

#footer .foot_quick ul {
display: inline-block;
}

#footer .foot_quick ul li {
display: inline-block;
padding: 0px 15px;
}

#footer .foot_quick ul li a {
color: #fff;
font-size: 15px;
}

#footer .foot_gnb ul li {
display: inline-block;
padding: 0px 10px;
}

#footer .foot_gnb ul li.foot_menu {
position: relative;
}

#footer .foot_gnb ul li.foot_menu a {
padding-bottom: 27px;
}

#footer .foot_gnb ul .foot_menu:after {
content: "\e941";
font-family: xeicon;
font-size: 14px;
color: #808080;
}

#footer .foot_gnb ul li:first-child {
padding: 0px 10px 0px 0px;
}

#footer .foot_gnb ul li a {
color: #808080;
font-size: 14px;
}

#footer .foot_right {
float: right;
}

#footer .foot_right .foot_adress {
color: #808080;
font-size: 14px;
text-align: right;
line-height: 21px;
    margin-top: 30px;
}

/*=======sub_page-board_list css start=======*/
#ddanzi_sub_display {
overflow: hidden;
width: 1230px;
margin: 0 auto!important;
}

/*right_side_bar style css*/
.right_side_bar {
position: relative;
width: 270px;
float: right;
margin-top: 40px;
margin-bottom: 100px;
}

.right_side_bar img {
width: 100%;
}

.right_side_bar .my_info {
border: 1px solid #d9d9d9;
padding: 20px;
border-bottom: none;
}

.right_side_bar .my_info .profile {
width: 46px;
height: 46px;
display: inline-block;
vertical-align: sub;
margin-right: 15px;
}

.right_side_bar .my_info .name {
display: inline-block;
font-size: 14px;
line-height: 21px;
color: #666666;
}

.right_side_bar .my_info .name .nickname {
display: block;
color: #333;
font-size: 14px;
}

.right_side_bar .my_info .my_club {
margin-top: 15px;
}

.right_side_bar .my_info .my_club select {
width: 100%;
height: 35px;
line-height: 35px;
text-indent: 6px;
font-size: 14px;
border: 1px solid #d9d9d9;
}

.right_side_bar .my_info .my_club select option {
font-size: 14px;
line-height: 30px;
}

.right_side_bar .my_info .my_club .fa {
}

/*tab_style*/
.right_side_bar .my_act {
border: 1px solid #d9d9d9;
border-top: none;
}

.right_side_bar .my_act .my_tab {
height: 40px;
}

/*20171109 no_login Ãß°¡*/
.my_info.login_ch_off{
	text-align:center;
	border-bottom:1px solid #d9d9d9;
	padding:40px 20px;
}
.my_info.login_ch_off .btn{
	margin-top:10px;
	width: 130px;
    height: 40px;
    line-height: 40px;
    background: #000;
    text-align: center;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
	display: inline-block;
}

.right_side_bar .my_act .my_tab button {
position: relative;
background-color: #fafafa;
width: 33%;
height: 40px;
line-height: 40px;
float: left;
text-align: center;
font-size: 12px;
letter-spacing: -1px;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
padding: 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}

.right_side_bar .my_act .my_tab button:hover {
}

.right_side_bar .my_act .my_tab button.active {
background-color: #fff;
border-top: 1px solid #000;
border-right: 1px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
border-bottom: none;
}

.right_side_bar .my_act .my_tab button:last-child.active {
border-right: none;
}

.right_side_bar .my_act .my_tab button:first-child {
width: 34%;
border-left: none;
}

.right_side_bar .my_act .my_tab button .alert {
position: absolute;
top: -9px;
left: 50%;
margin-left: -16.5%;
background: #000;
width: auto;
padding: 0px 7px;
height: 20px;
line-height: 20px;
color: #fff;
font-size: 11px;
font-weight: normal;
border-radius: 20px;
z-index: 500;
}

.right_side_bar .my_act .tabcontent {
display: none;
padding: 0;
border: none;
border-top: none;
background: #fff;
}

.right_side_bar .my_act .tabcontent ul {
overflow: hidden;
padding: 20px;
height: auto;
max-height: 214px;
overflow-y: scroll;
}

.right_side_bar .my_act .tabcontent ul li {
border-bottom: 1px solid #ececec;
padding: 15px 0px;
}

.right_side_bar .my_act .tabcontent ul li:first-child {
padding: 0px 0px 15px 0px;
}

.right_side_bar .my_act .tabcontent ul li a.title, .right_side_bar .my_act .tabcontent ul li a {
display: block;
color: #333;
font-size: 13px;
margin-bottom: 10px;
}

.right_side_bar .my_act .tabcontent ul li .nickname {
font-size: 14px;
color: #999999;
display: inline-block;
position: relative;
padding-right: 10px;
}

.right_side_bar .my_act .tabcontent ul li .nickname span {
font-size: 0;
position: absolute;
right: 0px;
top: 2px;
width: 1px;
height: 11px;
background: #dddddd;
}

.right_side_bar .my_act .tabcontent ul li .date {
font-size: 12px;
color: #999999;
display: inline-block;
padding-left: 5px;
}

.right_side_bar .my_act .tabcontent ul li .regdate {
font-size: 14px;
color: #999999;
display: inline-block;
position: relative;
}

.right_side_bar .my_act .tabcontent ul li .regdate span {
}

.right_side_bar .my_act .tab_tool {
height: 40px;
padding: 0px 20px;
background: #fafafa;
border-top: 1px solid #d9d9d9;
}

.right_side_bar .my_act .tab_tool .delete {
font-size: 13px;
line-height: 40px;
color: #666;
display: inline-block;
}

.right_side_bar .my_act .tab_tool .delete .fa {
margin-right: 5px;
}

.right_side_bar .my_act .tab_tool .more_btn {
display: inline-block;
font-size: 14px;
color: #666;
text-align: right;
line-height: 40px;
float: right;
}

.right_side_bar .my_act .tab_tool .more_btn a {
display: block;
font-size: 13px;
color: #666;
}

.right_side_bar .my_act .tab_tool .more_btn .fa {
margin-left: 5px;
}

.right_side_bar .review_banner {
margin-top: 30px;
}

.right_side_bar .review_banner a {
display: block;
}

.right_side_bar .right_board_list {
position: relative;
margin-top: 30px;
}

.right_side_bar h3 {
margin-bottom: 15px;
}

.right_side_bar h3 span {
display: inline-block;
float: right;
}

.right_side_bar h3 span a {
display: block;
font-size: 14px;
}

.right_side_bar .right_board_list .list {
background: #fafafa;
border: 1px solid #d9d9d9;
padding: 20px;
}

.right_side_bar .right_board_list .list li {
height: 25px;
line-height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}

.right_side_bar .right_board_list .list li a {
font-size: 13px;
color: #333;
}

.right_side_bar .right_board_list .list li .board_title {
/*color: #888;*/
padding-right: 3px;
padding-left: 10px;
position: relative;
}

.right_side_bar .right_board_list .list li .board_title:before {
content: ".";
font-size: 19px;
text-align: center;
position: absolute;
width: 3px;
height: 3px;
top: -9px;
left: 0;
}

.right_side_bar .add_display {
position: relative;
background: #fafafa;
border: 1px solid #d9d9d9;
padding: 10px;
width: auto;
margin: 30px auto 0;
box-sizing: border-box;
width:270px;
height:270px;
}

/*right_side_bar-club style css start*/
.right_side_bar .my_club {
margin-bottom: 15px;
}

.right_side_bar .my_club .box {
background: #fafafa;
border: 1px solid #d9d9d9;
}

.right_side_bar .my_club ul {
padding: 10px 15px 10px 15px;
background: #fff;
}

.right_side_bar .my_club ul li {
font-size: 14px;
height: 25px;
line-height: 25px;
color: #333;
}

.right_side_bar .my_club .btnArea {
height: 40px;
line-height: 40px;
border-top: 1px solid #d9d9d9;
padding: 0px 20px 0px 20px;
text-align: center;
}

.right_side_bar .my_club .btnArea a {
font-size: 14px;
display: block;
}

/*right_side_bar-club style css end*/
/*board_list_style*/
a.board_more {
display: block;
float: right;
line-height: 24px;
font-size: 15px;
color: #666;
}

a.board_more .fa {
margin-left: 8px;
font-size: 18px;
}

#board_style_list {
width: 880px;
float: left;
margin-top: 40px;
margin-bottom: 100px;
}

.board_title_display {
margin: 0px 0 30px;
clear: both;
position: relative;
}

.board_title_display h1 {
display: inline-block;
}

.board_title_display .list_btn {
position: absolute;
right: 0;
top: -11px;
}

.board_title_display .list_btn a {
display: block;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
background: #a6a6a6;
margin-right: 0;
padding: 0px 15px 0px 15px;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
}

.board_title_display .navi {
float: right;
display: inline-block;
}

.board_title_display .navi .fisrt {
font-size: 16px;
color: #333;
display: inline-block;
padding: 0px 5px;
}

.board_title_display .navi .navi_name {
font-size: 14px;
color: #666666;
display: inline-block;
padding-left: 5px;
}

.board_title_display .navi .navi_name:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 16px;
text-align: center;
padding-right: 10px;
}

.board_list .tab_style {
width: 100%;
overflow: hidden;
border-left: 1px solid #d9d9d9;
/* border-right: 1px solid #d9d9d9; */
}

.board_list .tab_style a {
position: relative;
background-color: #fff;
width: 218px;
height: 50px;
line-height: 50px;
float: left;
text-align: center;
font-size: 15px;
color: #888;
outline: none;
cursor: pointer;
transition: 0.3s;
padding: 0;
border: 1px solid #d9d9d9;
border-bottom: 1px solid #000;
border-left: none;
}

.board_list .tab_style a:first-child {
border-left: none;
width: 220px;
}

/*community tab style css start*/
.board_list .tab_style.tab_style_community a {
width: 176px;
}

.board_list .tab_style.tab_style_community a:first-child {
width: 169px;
}

/*community tab style css end*/
.right_side_bar .my_act .my_tab button {
position: relative;
background-color: #fafafa;
width: 33%;
height: 40px;
line-height: 40px;
float: left;
text-align: center;
font-size: 12px;
letter-spacing: -1px;
border: none;
outline: none;
cursor: pointer;
transition: 0.3s;
padding: 0;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}

.board_list .tab_style a:hover {
color: #333;
}

.board_list .tab_style a.active_article {
background-color: #fafafa;
border-top: 1px solid #000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: none;
color: #333;
font-weight: 600;
}

.board_list .tab_style button a {
color: #333;
}

.board_list .tab_style button:last-child.active_article {
border-right: none;
}

.board_list .tab_style button:first-child {
}

.board_list .tab_style button .alert {
position: absolute;
top: -9px;
left: 50%;
margin-left: -16.5%;
background: #000;
width: auto;
padding: 0px 7px;
height: 20px;
line-height: 20px;
color: #fff;
font-size: 11px;
font-weight: normal;
border-radius: 20px;
letter-spacing: 0;
}

.board_list .board_list {
padding: 0;
border: none;
border-top: none;
}

.board_list {
}

/*
.board_list .add_display {
margin: 30px auto 0;
width: 728px;
height: 90px;
}
*/

#categoryWrap {
background: #fafafa;
border: 1px solid #d9d9d9;
vertical-align: top;
}

#categoryWrap.article_style {
border-top: none;
}

#categoryWrap ul {
overflow: hidden;
padding: 15px 35px;
font-size: 0;
}

#categoryWrap ul li {
display: inline-block;
padding: 10px 30px 10px 0px;
position: relative;
font-size: 0;
}

#categoryWrap ul li span {
position: absolute;
left: -14px;
top: 11px;
width: 1px;
height: 14px;
background: #c8c8c8;
}

#categoryWrap ul li a {
display: block;
font-size: 14px;
color: #666;
text-align: center;
}

#categoryWrap ul li:first-child {
padding: 0 30px 0 0;
}

#categoryWrap ul li.on a {
	color: #333;
	font-weight: 500;
	text-decoration: underline;
}

#categoryWrap.cate_style {
border: 1px solid #d9d9d9;
margin-bottom: 30px;
}

#categoryWrap.cate_style ul {
padding: 0;
font-size: 0;
}

#categoryWrap.cate_style ul li {
padding: 0;
height: 50px;
line-height: 50px;
width: 125px;
border-left: 1px solid #d9d9d9;
}

#categoryWrap.cate_style ul li a {
font-size: 15px;
color: #888;
}

#categoryWrap.cate_style ul li a.on {
color: #000;
}

.board_con #categoryWrap.cate_style ul li a:hover {
color: #000;
}

#categoryWrap.cate_style ul li:first-child {
border-left: none;
}

#categoryWrap.cate_style_community {
border: none;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
background: #f3f3f3;
}

#categoryWrap.cate_style_community ul {
padding: 0 20px 0 0;
overflow: hidden;
}

#categoryWrap.cate_style_community ul:first-child {
background: #fafafa;
border-bottom: 1px solid #d9d9d9;
}

#categoryWrap.cate_style_community ul .title {
font-size: 15px;
font-weight: 500;
}

#categoryWrap.cate_style_community ul li {
padding: 0px 15px 0px 20px;
height: 50px;
line-height: 50px;
}

#categoryWrap.cate_style_community ul:first-child li a {
font-size: 15px;
font-weight: 500;
}

#categoryWrap.cate_style_community ul li span {
	top: 18px;
    left: 3px;
}

#categoryWrap.cate_style_community ul .market {
padding: 0;
width: 70px;
height: 28px;
line-height: 28px;
background: #000;
margin-left: 5px;
}

#categoryWrap.cate_style_community ul .market a {
color: #Fff;
}

#categoryWrap.cate_style_community .search-block {
display: inline-block;
float: right;
text-align: right;
margin: 0;
width: 330px;
line-height: 50px;
}

#categoryWrap.cate_style_community .search-block .board_wirte {
display: inline-block;
margin-right: 15px;
}

#categoryWrap.cate_style_community .search-block .search-content {
display: inline-block;
}

#categoryWrap.cate_style_community .search-block .writeButton {
padding: 0;
width: 70px;
height: 28px;
line-height: 28px;
background: #000;
border: none;
color: #fff;
vertical-align: middle;
font-size: 14px;
cursor: pointer;
}

#categoryWrap.cate_style_community .search_input input {
width: 200px;
height: 28px;
line-height: 28px;
background: #fff;
	font-size:14px;
}

#categoryWrap.cate_style_community .searchButton {
width: 40px;
height: 29px;
line-height: 29px;
border: 1px solid #000;
background: #000;
vertical-align: middle;
}

.youtube_display {
margin: 40px 0px 0px 0px;
}

#boardWrap {
margin: 40px 0px;
}

#board_review {
margin: 40px 0px;
}
.sub_board_title_display {
margin: 0px 0px 10px;
}
.board_con #boardWrap .boardSyle_changer {
position: relative;
display: block;
height: 35px;
margin-bottom: 20px;
text-align: right;
}

.board_con #boardWrap .boardSyle_changer button {
background: none;
border: none;
text-align: center;
padding: 0;
}

.board_con #boardWrap .boardSyle_changer button:first-child {
margin: 0px 10px;
}

.board_con #boardWrap .boardSyle_changer button i {
font-size: 35px;
color: #c8c8c8;
}

.board_con #boardWrap .boardSyle_changer button.active_boardStyle i {
color: #000;
}

#boardWrap .list_maga_maker {
display: none;
}

.board_con .list_style {
position: relative;
width: 100%;
clear: both;
margin: 0px 0px 40px 0px;
}

.board_con .list_style table caption {
text-align: left;
font-size: 14px;
padding-bottom: 5px;
font-weight: 600;
height: 30px;
line-height: 30px;
}

.board_con .list_style table caption .side {
float: right;
}

.board_con .list_style table caption .side a {
display: inline-block;
width: auto;
padding-left: 15px;
}

.board_con .list_style table thead {
height: 50px;
line-height: 50px;
background: #fafafa;
border-top: 2px solid #000;
border-bottom: 1px solid #d9d9d9;
}

.board_con .list_style table thead tr th {
font-size: 14px;
text-align: center;
width: auto;
}

.board_con .list_style table thead tr th.no {
width: 80px;
}

.board_con .list_style table thead tr th.author {
width: 110px;
}

.board_con .list_style table thead tr th.id, .board_con .list_style table thead tr th.etc, .board_con .list_style table thead tr th.situation {
width: 200px;
}

.board_con .list_style table thead tr th.time {
width: 90px;
}

.board_con .list_style table thead tr th.delete {
width: 110px;
}

.board_con .list_style table thead tr th.sort {
width: 150px;
}

.board_con .list_style table thead tr th.voteNum {
width: 70px;
}

.board_con .list_style table thead tr th.voteNum_total {
width: 160px;
}

.board_con .list_style table thead tr th.hits {
width: 70px;
}

.board_con .list_style table thead tr th.edit_like {
width: 100px;
}

.board_con .list_style table thead tr th.allchk {
/*width: 60px;*/
padding: 0 10px;
width:auto !important;
}

.board_con .list_style table tbody tr {
border-bottom: 1px solid #d9d9d9;
}

.board_con .list_style table tbody tr td {
height: auto;
padding: 20px 5px;
text-align: center;
font-size: 13px;
line-height: 18px;
color: #666;
vertical-align: middle;
}

.board_con .list_style table tbody tr td.title {
text-align: left;
}

.board_con .list_style table tbody tr td.title a {
/*display: block;*/
color: #333;
}

.board_con .list_style table tbody tr td.author {
text-align: center;
cursor: pointer;
}

.board_con .list_style table tbody tr td.author .memo {
display: block;
color: red;
}

.board_con .list_style table tbody tr td.time span {
font-size: 12px;
color: #999;
margin-left: 3px;
}

.board_con .list_style table tbody tr td .fa {
margin: 0px 2px;
color: #333;
}

.board_con .list_style table tbody tr td.title .new_icon i {
font-size: 17px;
vertical-align: sub;
margin: 0px 2px;
color: #333;
}

.board_con .list_style table tbody tr.notice {
background: #f3f3f3;
}

.board_con .list_style table tbody tr.notice .no {
color: #333;
}

.board_con .list_style table tbody tr td.delete button {
color: #666;
text-decoration: underline;
}

.board_con .list_style table tbody tr td.situation span {
display: inline-block;
width: 65px;
text-align: center;
}

.board_con .list_style table tbody tr td.situation span.situation1 {
color: #0000FF;
border: 1px solid #0000FF;
}

.board_con .list_style table tbody tr td.situation span.situation2 {
color: #008000;
border: 1px solid #008000;
}

.board_con .list_style table tbody tr td.situation span.situation3 {
color: #FF0000;
border: 1px solid #FF0000;
}

/*magazin_style*/
.magazin_style {
width: 100%;
position: relative;
}

.magazin_style ul {
overflow: hidden;
font-size: 0;
clear: both;
}

.magazin_style ul li {
width: 202px;
float: left;
margin-right: 24px;
margin-bottom: 40px;

}

.magazin_style ul li:nth-child(4n+4) {
margin-right: 0;
}

.magazin_style ul li a {
display: block;
}

.magazin_style ul li .img {
display: block;
/*border: 1px solid #e1e1e1;*/
position: relative;
/* 20171222 */
	width: 100%;
    box-sizing: border-box;
}

.magazin_style ul li .img img {
width: 100%;
}

.magazin_style ul li .like {
position: absolute;
display: block;
z-index: 100;
left: 0;
bottom: 0;
width: auto;
height: 30px;
line-height: 30px;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 12px;
padding: 0px 10px;
font-weight: unset;
}

.magazin_style ul li .like .fa {
margin-right: 5px;
}

.magazin_style ul li .tit {
/*
font-size: 14px;
color: #333;
width: 100%;
	//2017-11-09 이동근 추가
	height:40px;

line-height: 22px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
*/
/* 20180111 클리어픽스 수정추가 */
font-size: 14px;
color: #333;
width: 100%;
height: 66px;
line-height: 22px;
font-weight: bold;
margin-top: 15px;
margin-bottom: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap: break-word;
}

.magazin_style ul li .tit .talk {
float: initial;
}

.magazin_style ul li .name, .magazin_style ul li .date {
width: 100%;
font-size: 14px;
color: #777;
line-height: 30px;
display: block;
font-weight: 400;
}

.magazin_style ul li .talk, .magazin_style ul li .hits {
float: right;
font-weight: 400;
font-size: 14px;
line-height: 30px;
}

.magazin_style ul li .last_update {
float: right;
font-weight: 400;
font-size: 14px;
line-height: 30px;
}

.magazin_style ul li .talk .fa {
margin-right: 8px;
color: #c8c8c8;
}

.magazin_style.community_style ul li .date {
width: 100%;
font-size: 14px;
color: #777;
line-height: initial;
display: block;
font-weight: 400;
}

.magazin_style.community_style ul li .date .hits {
float: right;
font-weight: 400;
font-size: 14px;
line-height: initial;
}

#boardWrap .manager_edit {
position: relative;
width: 190px;
height: auto;
border: 1px solid #d9d9d9;
padding: 5px;
background: #fafafa;
margin-top: 5px;
}

#boardWrap .manager_edit span {
font-size: 12px;
line-height: 20px;
color: #888;
display: inline-block;
}

#boardWrap .manager_edit .time {
text-align: left;
}

#boardWrap .manager_edit .name {
width: 60%;
display: inline-block;
}

#boardWrap .manager_edit .hits {
float: right;
}

#boardWrap .manager_edit .edit_time {
display: block;
}

#boardWrap .manager_edit .edit_like {
display: inline-block;
text-align: left;
}

#boardWrap .manager_edit .source {
display: inline-block;
width: 80%;
}

#boardWrap .manager_edit .source a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
font-size: 12px;
line-height: 20px;
color: #888;
width: 100%;
}

#boardWrap .manager_edit .edit a {
background: #fff;
padding: 0px 8px;
border: 1px solid #d9d9d9;
margin-right: 5px;
color: #888;
}

#boardWrap .manager_edit .delete {
background: #fff;
padding: 0px 8px;
border: 1px solid #d9d9d9;
}

#boardWrap .manager_edit .chk {
float: right;
}

/*board_paging style*/
.board_page {
position: relative;
}

.magazin_style .board_page {
border-top: 1px solid #d9d9d9;
}

.board_page .btn {
position: absolute;
top: 15px;
right: 0;
height: 40px;
font-size: 0;
}

.board_page .btn .writeButton {
display: inline-block;
width: auto;
line-height: 40px;
padding: 0px 15px;
margin: 0;
vertical-align: top;
background: #000000;
border: 1px solid #000000;
color: #fff;
font-size: 14px;
text-align: center;
}

.pagination {
position: relative;
display: block;
width: 100%;
height: auto;
line-height: 68px;
text-align: center;
margin-bottom: 15px;
}

.pagination a {
color: #999;
padding: 0px 15px;
font-size: 14px;
}

.pagination a.active {
color: #333;
text-decoration: underline;
font-weight: bold;
}

.pagination a:hover:not(.active) {
color: #333;
}

.search-block {
position: relative;
display: block;
margin: 0px auto;
text-align: center;
clear: both;
}

.search-block .search-content .search_list {
display: inline-block;
margin-right: 3px;
}

.search-block .search-content .search_list select {
width: 120px;
height: 40px;
line-height: 40px;
border: 1px solid #d9d9d9;
text-indent: 8px;
}

.search-block .search-content .search_input {
display: inline-block;
margin-right: 3px;
}

.search-block .search-content .search_input input {
width: 300px;
height: 40px;
line-height: 40px;
margin: 0;
padding: 0;
border: 1px solid #d9d9d9;
text-indent: 10px;
}

.search-block .search-content .searchButton {
display: inline-block;
width: 70px;
height: 40px;
line-height: 40px;
padding: 0;
margin: 0;
vertical-align: top;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
cursor: pointer;
}

.manager_board {
display: block;
margin: 0px 0px 40px;
text-align: right;
}

.manager_board .managerButton {
display: inline-block;
width: auto;
height: 27px;
line-height: 43px;
padding: 0 10px;
margin-left: 10px;
vertical-align: top;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
text-align: center;
}

.manager_board .seriesButton {
display: block;
width: 128px;
height: 40px;
line-height: 43px;
padding: 0;
margin: 20px 0px 0px 0px;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
text-align: center;
}

.broad_bunker .bunker_list ul {
overflow: hidden;
}

.broad_bunker .bunker_list ul li {
width: 280px;
float: left;
display: inline-block;
margin-right: 20px;
margin-bottom: 40px;
}

.broad_bunker .bunker_list ul li:nth-child(3n+3) {
margin-right: 0;
}

.broad_bunker .bunker_list ul li a {
display: block;
}

.broad_bunker .bunker_list ul li a .img {
display: block;
/* border: 1px solid #d9d9d9; */
width: 100%;
height: 100%;
font-size: 0;
}

.broad_bunker .bunker_list ul li a .tit {
font-size: 14px;
color: #333;
width: 100%;
line-height: 22px;
font-weight: 500;
margin: 15px 0px 0px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
font-weight:bold;
}

.broad_bunker .more_btn .moreButton {
display: block;
width: 200px;
height: 50px;
line-height: 50px;
padding: 0;
margin: 0 auto;
vertical-align: top;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
text-align: center;
}

/*community_sectionBest style*/
.community_sectionBest .commmu_tab {
overflow: hidden;
font-size: 0;
display: block;
margin: 0px 0px 20px;
}

.community_sectionBest .commmu_tab button {
background: transparent;
position: relative;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
border: none;
outline: none;
cursor: pointer;
padding: 0px 15px 0px 20px;
color: #666;
font-weight: normal;
}

.community_sectionBest .commmu_tab button span {
position: absolute;
left: 0;
top: 14px;
width: 1px;
height: 14px;
background: #c8c8c8;
}

.community_sectionBest .commmu_tab button:hover {
color: #33;
}

.community_sectionBest .commmu_tab button.active_commu {
color: #333;
font-weight: bold;
}

.community_sectionBest .commmu_tab button:first-child {
padding: 0 15px 0 0;
}

.community_sectionBest .commmu_tab button .alert {
position: absolute;
top: -9px;
left: 50%;
margin-left: -16.5%;
background: #000;
width: auto;
padding: 0px 7px;
height: 20px;
line-height: 20px;
color: #fff;
font-size: 11px;
font-weight: normal;
border-radius: 20px;
z-index: 500;
}

.community_sectionBest .community_contents {
display: none;
padding: 0;
border: none;
border-top: none;
position: relative;
}

.community_sectionBest .community_contents .board_more {
position: absolute;
top: -51px;
right: 0;
}

.guide_banner a {
display: block;
}

.commnity_club_list {
margin: 40px 0px;
}

.commnity_club_list .club_cate {
background: #fff;
border: 1px solid #d9d9d9;
border-top: 2px solid #000;
padding: 30px 30px 0px;
margin-bottom: 30px;
}

.commnity_club_list .club_cate h3 {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 10px;
margin-bottom: 20px;
}

.commnity_club_list .club_cate .list {
display: block;
overflow: hidden;
margin-bottom: 20px;
}

.commnity_club_list .club_cate .list > div {
display: block;
overflow: hidden;
}

.commnity_club_list .club_cate .list h4 {
float: left;
width: 140px;
margin: 0;
padding: 10px 0px;
}

.commnity_club_list .club_cate .list ul {
padding-left: 140px;
}

.commnity_club_list .club_cate .list ul li {
float: left;
padding: 8px 15px 8px 5px;
}

.commnity_club_list .club_cate .list ul li a {
/* display: block; */
font-size: 14px;
color: #888;
}

.club_badge {
display: inline-block;
width: 30px;
height: 18px;
line-height: 19px;
background: #000;
color: #fff;
font-size: 11px;
margin-left: 5px;
text-align: center;
}

.commnity_club_list .club_cate .list ul li img {
vertical-align: middle;
margin-left: 5px;
width: 15px;
height: 15px;
}

.board_sort {
position: relative;
width: 880px;
font-size: 0;
margin-top: 30px;
text-align: center;
}

.board_sort ul {
overflow: hidden;
display: inline-block;
margin-right: 20px;
font-size: 0;
border: 1px solid #d9d9d9;
border-top: none;
vertical-align: middle;
/* 20171227 클리어픽스에서 사파리대응으로 추가 css */
    float: left;
}

.board_sort ul li {
display: block;
width: 130px;
height: 30px;
line-height: 30px;
text-align: center;
border-top: 1px solid #d9d9d9;
background: #fafafa;
}

.board_sort ul li a {
display: block;
color: #888;
font-size: 15px;
text-align: center;
}

.board_sort .add_display {
margin: 0;
display: inline-block;
vertical-align: top;
}

.board_sort .clubImg {
width: 728px;
height: 90px;
line-height: 90px;
display: inline-block;
background: #ddd;
vertical-align: middle;
font-size: 25px;
text-align: center;
}

.board_sort ul li.active {
background: #fff;
}

.board_sort ul li.active a {
color: #333;
font-weight:bold;
}

.board_addOption {
position: relative;
display: block;
height: 30px;
line-height: 30px;
font-size: 0;
margin-bottom: 7px;
}

.board_addOption .care {
display: inline-block;
text-align: left;
font-size: 14px;
color: #888;
}

.board_addOption .right {
float: right;
height: 30px;
vertical-align: text-bottom;
}

.board_addOption .left {
display: inline-block;
}

.board_addOption .left a {
display: inline-block;
/*margin-right: 10px;*/
}

.board_addOption .left a button {
display: inline-block;
width: auto;
height: 30px;
line-height: 30px;
padding: 0px 15px 0px 15px;
margin: 0;
/*background: #a6a6a6;*/
background: #fff;
/*border: 1px solid #8d8d8d;*/
border: 1px solid #ddd;
/*color: #fff;*/
color: #000;
font-size: 14px;
text-align: center;
}

.board_addOption .left a button.newButton {
/*
background: #000;
border: 1px solid #000;
*/
background: #fff;
color: black;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #fff;
}

/*club_connect style css start*/
.club_connect {
display: block;
text-align: left;
padding-bottom: 7px;
}

.club_connect .title {
display: inline-block;
font-size: 14px;
color: #fff;
background: #000;
padding: 0px 7px;
height: 25px;
line-height: 25px;
}

.club_connect span {
position: absolute;
left: 0;
top: 0px;
width: 1px;
height: 12px;
background: #c8c8c8;
}

.club_connect ul {
display: inline-block;
}

.club_connect ul li {
display: inline-block;
padding: 0px 15px;
position: relative;
}

.club_connect ul li a {
font-size: 14px;
display: block;
}

/*club_connect style css end*/
.textScale {
display: inline-block;
font-size: 0;
margin-right: 10px;
}

.textScale > div {
display: inline-block;
}

.board_addOption .allchk {
display: inline-block;
font-size: 14px;
color: #888;
vertical-align: text-bottom;
}

.key_list {
margin: 40px 0px;
}

.key_list ul {
overflow: hidden;
}

.key_list ul li {
margin: 0px 0px 40px 0px;
}

.key_list ul li:last-child {
margin: 0;
}

.key_list ul li .key_style {
display: block;
font-size: 0;
position: relative;
}

.key_list ul li .key_style img {
width: 100%;
height: auto;
}

.key_list .key_style .text_style {
width: 100%;
}

.key_list .key_style .text_style.style_01 {
bottom: 20px;
left: 50%;
margin-left: -440px;
}

.key_list .key_style .text_style.style_01 .title {
font-size: 25px;
margin-bottom: 10px;
}

.key_list .key_style .text_style.style_01 .sub {
display: block;
width: 70%;
height: auto;
margin: 0 auto;
font-size: 14px;
line-height: 22px;
}

.key_list .key_style .text_style.style_02 {
width: 50%;
bottom: 15%;
left: 5%;
margin-left: 0;
}

.key_list .key_style .text_style.style_02 .title {
font-size: 25px;
font-weight: 100;
text-align: left;
margin-bottom: 10px;
line-height: 33px;
}

.key_list .key_style .text_style.style_02 .sub {
width: 90%;
display: block;
font-size: 14px;
text-align: left;
color: rgba(255,255,255,0.4);
line-height: 22px;
}

.key_list .key_style .text_style.style_03 {
width: 50%;
bottom: 30%;
right: 5%;
margin-right: 0;
}

.key_list .key_style .text_style.style_03 .title {
font-family: 'Nanum Myeongjo', serif;
font-weight: bold;
text-align: right;
font-size: 25px;
margin-bottom: 10px;
line-height: 33px;
}

.key_list .key_style .text_style.style_03 .sub {
width: 75%;
display: block;
font-size: 14px;
text-align: right;
color: rgba(255,255,255,0.4);
line-height: 22px;
}

/*=======sub_page-board_list css end=======*/
/*write_page css start*/
.boardW {
margin: 30px 0px;
}

.write_header {
padding: 10px 10px 10px 10px;
background: #fafafa;
border: 1px solid #d9d9d9;
margin-bottom: 5px;
}

.write_header .category_sel {
display: inline-block;
}

.write_header .category_sel select {
background: #fff;
border: 1px solid #d9d9d9;
font-size: 14px;
height: 25px;
}

.write_header .template {
display: inline-block;
}

.write_header .template select {
background: #fff;
border: 1px solid #d9d9d9;
font-size: 14px;
height: 25px;
}
.write_header .iText {
width: 500px;
margin: 0 10px 0 0;
background: #fff;
border: 1px solid #d9d9d9;
height: 25px;
font-size: 14px;
}

.write_header label {
font-size: 14px;
color: #666;
}

.write_editor {
width: 880px;
height: 400px;
border: 1px solid #d9d9d9;
text-align: center;
line-height: 400px;
font-size: 25px;
color: #888;
}

.write_footer {
padding: 15px 0px 0px 0px;
}

.write_footer .write_option > div {
display: block;
padding: 10px 0px;
}

.write_footer .write_author {
}

.write_footer .write_author input {
border: 1px solid #d9d9d9;
text-indent: 10px;
font-size: 14px;
height: 25px;
margin-right: 5px;
}

.write_footer .btnArea {
text-align: right;
display: block;
margin-top: 30px;
}

.write_footer .btnArea .btn input, .write_footer .btnArea .btn button {
display: inline-block;
width: auto;
height: 40px;
line-height: 40px;
padding: 0px 10px;
margin: 0;
vertical-align: top;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
cursor: pointer;
}

.write_footer .manage_option {
margin: 15px 0px 0px 0px;
}

.write_footer .manage_option label {
font-size: 13px;
font-weight: 500;
color: #333;
display: inline-block;
margin-right: 20px;
}

.write_footer div label, .write_footer .manage_option div label {
font-size: 13px;
line-height: 22px;
color: #666;
margin-right: 5px;
}

.write_footer .write_author label {
text-indent: 10px;
line-height: 30px;
margin: 0;
}

.write_footer .manage_option div {
display: inline-block;
}

.write_footer .my_board select {
height: 25px;
line-height: 25px;
border: 1px solid #d9d9d9;
margin-left: 5px;
}

.write_footer .my_board select option {
}

/*reserve_calendar style*/
.date_set {
margin-left: 5px;
}

.date_set .renderCalendar {
font-size: 14px;
color: #666;
}

.date_set #writeDay {
border: 1px solid #d9d9d9;
height: 25px;
line-height: 25px;
font-size: 14px;
text-indent: 10px;
}

.date_set select {
height: 25px;
line-height: 25px;
border: 1px solid #d9d9d9;
}

.date_set select option {
font-size: 14px;
}

/*write_page css end*/
/*read_page css start*/
.boardR {
}

.boardR .read_header {
position: relative;
margin: 30px 0px 30px 0px;
border-top: 2px solid #000;
border-bottom: 1px solid #d9d9d9;
}

.boardR .read_header .top_title {
height: 50px;
line-height: 50px;
padding: 0px 30px 0px 30px;
background: #fafafa;
}

.boardR .read_header h1 {
font-size: 13px;
color: #333;
display: inline-block;
vertical-align: top;
}

.boardR .read_header h1 a {
color: #333;
font-weight: 600;
margin: 0;
}

.boardR .read_header h1 a.cate_name {
color: #666;
font-weight: 400;
margin-right: 30px;
}

.boardR .read_header .right {
float: right;
display: inline-block;
height: 50px;
line-height: 44px;
}

.boardR .read_header .right .time {
display: inline-block;
vertical-align: middle;
font-size: 13px;
color: #666;
margin-right: 20px;
}

.boardR .read_header .right .textScale {
height: 50px;
vertical-align: text-top;
margin-right: 0;
}

.boardR .meta {
height: 50px;
border-top: 1px solid #d9d9d9;
}

.boardR p.time {
color: #333;
font-size: 13px;
padding-left: 30px;
line-height: 50px;
display: inline-block;
}

.boardR .author {
color: #333;
font-size: 13px;
/*padding-left: 30px;*/
line-height: 50px;
}

.boardR .sum {
float: right;
padding-right: 30px;
height: 50px;
line-height: 50px;
}

.boardR .sum .read, .boardR .sum .vote, .boardR .sum .blame {
font-size: 13px;
color: #999;
margin-left: 20px;
}

.boardR .sum em {
color: #333;
font-style: normal;
margin-left: 5px;
}

.boardR .read_footer {
position: relative;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 10px 0px 15px 0px;
height: auto;
overflow: hidden;
margin-top: 15px;
}

.boardR .read_footer .left {
text-align: left;
display: inline-block;
}

.boardR .read_footer .right {
text-align: right;
display: inline-block;
float: right;
}

.boardR .read_footer .left .tag {
height: 18px;
line-height: 18px;
}

.boardR .read_footer .left .tag span {
font-size: 0;
vertical-align: sub;
margin-right: 10px;
}

.boardR .read_footer .left .tag a {
height: 18px;
background: #e7e7e7;
font-size: 12px;
padding: 3px 7px;
margin-right: 5px;
color: #666;
}

.boardR .read_footer .left .author_info {
display: block;
margin-bottom: 30px;
}

.boardR .read_footer .left .author_info .author {
display: block;
color: #333;
font-size: 14px;
line-height: 22px;
margin: 0;
padding: 0;
}

.boardR .read_footer .left .author_info .edit {
font-size: 14px;
color: #888;
display: block;
line-height: 22px;
}

.boardR .read_footer .right .sns {
/*margin-bottom: 30px;*/
display: block;
font-size: 0;
}

.boardR .read_footer .right .sns a {
display: inline-block;
margin-left: 10px;
}

.boardR .read_footer .right .sns_attach {
display: block;
}

.boardR .read_footer .right .sns_attach .attach_name {
display: inline-block;
font-size: 14px;
color: #666;
height: 18px;
line-height: 18px;
}

.boardR .read_footer .right .sns_attach .sum {
font-size: 14px;
color: #999;
margin-left: 20px;
padding: 0;
height: 18px;
line-height: 18px;
}

.boardR .read_footer .right .sns_attach .sum em {
color: #333;
}

.boardR .voteWrap.buttons {
margin-top: 15px;
text-align: center;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
/*margin-top: 100px;*/
}

.boardR .voteWrap.buttons span {
display: inline-block;
width: 90px;
height: 27px;
line-height: 27px;
text-align: center;
font-size: 14px;
background: #a1a2a2;
color: #fff;
}

.boardR .voteWrap.buttons .vote {
background: #000;
margin-right: 5px;
}

.boardR .fileList {
margin-top: 10px;
/*border-bottom: 1px solid #ddd;*/
}

.boardR .fileList .toggleFile {
font-size: 14px;
display: inline-block;
/*margin-bottom: 10px;*/
}

.boardR .fileList .toggleFile .fa, .boardR .fileList .files .fa {
margin-right: 5px;
}

.boardR .fileList .files {
display: none;
}

.boardR .fileList .files li a {
font-size: 11px;
color: #666;
line-height: 20px;
}

.boardR .sign {
position: relative;
clear: both;
display: block;
border: 1px solid #d9d9d9;
height: auto;
padding: 10px 10px 10px 10px;
margin: 15px 0px 0px 0px;
}

.boardR .sign img {
width: auto;
max-width: 171px;
height: auto;
padding-right: 10px;
border-right: 1px solid #d9d9d9;
}

.boardR .sign .tx {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 22px;
padding-left: 20px;
padding-top: 10px;
}

.boardR .btnArea {
margin-top: 20px;
}

.boardR .btnArea span {
display: inline-block;
width: auto;
height: 27px;
line-height: 27px;
text-align: center;
background: #a6a6a6;
margin-right: 5px;
/* padding: 0px 15px 0px 15px; */
border: 1px solid #8d8d8d;
}

.boardR .btnArea span a {
display: block;
font-size: 14px;
color: #fff;
padding: 0px 15px;
}

.boardR .btnArea .list_btn {
float: right;
margin: 0;
}

.feedback {
margin: 40px 0px 60px 0px;
clear: both;
}

.feedback .fbHeader {
display: block;
margin-bottom: 15px;
}

.feedback .fbHeader h3 {
font-size: 14px;
display: inline-block;
}

.feedback .fbHeader h3 em {
font-style: normal;
font-weight: normal;
}

.feedback .fbHeader .btn {
display: inline-block;
float: right;
}

.feedback .fbHeader .btn a {
font-size: 14px;
color: #888;
}

.feedback form {
display: block;
}

.feedback form textarea {
border: 1px solid #d9d9d9;
display: inline-block;
width: 738px;
height: 98px;
padding: 10px;
float: left;
}

.feedback form .submit_comment {
width: 120px;
height: 120px;
background: #fafafa;
border: 1px solid #d9d9d9;
display: inline-block;
line-height: 120px;
border-left: none;
font-size: 14px;
cursor: pointer;
}

.feedback .loginOff_user input{
width: 200px;
height: 30px;
font-size: 14px;
border: 1px solid #d9d9d9;
padding: 0 5px;
margin-right: 10px;
}
.feedback .loginOff_user textarea{
margin-bottom:10px;
}

#cmt_list {
margin-top: 20px;
}

#cmt_list ul {
}

#cmt_list ul li {
position: relative;
border-bottom: 1px solid #d9d9d9;
padding: 20px 0px 20px 0px;
display: block;
width: 100%;
}

#cmt_list ul li .fbItem {
}

#cmt_list ul li .fbItem .fbMeta {
margin-bottom: 20px;
display: inline-block;
}

#cmt_list ul li .fbItem .fbMeta h4 {
display: inline-block;
margin-right: 20px;
}

#cmt_list ul li .fbItem .fbMeta h4 a {
color: #666;
}

#cmt_list ul li .fbItem .fbMeta h4 a span {
color: #f00;
display: block;
font-size: 11px;
padding-top: 6px;
}

#cmt_list ul li .fbItem .fbMeta .time {
display: inline-block;
font-size: 14px;
color: #666;
}

#cmt_list ul li .fdComment {
/*width: 680px;*/
height: auto;
font-size: 14px;
line-height: 26px;
margin-bottom: 30px;
}

#cmt_list ul li .btnArea {
display: inline-block;
}

#cmt_list ul li .btnArea .btn {
display: inline-block;
width: auto;
/* padding: 0px 13px; */
background: #a1a2a2;
height: 35px;
line-height: 35px;
margin-right: 5px;
}

#cmt_list ul li .btnArea .btn a {
font-size: 13px;
color: #fff;
display: block;
}

#cmt_list ul li .btn_border {
display: inline-block;
float: right;
}

#cmt_list ul li .btn_border .btn {
display: inline-block;
height: 35px;
line-height: 35px;
border: 1px solid #d9d9d9;
margin-right: 5px;
background: #fff;
}

#cmt_list ul li .btn_border .btn a {
padding: 0px 10px;
color: #333;
display: block;
font-size: 13px;
}

#cmt_list ul .re_comment {
background: #fafafa;
padding: 20px;
}

#manager_read {
/*display: inline-block;
width: auto;
height: 27px;
line-height: 27px;
padding: 0 10px;
margin: 0;
background: #a6a6a6;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 13px;
text-align: center;
float: right;*/
}

.fbInsert {
padding: 20px 0px 20px 0px;
width: 880px;
font-size: 0;
height: auto;
display: block;
}

.fbInsert textarea {
width: 874px;
height: 120px;
border: 1px solid #d9d9d9;
}

.fbInsert .fb_right {
float: right;
padding-top: 10px;
}

.fbInsert .submit_comment, .fbInsert .submit_cancel {
display: inline-block;
width: auto;
padding: 0px 13px;
background: #a1a2a2;
height: 35px;
line-height: 35px;
margin-left: 5px;
font-size: 14px;
color: #fff;
}

.manager_aw .submit_comment, .manager_aw .submit_cancel {
display: inline-block;
width: auto;
padding: 0px 13px;
background: #a1a2a2;
height: 35px;
line-height: 35px;
margin-left: 5px;
font-size: 14px;
color: #fff;
border: none;
}

.fbInsert .fb_alert {
display: inline-block;
font-size: 14px;
padding-top: 5px;
}

.read_mg {
position: relative;
}

.manager_display {
position: relative;
display: inline-block;
float: right;
}

#fb_manager {
display: inline-block;
width: auto;
padding: 0px 13px;
background: #a1a2a2;
height: 35px;
line-height: 35px;
margin-right: 5px;
font-size: 13px;
color: #fff;
}

#open_manager_read {
display: none;
position: absolute;
z-index: 100;
top: 45px;
right: -28px;
}

.open_fb_manager {
display: none;
position: absolute;
z-index: 100;
top: 39px;
right: -60px;
}

.open_fb_manager.on {
display: block;
}

#open_manager_read ul, .open_fb_manager ul {
overflow: hidden;
width: 140px;
height: auto;
background: #fff;
border: 1px solid #d9d9d9;
padding: 10px 15px;
box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1);
}

#open_manager_read ul li, #cmt_list .open_fb_manager ul li {
text-align: left;
padding: 0;
border: none;
}

#open_manager_read ul li a, .open_fb_manager ul li a {
font-size: 14px;
line-height: 30px;
color: #888;
}

#open_manager_read ul li a:hover, .open_fb_manager ul li a:hover {
color: #333;
}

/*read_page css end*/
/*mypage css*/
#ddanzi_mypage_display {
overflow: hidden;
width: 1230px;
margin: 0 auto;
}

.mypage_contents {
width: 1200px;
margin: 40px auto 160px;
padding:  10px 15px;
box-sizing:  border-box;
}

.mypage_contents .tab_style {
width: 100%;
overflow: hidden;
border-left: 1px solid #d9d9d9;
}

.mypage_contents .tab_style a {
position: relative;
background-color: #fff;
width: 117px; /* 신고기능 코딩 처리 - by 이동근 630.works@gmail.com */
height: 50px;
line-height: 50px;
float: left;
text-align: center;
font-size: 14px;
color: #888;
outline: none;
cursor: pointer;
transition: 0.3s;
padding: 0;
border: 1px solid #d9d9d9;
border-bottom: 1px solid #000;
border-left: none;
}

.mypage_contents .tab_style.join_style a {
position: relative;
background-color: #fff;
width: auto;
padding: 0px 15px 0px 15px;
height: 40px;
line-height: 40px;
float: left;
text-align: center;
font-size: 14px;
color: #888;
outline: none;
cursor: pointer;
transition: 0.3s;
border: 1px solid #d9d9d9;
border-left: none;
}

.mypage_contents .tab_style a:hover {
color: #333;
}

.mypage_contents .tab_style a.on {
background-color: #fafafa;
border-top: 1px solid #000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: none;
color: #333;
font-weight: 600;
}

.mypage_contents .member_table {
width: 540px;
display: block;
margin: 100px auto 160px;
}

.mypage_contents .member_table tbody {
border-top: 1px solid #d9d9d9;
}

.mypage_contents .member_table tr {
height: 50px;
line-height: 50px;
border-bottom: 1px solid #d9d9d9;
}

.mypage_contents .member_table tr.profile {
height: auto;
line-height: initial;
min-height: 110px;
}

.mypage_contents .member_table th {
width: 200px;
display: inline-block;
background: #fafafa;
padding: 0px 30px 0px 30px;
font-size: 14px;
font-weight: 600;
text-align: left;
height: 100%;
}

/*20171115 ???*/
.mypage_contents .member_table th em {
font-style: normal;
font-weight: normal;
color: #e00;
padding-left: 5px;
}

.mypage_contents .member_table td {
text-align: left;
width: 340px;
padding: 0px 30px 0px 30px;
font-size: 14px;
	display: inline-block;
    word-wrap: break-word;
    word-break: keep-all;
    line-height: 25px;
    vertical-align: middle;
    box-sizing: border-box;
}

.mypage_contents .member_table tr.profile th {
padding: 48px 30px 48px 30px;
}

.mypage_contents .member_table tr.profile td {
vertical-align: middle;
}

.mypage_contents .member_table tr.realName td {
color: red;
}

.mypage_contents .member_table tr.realName2 td {
color: blue;
}
.mypage_contents .member_table tr.realName .realName_chk {
width: 70px;
height: 28px;
line-height: 28px;
border: 1px solid #d9d9d9;
margin-left: 10px;
}

.mypage_contents .member_table tr.wirte_score {
height: 80px;
line-height: 80px;
}

.mypage_contents .member_table tr.wirte_score .progress {
width: 280px;
height: 30px;
line-height: 30px;
background: #c8c8c8;
position: relative;
}

.mypage_contents .member_table tr.wirte_score .progress .pBar {
display: block;
background: #000;
}

.mypage_contents .member_table tr.wirte_score .progress .pTitle {
text-align: right;
color: #fff;
display: block;
padding: 0px 10px 0px 0px;
}

.mypage_contents .member_table .btnArea {
margin: 40px 0px 0px;
text-align: center;
box-sizing: border-box;
}

.mypage_contents .member_table .btnArea span {
display: inline-block;
width: 168px;
height: 70px;
line-height: 70px;
background: #000;
text-align: center;
margin-left: 11.5px;
}

.mypage_contents .member_table .btnArea span:first-child {
margin-left: 0;
}

.mypage_contents .member_table .btnArea span a {
display: block;
color: #fff;
font-size: 15px;
font-weight: 600;
}

.mypage_contents .member_table .real_name_txt {
margin: 25px 0px 0px 0px;
background: #eee;
border: 1px solid #d9d9d9;
padding: 15px 15px 5px 30px;
}

.mypage_contents .member_table .real_name_txt li {
display: list-item;
font-size: 14px;
line-height: 22px;
list-style: decimal;
padding-bottom: 10px;
}

#read_display .board_con {
margin: 40px 0px 0px 0px;
}

/*join>login style*/
#login_wrap {
overflow: hidden;
width: 880px;
margin: 140px auto;
text-align: center;
}

#login_wrap .logoWrap {
display: block;
text-align: center;
margin-bottom: 60px;
}

#login_wrap .logoWrap .logo {
}

#login_wrap .logoWrap .logo a {
display: block;
}

#login_wrap .logoWrap .logo a img {
width: 170px;
/* 20171229 로고이미지가 찌그러진다고해서 주석처리
height: 40px;*/
text-align: center;
}

#login_wrap .logoWrap .join_text {
font-size: 14px;
font-weight: 400;
color: #999;
margin-top: 20px;
text-align: center;
}

#login_wrap form table {
width: 100%;
text-align: center;
}

#login_wrap form table tr td {
padding: 0px 0px 20px 0px;
}

#login_wrap form table tr td input {
width: 440px;
height: 50px;
line-height: 50px;
text-indent: 10px;
font-size: 14px;
border: 1px solid #000;
}

#login_wrap form table #regularsubmit td {
padding: 0px 0px 60px 0px;
}

#login_wrap form table #regularsubmit button {
width: 440px;
height: 70px;
line-height: 70px;
background: #000;
text-align: center;
font-size: 15px;
color: #fff;
font-weight: 600;
}

#login_wrap .login_option {
padding: 0px 0px 30px 0px;
}

#login_wrap .login_option a {
color: #666;
font-size: 14px;
padding: 0px 20px;
position: relative;
}

#login_wrap .login_option a span {
position: absolute;
left: 0;
top: 1px;
width: 1px;
height: 12px;
background: #ccc;
}

#login_wrap .footer {
font-size: 12px;
color: #999;
}

.mypage_contents .join_title {
text-align: center;
font-size: 32px;
font-weight: 400;
margin-top: 60px;
}

.mypage_contents .join_text {
font-size: 14px;
font-weight: 400;
color: #999;
margin: 20px 0px 0px 0px;
line-height: 28px;
text-align: center;
}

.mypage_contents form table {
width: 440px;
margin: 20px auto;
}

.mypage_contents form table tr td {
display: block;
padding: 25px 0px 0px 0px;
}

.mypage_contents form table tr td span {
display: block;
font-size: 11px;
color: #666;
line-height: 18px;
}

.mypage_contents form table tr td.wpw_ex {
display: block;
padding: 5px 94px 0px 0px;
text-align: right;
}

.mypage_contents form table tr td.wpw_ex span {
font-size: 12px;
color: #999;
/* 20171220 회원가입 창에서 정렬이 제대로 안되서 추가 */
	text-align: left;
}

/*alert_txt*/
.mypage_contents form table tr td.wpw_ex span.alert {
display: inline-block;
float: left;
color: #f00;
font-size: 12px;
}

.mypage_contents form table tr td input {
width: 440px;
height: 50px;
line-height: 50px;
text-indent: 10px;
font-size: 14px;
border: 1px solid #000;
}
.mypage_contents form table tr td input.join_checkbox {
width: 15px;
margin-right: 10px;
height: 25px;
}

.mypage_contents form table #joinsubmit td {
display: inline-block;
}

.mypage_contents form table #joinsubmit button {
width: 210px;
height: 70px;
line-height: 70px;
background: #a6a6a6;
text-align: center;
font-size: 15px;
color: #fff;
font-weight: 600;
}

.mypage_contents form table #joinsubmit button.nowClick {
background: #000;
margin-right: 20px;
}

.mypage_contents form table tr td .repetition_btn {
display: inline-block;
float: right;
width: auto;
height: 50px;
line-height: 50px;
padding: 0px 15px 0px 15px;
font-size: 14px;
background: #000;
color: #fff;
}

.mypage_contents form table tr td select {
width: 440px;
height: 50px;
line-height: 50px;
border: 1px solid #000;
margin-bottom: 5px;
text-indent: 7px;
font-size: 14px;
color: #666;
}

.mypage_contents form table tr td #profile_image {
text-indent: 0;
padding: 10px;
color: #666;
vertical-align: middle;
line-height: 29px;
font-size: 14px;
}

.mypage_contents form table .signature textarea {
width: 440px;
border: 1px solid #000;
padding: 10px;
font-size: 14px;
}

.mypage_contents form table td p {
font-size: 14px;
color: #333;
padding-bottom: 5px;
}

.mypage_contents form table .allow_message input {
width: auto;
display: inline-block;
}

.mypage_contents form table .allow_message label {
font-size: 14px;
color: #666;
margin-right: 15px;
}

/*joinAgreement style*/
.mypage_contents .joinAgreement {
/*20171115 width:440px -> width:100% ????*/
width: 100%;
margin: 40px auto;
}

.mypage_contents .joinAgreement .txtArea_wrap {
margin: 15px 0px 20px 0px;
}

.mypage_contents .joinAgreement .txtArea_wrap .txtArea {
width: 100%;
position: relative;
/*20171115 max-height: 120px -> max-height: 400px ????*/
max-height: 400px;
border: 1px solid #000;
overflow-y: auto;
padding: 20px;
font-size: 12px;
color: #666;
line-height: 18px;
}

.mypage_contents .joinAgreement .checkAgreement {
margin-bottom: 40px;
}

.mypage_contents .joinAgreement .checkAgreement label {
font-size: 14px;
color: #333;
}

.mypage_contents .joinAgreement .joinButtonArea {
width: 440px;
height: 70px;
line-height: 70px;
background: #000;
text-align: center;
}

.mypage_contents .joinAgreement .joinButtonArea input {
font-size: 15px;
color: #fff;
}

.mypage_contents #accountsubmit button {
display: block;
width: 210px;
margin: 0 auto 20px;
height: 70px;
line-height: 70px;
background: #000000;
text-align: center;
font-size: 15px;
color: #fff;
font-weight: 600;
}

.mypage_contents .confirm_txt {
font-size: 15px;
text-align: center;
margin-top: 13px;
}

.mypage_contents form table input[type=text][disabled=disabled] {
background: #ddd;
text-shadow: 1px 1px 0 #fff;
border: 1px solid #999;
}

.mypage_contents form table tr td #profile_imagetag {
font-size: 14px;
padding: 3px 0px;
}

.mypage_contents form table tr td #profile_imagetag button {
text-decoration: underline;
}

.mypage_contents .board_con .list_style {
margin: 40px 0px 40px 0px;
}

.mypage_contents .group_select {
position: relative;
text-align: right;
padding: 0px 0px 10px;
}

.mypage_contents .group_select.bottom {
padding: 10px 0px 0px;
}

.mypage_contents .group_select .mypage_option {
margin-right: 10px;
display: inline-block;
}

.mypage_contents .group_select select {
border: 1px solid #d9d9d9;
width: auto;
height: 25px;
line-height: 25px;
font-size: 14px;
color: #666;
}

.mypage_contents .group_select button,
.mypage_contents .group_select input[type=submit]{
width: auto;
padding: 0px 10px;
background: #a6a6a6;
border: 1px solid #8d8d8d;
height: 25px;
line-height: 25px;
font-size: 14px;
color: #fff;
vertical-align: middle;
}

.board_con .list_style .message_table {
margin-bottom: 40px;
}

.board_con .list_style .message_table .th_left {
text-align: left!important;
padding: 0 15px;
}

.board_con .list_style .message_table .message_title_td td {
text-align: left;
padding: 10px 15px;
background-color: #fafafa;
}

.board_con .list_style .message_table .message_text_td td {
text-align: left;
padding: 10px 15px;
}

/*inquiry_comment style*/
.mypage_contents .inquiry_comment {
}

.mypage_contents .inquiry_comment .txt {
padding: 0px 20px;
}

.mypage_contents .inquiry_comment .txt p {
text-align: left;
line-height: 22px;
}

.mypage_contents .inquiry_comment .btnArea {
text-align: right;
}

.mypage_contents .inquiry_comment .btnArea a {
display: inline-block;
width: auto;
padding: 0px 10px;
background: #a6a6a6;
border: 1px solid #8d8d8d;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #fff;
vertical-align: middle;
margin-left: 5px;
cursor: pointer;
}

.mypage_contents .inquiry_comment .comment {
margin-top: 20px;
padding: 0px 20px;
}

.mypage_contents .inquiry_comment .comment .no {
text-align: left;
padding-left: 20px;
padding-bottom: 5px;
}

.mypage_contents .inquiry_comment .comment .no span {
color: black;
font-weight: 600;
}

.mypage_contents .inquiry_comment .comment ul {
overflow: hidden;
background: #fafafa;
padding: 20px;
}

.mypage_contents .inquiry_comment .comment ul li {
display: block;
width: 100%;
overflow: hidden;
}

.mypage_contents .inquiry_comment .comment ul li:not(:first-child) {
margin-top: 20px;
border-top: 1px dashed #d9d9d9;
padding-top: 20px;
}

.mypage_contents .inquiry_comment .comment ul li .manager_aw {
width: 100%;
padding: 0;
}

.mypage_contents .inquiry_comment .comment ul li .manager_aw textarea {
background: #fff;
width: 100%;
height: auto;
min-height: 120px;
border: 1px solid #d9d9d9;
}

.mypage_contents .inquiry_comment .comment ul li .manager_aw .fb_right {
float: right;
padding: 0;
}


.mypage_contents .inquiry_comment .comment ul li div {
text-align: left;
}

.mypage_contents .inquiry_comment .comment .cName {
width: 210px;
padding-right: 20px;
line-height: 22px;
}

.mypage_contents .inquiry_comment .comment .cName span {
display: block;
}

.mypage_contents .inquiry_comment .comment .cComment {
line-height: 22px;
}

.board_list .rule {
}

.board_list .rule ol {
display: block;
list-style-type: decimal;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 40px;
}

.board_list .rule ol li {
font-size: 14px;
line-height: 22px;
list-style: decimal;
}

.board_list .rule ul {
padding-left: 10px;
list-style-type: square;
}

.board_list .rule ul li {
font-size: 14px;
line-height: 22px;
}

.board_list .rule h2 {
margin-top: 20px;
margin-bottom: 20px;
font-size: 20px;
}

.board_list .rule h3, .board_list .rule h4 {
margin-top: 15px;
margin-bottom: 15px;
}

.board_list .rule p {
font-size: 14px;
line-height: 22px;
margin-top: 15px;
margin-bottom: 15px;
}

.board_list .pre_rule p {
font-size: 14px;
line-height: 22px;
}

/*footer minor*/
.minor p {
	font-size: 13px;
	line-height: 22px;
}
.minor h3 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.minor .userbox{
	width: 100%;
}
.minor .userbox .userinfo{
	float: left;
	width: 50%;
	background-color: #eee;
	border: 2px solid #fff;
	box-sizing: border-box;
	padding: 20px;
}
.minor .userbox .userinfo h3{
	margin-top: 0px;
	margin-bottom: 15px;
}

/*company style css start*/
.company_con {
width: 1000px;
margin: 80px auto;
clear: both;
}

.company_con .about {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 140px;
}

.company_con .about .left {
float: left;
width: 420px;
}

.company_con .about .left .big_title {
font-weight: bold;
font-size: 63px;
line-height: 62px;
}

.company_con .about .left .sub_txt {
position: relative;
display: block;
font-size: 16px;
line-height: 28px;
margin-top: 40px;
}

.company_con .about .left .txt {
position: relative;
display: block;
font-size: 14px;
line-height: 28px;
color: #888;
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #d9d9d9;
}

.company_con .about .right {
float: right;
}

.company_con .about .right img {
width: 430px;
height: 582px;
box-shadow: 8px 8px 20px 8px rgba(0, 0, 0, 0.2);
}

.company_con .brand_ci {
clear: both;
position: relative;
display: block;
}

.company_con .brand_ci .ci {
font-size: 20px;
border-bottom: 2px solid #000;
padding-bottom: 20px;
margin-bottom: 30px;
}

.company_con .brand_ci .left {
display: inline-block;
}

.company_con .brand_ci .left img {
width: 520px;
height: 300px;
vertical-align: middle;
}

.company_con .brand_ci .right {
display: inline-block;
padding-left: 50px;
vertical-align: middle;
}

.company_con .brand_ci .right .txt {
font-size: 14px;
line-height: 28px;
color: #333;
padding-bottom: 55px;
}

.company_con .brand_ci .right .btnArea a {
display: block;
width: 188px;
height: 60px;
line-height: 60px;
background: #000;
color: #fff;
text-align: center;
font-size: 14px;
font-weight: 600;
}

/*company style css end*/
.mypage_contents.ad_inquiry {
width: 880px;
display: inline-block;
margin: 40px auto;
}

.mypage_contents.ad_inquiry .ad_txt {
text-align: center;
font-size: 14px;
}

.mypage_contents.ad_inquiry .call input {
width: 134px;
display: inline-block;
}

.mypage_contents.ad_inquiry .email input {
width: 134px;
}

.mypage_contents.ad_inquiry .email select {
width: 130px;
margin-bottom: 0;
margin-left: 7px;
}

.mypage_contents.ad_inquiry textarea {
width: 440px;
border: 1px solid #000;
}

.mypage_contents.ad_inquiry .alert {
color: #888;
margin-top: 10px;
}

.mypage_contents.ad_inquiry .btnArea input {
width: 210px;
text-align: center;
background: #000;
display: block;
height: 70px;
line-height: 70px;
color: #fff;
margin: 40px auto 0;
}

/*market_main style start*/
.market_style {
margin-top: 60px;
width:100%;
box-sizing: border-box;
}

.market_style .maket_list {
width: 412px;
display: inline-block;
float: left;
background: #fafafa;
border: 1px solid #d9d9d9;
padding: 30px 20px;
margin-right: 55px;
}

.market_style .maket_list ul {
overflow: hidden;
font-size: 0;
}

.market_style .maket_list ul li {
display: inline-block;
width: 74px;
border-left: 1px solid #d9d9d9;
text-align: center;
}

.market_style .maket_list ul li:first-child {
border-left: none;
}

.market_style .maket_list ul li a {
display: block;
font-size: 14px;
text-align: center;
color: #333;
}

.market_style .maket_list ul li a img {
display: block;
vertical-align: middle;
width: 50px;
height: 50px;
margin: 0 auto 23px;
}

.market_style .list_style {
width: 411px;
display: inline-block;
margin-bottom: 60px;
}

.market_style .list_style.add_margin {
margin-right: 52px;
}

.market_style .list_style .market_title {
border-bottom: 2px solid #000;
padding-bottom: 20px;
}

.market_style .list_style .market_title span {
float: right;
}

.market_style .list_style table td {
padding: 5px 3px !important;
width:20%;
}

.market_style .list_style table td.title a {
width: 215px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}

/*market_main style end*/
/*editorPage style start*/
.board_list .editorPost_style {
width: 276px;
display: inline-block;
height: auto;
border: 1px solid #d9d9d9;
border-top: 2px solid #000;
margin-right: 19.5px;
}

.board_list .editorPost_style .swiper-container {
position: relative;
}

.board_list .editorPost_style .swiper-pagination {
display: none;
}

.board_list .editorPost_style .swiper-button-next, .board_list .editorPost_style .swiper-button-prev {
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background: #c8c8c8;
border-radius: 0;
opacity: 1 !important;
top: 37px;
}

.board_list .editorPost_style .swiper-button-next {
right: 20px;
}

.board_list .editorPost_style .swiper-button-prev {
right: 45px;
left: auto;
}

.board_list .editorPost_style .swiper-button-next:before {
content: "\f105";
font-family: 'FontAwesome';
font-size: 18px;
color: #fff;
text-align: center;
}

.board_list .editorPost_style .swiper-button-prev:before {
content: "\f104";
font-family: 'FontAwesome';
font-size: 18px;
color: #fff;
text-align: center;
}

.board_list .editorPost_style .swiper-container h3 {
height: 50px;
line-height: 50px;
text-align: left;
padding: 0px 20px 0px 20px;
background: #fafafa;
border-bottom: 1px solid #d9d9d9;
}

.board_list .editorPost_style .swiper-container .swiper-wrapper {
}

.board_list .editorPost_style ul {
overflow: hidden;
padding: 13px 20px 13px 20px;
}

.board_list .editorPost_style ul li {
width: 238px;
border-top: 1px solid #d9d9d9;
padding: 17px 0px 17px 0px;
}

.board_list .editorPost_style ul li:first-child {
border-top: none;
}

.board_list .editorPost_style ul li a {
font-size: 14px;
color: #666;
}

.board_list .editorPost_style ul li .title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
font-size: 14px;
color: #333;
padding-bottom: 20px;
}

.board_list .editorPost_style ul li .auth {
display: block;
}

.board_list .editorPost_style ul li .auth span {
font-size: 14px;
color: #666;
float: right;
}

.board_list .editList {
position: relative;
margin-top: 60px;
}

.board_list .editList.first {
margin-top: 20px;
}

.board_list .editList .edit_title {
width: 100%;
border-bottom: 2px solid #000;
padding-bottom: 20px;
}

.board_list .editList .edit_title h1 {
display: inline-block;
}

.board_list .editList .edit_title p {
font-size: 15px;
font-weight: 400;
margin-left: 10px;
display: inline-block;
}

.board_list .editList .edit_title span {
display: block;
float: right;
line-height: 24px;
}

.board_list .editList .edit_title span a {
font-size: 15px;
color: #666;
}

.board_list .editList .edit_sort {
display: inline-block;
float: right;
padding-top: 7px;
}

.board_list .editList .edit_sort ul {
overflow: hidden;
font-size: 0;
}

.board_list .editList .edit_sort ul li {
display: inline-block;
position: relative;
padding: 0px 15px;
}

.board_list .editList .edit_sort ul li a {
font-size: 15px;
color: #999;
}

.board_list .editList .edit_sort ul li a.on {
color: #333;
}

.board_list .editList .edit_sort ul li span {
position: absolute;
left: 0;
top: 0px;
width: 1px;
height: 14px;
background: #d2d2d2;
}

.board_list .editList .creater_lst {
position: relative;
margin-top: 20px;
}

.board_list .editList .creater_lst ul {
overflow: hidden;
font-size: 0;
border-bottom: 1px solid #d9d9d9;
}

.board_list .editList .creater_lst ul li {
float: left;
width: 156px;
margin-right: 24px;
margin-bottom: 40px;
}

.board_list .editList .creater_lst ul li:nth-child(5n+5) {
margin-right: 0;
}
.board_list .editList .creater_lst li .thumb , .board_list .blog_style #createrLeftWrap .thumb {
	width: 156px;
	height: 156px;
	border: 1px solid #d9d9d9;
	text-align: center;
}
.board_list .editList .creater_lst li .thumb a, .board_list .blog_style #createrLeftWrap .thumb a {
display: block;
}

.board_list .editList .creater_lst li .thumb img, .board_list .blog_style #createrLeftWrap .thumb img {
width: 156px;
height: 156px;
}

.board_list .editList .creater_lst li .info, .board_list .blog_style #createrLeftWrap .info {
margin-top: 20px;
}

.board_list .editList .creater_lst li .creater_name a, .board_list .blog_style #createrLeftWrap .creater_name a {
display: block;
font-size: 15px;
color: #333;
height: 22px;
}

.board_list .editList .creater_lst li .creater_msg, .board_list .blog_style #createrLeftWrap .creater_msg {
font-size: 14px;
color: #666;
margin-top: 15px;
}

.board_list .editList .edit_select {
display: inline-block;
float: right;
}

.board_list .editList .edit_select select {
border: 1px solid #d9d9d9;
width: 140px;
height: 25px;
line-height: 25px;
font-size: 14px;
}

.board_list .blog_style #createrLeftWrap {
width: 156px;
margin-right: 25px;
display: inline-block;
}

.board_list .blog_style h3 {
margin-bottom: 15px;
}

.board_list .blog_style #createrLeftWrap .creater_sns {
margin-top: 20px;
}

.board_list .blog_style #createrLeftWrap .latest_comment {
margin-top: 20px;
}

.board_list .blog_style #createrLeftWrap .latest_comment ul li {
height: 25px;
line-height: 25px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
padding-right: 10px;
}

.board_list .blog_style #createrLeftWrap .latest_comment ul li a {
font-size: 14px;
}

.board_list .blog_style #createrLeftWrap .manager_board {
text-align: left;
margin: 0;
}

.board_list .blog_style #createrLeftWrap .manager_board a {
margin: 0;
}

.board_list .blog_style .createrRightWrap {
float: right;
display: inline-block;
width: 699px;
}

.board_list .blog_style .createrRightWrap .board_page .btn {
position: relative;
display: block;
top: auto;
text-align: right;
margin-bottom: 10px;
}

.board_list .blog_style .createrRightWrap #categoryWrap {
margin-bottom: 15px;
}

/*editorPage style end*/
/*searh_result style start*/
.board_title_display .result {
display: inline-block;
margin-bottom: 30px;
}

.board_title_display .result .search_input {
position: relative;
}

.board_title_display .result .search_input input {
width: 540px;
height: 50px;
line-height: 50px;
border: 1px solid #000;
text-indent: 15px;
color: #333;
font-size: 15px;
}

.board_title_display .result .search_input .fa {
position: absolute;
top: 17px;
right: 16px;
0font-size: 17px;
}

.board_title_display .result .recommed_search {
margin-top: 20px;
display: block;
}

.board_title_display .result .recommed_search ul li {
display: inline-block;
padding: 0px 20px 0px 0px;
}

.board_title_display .result .recommed_search ul li a {
font-size: 14px;
color: #333;
display: block;
}

.board_list .search_mb {
margin-top: 20px;
}

.board_list .search_mb ul {
overflow: hidden;
font-size: 0;
}

.board_list .search_mb ul li {
float: left;
margin-bottom: 20px;
width: 430px;
height: 127px;
border: 1px solid #d9d9d9;
margin-right: 20px;
}

.board_list .search_mb ul li:nth-child(2n+2) {
margin-right: 0;
}

.board_list .search_mb ul li .thumb {
width: 200px;
display: inline-block;
float: left;
}

.board_list .search_mb ul li .thumb a {
}

.board_list .search_mb ul li .info {
padding: 13px 15px;
display: inline-block;
width: 198px;
}

.board_list .search_mb ul li .info .title {
font-size: 14px;
color: #333;
line-height: 22px;
padding-bottom: 15px;
font-weight: 600;
}

.board_list .search_mb ul li .info .sub {
font-size: 14px;
line-height: 22px;
color: #666;
height: auto;
max-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
}

.board_list .search_mb ul li .info .etc {
display: block;
font-size: 12px;
color: #999;
padding-top: 10px;
}

.board_list .search_new {
margin-top: 20px;
}

.board_list .search_new ul li {
overflow: hidden;
vertical-align: top;
margin-bottom: 20px;
width: 100%;
}

.board_list .search_new ul li .thumb {
display: inline-block;
float: left;
left: 0;
top: 0;
font-size: 0;
margin-right: 20px;
}

.board_list .search_new dl {
overflow: hidden;
}

.board_list .search_new dl dt {
margin-bottom: 10px;
}

.board_list .search_new dl dt a {
font-size: 14px;
color: #333;
font-weight: 600;
}

.board_list .search_new dl dt a span {
font-size: 14px;
color: #333;
font-weight: 400;
margin-left: 5px;
}

.board_list .search_new dl dd {
font-size: 14px;
color: #666;
line-height: 18px;
overflow: hidden;
height: auto;
max-height: 34px;
}

.board_list .search_new dl dd.etc {
display: block;
font-size: 12px;
color: #999;
padding-top: 10px;
}

.board_list .search_new dl dd.tag {
display: block;
padding-top: 5px;
letter-spacing: 0;
font-weight: 500;
color: #333;
}

.board_addOption.search_option {
margin-bottom: 0;
margin-top: 10px;
}

.board_addOption.search_option .textScale {
margin-right: 0;
}

/*searh_result style end*/

#topBtn {
display: none;
position: fixed;
z-index: 99;
width: 50px;
height: 50px;
line-height: 50px;
background: #000;
right: 209px;
bottom: 40px;
/* border: 1px solid #fff; */
color: #fff;
text-align: center;
}

#topBtn i {
font-size: 31px;
text-align: center;
vertical-align: middle;
line-height: 50px;
}

.clubImg {
	width: 100%;
    text-align: center;
}
.clubImg img {
width: auto;
height: auto;
text-align: center;
margin-top: 30px;
border: 1px solid #d9d9d9;
}

.ad_qa_img {
position: relative;
width: 728px;
height: 90px;
line-height: 90px;
display: block;
background: #ddd;
vertical-align: middle;
font-size: 25px;
text-align: center;
margin: 0 auto 40px;
}

.read_content img{ max-width: 100%;}



/*login_swith style start*/
.switch_login {
position: relative;
}

.switch_login .toggle-on {
float: right;
margin-left: 10px;
color: #fff;
font-weight: normal;
opacity: 0.5;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.switch_login .toggle-off {
margin: 0px 5px;
color: #fff;
opacity: 0.5;
font-weight: normal;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}

.switch_login .active {
opacity: 1;
font-weight: 500;
}

.switch_login .login_al {
background-color: transparent;
border: 2px solid #c8c8c8;
border-radius: 60px;
cursor: pointer;
width: 40px;
height: 26px;
display: inline-block;
overflow: hidden;
position: relative;
transition: all .25s linear;
vertical-align: middle;
}

.switch_login .login_al .slide {
background: #fff;
border-radius: 50%;
font-size: 14px;
line-height: 18px;
text-align: center;
text-decoration: none;
height: 18px;
width: 18px;
position: absolute;
top: 2px;
left: 16px;
transition: all 0.3s cubic-bezier(0.43, 0.98, 0.86, 1);
}

.switch_login .login_al .slide:before {
right: -20px;
}

.switch_login .login_al.on .slide {
left: 2px;
}

/*login_swith style end*/
/*club_search_result style start*/
.commnity_club_list.result .club_cate .list ul {
padding-left: 0;
}

.board_sort.clubStyle {
position: relative;
text-align: left;
margin-top: 15px;
/* 베스트/핫/뉴 부분 높이값이 없어서 영역이 사라지는것 수정 */
    width: 100%;
    display: inline-block;
}

.board_sort.clubStyle ul li {
display: inline-block;
}

.board_sort.clubStyle ul li:not(:first-child) {
border-left: 1px solid #d9d9d9;
}

#boardWrap.clubStyle {
margin: 15px 0px 40px;
}

/*club_search_result style end*/
.btnArea.foot_area .list_btn a {
display: block;
float: right;
margin: 0;
width: auto;
height: 40px;
line-height: 40px;
text-align: center;
background: #a6a6a6;
padding: 0px 15px 0px 15px;
border: 1px solid #8d8d8d;
color: #fff;
font-size: 14px;
}

.ddong_img img {
width: 382px;
height: 113px;
margin: 60px auto;
}

/*popup_style css start*/
.pop_style {
min-width: 500px;
height: 100%;
}

.pop_style h1 {
display: block;
background: #353636;
color: #fff;
width: 500px;
height: 60px;
line-height: 60px;
font-size: 17px;
font-weight: 400;
padding: 0px 30px;
}

.pop_style ul {
display: block;
overflow: hidden;
padding: 40px 0px 40px 30px;
}

.pop_style ul li .q {
font-size: 14px;
color: #999;
margin-bottom: 13px;
}

.pop_style ul li .a input {
width: 440px;
height: 40px;
line-height: 40px;
border: 1px solid #d9d9d9;
padding: 0px 10px;
font-size: 14px;
color: #666;
}

.pop_style .btnArea {
width: 500px;
height: 80px;
background: #f3f4f5;
border-top: 1px solid #d9d9d9;
padding: 20px 30px;
}

.pop_style .btnArea .btn {
text-align: right;
display: block;
float: right;
}

.pop_style .btnArea input {
display: block;
width: auto;
padding: 0px 15px;
height: 40px;
line-height: 40px;
text-align: center;
background: #000;
color: #fff;
font-size: 14px;
}

.pop_style .write_editor {
width: 500px;
}

.pop_style .table {
position: relative;
width: 500px;
overflow: hidden;
}

.pop_style .table table {
margin: 10px 0px 0px 0px;
border-top: 2px solid #000;
background: #fff;
}

.pop_style .table tr {
height: 43px;
line-height: 43px;
border-bottom: 1px solid #d9d9d9;
}

.pop_style .table tr th {
font-size: 14px;
background: #fafafa;
width: 100px;
}

.pop_style .table tr td {
padding: 0px 10px;
font-size: 14px;
}

.pop_style .table tr td input {
background: #fff;
border: 1px solid #d9d9d9;
font-size: 14px;
height: 30px;
line-height: 30px;
text-indent: 5px;
width: 200px;
}

/*popup_style css end*/
.re_talk {
display: none;
margin: 20px 0px 0px 0px;
width: 840px;
}

.re_talk textarea {
width: 840px;
height: 120px;
border: 1px solid #d9d9d9;
background: #fff;
}

.re_talk .fb_right {
margin-top: 10px;
clear: both;
text-align: right;
}

.re_talk .submit_comment, .re_talk .submit_cancel {
display: inline-block;
width: auto;
padding: 0px 13px;
background: #a1a2a2;
height: 35px;
line-height: 35px;
margin-left: 5px;
font-size: 14px;
color: #fff;
}

.pointer {
cursor: pointer;
}

.footer-scroll-top {
z-index: 100;
display: none;
position: fixed;
right: 22px;
bottom: 22px;
background: #333333;
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
}

.footer-scroll-top.footer-scroll-higher {
bottom: 61px;
}

.hide-scrollup .footer-scroll-top {
display: block;
}

.footer-scroll-top i {
width: auto;
height: auto;
line-height: 0;
color: #fff;
font-size: 25px;
}

.window-scrolled .footer-scroll-top:hover {
opacity: .8;
}

#categoryWrap ul.dapth_style li.dapth_li{
display: block;
padding: 0;
clear: both;
overflow: hidden;
vertical-align: middle;
width:  100%;
}

#categoryWrap ul.dapth_style li.dapth_li a{
position: relative;
vertical-align: middle;
padding: 10px 0px;
color: #222;
width: 15%;
float: left;
font-weight: bold;
text-align: left;
line-height: 18px;
}

#categoryWrap ul.dapth_style li.dapth_li ul{
padding: 0;
float: left;
width: 75%;
}

#categoryWrap ul.dapth_style li.dapth_li ul > li{
padding: 10px 30px 10px 0px;
}

#categoryWrap ul.dapth_style li.dapth_li ul > li a{
display: inline-block;
float: initial;
color: #333;
font-weight: normal;
width: 100%;
padding: 0;
}

#categoryWrap ul.dapth_style li.dapth_li:first-child{
padding: 0 20px 0 0;
}

#categoryWrap ul.dapth_style li a{
font-weight:bold;
color:#333;
}

#categoryWrap ul.dapth_style li a span{
display:none;
}

#categoryWrap ul.dapth_style li:after{
font-family:xeicon;
content:"|";
color: #e0e0e0;
font-size: 13px;
top: 11px;
position: absolute;
right: 14px;
}

#categoryWrap ul.dapth_style li.dapth_li:after{
font-size:0;
}

#categoryWrap ul.dapth_style li:first-child{
padding:10px 30px 10px 0px;
}

#categoryWrap ul.dapth_style li.on a{
font-weight:bold;
}

/*  카테고리 새로운 버전 몇군대만 적용 */
#categoryWrap.newWrap {
	padding: 15px 0px 15px 35px;
	overflow: hidden;
}

#categoryWrap.newWrap ul li a{
	color:#333;
}

#categoryWrap.newWrap ul li a.on, #categoryWrap.newWrap .all a.on{
	text-decoration:underline;	/*활성화시 underline 노출*/
}


#categoryWrap.newWrap .all {
	float: left;
	width: 50px;
	vertical-align: middle;
	padding: 9px 0px 0px 0px;
}

#categoryWrap.newWrap .all a {
	color: #333;
	font-size: 14px;
}

#categoryWrap.newWrap ul {
	float: left;
	padding: 0;
	width: 780px;
}

#categoryWrap.newWrap ul li {
	display: inline-block;
	padding: 10px 28px 10px 0px;
}

#categoryWrap.newWrap ul li:first-child {
	padding: 10px 30px 10px 0px;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li {
	display: inline-block;
	padding: 0;
	clear: both;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li a {
	position: relative;
	vertical-align: middle;
	padding: 10px 18px 10px 0px;
	color: #222;
	width: auto;
	float: left;
	text-align: left;
	line-height: 18px;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li a.dapth_title {
	color: #aaa;
	font-size: 13px;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li ul {
	padding: 0;
	float: left;
	width: 80%;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li ul > li {
	padding: 10px 20px 10px 0px;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li ul > li a {
	display: inline-block;
	float: initial;
	color: #333;
	font-weight: normal;
	width: 100%;
	padding: 0;
	word-break: break-all;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li:first-child {
	padding: 0 20px 0 0;
}

#categoryWrap.newWrap ul.dapth_style li a {
	color: #333;
}

#categoryWrap.newWrap ul li a span, #categoryWrap.newWrap ul.dapth_style li a span {
	display: none;
}

#categoryWrap.newWrap ul li:after{
	font-family: xeicon;
	content: "|";
	color: #e0e0e0;
	font-size: 13px;
	top: 9px;
	position: absolute;
	right: 13px;
}

#categoryWrap.newWrap ul.dapth_style li:after {
	font-family: xeicon;
	content: "|";
	color: #e0e0e0;
	font-size: 13px;
	top: 11px;
	position: absolute;
	right: 11px;
}

#categoryWrap.newWrap ul.dapth_style li.dapth_li:after {
	font-size: 0;
}

#categoryWrap.newWrap ul.dapth_style li:first-child {
	padding: 10px 30px 10px 0px;
}

#categoryWrap.newWrap ul.dapth_style li.on a, #categoryWrap.newWrap ul.dapth_style li a {
	font-weight: normal;
}

#categoryWrap.newWrap ul.dapth_style.more li.dapth_li ul{
	width: auto;
	max-width: 70%;
	overflow: initial;
}

#categoryWrap.newWrap ul.dapth_style.more li.dapth_li ul li{
}

#categoryWrap.newWrap ul.dapth_style.more li.dapth_li ul li a{
	word-break: break-all;
}

#categoryWrap.newWrap ul.dapth_style li:last-child:after{
	display:none;
}

/* 방송 중 박스 */
.broadcsat_onairbox {
	width: 100%;
    margin-top: 30px;
    border: 1px solid #ddd;
}

.broadcsat_onairbox img {
	width:100%;
}

.broadcsat_onairbox .bo_textbox {
	border-top: 1px solid #ddd;
    padding: 10px;
    box-sizing: border-box;
	background-color: #F4F3F3;
}

.broadcsat_onairbox .bo_textbox p.bo_title {
	font-size: 16px;
    color: #333;
    font-weight: bold;
}
.broadcsat_onairbox .bo_textbox p.bo_cast {
	font-size: 14px;
    color: #777;
	margin-top: 10px;
}
.broadcsat_onairbox .bo_textbox p.bo_sub_text {
	font-size: 14px;
    color: #777;
	margin-top: 20px;
	line-height:18px;
}

/* 내블로그 바로가기 버튼 */
.my_blog {
	height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    text-align: center;
    background: #fafafa;
    border: 1px solid #d9d9d9;
    display: inline-block;
    position: relative;
    top: -6px;
    margin-left: 20px;
}
.my_blog a {
	font-size: 14px;
    display: block;
}

/* 게시판 제목앞 카테고리 틀어짐 수정 */
.board_con .boardR .read_header .top_title h1 a.link .link.cate_name {
	float:left;
	margin-right:3px;
}
/* 게시판 카테고리 뒤 성인인증아이콘 틀어짐 수정 */
.board_con .boardR .read_header .top_title h1 a.link .fa-exclamation-triangle {
	float:left;
	margin-right:3px;
	margin-top: 7px;
}

/* 연재기사 앞 종료표시 css */
.magazin_style ul li .tit span.first {
    color: #999;
    margin-right: 3px;
}

.marketplace_banner{
	text-align: center;
	margin-top: 60px;
}

.contents_area_board, .contents_area_best{
	/*
	max-width: 1100px;
	margin-left: 35px;
	*/
}

.mypage_contents form table tr td .singp{
	font-size: 12px;
	color: #999;
	text-align: left;
	margin-top:10px;
}

.inquiry_comment .txtArea img{
	width: 100%;
	height: auto;
}

/*extra_vars css*/
.exForm{
	display: none;
}
.exWrite.exForm{
	display: block;
	margin: 15px 0px;
	background: #fafafa;
  border: 1px solid #d9d9d9;
	padding: 10px;
}
.exWrite.exForm table{
}
.exWrite.exForm table, .exWrite.exForm tbody, .exWrite.exForm tr, .exWrite.exForm th, .exWrite.exForm td{
	border: 0px;
	font-size: 14px;
}
.exWrite.exForm caption{
	text-align: left;
	font-size: 14px;
	padding: 10px 0px 0px 20px;
}
.exWrite.exForm th{
  padding: 0px 10px;
	color: #666;
	font-size: 14px;
}
.exWrite.exForm input{
	width: 500px;
	margin: 0 10px 0 0;
	background: #fff;
	border: 1px solid #d9d9d9;
	height: 25px;
	font-size: 14px;
}

.exWrite.exForm input[type="text"]{
	padding-left: 10px;
}


.exRead.exForm{
	display: block;
	/*
	margin: 15px 0px 0px;
	background: #fafafa;
  border: 1px solid #d9d9d9;
	*/
	padding: 10px;
}
.exRead.exForm table{
}
.exRead.exForm table, .exRead.exForm tbody, .exRead.exForm tr, .exRead.exForm th, .exRead.exForm td, .exRead.exForm td a{
	border: 0px;
	font-size: 13px;
	color:#888;
}
.exRead.exForm th{
  /*padding: 0px 10px;*/
	color: #888;
	font-size: 13px;
	min-width: 40px;
	vertical-align: top;
  line-height: 1.5
}
.exRead.exForm td{
	vertical-align: top;
  line-height: 1.5
}

.editorPost_style.blogPost ul{
	padding: 0px 20px;
}
.editorPost_style.blogPost .swiper-wrapper div{
	font-size: 14px;
}
.editorPost_style.blogPost .blogTitle{
	display: inline-block;
	width: 550px;
}

.editorPost_style.blogPost .blognick{
	display: inline-block;
	width:  100px;
	text-align: center;
}

.editorPost_style.blogPost .blogdate{
	display: inline-block;
	width: 150px;
	text-align: center;
}

.editorPost_style.blogPost .swiper-wrapper .attach_icon{
	color:#000;
}
.blogPost i{
	margin: 0px 2px;
	color: #333;
}

.add_display.bannerWing.bannerWing1{
	position: fixed;
  top: 0px;
  margin-top: 10px;
}

#categoryWrap.massage_cate ul li.on a {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}

#categoryWrap.my_inquiry_cate ul li.on a {
  color: #333;
  font-weight: bold;
  text-decoration: underline;
}

.board_con .list_style table tbody tr.message_text_td {
  border-bottom : none;
}
.board_con .list_style table.message_table {
	margin-bottom : 0px;
}

/*신고관련*/
.pop-ddan-report{
	position:fixed;
	background-color:rgba(0,0,0,.1);
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	display:none;
	z-index:100;

}
.pop-ddan-report > div{
	width:450px;
	min-height:100px;
	background-color:#fff;
	margin-top: calc(50% - 500px);
	display:inline-block;
	border-radius:10px;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	overflow:hidden;
}
.pop-head{
	border-bottom:1px solid #ddd;
	height:50px;
	background-color:#eee;
	line-height:50px;
}
.pop-head p{
	font-size:16px;
	font-weight:bolder;
}
.pop-body{
	padding:15px;
	text-align:left;
}
.pop-body p{
	line-height:26px;
	font-size:14px;
}
.pop-body.normal p{
	line-height: 18px;
}
.pop-body p > label {
	padding-left : 5px;
}
.pop-body p input[type=checkbox]{
	margin-right:5px;
}
.pop-body p.alert{
	font-size:12px;
	color:#999;
	line-height: 18px;
	margin-top: 5px;
}
.pop-foot{
	border-top:1px solid #ddd;
	line-height:50px;
	min-height:50px;
	text-align:center;
}
.dbtn{
	display: inline-block;
	width: 90px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	font-size: 14px;
	background: #a1a2a2;
	color: #fff;
}
.dbtn-gray{
	background: #a1a2a2;
}
.dbtn-gray span{
	background: #a1a2a2;
	border:0!important;
	margin-right:0!important;
}
.dbtn-black{
	background: #000;
}
.dbtn-black span{
	background: #000!important;
	border:0!important;
	margin-right:0!important;
}
.pop-block{
	background-color:#eee;
	display:inline-block;
	width:calc(100% - 30px);
	margin-bottom:15px;
	border-radius:5px;
	padding:10px;
	text-align:left;
}
.pop-block p{
	margin-bottom:0;
	font-size:12px;
	line-height:20px;
}
.pop-block p strong{
	font-weight:bolder;
	font-size:14px;
}
.pop-block p a{
	color:#08c;
	font-weight:bolder;
}
.pop-block p a:hover{
	color: #005580;
	text-decoration: underline;
}

.section-report {
	line-height:20px;
}
.section-report table th{
	width:200px;
	text-align:left;
}
.report-title{
	line-height:40px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:16px;
	font-weight:bolder;
	margin:15px 0 0 0;
}
.section-report table th,
.section-report table td{
	border-bottom: 1px solid #eee;
	min-height: 30px;
	padding: 10px;
}
.section-report table th {
	font-size: 14px;
	line-height: 20px;
	vertical-align: middle;
}
.section-report table td{
	font-size: 14px;
}
.section-report input[type=text],
.section-report input[type=file],
.section-report input[type=email],
.section-report select{
	border: 1px solid #ddd;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	width: 70%;
}
.section-report input[type=radio],
.section-report input[type=checkbox]{
	margin-right: 5px;
}
.section-report input[type=text].readonly{
	background-color: #eee;
}
.section-report .emailarea input[type=text],
.section-report .emailarea input[type=email],
.section-report .emailarea select{
	width: auto;
}
.section-report textarea{
	width: 100%;
	min-height: 120px;
	border: 1px solid #ddd;
	padding: 5px;
}
.section-report table th em{
	color:rgb(41, 128, 185,1);
	font-weight: bolder;
	font-style: normal;
}
.section-report .checkarea label{
	font-weight: bolder;
	margin-bottom: 5px;
}
.section-report .checkarea p{
	margin-bottom: 10px;
	padding-left: 19px;
	color:#999;
	font-size: 14px;
	margin-top: 5px;
}

.section-report table .btnarea{
	text-align: center;
}

.section-report blockquote {
	font-size: 14px;
}
.section-report blockquote p a{
	color:rgb(41, 128, 185,1);
}
.comment-report-statu {
	text-align: left;
	margin-bottom: 10px;
}
.comment-report-statu select{
	border:1px solid #ddd;
	height: 32px;
	background-color: #fff;
}
.comment-report-statu div.btnArea{
	display: inline-block;
	float: none;
}