/* laybanner */
#laybanner .bd { width: 417px; }
#laybanner .bd ul li p {position: absolute;width: 100%;height: 30px;right: 0;/* top: 0; */bottom: 0;font-size: 18px;-webkit-line-clamp: 1;background-color: #ffffffd4;padding: 15px 0 7px 0 ; text-align: center;}
#laybanner .bd ul li p a { color: #000; }
#laybanner .hd { width: calc(100% - 417px); }

/* advBox */
#content-wrapper .advBox.adv1 { margin: 20px 0 35px; }
#content-wrapper .advBox.adv4 { margin: 20px 0; }

/* meqna-catelog */
#meqna-catelog .items p { margin: 6px 0; font-size: 18px; color: #565656; }

#meqna-ask-search .askform { float: right; }
#meqna-ask-search .iwannaask { float: left; }

/* discuss */
#discuss ul { margin-bottom: 15px; border: 1px #bebebe solid; }
#discuss ul li { overflow: hidden; border-bottom: 1px #bebebe solid; }
#discuss ul li:last-child { border-bottom: 0; }
#discuss ul li p { float: left; width: 125px; }
#discuss ul li p:nth-child(2) { width: calc(100% - 425px); }
#discuss ul li p:nth-child(3) { width: 50px; }
#discuss ul li p label ,
#discuss ul li p font { padding: 5px 0; border-right: 1px #bebebe solid; display: none; text-align: center; font-size: 16px; color: #565656; }
#discuss ul li p:last-child label , #discuss ul li p:last-child font { border-right: 0; }
#discuss ul li:first-child p label { background: #e0e0e0; border-bottom: 1px #bebebe solid; display: block; }
#discuss ul li p font { padding: 5px 10px; display: block; }
#discuss ul li p:last-child font { color: #888888; }
#discuss ul li p font a.text-clamp { height: 24px; line-height: 25px; -webkit-line-clamp: 1; }
#discuss ul li p font a { color: #565656; }
#discuss ul li p:first-child font a { color: #0d69c1; }

/* discuss-detail */
#discuss-detail ul { margin-bottom: 10px; }
#discuss-detail ul li { position: relative; border: 1px #bebebe solid; border-bottom: 0; color: #464545; }
#discuss-detail ul li:last-child { border: 1px #bebebe solid; }
#discuss-detail ul li:before { position: absolute; width: 1px; height: calc(100% - 68px); background: #bebebe; left: 202px; top: 34px; content: ""; }
#discuss-detail ul li .topBox { overflow: hidden; padding: 5px 10px; background: #e0e0e0; border-bottom: 1px #bebebe solid; }
#discuss-detail ul li .topBox h5 { float: left; width: calc(100% - 200px); height: 22px; font-weight: normal; font-size: 15px; -webkit-line-clamp: 1; }
#discuss-detail ul li .topBox p { float: left; width: 200px; text-align: right; }
#discuss-detail ul li .topBox p font { margin-left: 5px; }
#discuss-detail ul li .topBox p font b { color: #0d69c1; }
#discuss-detail ul li p.cTime { margin: 10px 10px 15px; text-align: right; }
#discuss-detail ul li .memberImg { padding: 0 20px 20px; width: 160px; display: inline-block; text-align: center; vertical-align: top; }
#discuss-detail ul li .memberImg a.photo { margin-bottom: 10px;}
#discuss-detail ul li .memberImg a { color: #464545; font-size: 16px; }
#discuss-detail ul li .Info { padding: 0 20px 20px; width: calc(100% - 250px); display: inline-block; font-size: 16px; vertical-align: top; }
#discuss-detail ul li .Info .gofloor font , #discuss-detail ul li .Info .gofloor font a { color: #3d9dc1; }
#discuss-detail ul li .Info .gofloor .ferenceBox { margin-bottom: 10px; background:#f0f0f0; background:-moz-linear-gradient(top,#fbfbfb 1%,#f0f0f0 100%); background:-webkit-linear-gradient(top,#fbfbfb 1%,#f0f0f0 100%); background:linear-gradient(to bottom,#fbfbfb 1%,#f0f0f0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#f0f0f0',GradientType=0); border: 1px #dcdcdc solid; border-top: 4px #aaaaaa solid; }
#discuss-detail ul li .Info .gofloor .ferenceBox h6 { padding: 5px 15px; border-bottom: 1px #dcdcdc solid; color: #a0a0a0; }
#discuss-detail ul li .Info .gofloor .ferenceBox >div { padding: 10px 15px; color: #a0a0a0; }
#discuss-detail ul li .bottomBox { overflow: hidden; padding: 5px 10px; border-top: 1px #bebebe solid; text-align: right; }
#discuss-detail ul li .bottomBox p { float: left; }
#discuss-detail ul li .bottomBox a { display: inline-block; color: #0d69c1; }
#discuss-detail ul li .bottomBox a:after { margin: 0 5px; display: inline-block; color: #3a3a3a; content: "|"; }
#discuss-detail ul li .bottomBox a:last-child:after { content: ""; }
#discuss-detail ul li.adBox { padding: 30px 20px; text-align: center; }
#discuss-detail ul li.adBox:before { display: none; }

