#bbslist {margin-top:0px}
#bbslist div {cursor:pointer; width:calc(100% - 62px); padding:20px 30px 20px 30px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:left; color:#000000; font-size:13px; margin-right:20px; line-height:25px;}
#bbslist div p:nth-child(2) {float:left; line-height:25px; font-size:16px;}
#bbslist div p:nth-child(3) {float:right; line-height:25px; font-size:13px;}
#bbslist div p:nth-child(3) i {font-size:13px; margin-right:5px}
#bbslist div p span {border:1px solid #000000; color:#000000; padding:5px 20px 5px 20px; border-radius:20px; font-size:13px; margin-right:10px;}
#bbslist div p span.on {background-color:#000000; color:#ffffff;}
#bbslist div:hover {border:1px solid #000000; color:#000000}
#bbslist div:hover p:nth-child(2) {color:#000000}

#bbslist div.on {border:1px solid #000000;}
#bbslist div.on p:nth-child(2) {color:#000000; font-weight:bold}
#bbslist div p:nth-child(2) b {color:#000000; font-size:13px; margin-left:15px;}
#bbslist div p:nth-child(2) b i {color:#000000; font-size:15px; margin-right:5px;}

#bbslist .fa-share {color:#000000; margin-right:10px;}
#bbslist .replydate {color:#cccccc !important}
#bbsphoto {margin-top:30px}
#bbsphoto div {float:left; cursor:pointer; width:calc(33% - 18px); border:1px solid #e6e6e6; border-radius:5px; margin-right:20px; margin-bottom:20px; height:300px;}
#bbsphoto div:nth-child(3n) {margin-right:0px;}
#bbsphoto div p:nth-child(1) {width:100%; height:200px; }
#bbsphoto div p:nth-child(2) {color:#999999; font-size:13px;  line-height:13px; padding:20px 20px 10px 20px}
#bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px; color:#000000; font-weight:bold}}

#bbsphoto div:hover {border:1px solid #000000;}
#passwd {width:600px; margin:0 auto}
#passwd button {margin-top:0px; background-color:#000000; color:#ffffff}
#passwd h1 {display:block; color:#000000; font-weight:bold; text-align:center; font-size:15px;}
#bbsview {margin-top:0px}
#bbsview h1 {display:block; border:1px solid #e6e6e6; border-top:1px solid #000000; width:calc(100% - 62px); padding:30px 30px 20px 30px; color:#000000; font-weight:bold; text-align:center; border-radius:10px; font-size:17px; line-height:17px !important;}
#bbsview h1 p {margin-top:10px; color:#999999; font-size:13px; line-height:13px !important;}
#bbsview h1 p i {color:#999999; margin-right:5px;}
#bbsview h1 p i:nth-child(2) {margin-left:30px;}
#bbsview h1 p i:nth-child(3) {margin-left:30px;}
#bbsview button {cursor:pointer; width:100%; height:50px; border:1px solid #000000; border-radius:5px; margin-top:30px; color:#000000}
#bbsview img {max-width:100%;}
#bbsview .filedown {}
#bbsview .filedown i {margin-right:10px; color:#000000;}
#bbsview .filedown a {display:block; padding:20px 0 20px 0; border-bottom:1px solid #e6e6e6; color:#000000}
#bbsview .bbscontent {margin-top:30px; line-height:30px;}
#bbsview .bbscontent iframe {width:100%; height:600px}
#bbsview .bbscontent img {margin:0 auto !important; display:block; border-radius:10px;}

#bbsview .content p {line-height:30px;}
#bbsview .reply {margin-top:30px; line-height:30px; background-color:#f0f0f0; border-radius:10px; padding:30px; width:calc(100% - 60px);}
#bbsview .reply h5 {color:#000000; font-weight:700; margin-bottom:10px}

#bbsview .comment {width:calc(100% - 40px); padding:20px; background-color:#f0f0f0; border-radius:10px; margin-top:30px}
#bbsview .comment div {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddddd;}
#bbsview .comment div:first-child {border-bottom:0px none; margin-bottom:0px; }
#bbsview .comment div:last-child {margin-bottom:0px; padding-bottom:0px; border-bottom:0px none;}
#bbsview .comment div h5 {color:#000000; font-weight:bold; margin-bottom:10px; font-size:15px;}
#bbsview .comment div h5 i {color:#000000; font-size:15px; margin-left:10px; cursor:pointer;}
#bbsview .comment div h5 span {color:#cccccc; font-weight:350 !important; margin-left:10px; font-size:15px;}
#bbsview .comment p {font-size:15px; line-height:25px; word-break:break-all;}
#bbsview .comment .commentinput form {padding:0; marign:0}
#bbsview .comment .commentinput form textarea {background-color:#ffffff; height:38px; width:calc(100% - 82px); float:left; padding:10px; border:1px solid #cccccc; border-radius:5px; font-size:14px;}
#bbsview .comment .commentinput form button {width:60px; height:60px; color:#ffffff;margin:0; background-color:#000000; font-size:14px;}
#bbsview .delbtn {display:table; margin:20px 0 20px 0; width:100%;}
#bbsview .delbtn button {width:50%; float:left;}
#bbsview .delbtn button:first-child {border-radius:5px 0 0 5px; color:#999999; border:1px solid #999999}
#bbsview .delbtn button:last-child {background-color:#999999 !important; color:#ffffff !important; border-radius:0px 5px 5px 0px; border:1px solid #999999}

