@charset "utf-8";

input[type="text"], input[type="password"], textarea {transition:.4s all;}
input[type="text"]:hover, input[type="text"]:focus {border:1px solid #333 !important;}
input[type="text"]:focus,
textarea:hover, textarea:focus {border:1px solid #333 !important;}
input.date {background:url(../_img/ico_month.png) no-repeat 94% 50% !important;}
.ui-datepicker-trigger {display:none;}

.bbsFunc .bbsSearch input[type="text"]:focus {
	color:#333 !important;
}


input[type="text"]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
input[type="text"]:focus::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
input[type="text"]:focus:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
input[type="text"]:focus:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

input[type="password"]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
input[type="password"]:focus::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
input[type="password"]:focus:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
input[type="password"]:focus:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFF;
}
textarea:focus::-moz-placeholder { /* Firefox 19+ */
  color: #FFF;
}
textarea:focus:-ms-input-placeholder { /* IE 10+ */
  color: #FFF;
}
textarea:focus:-moz-placeholder { /* Firefox 18- */
  color: #FFF;
}

/* bbsTab */
.bbsTabWrap {display:block; height:auto; overflow:hidden; margin:40px 0;}
.bbsTab {display:table; width:100%; table-layout:fixed; height:auto; overflow:hidden;}
.bbsTab div {display:table-cell; vertical-align:middle; height:auto; overflow:hidden; text-align:center; font-size:20px;}
.bbsTab div a {display:block; padding:25px 0; color:#aaa; position:relative;}
.bbsTab div a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#ddd;}
.bbsTab div.on a {color:#333; font-weight:500;}
.bbsTab div a:hover {color:#333;}
.bbsTab div.on a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#333; z-index:10;}

.bbsTitleSec {display:block; height:auto; overflow:hidden; position:relative; padding-bottom:20px;}
.bbsTitleSec.bdr {border-bottom:1px solid #ddd;}

.comnInnerti {margin-top: 60px; font-size:35px; font-weight:500; text-align: center;}


.bbsFunc {position:absolute; right:0; top:0; text-align:right; width:70%;}
.bbsFunc .total {display:inline-block; line-height:44px; color:#222; font-size:14px; font-weight:500; vertical-align:middle; margin-right:25px;}
.bbsFunc select {display:inline-block; height:44px; line-height:42px; padding:0px; border:0; border:1px solid #ddd; background:url(../_img/ar_sel_s.png) no-repeat 95% 50%; -webkit-appearance: none; -moz-appearance:none; appearance: none; padding:0 30px 0 10px;}
.bbsFunc select::-ms-expand {display: none;}
.bbsFunc .bbsSearch {display:inline-block; height:44px; overflow:hidden; position:relative; width:100%; max-width:320px; vertical-align:middle;}
.bbsFunc .bbsSearch input[type="text"] {display:inline-block; width:100%; height:44px; line-height:44px; padding:0 54px 0 15px; color:#333; font-size:14px; border:0; border:1px solid #ddd; box-sizing:border-box; background:transparent;}
.bbsFunc .bbsSearch input[type="text"]:focus {background:#FFF !important;}
.bbsFunc .bbsSearch button {position:absolute; right:0px; top:50%; transform:translate(0, -50%); width:44px; height:44px; background:url(../_img/ico_search.png) no-repeat 50% 50%; background-size:23px 23px; z-index:10; cursor:pointer; text-indent:-9999px;}

.bbsDeco {position:relative; text-align:center;}
.bbsDeco:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.bbsDeco img {max-width:100%;}

.bbsList {display:block; height:auto; overflow:hidden; margin-bottom:30px;}
.bbsList.card li {float:left; width:24.25%; height:auto; overflow:hidden; margin-right:1%; margin-bottom:40px;}
.bbsList.card li a {display:block;}
.bbsList.card li .articleBox {display:block; height:auto; overflow:hidden; border:1px solid #ddd;}
.bbsList.card li .articleBox:hover {border:1px solid #333;}
.bbsList.card li .thumb {position:relative; overflow:hidden;}
.bbsList.card li .thumb:after {content:''; display:block; overflow:hidden; height:auto; padding-bottom:75%;}
.bbsList.card li .thumb img {position:absolute; left:50%; top:50%; max-width:100%; transform:translate(-50%, -50%);}
.bbsList.card li .articleInfo {display:block; height:auto; padding:30px;}
.bbsList.card li .articleInfo .date {display:block; font-size:16px; color:#aaa; font-weight:600; margin-bottom:20px;}
.bbsList.card li .articleInfo .date em {display:inline-block; color:#333; margin-right:15px;}
.bbsList.card li .articleInfo .hit {display:inline-block; margin-left:10px; color:#333;}
.bbsList.card li .articleInfo .subject {color:#333; font-weight:700; font-size:24px; font-weight:700; line-height:1.3; height:60px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.bbsList.card li .articleInfo .desc {color:#333; font-weight:400; font-size:16px; line-height:1.4; height:45px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:20px;}
.bbsList.card li .articleInfo .icoAr {display:inline-block; margin-top:25px; width:22px; height:18px; background:url(../_img/ar_bbs.png) no-repeat 50% 50%;}

.bbsList.social li {float:left; width:23.5%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:40px;}
.bbsList.social li a {display:block;}
.bbsList.social li .articleBox {display:block; height:auto; overflow:hidden; border:1px solid #ddd; padding-bottom:30px;}
.bbsList.social li .articleBox:hover {border:1px solid #333;}
.bbsList.social li .thumb {position:relative; overflow:hidden;}
.bbsList.social li .thumb:after {content:''; display:block; overflow:hidden; height:auto; padding-bottom:56.18%;}
.bbsList.social li .thumb img {position:absolute; left:50%; top:50%; max-width:100%; transform:translate(-50%, -50%);}
.bbsList.social li .subject {margin-top:30px; padding:0 20px; color:#333; font-weight:700; font-size:18px; font-weight:500; line-height:1.3; height:50px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}

.bbsList.webzine {}
.bbsList.webzine li {display:block; height:auto; overflow:hidden; padding:30px 50px; border:1px solid #ddd;}
.bbsList.webzine li a {display:block;}
.bbsList.webzine li .articleBox {display:table; table-layout:fixed; overflow:hidden; height:203px; width:100%;}
.bbsList.webzine li .thumb {float:left; width:270px; position:relative; border:1px solid #ddd;}
.bbsList.webzine li .thumb:after {content:''; display:block; overflow:hidden; height:auto; padding-bottom:75%;}
.bbsList.webzine li .thumb img {position:absolute; left:50%; top:50%; max-width:100%; transform:translate(-50%, -50%);}
.bbsList.webzine li .articleInfo {width:100%; padding-left:320px; height:auto; position:relative; padding-right:80px; display:table-cell; vertical-align:middle;}
.bbsList.webzine li .articleInfo .date {display:block; font-size:16px; color:#aaa; font-weight:600; margin-bottom:10px;}
.bbsList.webzine li .articleInfo .date em {display:inline-block; color:#333; margin-right:15px;}
.bbsList.webzine li .articleInfo .subject {color:#333; font-weight:700; font-size:24px; font-weight:700; line-height:1.3; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList.webzine li .articleInfo .desc {color:#333; font-weight:400; font-size:16px; line-height:1.4; height:70px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-break:break-all; margin-top:10px;}
.bbsList.webzine li .articleInfo .icoAr {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:55px; height:55px; background:#FFF; border-radius:50%; transition:.4s all;}
.bbsList.webzine li .articleInfo .icoAr:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:24px; height:2px; background:#555;}
.bbsList.webzine li .articleInfo .icoAr:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:24px; background:#555;}
.bbsList.webzine li .articleInfo:hover .icoAr {background:#555;}
.bbsList.webzine li .articleInfo:hover .icoAr:after, .bbsList.webzine li .articleInfo:hover .icoAr:before {background:#FFF;}

.bbsList.pds {}
.bbsList.pds li {display:block; height:auto; overflow:hidden; padding:30px 50px; border-bottom:1px solid #ddd;}
.bbsList.pds li a {display:block;}
.bbsList.pds li .articleBox {display:block; height:auto; overflow:hidden;}
.bbsList.pds li .articleInfo {display:block; height:auto; overflow:hidden; padding-right:80px; position:relative;}
.bbsList.pds li .articleInfo .date {display:block; font-size:16px; color:#aaa; font-weight:600; margin-bottom:10px;}
.bbsList.pds li .articleInfo .date em {display:inline-block; color:#333; margin-right:15px;}
.bbsList.pds li .articleInfo .subject {color:#333; font-weight:700; font-size:24px; font-weight:700; line-height:1.3; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList.pds li .articleInfo .desc {color:#333; font-weight:400; font-size:16px; line-height:1.4; height:43px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:10px;}
.bbsList.pds li .articleInfo .icoAr {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:55px; height:55px; background:#FFF; border-radius:50%; transition:.4s all;}
.bbsList.pds li .articleInfo .icoAr:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:24px; height:2px; background:#555;}
.bbsList.pds li .articleInfo .icoAr:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:24px; background:#555;}
.bbsList.pds li .articleInfo:hover .icoAr {background:#555;}
.bbsList.pds li .articleInfo:hover .icoAr:after, .bbsList.pds li .articleInfo:hover .icoAr:before {background:#FFF;}

.bbsList.reply {}
.bbsList.reply li {display:block; height:auto; overflow:hidden; padding:30px 50px; border:1px solid #ddd;}
.bbsList.reply li a {display:block;}
.bbsList.reply li .articleBox {display:block; height:auto; overflow:hidden;}
.bbsList.reply li .articleInfo {display:block; height:auto; overflow:hidden; padding-right:110px; position:relative;}
.bbsList.reply li .articleInfo .date {display:block; font-size:16px; color:#aaa; font-weight:600; margin-bottom:10px;}
.bbsList.reply li .articleInfo .date em {display:inline-block; color:#333; margin-right:15px;}
.bbsList.reply li .articleInfo .subject {color:#333; font-weight:700; font-size:24px; font-weight:700; line-height:1.3; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bbsList.reply li .articleInfo .subject.lock {padding-left:30px; background:url(../_img/ico_lock.png) no-repeat left 6px;}
.bbsList.reply li .articleInfo .desc {color:#333; font-weight:400; font-size:16px; line-height:1.4; height:43px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all; margin-top:10px;}
.bbsList.reply li .articleInfo .icoAr {position:absolute; right:0; top:50%; transform:translate(0, -50%); width:55px; height:55px; background:#FFF; border-radius:50%; transition:.4s all;}
.bbsList.reply li .articleInfo .icoAr:after {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:24px; height:2px; background:#555;}
.bbsList.reply li .articleInfo .icoAr:before {content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:2px; height:24px; background:#555;}
.bbsList.reply li .articleInfo:hover .icoAr {background:#555;}
.bbsList.reply li .articleInfo:hover .icoAr:after, .bbsList.pds li .articleInfo:hover .icoAr:before {background:#FFF;}
.bbsList.reply li .repStats {position:absolute; right:0; top:50%; transform:translate(0, -50%); font-size:18px; color:#FFF; padding:8px 15px 10px 15px;}
.bbsList.reply li .repStats.comp {background:#333;}
.bbsList.reply li .repStats.notYet {background:#999;}

.thumb .snsIco {position:absolute; right:15px; bottom:15px; width:40px; height:40px; z-index:200;}
.thumb .snsIco.insta {background:url(../_img/sns_insta.png) no-repeat 50% 50%; background-size:100%;}
.thumb .snsIco.blog {background:url(../_img/sns_blog.png) no-repeat 50% 50%; background-size:100%;}
.thumb .snsIco.yt {background:url(../_img/sns_yt.png) no-repeat 50% 50%; background-size:100%;}

.bbsView {display:block; height:auto; overflow:hidden;}
.bbsView .subjectSec {display:block; height:auto; overflow:hidden; padding:30px; position:relative;}
.bbsView .subjectSec .date {color:#aaa; font-size:16px; font-weight:600; margin-bottom:10px;}
.bbsView .subjectSec .inSubject {color:#333; font-size:30px; font-weight:500; line-height:1.4; padding-right:240px;}
.bbsView .subjectSec .writeInfo {position:absolute; bottom:30px; right:30px; text-align:right;}
.bbsView .subjectSec .writeInfo .txt {display:inline-block; color:#333; font-size:16px; margin-right:20px;}
.bbsView .subjectSec .writeInfo .txt:last-child {margin-right:0;}

.bbsView .attachedFiles {display:block; height:auto; overflow:hidden; padding:30px 30px 30px 134px; background:#f7f7f7; position:relative;}
.bbsView .attachedFiles .title {position:absolute; left:30px; top:30px; font-size:16px; color:#333;}
.bbsView .attachedFiles .attach {display:block; margin-bottom:10px; padding-left:28px; background:url(../_img/ico_file.png) no-repeat left top; font-size:16px; color:#555;}
.bbsView .attachedFiles .attach a {display:inline-block; color:#555;}
.bbsView .attachedFiles .attach:last-child {margin-bottom:0;}
.bbsView .bbsCon {display:block; height:auto; overflow:hidden; padding:30px; font-size:18px; color:#333; line-height:1.4; border-top:1px solid #ddd; border:1px solid #ddd;}
.bbsView .bbsCon p,
.bbsView .bbsCon span,
.bbsView .bbsCon div{font-size:18px; color:#333; line-height:1.4; font-family: 'Pretendard Variable' !important;}
.bbsView .bbsCon img {padding:15px 0;}

.bbsView .bbsRepCon {display:block; height:auto; overflow:hidden; padding:30px; background:#f0f0f0; border:1px solid #ddd;}
.bbsView .bbsRepCon .repTitle {color:#333; font-size:18px; font-weight:600; margin-bottom:20px;}
.bbsView .bbsRepCon .repTitle em {color:#999; font-size:16px; font-weight:400; margin-left:20px;}
.bbsView .bbsRepCon .empty {text-align:center; padding:50px 0;}
.bbsView .bbsRepCon .repCon {font-size:18px; color:#333; line-height:1.4;}

.bbsWrap .btnArea {clear:both; display:block; height:auto; overflow:hidden; text-align:center; margin:50px 0;}
.bbsBtn a {display:inline-block; font-size:20px; color:#FFF; border-radius:6px;}
.bbsBtn.list a {padding:15px 0px; width:100%; max-width:200px; background:#666;}
.bbsBtn.apply a {padding:15px 0px; width:100%; max-width:200px; background:#3270bd;}
.bbsBtn.write a {padding:15px 0px; width:100%; max-width:200px; background:#3270bd; text-align:center;}
.bbsBtn.edit a {padding:15px 0px; width:100%; max-width:100px; background:#666;}
.bbsBtn.del a {padding:15px 0px; width:100%; max-width:100px; background:#333;}

.npArticle {display:block; height:auto; overflow:hidden;}
.npArticle li {display:block; height:auto; overflow:hidden; padding:20px 20px 20px 150px; position:relative; border-bottom:1px solid #ddd; font-size:20px; color:#333;}
.npArticle li:first-child {border-top:1px solid #ddd;}
.npArticle li .npTitle {position:absolute; left:30px; top:50%; transform:translate(0, -50%); font-size:16px; color:#999;}
.npArticle li a {display:block; color:#333; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pagination {clear:both; display:block; height:auto; overflow:hidden; text-align:center;}
.pagination span a {display:inline-block; width:40px; height:40px; border:1px solid #ddd; vertical-align:middle;}
.pagination .dir.forward a {background:url(../_img/bbs_forward.png) no-repeat 50% 50%;}
.pagination .dir.forward a:hover {border:1px solid #6a7988; background:#6a7988 url(../_img/bbs_forward_on.png) no-repeat 50% 50%;}
.pagination .dir.first a {background:url(../_img/bbs_first.png) no-repeat 50% 50%;}
.pagination .dir.first a:hover {border:1px solid #6a7988; background:#6a7988 url(../_img/bbs_first_on.png) no-repeat 50% 50%;}
.pagination .dir.backword a {background:url(../_img/bbs_backword.png) no-repeat 50% 50%;}
.pagination .dir.backword a:hover {border:1px solid #6a7988; background:#6a7988 url(../_img/bbs_backword_on.png) no-repeat 50% 50%;}
.pagination .dir.back a {background:url(../_img/bbs_back.png) no-repeat 50% 50%;}
.pagination .dir.back a:hover {border:1px solid #6a7988; background:#6a7988 url(../_img/bbs_back_on.png) no-repeat 50% 50%;}
.pagination .num a {line-height:38px; font-size:18px; text-align:center;}
.pagination .num a:hover {border:1px solid #6a7988; color:#6a7988;}
.pagination .num.on a {border:1px solid #6a7988; color:#FFF; background:#6a7988;}

.bbsCate {display:block; height:auto; overflow:hidden; padding:15px 20px; border:1px solid #555; margin:0 0 30px 0;}
.bbsCate .cate a {display:inline-block; font-size:16px; color:#999; padding:10px; font-weight:400; position:relative; margin:0 10px;}
.bbsCate .cate a:hover {color:#333;}
.bbsCate .cate.on a {color:#333;}
.bbsCate .cate.on a:after {content:''; position:absolute; left:50%; bottom:4px; width:calc(100% - 20px); height:1px; background:#333; transform:translate(-50%, 0);}

.faqList {display:block; height:auto; overflow:hidden; margin-bottom:30px; display:none;}
.faqList .faqSet {display:block; height:auto; overflow:hidden; border:1px solid #f5f5f5; background:#f5f5f5; padding:30px 50px; margin-bottom:10px; cursor:pointer; box-sizing:border-box;}
.faqList .faqSet .quest {display:block; height:auto; overflow:hidden; font-size:18px; color:#333; padding-left:30px; position:relative; transition:.4s all;}
.faqList .faqSet .quest:after {content:''; position:absolute; right:0; top:5px; width:15px; height:10px; background:url(../_img/ar_sel_b.png) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.faqList .faqSet .quest .icoQ {position:absolute; left:0; top:-2px; font-size:20px; color:#999; font-weight:600; transition:.4s all;}
.faqList .faqSet .answer {display:block; height:auto; overflow:hidden; margin-top:30px; padding:30px; font-size:18px; color:#555; position:relative; line-height:1.4; border-top:1px solid #aaa; display:none;}
.faqList .faqSet .answer .icoA {position:absolute; left:0; top:25px; font-size:24px; color:#1a75d2; font-weight:600;}

.faqList .faqSet.on {background:#FFF; border:1px solid #555; transition:.4s all; box-sizing:border-box;}
.faqList .faqSet.on .quest {font-size:20px; font-weight:600;}
.faqList .faqSet.on .quest .icoQ {color:#333; font-size:24px; top:-3px;}
.faqList .faqSet.on .quest:after {transform:rotate(-180deg);}

.contactTitle {color:#333; font-size:24px; padding-bottom:10px; border-bottom:1px solid #777;}
.contactForm {display:block; height:auto; overflow:hidden; margin:40px 0;}
.contactForm .conPart {padding-bottom:30px; border-bottom:1px solid #dadada; margin-bottom:40px; display:block; height:auto; overflow:hidden;}
.contactForm .conPart label {float:left; width:33.3333%; margin-bottom:10px; box-sizing:border-box;}
.contactForm .conPart label input + span {font-size:16px;}
.contactForm .formTitle {color:#333; font-size:20px; margin-bottom:15px; font-weight:500;}
.contactForm ul {float:left; width:48%; margin-right:4%; height:auto; overflow:hidden;}
.contactForm ul:nth-child(2) {margin-right:0;}
.contactForm ul li {display:block; height:auto; overflow:hidden; margin-bottom:25px; position:relative;}
.contactForm ul li .blockInput {display:block; height:auto; overflow:hidden; box-sizing:border-box; position:relative;}
.contactForm ul li .blockInput.chk {padding-right:100px;}
.contactForm ul li .blockInput input[type="text"], .contactForm ul li .blockInput input[type="password"] {display:inline-block;   height:50px; line-height:48px; background:transparent; border:0; border:1px solid #ccc; box-sizing:border-box; padding:0 15px; font-size:16px; color:#333;}
.contactForm ul li .blockInput input[type="text"]#email,
.contactForm ul li .blockInput input[type="text"]#mail_confirm_no {padding-right:150px;}
.contactForm ul li .blockInput textarea {display:inline-block; width:100%; height:210px; line-height:1.4; background:transparent; border:1px solid #ccc; box-sizing:border-box; padding:15px; font-size:16px; color:#333;}
.contactForm ul li .blockInput.full {padding-right:0;}
.contactForm ul li .blockInput.certify {margin-bottom:10px;}
.contactForm ul li .blockInput button {position:absolute; right:15px; top:50%; transform:translate(0, -50%); padding:8px 0px; width:140px; border:0; background:#555; color:#FFF; text-align:center; font-size:14px; cursor:pointer;}
.contactForm ul li .blockInput .setDate {display:inline-block; margin-left:10px; font-size:16px;}
.contactForm ul li .blockInput label {float:left; width:100%; margin-right:0; margin-bottom:15px; font-size:16px; padding-left:5px; box-sizing:border-box;}
.contactForm ul li .blockInput.label label {width:50%;}
.contactForm ul li .blockInput.labelTy02 label {width:25%;}
.contactForm ul li .cauTxt {font-size:16px; margin-top:5px; line-height:1.4; color:#ff5000;}
.contactForm ul li .cauBenefit {display:block; height:auto; overflow:hidden;}
.contactForm ul li .cauBenefit dd {display:block; font-size:16px; line-height:1.4; color:#ff5000; padding-left:12px; position:relative;}
.contactForm ul li .cauBenefit dd:after {content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#ff5000; border-radius:50%;}
 
.writeForm {display:block; height:auto; overflow:hidden; margin:40px 0;}
.writeForm .formTitle {color:#333; font-size:20px; margin-bottom:5px; font-weight:500;}
.writeForm ul {display:block; height:auto; overflow:hidden;}
.writeForm ul li {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.writeForm ul li .blockInput {position:relative;}
.writeForm ul li .blockInput:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.writeForm ul li .blockInput.secret {height:50px; line-height:50px;}
.writeForm ul li .blockInput input[type="text"] {display:inline-block; width:100%; height:50px; line-height:48px; background:transparent; border:0; border:1px solid #ccc; box-sizing:border-box; padding:0px 15px; font-size:16px; color:#333;}
.writeForm ul li .blockInput.secret input[type="password"] {display:inline-block; margin-left:0px; width:200px; height:44px; line-height:42px; background:transparent; border:0; border:1px solid #ccc; box-sizing:border-box; padding:0px 15px; font-size:16px; color:#333;}
.writeForm ul li .blockInput textarea {display:inline-block; width:100%; height:210px; line-height:1.4; background:transparent; border:1px solid #ccc; box-sizing:border-box; padding:15px; font-size:16px; color:#333;}
.writeForm ul li .blockInput button {position:absolute; right:0; top:0; width:140px; height:50px; border:0; background:#555; color:#FFF; text-align:center; font-size:16px; cursor:pointer;}
.writeForm ul li .blockInput label {margin-right:30px;}
.writeForm ul li .blockInput .radioB input + span {font-size:18px;}
.writeForm ul li .blockInput .radioB input:checked + span {font-size:18px;}

.agreeBlock {clear:both; display:block; height:auto; overflow:hidden; margin-bottom:40px;}
.agreeBlock .terms {display:block; height:150px; padding:20px; border:1px solid #ccc; background:#f0f0f0; font-size:16px; line-height:1.4; overflow:hidden; overflow-y:auto; margin:10px 0;}
.agreeBlock label input + span {font-size:16px;}

.popPw {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:400px; height:auto; overflow:hidden; background:#eee; z-index:110000; display:none;}
.popPw .pdTitle {padding:20px 30px; font-size:20px; color:#FFF; font-weight:700; background:#173d6b;}
.popPw .closeDown {position:absolute; right:20px; top:12px; width:40px; height:40px; cursor:pointer;}
.popPw .closeDown::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 29px;height: 3px;background: #FFF}
.popPw .closeDown::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 29px;height: 3px;background: #FFF}
.popPw .blockInput {display:block; padding:30px; position:relative;}
.popPw .blockInput input[type="text"], .popPw .blockInput input[type="password"] {display:inline-block; width:100%; height:44px; line-height:44px; color:#333; font-size:14px; box-sizing:border-box; border:0; border-bottom:1px solid #bbb; background:transparent; padding:0 90px 0 15px;}
.popPw .blockInput .bbsBtn a {position:absolute; right:30px; top:30px; width:80px; text-align:center;}
.popPw .blockInput .bbsBtn.apply a {padding:8px 0; background:#555; font-size:14px; right:45px; top:35px;}

.vodPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; max-width:800px; height:auto; z-index:110000; display:none;}
.vodPop .vodClose {position:absolute; right:10px; top:-50px; width:40px; height:40px; cursor:pointer;}
.vodPop .vodClose::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);width: 29px;height: 3px;background: #FFF}
.vodPop .vodClose::after {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg);width: 29px;height: 3px;background: #FFF}

.bbsDecoPc {display:block !important;}
.bbsDecoMo {display:none !important;}

/* login */
.loginWrap {width:96%; max-width:500px; text-align:center; margin:0 auto; border:1px solid #ddd; padding:30px; background:#FFF;}
.loginWrap .loginForm {margin-top:20px; padding-top:20px; border-top:1px solid #ccc;}
.loginWrap .loginForm li {display:block; margin-bottom:15px;}
.loginWrap .loginForm li .formTitle {text-align:left; font-size:14px; color:#333; font-weight:500; margin-bottom:10px;}
.loginWrap .loginForm li .blockInput {}
.loginWrap .loginForm li .blockInput input[type="text"], .loginWrap .loginForm li .blockInput input[type="password"] {display:inline-block; width:100%; height:44px; line-height:44px; color:#333; font-size:14px; box-sizing:border-box; border:0; border:1px solid #aaa; background:transparent; padding:0 15px;}
.loginWrap .loginForm li button.btnLogin {display:block; padding:15px 0; color:#FFF; background:#444; font-weight:500; width:100%; font-size:18px; margin-top:20px;}

@media only screen and (min-width:769px) {
	.bbsList.card li:nth-child(4n) {margin-right:0;}
	.bbsList.social li:nth-child(4n) {margin-right:0;}
}

@media only screen and (max-width:1024px) {
	.bbsList.card li .articleInfo {padding:20px;}
	.bbsList.card li .articleInfo .date {margin-bottom:20px;}
	.bbsList.card li .articleInfo .desc {margin-top:15px;}
	.bbsList.card li .articleInfo .icoAr {margin-top:15px;}

	.bbsList.card li {width:49%; margin-right:2%;}
	.bbsList.card li:nth-child(2n) {margin-right:0;}

	.bbsList.webzine li {padding:20px;}
	.bbsList.webzine li .articleBox {height:auto;}
	.bbsList.webzine li .thumb {width:200px;}
	.bbsList.webzine li .articleInfo {padding-left:250px;}

}

@media only screen and (max-width:768px) {
	.bbsDecoPc {display:none !important;}
	.bbsDecoMo {display:block !important;}
	
	.bbsWrap .btnArea {margin:25px 0;}

	.bbsTabWrap {display:block; height:auto; overflow:hidden; position:relative; margin:20px -20px 20px -20px;}
	.bbsTabWrap:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#ddd; z-index:0;}
	.bbsTab {display:flex; overflow:hidden; position:relative; justify-content: space-evenly;}
	.bbsTab:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#ddd; z-index:0;}
	.bbsTab::-webkit-scrollbar{display:none;}
	.bbsTab div {font-size:13px;}
	.bbsTab div a {padding:10px;}
	.bbsTab div a:after {background:none;}

/* 	.bbsTab {display:block; width:auto; overflow:hidden; overflow-x:auto; white-space:nowrap; position:relative;}
	.bbsTab::-webkit-scrollbar{display:none;}
	.bbsTab div {font-size:13px; display:inline-block; width:25%;}
	.bbsTab div a {padding:10px 20px;}
	.bbsTab div a:after {background:none;} */

	.bbsFunc {position:relative; display:block; right:unset; top:unset; transform:none; width:100%; clear:both; padding-left:160px; text-align:left;}
	.bbsFunc .total {position:absolute; left:0; top:50%; transform:translate(0, -50%); font-size:12px; margin-right:0; width:80px; height:38px; line-height:38px;}
	.bbsFunc select {position:absolute; left:80px; top:50%; transform:translate(0, -50%); font-size:12px; width:80px; height:32px; line-height:32px; padding-right:30px }
	.bbsFunc .bbsSearch input[type="text"] {height:38px; line-height:38px; padding:0 40px 0 10px; font-size:12px;}
	.bbsFunc .bbsSearch button {width:30px; height:30px; background-size:18px 18px;}

	.bbsList.card li {width:100%; margin-right:0; margin-bottom:20px;}
	.bbsList.card li .articleInfo .date {margin-bottom:10px; font-size:12px;}
	.bbsList.card li .articleInfo .subject {font-size:18px; height:50px;}
	.bbsList.card li .articleInfo .desc {margin-top:5px; font-size:14px; height:58px;}
	.bbsList.card li .articleInfo .icoAr {margin-top:10px;}

	.bbsList.reply li {padding:15px 5px;}
	.bbsList.reply li .articleInfo .date {font-size:14px; margin-bottom:5px;}
	.bbsList.reply li .articleInfo .date em {margin-right:10px;}
	.bbsList.reply li .articleInfo .subject {font-size:18px;}
	.bbsList.reply li .articleInfo .subject.lock {padding-left:20px; background-size:auto 13px; background-position:left 5px;}
	.bbsList.reply li .repStats {font-size:12px; padding:5px 10px;}

	.bbsList.social li {width:49%; margin-bottom:20px;}
	.bbsList.social li:nth-child(2n) {margin-right:0; margin-bottom:20px;}
	.bbsList.social li .articleBox {padding-bottom:15px;}
	.bbsList.social li .thumb .snsIco {right:10px; bottom:10px; width:30px; height:30px;}
	.bbsList.social li .subject {margin-top:15px; padding:0 15px; font-size:14px; height:38px;}

	.bbsList.webzine li {padding:20px 5px;}
	.bbsList.webzine li .articleBox {height:auto;}
	.bbsList.webzine li .thumb {width:100px;}
	.bbsList.webzine li .articleInfo {padding-left:115px; padding-right:0;}
	.bbsList.webzine li .articleInfo .icoAr {display:none;}
	.bbsList.webzine li .articleInfo .date {font-size:14px; margin-bottom:5px;}
	.bbsList.webzine li .articleInfo .subject {font-size:18px;}
	.bbsList.webzine li .articleInfo .desc {margin-top:5px; height:40px; -webkit-line-clamp:2; font-size:14px; line-height:1.3;}

	.bbsList.pds li {padding:20px 5px;}
	.bbsList.pds li .articleBox {height:auto;}
	.bbsList.pds li .thumb {width:100px;}
	.bbsList.pds li .articleInfo {padding-left:0; padding-right:0;}
	.bbsList.pds li .articleInfo .icoAr {display:none;}
	.bbsList.pds li .articleInfo .date {font-size:14px; margin-bottom:5px;}
	.bbsList.pds li .articleInfo .subject {font-size:18px;}
	.bbsList.pds li .articleInfo .desc {margin-top:5px; height:40px; -webkit-line-clamp:2; font-size:14px; line-height:1.3;}

	.bbsBtn a {font-size:16px;}
	.bbsBtn.write a {max-width:30%; padding:10px 0;}
	.bbsBtn.apply a {max-width:50%; padding:10px 0;}
	.bbsBtn.list a {max-width:20%; padding:10px 0;}
	.bbsBtn.edit a {max-width:20%; padding:10px 0;}
	.bbsBtn.del a {max-width:20%; padding:10px 0;}

	.writeForm .formTitle {font-size:18px;}
	.writeForm ul li .blockInput input[type="text"] {height:38px; line-height:36px; font-size:14px; padding:0 10px;}
	.writeForm ul li .blockInput textarea {height:150px; padding:10px; font-size:14px;}
	.writeForm ul li .blockInput label {margin-right:10px;}
	.writeForm ul li .blockInput .radioB input + span,
	.writeForm ul li .blockInput .radioB input:checked + span {font-size:14px;}
	.writeForm ul li .blockInput.secret input[type="password"] {height:38px; line-height:36px; font-size:14px; padding:0 10px; width:50%;}

	.agreeBlock .terms {height:100px; padding:15px; font-size:13px;}
	.agreeBlock label input + span {font-size:14px;}

	.popPw {width:92%;}
	.popPw .pdTitle {font-size:16px; padding:15px 20px;}
	.popPw .closeDown {width:30px; height:30px;	right:10px;}
	.popPw .closeDown::before {width:20px; height:2px;}
	.popPw .closeDown::after {width:20px; height:2px;}
	.popPw .blockInput {padding:20px;}
	.popPw .blockInput .bbsBtn.apply a {right:28px; top:27px; padding:5px 0; width:60px; font-size:13px;}

	.bbsView .subjectSec {padding:15px 5px;}
	.bbsView .subjectSec .date {font-size:12px; margin-bottom:5px;}
	.bbsView .subjectSec .inSubject {font-size:18px; padding-right:0; width:100%; clear:both;}
	.bbsView .subjectSec .writeInfo {position:relative; right:unset; bottom:unset; width:100%; display:block; height:auto; overflow:hidden; margin-top:5px; clear:both;}
	.bbsView .subjectSec .writeInfo .txt {font-size:12px; margin-right:10px;}
	.bbsView .bbsCon {padding:20px 5px; font-size:16px;}
	.bbsView .bbsCon p,
	.bbsView .bbsCon span,
	.bbsView .bbsCon div{font-size:16px;}
	.bbsView .bbsCon img {padding:10px 0;}
	.bbsView .bbsRepCon {padding:20px; font-size:16px;}
	.bbsView .bbsRepCon .repTitle {font-size:16px; margin-bottom:10px;}
	.bbsView .bbsRepCon .repTitle em {display:block; font-size:12px; margin-top:5px; margin-left:0;}
	.bbsView .bbsRepCon .repCon {font-size:16px;}

	.bbsView .attachedFiles {padding:15px 15px 15px 107px;}
	.bbsView .attachedFiles .title {left:15px; top:15px; font-size:14px;}
	.bbsView .attachedFiles .attach {font-size:13px; padding-left:20px; background-size:16px 16px;}

	.npArticle li {padding:15px 15px 15px 65px; font-size:14px;}
	.npArticle li .npTitle {font-size:14px; left:15px;}
	.npArticle li a {font-size:14px;}

	.vodPop .vodClose {width:30px; height:30px;	right:10px;}
	.vodPop .vodClose::before {width:20px; height:2px;}
	.vodPop .vodClose::after {width:20px; height:2px;}

	.contactTitle {font-size:18px;}
	.contactForm ul {width:100%; margin-right:0;}
	.contactForm .formTitle {font-size:18px;}
	.contactForm ul li .blockInput input[type="text"] {height:38px; line-height:36px; font-size:14px; padding:0 10px;}
	.contactForm ul li .blockInput textarea {height:150px; padding:10px; font-size:14px;}
	.contactForm ul li .blockInput label {margin-right:10px;}
	.contactForm ul li .blockInput .radioB input + span,
	.contactForm ul li .blockInput .radioB input:checked + span {font-size:14px;}
	.contactForm ul li .blockInput button {padding:6px 0; width:100px; font-size:12px; top:5px; transform:none;}
	.contactForm .conPart label {width:100%;}
	.contactForm .conPart {padding-bottom:15px; margin-bottom:30px;}
	.contactForm .conPart label input + span {font-size:14px;}

	.bbsCate {padding:10px; margin-bottom:25px;}
	.bbsCate .cate a {font-size:13px; padding:5px 5px 10px 5px; margin:0 5px;}
	.bbsCate .cate.on a:after {width:calc(100% - 10px);}

	.faqList .faqSet {padding:15px 20px;}
	.faqList .faqSet .quest {font-size:14px; padding:0 20px;}
	.faqList .faqSet .quest .icoQ {font-size:16px;}
	.faqList .faqSet.on .quest {font-size:16px;}
	.faqList .faqSet.on .quest .icoQ {font-size:18px;}
	.faqList .faqSet .answer {padding:15px 20px; margin-top:20px; font-size:14px;}
	.faqList .faqSet .answer .icoA {font-size:18px; top:12px;}

	.bbsFunc {position:relative; display:block; right:unset; top:unset; transform:none; width:100%; clear:both; padding-left:160px; text-align:left;}
	.bbsFunc .total {position:absolute; left:0; top:50%; transform:translate(0, -50%); font-size:12px; margin-right:0; width:80px; height:38px; line-height:38px;}
	.bbsFunc select {position:absolute; left:80px; top:50%; transform:translate(0, -50%); font-size:12px; width:80px; height:32px; line-height:32px; padding-right:30px }
	.bbsFunc .bbsSearch input[type="text"] {height:38px; line-height:38px; padding:0 40px 0 10px; font-size:12px;}
	.bbsFunc .bbsSearch button {width:30px; height:30px; background-size:18px 18px;}

	.pagination span a {width:30px; height:30px;}
	.pagination .num a {line-height:28px; font-size:16px;}

}

@media only screen and (max-width:640px) {

}

@media only screen and (max-width:480px) {

}