.ferenceBox { margin-top: 15px; background:#f0f0f0; background:-moz-linear-gradient(top,#fbfbfb 1%,#f0f0f0 100%); background:-webkit-linear-gradient(top,#fbfbfb 1%,#f0f0f0 100%); background:linear-gradient(to bottom,#fbfbfb 1%,#f0f0f0 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#f0f0f0',GradientType=0); border: 1px #dcdcdc solid; border-top: 4px #aaaaaa solid; }
.ferenceBox h6 { margin: 0; padding: 2px 15px; border-bottom: 1px #dcdcdc solid; line-height: 170%; font-size: 14px; color: #a0a0a0; }
.ferenceBox >div { overflow-x: scroll; padding: 5px 15px; max-height: 150px; color: #a0a0a0; }
.ferenceBox >div::-webkit-scrollbar { width: 7px; height: 0; }
.ferenceBox >div::-webkit-scrollbar-track { background: #c5c5c5; }
.ferenceBox >div::-webkit-scrollbar-thumb { background: #004e63; }
.ferenceBox >div::-webkit-scrollbar-thumb:hover { background: #4e5656; }
.ferenceBox >div p { margin: 0; }
.ferenceBox textarea { width: 0; height: 0; opacity: 0; display: none; }

/* discuss mobile */
#discuss ul#mb { border: 0; }
#discuss ul#mb li { position: relative; margin-bottom: 15px; padding-bottom: 10px; background: url(/images/01/discuss/icon-title.png) no-repeat 0 0; border: 0; border-bottom: 1px #bebebe solid; }
#discuss ul#mb li h3 { margin: 0 0 10px 30px; }
#discuss ul#mb li h3 a { height: 47px; font-size: 18px; color: #666; -webkit-line-clamp: 2; }
#discuss ul#mb li .info { overflow: hidden; width: calc(100% - 105px); display: block; }
#discuss ul#mb li .info a , #discuss ul#mb li .info span { display: -webkit-inline-box; color: #848484; vertical-align: middle; }
#discuss ul#mb li .info a.catName { margin-right: 5px; padding: 2px 10px; border: 1px #43a8c4 solid; border-radius: 20px; display: inline-block; color: #43a8c4; vertical-align: middle; }
#discuss ul#mb li .countR { position: absolute; width: 100px; text-align: center; right: 0; bottom: 10px; }
#discuss ul#mb li .countR b { margin-left: 5px; font-size: 16px; color: #565656; line-height: 20px; vertical-align: middle; }
#content-wrapper ul#mb .advBox { margin-bottom: 20px; }

#discuss-detail ul#detailmb li { margin-top: 20px; border: 0; border-bottom: 1px #bebebe solid; }
#discuss-detail ul#detailmb li b.floor { position: absolute; font-size: 12px; color: #b1b1b1; top: 0; right: 0; }
#discuss-detail ul#detailmb li:before { display: none; }
#discuss-detail ul#detailmb li .memberImg { overflow: hidden; padding: 0; width: 100px; height: 100px; border-radius: 50%; }
#discuss-detail ul#detailmb li .inBox { margin-left: 30px; width: calc(100% - 140px); display: inline-block; }
#discuss-detail ul#detailmb li .inBox h3 { margin-top: 15px; font-size: 16px; }
#discuss-detail ul#detailmb li .inBox h3 a { color: #616161; }
#discuss-detail ul#detailmb li .inBox p.cTime { margin: 0; text-align: left; font-size: 12px; color: #969696; }
#discuss-detail ul#detailmb li .inBox p.cTime img { margin-right: 5px; vertical-align: text-top; }
#discuss-detail ul#detailmb li .inBox .btnBox { text-align: right; }
#discuss-detail ul#detailmb li .inBox .btnBox a { margin-left: 5px; padding: 2px 20px; background: #f4f4f4; border: 1px #757575 solid; border-radius: 20px; display: inline-block; color: #757575; }
#discuss-detail ul#detailmb li .articleBox { margin: 10px 20px; }
#discuss-detail ul#detailmb li .articleBox h5 { font-size: 18px; }

/* reportBox */
#reportBox { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; z-index: 999; }
#reportBox .info { margin: 15% auto 0; width: 600px; background: #fff; }
#reportBox .info h3 { position: relative; padding: 5px 20px; background: #75C6C5; font-weight: normal; font-size: 18px; color: #fff; }
#reportBox .info h3 a { position: absolute; display: block; color: #fff; top: 5px; right: 20px; }
#reportBox .info >div { padding: 20px; }
#reportBox .info >div p { overflow: hidden; margin-bottom: 20px; }
#reportBox .info >div p.send { margin-bottom: 0; text-align: right; }
#reportBox .info >div p label { width: 100px; float: left; display: block; font-size: 16px; color: #444344; }
#reportBox .info >div p select ,
#reportBox .info >div p textarea { float: right; padding: 5px 15px; width: calc(100% - 108px); border: 1px #9c9c9c solid; border-radius: 5px; background: #ececec; background: -moz-linear-gradient(top,#fff 1%,#ececec 100%); background: -webkit-linear-gradient(top,#fff 1%,#ececec 100%); background: linear-gradient(to bottom,#fff 1%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#ececec',GradientType=0); font-size: 16px; }
#reportBox .info >div p textarea { width: calc(100% - 140px); min-height: 150px; }
#reportBox .info >div p a#sendReport { padding: 5px 20px; display: inline-block; background: #75C6C5; font-size: 16px; color: #fff; }

@media screen and (max-width: 960px) {
	#laybanner .bd { margin: auto; text-align: center; }
	#laybanner .bd ul li p a { margin-top: 0; font-size: 23px; display: inline-block; }
}
@media screen and (max-width: 680px) {
	#discuss ul { border: 0; }
	#discuss ul li { margin-bottom: 15px; border: 1px #bebebe solid; border-bottom: 0; }
	#discuss ul li p , #discuss ul li p:nth-child(2) , #discuss ul li p:nth-child(3) { float: none; width: 100%; }
	#discuss ul li p label , #discuss ul li:first-child p label { width: 125px; background: #e0e0e0; border-bottom: 1px #bebebe solid; display: inline-block; vertical-align: middle; }
	#discuss ul li p:last-child label { border-right: 1px #bebebe solid; }
	#discuss ul li p font { padding: 7px 10px 6px; width: calc(100% - 146px); border-bottom: 1px #bebebe solid; border-right: 0; display: inline-block; text-align: left; vertical-align: middle; }
}
@media screen and (max-width: 480px) {
	#laybanner .bd { width: 100%; }
	#laybanner .bd ul li p { width: 35%; height: 70px; right: 9%; top: 18%; }
}
@media screen and (max-width: 400px) {
	#laybanner .bd ul li p , #laybanner .bd ul li p a { font-size: 17px; }
}