#bbssearch {margin-bottom:20px; margin-top:20px;}
#bbssearch form {width:calc(50% - 2px); height:40px; border:1px solid #999999; padding:0px; border-radius:5px; margin:0 auto}
#bbssearch form select {width:20%; float:left; border:0px; padding:0px; height:40px; text-indent:20px; border-radius:5px;}
#bbssearch form input[type="text"] {width:70%; float:left; border:0px; padding:0px;  height:40px; text-indent:20px;}
#bbssearch form button {width:10%; float:right; border:0px; padding:0px;  height:40px; background-color:#999999;}
#bbssearch form button i {color:#ffffff;}

button.write {width:100%; height:50px; border:1px solid #000000; color:#000000; border-radius:5px; font-size:16px; margin-bottom:30px;}
button.write i {color:#000000; margin-right:10px;}

h8 {display:block; margin:30px 0 0 0; color:#000000; font-size:15px; font-weight:bold; cursor:pointer;}
h8 i {color:#000000; margin-right:5px; font-size:15px;}

.qna form {margin-top:0px;}
.qna form input[type=text] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.qna form input[type=file] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.qna form input[type=password] {width:calc(100% - 42px); padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px;}
.qna form textarea {width:calc(100% - 42px); height:300px; padding:20px; border:1px solid #cccccc; border-radius:5px; margin-bottom:15px; display:block; font-size:17px; line-height:30px;}
.qna form button {width:100%; height:60px; background-color:#000000; text-align:center; color:#ffffff; border-radius:5px; font-size:17px;}
.story-view {margin-top:50px !important}


#docu {}
#docu ul,#docu li {padding:0; margin:0; list-style:none;}
#docu .toggle {color:#000000 !important; font-size:16px;}
#docu .toggle a {color:#000000 !important; font-weight:700;}
#docu .toggle i {color:#000000 !important; margin-right:10px;}
#docu .toggle p {float:right; color:#999999;}
#docu .toggle p i {margin-right:5px; color:#999999 !important}

#docu .toggle span {padding:5px 20px 5px 20px; width:80px; font-size:12px; display:block; float:left; text-align:center; border-radius:20px; color:var( --my-color-1 ); border:1px solid var( --my-color-1 ); margin-right:20px;}
#docu .toggle span.on {background-color:var( --my-color-1 ); color:#ffffff;}

#docu ul .inner {display:none; overflow: hidden; padding:24px; margin-top:-11px; margin-bottom:10px; background-color:#f0f0f0; font-size:16px; line-height:30px;}
#docu ul .inner li {padding-bottom:30px;}
#docu ul .inner li b {color:#ffffff; font-size:17px;}
#docu ul li .toggle {width:calc(100% - 40px); background-color:#ffffff; border:1px solid #e6e6e6; padding:19px; margin:0 auto; display:table; margin-bottom:10px; border-radius:5px;}
#docu ul .inner .reviewbox {max-width:500px; margin:0 auto; width:100%;}
#docu ul .inner .reviewbox img {max-width:100%; border-radius:10px; margin-bottom:10px; width:100%; display:block;}
#docu p {}

@media ( max-width: 1100px ) {
#docu * {font-size:12px !important}
#docu .toggle span {padding:2px 0px 2px 0px; border-radius:20px; color:var( --my-color-1 ); border:1px solid var( --my-color-1 ); float:none; margin-right:0px; display:block; margin-bottom:10px; text-align:center; width:20%}
#docu .toggle p {float:left; color:#999999; width:100%;}

#bbslist {margin-top:30px}
#bbslist div {cursor:pointer; width:calc(100% - 42px); padding:10px 20px 10px 20px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; display:table;}
#bbslist div p:nth-child(1) {float:none; color:#000000; font-size:12px; margin-right:20px; line-height:25px; width:100%;}
#bbslist div p:nth-child(2) {float:none; line-height:25px; font-size:13px; width:100%;}

#bbsview h1 {width:calc(100% - 42px); padding:20px 20px 10px 20px; font-size:14px; line-height:15px !important;}
#bbsview h1 p {margin-top:0px; color:#999999; font-size:12px; line-height:12px !important;}

#bbsphoto {margin-top:30px}
#bbsphoto div {float:left; cursor:pointer; width:calc(100% - 0px); border:1px solid #e6e6e6; border-radius:5px; margin-right:0px; margin-bottom:20px; height:auto; display:table;}
#bbsphoto div:nth-child(3n) {margin-right:0px;}
#bbsphoto div p:nth-child(1) {width:100%; height:150px; }
#bbsphoto div p:nth-child(2) {color:#999999; font-size:13px;  line-height:13px; padding:20px 20px 0px 20px}
#bbsphoto div p:nth-child(3) {padding:0px 20px 10px 20px; line-height:25px; color:#000000; font-weight:bold}

#bbsphoto div:hover {border:1px solid #000000;}
}