@charset "utf-8";
@import url('member.css');
@import url('module.css');

/* 
 * board CSS Document
 */
 
 /* bbsList */
.bbsList th,
.bbsList td{padding:15rem 10rem; border-bottom:1rem solid #eaecf1; text-align:center;}
.bbsList thead th{padding:15rem 10rem; background:#f9fafb; border-top:1rem dotted #8c92a3; border-bottom:1rem solid #d2d7dc; font-weight:300; color:#222;}
.bbsList thead tr:first-child th{border-top:2rem solid #505c78;}
.bbsList td{color:#666; word-break:break-all;}
.bbsList tr.active td{background:#f0f6f8; color:#333 !important;}
.bbsList td[data-table="subject"] a{display:inline-block;}
.bbsList td[data-table="subject"]{text-align:left;}
.bbsList td[data-table="subject"] i{display:inline-block; margin-left:10rem; font-size:13rem; color:#ce6c0c;}
.bbsList td[data-table="subject"] .new{display:inline-block; margin-right:5rem; width:25rem; height:11rem; background:url(../images/board/icon_new.png) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice{display:block; position:relative; width:25rem; height:25rem; margin:0 auto; background:#365ec3; border-radius:50%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.bbsList td[data-table="number"] .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:23rem;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block; position:relative; padding:0 7rem; margin-right:5rem; background:#fff; border-radius:3rem; border:1rem solid #365ec3; font-size:13rem; color:#365ec3;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10rem; background:#41464e;}
.bbsList .reply:before{top:0rem; width:1rem; height:10rem;}
.bbsList .reply:after{top:10rem; width:10rem; height:1rem;}
.bbsList + .pagination{border-top-width:0rem;}
html[lang="en"] .bbsList td[data-table="number"] .notice:before,
html[lang="ja"] .bbsList td[data-table="number"] .notice:before,
html[lang="zh"] .bbsList td[data-table="number"] .notice:before,
html[lang="th"] .bbsList td[data-table="number"] .notice:before,
html[lang="ru"] .bbsList td[data-table="number"] .notice:before{content:'N';}

ul.bbsList{border-top:2rem solid #505c78;}
ul.bbsList li{position:relative; padding:35rem 15rem; border-bottom:1rem solid #eaecf1;}
ul.bbsList li > *{display:block;}
ul.bbsList li .date{position:absolute; left:15rem; top:50%; width:80rem; font-size:18rem; color:#999; text-align:center; font-weight:400; transform:translateY(-50%);}
ul.bbsList li .date i{display:block; font-size:1.6em; color:#444; line-height:1;}
ul.bbsList li .date:before{content:''; display:block; position:absolute; right:-15rem; top:50%; width:1rem; height:30rem; margin-top:-15rem; background:#e5e5e5;}
ul.bbsList li .subject{padding-left:125rem; padding-right:100rem; font-size:16rem; letter-spacing:-1rem; font-weight:300;}
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#f15b6d;}
ul.bbsList li .more{overflow:hidden; position:absolute; right:15rem; top:50%; width:36rem; height:36rem; margin-top:-16rem; background:#fff; border:1rem solid #ddd; transition:all 0.3s ease 0s;}
ul.bbsList li .more em{display:none; padding-left:10rem; color:#f15b6d; line-height:36rem; font-size:13rem;}
ul.bbsList li .more:before{content:''; display:block; position:absolute; left:50%; top:50%; width:14rem; height:14rem; margin:-7rem 0 0 -7rem; background:url(../images/board/icon_more.png) no-repeat 0 0;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{width:110rem; border-color:#f15b6d;}
ul.bbsList li .more.active em,
ul.bbsList li .more:hover em,
ul.bbsList li .more:focus em{display:block;}
ul.bbsList li .more.active:before,
ul.bbsList li .more:hover:before,
ul.bbsList li .more:focus:before{background-position:0 -14rem; right:10rem; left:auto; margin-left:0rem;}
ul.bbsList li .notice{display:inline-block; width:25rem; height:25rem; margin-right:10rem; margin-top:-5rem; background:#365ec3; border-radius:50%; text-align:center; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
ul.bbsList li .notice:before{content:'공'; display:block; color:#fff; text-indent:0; line-height:23rem;}
html[lang="en"] ul.bbsList li .notice:before,
html[lang="ja"] ul.bbsList li .notice:before,
html[lang="zh"] ul.bbsList li .notice:before,
html[lang="th"] ul.bbsList li .notice:before,
html[lang="ru"] ul.bbsList li .notice:before{content:'N';}

/* photoList */
.photoList{padding-bottom:15rem;}
.photoList:after{content:''; display:block; clear:both;}
.photoList > li{float:left; width:32%; margin-top:20rem;}
.photoList > li:nth-child(3n+2){margin:20rem 2% 0;}
.photoList > li a{display:block; transition:all 0.3s ease 0s;}
.photoList > li a > *{display:block;}
.photoList > li a > *:not(.img){padding-left:15rem; padding-right:15rem; background:#fff;}
.photoList > li .img{overflow:hidden; position:relative; width:100%; padding-top:55%; background:#fff url(../images/board/no_image.gif) no-repeat 50% 50%; text-align:center; transition:opacity 0.5s ease-out 0s;}
.photoList > li .img img{position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); transition:all 0.5s ease-out 0s;}
.photoList > li .img i{display:block; position:absolute; top:0rem; left:50%; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; transform:translateX(-50%); transition:all 0.5s ease-out 0s;}
.photoList > li a > em{opacity:1; min-height:27rem; line-height:27rem; padding-top:20rem; padding-bottom:5rem; border:1rem solid #eaecf1; border-width:0rem 1rem; font-size:15rem; letter-spacing:-1rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.photoList > li a:hover .img,
.photoList > li a:focus .img{opacity:0.7;}
.photoList > li .write{position:relative; min-height:25rem; padding-top:0; padding-bottom:15rem; border:1rem solid #eaecf1; border-top-width:0rem; color:#999;}
.photoList > li .write em{display:block;}
.photoList > li .write i{display:none; line-height:25rem; padding-left:85rem; text-align:right;}
.photoList .none_data{float:none; width:100%; box-sizing:border-box; padding-top:40rem; border-top:1rem solid #eaecf1; border-bottom-width:0rem; text-align:center;}

/* blog style */
.blogList{border-top:2rem solid #505c78;}
.blogList li{padding:20rem 5rem; border-bottom:1rem solid #eaecf1; transition:all 0.3s ease 0s;}
.blogList li:after{content:''; display:block; clear:both;}
.blogList li > a{display:block; letter-spacing:-0.5rem;}
.blogList li em{display:inline-block; color:#333; font-weight:400; font-size:18rem;}
.blogList li p{margin-top:10rem; line-height:1.4; letter-spacing:-1rem; font-size:16rem; word-break:keep-all; font-weight:300;}
.blogList li i{display:block; margin-top:10rem; font-size:13rem;}
.blogList li:hover,
.blogList li:focus{background:#f0f6f8;}
.blogList li .img{float:left; display:block; overflow:hidden; width:150rem; height:120rem; text-align:center;}
.blogList li .img img{object-fit:cover; height:100%; margin-left:-100%; margin-right:-100%;}
.blogList li .img ~ em{margin-left:25rem;}
.blogList li .img ~ p,
.blogList li .img ~ i{margin-left:175rem;}

/* bbsView */
.bbsTitle{padding:15rem 10rem !important; margin:0rem !important; border-top:2rem solid #505c78; border-bottom:1rem dotted #8c92a3; font-size:18rem !important; font-weight:300 !important; color:#222 !important;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:5rem; color:#148f77;}
.bbsTitle .reply{display:inline-block; position:relative; padding:2rem 7rem; margin-right:5rem; margin-bottom:3rem; background:#41464e; border-radius:3rem; font-size:13rem; color:#fff; vertical-align:middle;}
.bbsView{border-top:1rem solid #505c78; border-collapse:inherit; table-layout:fixed;}
.bbsTitle ~ .bbsView{border-top-width:0rem;}
.bbsView > tbody > tr > th,
.bbsView > tbody > tr > td,
.bbsView > thead > tr > th{padding:15rem 10rem; border-bottom:1rem solid #eaecf1;}
.bbsView > tbody > tr > th{background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1rem;}
.bbsView > tbody > tr > td{color:#666; word-break:break-all;}
.bbsView .conts table,
.bbsView .conts td,
.bbsView .conts th{border:1rem solid black}
.bbsView th[data-view="file"]{border-top:1rem solid #eaecf1;}
.bbsView th[data-view="file"] + td{padding-left:25rem; border-top:1rem solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left:25rem;}
.bbsView td.conts{padding:30rem 20rem; border:0rem;}
.bbsView div.conts{min-height:350rem;}
.bbsView .conts .img{padding-bottom:30rem; text-align:center;}
.bbsView .conts .img img,
.bbsView .conts img{max-width:100%; height:auto !important;}
.bbsView textarea{resize:none; height:150rem;}
.bbsView td.date > span{margin-right:10rem;}
.bbsView td.category div{margin-top:3rem;}
.bbsView td.file > span{display:block; margin:2rem 0;}
.bbsView td.days input{width:110rem; background:#e0e9f7; border-color:#9fb3d4;}
.bbsView td.days span{display:inline-block; margin-right:5rem;}
.bbsView td.days span:after{content:','; display:inline-block;}
.bbsView td.days span:last-child:after{display:none;}
.bbsView.page{margin-top:20rem;}
.bbsView.page th,
.bbsView.page td{padding:15rem 15rem 15rem 25rem;}
.bbsView.page tr:first-child th,
.bbsView.page tr:first-child td{border-top:1rem solid #eaecf1; border-bottom:1rem dotted #eaecf1;}
.bbsView div.conts table{margin-left:auto !important; margin-right:auto !important;}
.bbsView .button{height:33rem; line-height:31rem; font-size:0.9em;}
.bbsView .tip{font-size:0.8em; word-break:keep-all;}
.bbsView .spam > span{display:inline-block; height:33rem; line-height:33rem; box-sizing:border-box; padding:0 10rem; margin-right:10rem; background:#222; color:#fff; letter-spacing:3rem; font-size:0.9em;}
.bbsView .spam > *{vertical-align:middle;}

*[class^="bbs"] ~ .btn_area{padding-top:50rem;}

.bbsView.dl{border-top:1rem solid #505c78;}
.bbsTitle ~ .bbsView.dl{border-top-width:0rem;}
.bbsView dl dt,
.bbsView dl dd{box-sizing:border-box; padding:15rem 15rem; border-bottom:1rem solid #eaecf1; word-break:keep-all;}
.bbsView dl dt{width:20%; background:#f9fafb; text-align:left; font-weight:500; letter-spacing:-1rem; vertical-align:middle;}
.bbsView dl dt span{display:inline-block; vertical-align:middle;}
.bbsView dl dd{width:80%;}
.bbsView dl dd input[type="text"],
.bbsView dl dd input[type="password"],
.bbsView dl dd input[type="file"],
.bbsView dl dd textarea,
.bbsView dl dd select{width:100%;}
.bbsView dl dd input[type="file"]{font-size:14rem;}
.bbsView dl dd .designFile input[type="text"]{padding-right:110rem;}
.bbsView dl dd .designFile .button{position:absolute; top:0rem; right:0rem;}
.bbsView dl dd .designFile.mob input[type="text"]{padding-right:0rem;}
.bbsView dl dd .designFile.mob input[type="file"]{width:100%;}
.bbsView dl:last-child dt,
.bbsView dl:last-child dd{border-bottom:1rem solid #dcdee2;}
.bbsView dl.col02 dt{width:20%;}
.bbsView dl.col02 dd{width:30%; vertical-align:middle;}
.bbsView dl.col02 dt:nth-of-type(2){border-left-width:0rem;}
.bbsView dl.colspan{position:relative;}
.bbsView dl.colspan dt{height:54rem; vertical-align:top;}
.bbsView dl.colspan dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
.bbsView dl.colspan dd{position:absolute;/*  width:960rem; */}

/* th,td tr에 여러개 들어갈 경우 */
.bbsView.col tr td:not(:last-child){border-right-width:0rem !important;}

/* 댓글 */
.comment_area{padding:30rem 0 50rem;}
.comment_area h4{margin-bottom:15rem; font-size:16rem !important; color:#333; font-weight:400;}
.comment_area h4 > span{margin-left:5rem;}
.comment_area .write{border:1rem solid #dedede;}
.comment_area .write .input{padding:7rem 20rem; border-bottom:1rem solid #e1e1e1;}
.comment_area .write .send{position:relative; border-top:1rem solid #e1e1e1; text-align:right;}
.comment_area .write textarea{width:100%; height:130rem; border:0rem; padding:20rem;}
.comment_area .write label{margin-right:10rem; letter-spacing:-1rem; font-size:13rem;}
.comment_area .write input[type="text"]{width:180rem;}
.comment_area .write input[type="password"]{width:220rem;}
.comment_area .write .input:after{content:''; display:block; clear:both;}
.comment_area .write .input > span{float:right;}
.comment_area .write .input > span:first-child{float:left;}
.comment_area .write .btn_submit,
.comment_area .write input[type="submit"]{display:inline-block; width:75rem; height:50rem; line-height:47rem; margin:0 -1rem -1rem 0; box-sizing:border-box; background:#274b9f; border:0rem; color:#fff; text-align:center;}
.comment_area .list{padding-top:30rem;}
.comment_area .list ul > li{position:relative; min-height:90rem; padding:15rem 0rem; border-bottom:1rem solid #e1e1e1; letter-spacing:-0.5rem;}
.comment_area .list ul > li:first-child{border-top:1rem solid #e1e1e1;}
.comment_area .list ul > li > p{margin-top:15rem; line-height:1.4; word-break:keep-all;}
.comment_area .list .name{font-weight:600;}
.comment_area .list .btn{position:absolute; right:0rem; top:10rem;}
.comment_area .list .btn .date{font-size:13rem;}
.comment_area .list .btn > *{vertical-align:middle;}
.comment_area .list .btn a[class^="btn_"]{display:inline-block; width:24rem; height:24rem; margin-left:5rem; border:1rem solid #c3c3c3; text-indent:100%; overflow:hidden; white-space:nowrap;}
.comment_area .list .btn_reply{background:url(../images/board/btn_comment.png) no-repeat 50% 50%;}
.comment_area .list .btn_del{background:url(../images/board/btn_comment_del.png) no-repeat 50% 50%;}
.comment_area .list .reply_area{margin-top:20rem; background:#f7f7f7;}
.comment_area .list .reply_area.write .btn_submit,
.comment_area .list .reply_area.write input[type="submit"]{background:#41464e;}
.comment_area .list .reply_area.write textarea{height:80rem;}
.comment_area .comment_password{position:absolute; top:0rem; left:0rem; z-index:5; width:100%; height:100%; background:rgba(255,255,255,0.9); text-align:center;}
.comment_area .comment_password p{padding:20rem 0 10rem; font-weight:400;}
.comment_area .comment_password .button{height:33rem; line-height:31rem;}

/* search + button */
.search_bbs{margin-top:20rem;}
.search_bbs:after{content:''; display:block; clear:both;}
.search_bbs .search{float:left;}
.search_bbs .search input[type="text"]{width:200rem; height:45rem;}
.search_bbs .search select{height:45rem;}
.search_bbs .search .button{min-width:auto;} 
.search_bbs .btn{float:right;}

.search_bbs .btn.reserve input[data-form-type="datepicker"]{width:125rem; padding-right:25rem; height:45rem; line-height:43rem;}
.search_bbs .btn.reserve input[data-form-type="datepicker"] + .ui-datepicker-trigger{margin-left:-25rem;}
.search_bbs .btn.reserve span{margin-left:5rem;}
.search_bbs .btn.reserve .ui-datepicker-trigger + .button{margin-left:5rem;}

/* nodata */
.none_data{padding:20rem 10rem; border-bottom:1rem solid #eaecf1; text-align:center; font-weight:300;}
.none_data.type02{margin-top:30rem; padding:40rem 10rem; border-top:1rem dashed #eaecf1; border-bottom:1rem dashed #eaecf1; font-size:16rem; text-align:center; font-weight:300;}

/* agree */
.box_privacy{margin-bottom:40rem;}

/* pagination */
.pagination{margin-top:30px; padding-top:30px; border-top:1px dashed #dadada; text-align:center; font-size: 16px;}
.pagination > *{display:inline-block; min-width:38px; height:38px; box-sizing:border-box; margin:2px 3px; border:1px solid #ddd; background:#fff; color:#777; text-align:center; vertical-align:top; line-height:36px; transition:border-color 0.3s ease 0s;}
.pagination a[class^="btn_"]{width:38px; background-image:url(../images/board/btn_pagination.png); background-repeat:no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
.pagination a[class^="btn_"]:hover,
.pagination a[class^="btn_"]:focus{background-position-y:-38px;}
.pagination a.btn_prev{background-position-x:-38px;}
.pagination a.btn_next{background-position-x:-76px;}
.pagination a.btn_last{background-position-x:-114px;}
.pagination span{border-color:#365ec3; color:#365ec3;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{border-color:#bdc7e0; background:#f3f6fd;}

/* file */
.list_file li{margin-top:4rem;}
.list_file li:first-child{margin-top:0rem;}
.list_file li > a{display:block; position:relative; padding-left:25rem;}
.list_file li > a:before{content:''; display:block; position:absolute; left:0rem; top:1rem; width:16rem; height:16rem; background:url(../images/board/icon_file.png) no-repeat 0 0;}
.list_file li > a:hover,
.list_file li > a:focus{color:#2783c7;}

/* faq */
.faqList{margin-top:20rem; border-top:2rem solid #505c78;}
.faqList dt,
.faqList dd{position:relative; border-bottom:1rem solid #eaecf1;}
.faqList dt:before,
.faqList dd:before{display:block; position:absolute; left:20rem; top:25rem; width:36rem; height:34rem; line-height:34rem; background:#365ec3; border-radius:2rem; text-align:center; color:#fff; font-size:20rem; font-weight:600;}
.faqList dt:before{content:'Q';}
.faqList dd:before{content:'A'; background-color:#444;}
.faqList dt{padding:30rem 20rem 30rem 66rem; font-size:16rem;}
.faqList dd{display:none; background:#f9fafb;}
.faqList dd > div{padding:30rem 20rem 30rem 66rem;}
.faqList .box_comm{background:#fff;}
.faqList dt a{display:block; padding-right:45rem;}
.faqList dt a.on{font-weight:500;}
.faqList dt a:after{content:''; display:block; position:absolute; right:32rem; top:50%; width:12rem; height:7rem; margin-top:-3rem; background:url(../images/board/img_faq.png) no-repeat 0 0; transition:all 0.3s ease 0s;}
.faqList dt a:before{content:''; display:block; position:absolute; right:20rem; top:50%; width:36rem; height:36rem; margin-top:-18rem; border:1rem solid #ddd;}
.faqList dt a.on:after{transform:rotate(180deg);}
.faqList table td{background-color:#fff;}

/* pdf */
.pdfList:after{content:''; display:block; clear:both;}
.pdfList li{float:left;}
.pdfList li .img{display:block; position:absolute; left:25rem; top:-20rem; width:138rem; height:192rem; overflow:hidden; box-shadow:1rem 1rem 2rem rgba(0,0,0,0.1); border:1rem solid #e0e0e0;}
.pdfList li .img > a{display:block;}
.pdfList li .img img{width:138rem; height:192rem;}
.pdfList li .img + a{display:block; line-height:1.3; word-break:keep-all;}
.pdfList li a.btn{display:inline-block; position:relative; min-width:100rem; height:33rem; line-height:31rem; box-sizing:border-box; padding:0 15rem; background:#41464e; border:1rem solid #25282d; font-size:13rem; transition:all 0.3s ease 0s;}
.pdfList li a.btn.pdf{background:#fff; padding-right:30rem; color:#444 !important; border-color:#d6d6d6;}
.pdfList li a.btn.pdf:after{content:''; display:block; width:10rem; height:10rem; background:url(../images/board/icon_down.png) no-repeat 0 0; position:absolute; right:10rem; top:50%; margin-top:-5rem;}
.pdfList li a.btn.pdf:hover,
.pdfList li a.btn.pdf:focus{background:#505c78; border:1rem solid #505c78; color:#fff !important; box-shadow:3rem 3rem 0 rgba(0,0,0,0.15);}
.pdfList li a.btn.pdf:hover:after,
.pdfList li a.btn.pdf:hover:focus{background-position:0 -10rem;}
.pdfList li > div{position:relative; height: 204rem; box-sizing:border-box; padding:20rem; margin:30rem 0rem; background:#fff; border:1rem solid #eaecf1; transition:all 0.2s ease 0s;}
.pdfList li > div > .img ~ *{margin-left:180rem;}
.pdfList li > div:hover,
.pdfList li > div:focus{border:1rem solid #505c78; box-shadow:0 3rem 10rem rgba(0,0,0,0.10), 0 20rem 20rem rgba(0,0,0,0.05);}
.pdfList li .date{margin:10rem 0 20rem; font-size:12rem; color:#777;}
.pdfList li.none_data{float:none; width:100%; box-sizing:border-box; padding-top:40rem; border-top:1rem solid #eaecf1; border-bottom-width:0rem; text-align:center;}

/* column 게시판 */
.columnList{min-height:700rem; margin-top:-3.5em; -webkit-columns:300rem 3; -moz-columns:300rem 3; columns:300rem 3; column-gap:10em;}
.columnList li{-webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid;}
.columnList li > a{display:inline-block; width:100%; margin:3.5em 0;}
.columnList li .img{display:block; overflow:hidden; height:100%;}
.columnList li .img img{opacity:1; width:100%; transform:scale(1, 1); transition:all 0.7s ease 0s;}
.columnList li > a:hover .img img{opacity:0.7; transform:scale(1.1, 1.1);}
.columnList li p{display:block; height:2.8em; line-height:1.4; margin-top:20rem; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-break:break-all;}
.columnList li .write{display:block; margin-top:10rem; color:#999;}
.columnList li .write em{display:inline-block; margin-right:10rem;}
.columnList li .write i{display:none;}

/* video iframe */
.iframe_video{position:relative; padding-bottom:55%;}
.iframe_video iframe{position:absolute; top:0rem; left:0rem;}

/* 비밀번호확인 */
.secret_area{position:relative; margin:40rem 0; text-align:center;}
.secret_area:before{content:''; display:block; width:62rem; height:62rem; border:3rem solid #59626a; border-radius:50%; margin:0 auto 20rem;}
.secret_area:after{content:''; display:block; width:20rem; height:24rem; background:url(../images/board/img_secret.gif) no-repeat 0 0; position:absolute; left:50%; top:23rem; margin-left:-10rem;}
.secret_area p{margin-bottom:10rem; font-weight:300;}
.secret_area input[type="password"]{width:240rem; height:45rem;}
.secret_area > *{vertical-align:middle;}
.secret_area .button{min-width:80rem; height:45rem; line-height:43rem;}
.secret_area .button:before{height:43rem;}

/* design radio */
.designRadio{display:inline-block; margin:2rem 0rem; vertical-align:middle;}
.designRadio input[type="radio"]{position:absolute; opacity:0;}
.designRadio input[type="radio"] + label{position:relative; min-height:16rem; padding-left:20rem; padding-bottom:2rem; margin-right:10rem; cursor:pointer; line-height:1;}
.designRadio input[type="radio"] + label:before{content:''; display:block; position:absolute; top:0rem; left:0rem; width:16rem; height:16rem; background:url(../images/board/sp_radio.png) no-repeat 0 -16rem; background-size:16rem 48rem;}
.designRadio.white input[type="radio"] + label:before{background:url(../images/board/sp_radio_w.png) no-repeat 0 -16rem; background-size:16rem 48rem;}
.designRadio input[type="radio"]:checked + label:before{background-position:0rem 0rem;}
.designRadio input[type="radio"]:disabled + label:before{background-position:0rem -32rem;}
.designRadio.agree{display:block; margin-top:15rem; text-align:center;}
.designRadio.agree input[type="radio"] + label{margin:2rem 30rem;}

/* design checkbox */
.designCheck{display:inline-block; margin:2rem 0rem; vertical-align:middle;}
.designCheck input[type="checkbox"]{position:absolute; opacity:0;}
.designCheck input[type="checkbox"] + label{position:relative; min-height:16rem; padding-left:20rem; padding-bottom:2rem; margin-right:10rem; cursor:pointer; line-height:1;}
.designCheck input[type="checkbox"] + label:before{content:''; display:block; position:absolute; top:0rem; left:0rem; width:16rem; height:16rem; background:url(../images/board/sp_check.png) no-repeat 0 -16rem; background-size:16rem 48rem;}
.designCheck.white input[type="checkbox"] + label:before{background:url(../images/board/sp_check_w.png) no-repeat 0 -16rem; background-size:16rem 48rem;}
.designCheck input[type="checkbox"]:checked + label:before{background-position:0rem 0rem;}
.designCheck input[type="checkbox"]:disabled + label:before{background-position:0rem -32rem;}

/* design file */
.designFile{position:relative;}
.designFile input[type="file"]{overflow:hidden; position:absolute; width:1rem; height:1rem; padding:0; margin:-1rem; border:0; clip:rect(0,0,0,0);}
.designFile label.button{cursor:pointer;}
.designFile.mob input[type="text"]{overflow:hidden; position:absolute; width:1rem; height:1rem; padding:0; margin:-1rem; border:0; clip:rect(0,0,0,0);}
.designFile.mob label{display:none;}
.designFile.mob .designCheck label{display:inline-block;}
.designFile.mob .button.white{position:static; font-size:0.9em;}
.designFile.mob input[type="file"]{position:static; width:auto; height:auto; padding:inherit; margin:0rem; border:inherit; clip:inherit;}

.designCheck.noText input[type="checkbox"] + label,
.designRadio.noText input[type="radio"] + label{margin-right:0rem; font-size:0rem; vertical-align:middle;}
.designCheck.noText input[type="checkbox"] + label:before,
.designRadio.noText input[type="radio"] + label:before{top:-1rem;}

/* datapicker */
.datepicker{font-size:14rem;}

@media screen and (min-width:1025px){
	.pdfList li{width:32%; margin-left:2%;}
	.pdfList li:nth-child(3n+1){margin-left:0rem;}
}

@media screen and (min-width:481px){
	.bbsView.dl{display:table; table-layout:fixed; width:100%;}
	.bbsView dl{display:table-row;}
	.bbsView dl dt,
	.bbsView dl dd{display:table-cell;}
}

@media screen and (max-width:1199px){
	.bbsView dl.colspan dd{width:calc(100% - 20%);}	
}

@media screen and (max-width:1129px){
	/* .bbsView dl.colspan dd{width:calc(100% - 20% - 1px);} */
}

@media screen and (max-width:1024px){	
	.photoList > li .img{padding-top:70%;}

	.pdfList li{width:48%;}
	.pdfList li:nth-child(2n){float:right;}
	.pdfList li > div > .img ~ *{margin-left:160rem;}
	.bbsView div.conts table{width:100% !important;}
	.bbsView div.conts table td,
	.bbsView div.conts table th{width:auto !important;}

	.designCheck input[type="checkbox"] + label:before{background-image:url(../images/board/sp_check@x2.png);}
	.designCheck.white input[type="checkbox"] + label:before{background-image:url(../images/board/sp_check_w@x2.png);}
	.designRadio input[type="radio"] + label:before{background-image:url(../images/board/sp_radio@x2.png);}
	.designRadio.white input[type="radio"] + label:before{background-image:url(../images/board/sp_radio_w@x2.png);}
}

@media screen and (max-width:900px){
	.bbsView *[data-member-form="email"] > *{margin:2rem 0rem;}
	.bbsView *[data-member-form="email"] > input[type="text"]:nth-of-type(1){display:block; width:100%;}
	.bbsView *[data-member-form="phone"] > span{display:block;}
}

@media screen and (max-width:768px){
	.bbsList col[data-table="number"]{width:70rem !important;}
	.bbsList col[data-table="write"]{width:90rem !important;}
	.bbsList col[data-table="date"]{width:100rem !important;}
	.bbsList col[data-table="category"]{width:110rem !important;}
	
	.bbsView *[data-member-form="email"] > select{width:100% !important;}
	.bbsView th[data-view="file"],
	.bbsView th[data-view="date"],
	.bbsView th[data-view="count"]{padding-left:10rem;}	
	.bbsView .address,
	.bbsView .id{position:relative;}
	.bbsView .address input#zip,
	.bbsView .id input#id{width:100%; padding-right:110rem;}
	.bbsView .address .button,
	.bbsView .id .button{position:absolute; top:15rem; right:10rem;}
	.bbsView.page th,
	.bbsView.page td{padding:15rem 10rem;}	
	.bbsView .button{min-width:90rem; font-size:0.8em;}
	
	.search_bbs .btn.reserve{float:none; clear:left;}
	
	.columnList{margin-top:-1.5em; column-width:200rem; column-gap:3em; column-count:2;}
	.columnList li > a{margin:1.5em 0;}

	.designFile.mob input[type="file"]{width:100%; font-size:12rem;}
}

@media screen and (max-width:640px){
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10rem; border-radius:3rem; border:1rem solid #eaecf1;}
	.bbsList tr:first-child{margin-top:0rem;}
	.bbsList tr:nth-child(2n){background:#f9fafb;}
	.bbsList tbody td{display:block; border-bottom:0rem;}
	.bbsList td[data-table="number"]{display:none;}
	.bbsList td[data-table="subject"]{padding:0rem; border-bottom:1rem dashed #e4e4e4;}
	.bbsList td[data-table="subject"] > a{display:block; padding:10rem;}
	.bbsList td[data-table="date"]{position:absolute; right:0rem; bottom:0rem; letter-spacing:-1rem;}
	.bbsList td[data-table="write"]{padding-right:110rem; text-align:left;}
	.bbsList td[data-table="category"]{border-bottom:1rem dashed #e4e4e4; text-align:left; color:#148f77;}
	.bbsList .reply + a{padding-top:5rem !important;}
	
	ul.bbsList li{padding:30rem 15rem;}
	ul.bbsList li .subject{padding-left:115rem; padding-right:55rem; font-size:0.9em;}
	ul.bbsList li .date{font-size:1em;}
	ul.bbsList li .date i{font-size:1.2em;}
	
	.photoList > li{width:49%;}
	.photoList > li:nth-child(2n){float:right;}
	.photoList > li:nth-child(3n+2){margin-left:0rem; margin-right:0rem;}		
	
	.blogList li{padding:15rem 0;}
	.blogList li > a{position:relative; min-height:67rem;}
	.blogList li .img{float:none; width:120rem; height:100rem; position:absolute; left:0rem; top:3rem;}
	.blogList li .img ~ em,
	.blogList li .img ~ p,
	.blogList li .img ~ i{margin-left:140rem;}
	
	.pdfList li{float:none !important; width:100%;}
	
	.search_bbs .search,
	.search_bbs .btn{float:none; text-align:center;}
	.search_bbs .btn{margin-top:10rem;}
	
	.bbsView col[data-view="th"]{width:80rem !important;}
	.bbsView col[data-view="td"]{width:auto !important;}
	.bbsView th[data-view="count"] + td{width:70rem !important;}
	.bbsView col[data-write="th"]{width:120rem !important;}
	.bbsView col[data-write="td"]{width:auto !important;}
	.bbsView input[type="text"],
	.bbsView input[type="file"],
	.bbsView input[type="password"]{width:100% !important;}
	.bbsView input[data-form-type="datepicker"],
	input.datepicker,
	.bbsView input[type="text"].datepicker{width:105rem !important;}
	.bbsView td.tel > input[type="text"],
	.bbsView td.tel > select,
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select{display:inline-block; width:30% !important;}
	.bbsView td.tel > span{display:inline-block;}
	.bbsView td.mail > input[type="text"]{margin:2rem 0rem;}
	.bbsView td.mail > select{width:100% !important;}
	.bbsView .designFile input[type="file"]{padding-right:110rem;}
	.bbsView .designFile .button{position:absolute; top:0rem; right:0rem;}
	.designFile.mob input[type="file"]{padding-right:0rem;}
	
	.comment_area .write textarea{padding:10rem 15rem;}
	.comment_area .write .input{padding:7rem 15rem;}
	.comment_area .write .input >  span{float:none !important; display:block; margin:2rem 0rem;}
	.comment_area .write label{min-width:80rem; margin-right:0rem;}
	.comment_area .write input[type="text"],
	.comment_area .write input[type="password"]{width:calc(100% - 90px);}
	.comment_area .list .btn{position:static; margin-top:10rem;}
	
	.secret_area input[type="password"]{display:block; margin:0 auto 10rem;}

	table.bbsList colgroup{display:none;}
}

@media screen and (max-width:480px){
	.bbsView dl{position:relative;}
	.bbsView dl:after{content:''; display:block; clear:both;}
	.bbsView dl:before{content:''; display:block; position:absolute; top:0rem; left:0rem; width:130rem; height:100%; background:#f9fafb;}
	.bbsView dl dt,
	.bbsView dl dd{word-break:break-all;}
	.bbsView dl dt{clear:left; float:left; position:relative; z-index:2; width:130rem !important; border:0rem !important; box-shadow:none;}
	.bbsView dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
	.bbsView dl dd{position:relative; width:100% !important; padding:15rem 0 5rem 145rem;}
	.bbsView dl dd:after{content:''; display:table; clear:both;}
	.bbsView dl.col02 dt:nth-of-type(2){border-left-width:0rem;}
	.bbsView dl.colspan dd{position:static;}
	.bbsView dl:last-child dt,
	.bbsView dl:last-child dd{border-bottom:1rem solid #eaecf1;}
	.bbsView dl:not(.col02){position:relative;}
	.bbsView dl:not(.col02) dt{position:absolute; left:0rem; top:0rem; height:100%;}

	.bbsView col{display:none;}
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td{display:block; width:100%; box-sizing:border-box; padding:10rem;}
	.bbsView th[data-view="count"] + td{width:100% !important;}
	.bbsView th[data-view="file"] + td{border-top-width:0rem; padding-left:20rem;}
	.bbsView.page th,
	.bbsView.page td{padding:10rem;}
	.bbsView.page tr:first-child td{border-top-width:0rem; border-bottom:1rem solid #eaecf1;}

	ul.bbsList li .date:before{right:-5rem;}
	ul.bbsList li .subject{padding-left:100rem;}
	
	.comment_area .comment_password input[type="password"]{display:block; width:200rem; margin:0 auto 5rem;}
	
	.blogList li p{overflow:hidden; height:65rem; font-size:14rem;}
	
	.columnList{margin-top:-2em;}
	.columnList li > a{margin:2em 0;}
}

@media screen and (max-width:460px){
	/*
	.bbsView td.tel > input[type="text"],
	.bbsView *[data-member-form="phone"] > input[type="text"],
	.bbsView *[data-member-form="phone"] > select,
	.bbsView td.tel > select{display:block; width:100% !important; margin:2rem 0rem;}
	*/
	.bbsView td.tel > span{display:none;}
	.bbsView .address .button,
	.bbsView .id .button{top:10rem;}	
	.designRadio.agree input[type="radio"] + label{margin:2rem 10rem;}
}

@media screen and (max-width:380px){
	.search_bbs .search{position:relative;}
	.search_bbs .search select{position:absolute; left:0rem; top:0rem; width:70rem;}
	.search_bbs .search .button{position:absolute; right:0rem; top:0rem;}
	.search_bbs .search input[type="text"]{width:100%; padding-left:80rem; padding-right:70rem;}

	.photoList > li a > *:not(.img){padding-left:10rem; padding-right:10rem;}
}

@media screen and (max-width:360px){	
	.bbsView th[data-view="date"] + td,
	.bbsView th[data-view="count"] + td{font-size:14rem;}
}

@media screen and (max-width:340px){
	ul.bbsList li .date{left:0rem;}
	ul.bbsList li .subject{padding-left:90rem; padding-right:0rem;}
	ul.bbsList li .more{display:none;}
	
	.photoList > li{float:none !important; width:100%;}	
	.photoList > li .img{padding-top:60%;}
}

/* 커뮤니티 탭 */
.lnb{/*max-width:1200px;*/ margin:0 auto 50px;}
.lnb > ul{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10rem; text-align:center;}
.lnb > ul > li{ display:inline-block;}
.lnb > ul > li > a{display:inline-block; display:flex; flex-direction:column; justify-content:center; min-width:140px; height:50px; box-sizing:border-box; border:1px solid #e7e7e7; font-size:14px; text-align:center; background: #f1f1f1; }
.lnb > ul > li > a.on,
.lnb > ul > li > a:hover{ background: #6cbdff; border-color: #6cbdff; color: #fff; }
@media screen and (max-width:1024px){
	.lnb{margin:0 auto 30px;}
}
@media screen and (max-width:750px){
	.lnb > ul > li > a{min-width:inherit; padding-left:25px; padding-right:25px;}
}
@media screen and (max-width:480px){
	.lnb > ul > li > a{height:40px; padding-left:15px; padding-right:15px;}
}

/* 설비의뢰 */
.sub_trade{ background: #f0f4f7; }
.trade__fieldset{ padding: 53rem clamp(1em, 4.91666667vw, 59rem) 82rem; background: #fff; box-shadow: 1rem 2rem 25.81rem 3.19rem rgba(221, 229, 235, 0.19); box-sizing: border-box; color: #222; }
.trade__fieldset + .trade__fieldset{ margin-top: 47rem; }
.trade__h3{ margin-bottom: 1em; font-size: var(--font_size24); font-weight: 600; }
.trade__item{ display: flex; flex-wrap: wrap; gap: 10rem; }
.trade__item.nowrap{ flex-wrap: nowrap; }
.trade__item + .trade__item{ margin-top: 1.375em; color: #6c6c6c; }
.trade__item label{ width: 100%; font-weight: 500; }
.trade__item label:not(.trade__button){ margin-bottom: 1rem; }
.trade__wrap_alert{ display: flex; flex-wrap: wrap; position: relative; flex: 1 auto; }
.trade__alert{ display: none; margin: 6rem 0 0 21rem; width: 100%; font-size: 16rem; color: #e8505e; }
.trade__item input{ display: block; margin: 0; flex: 1; width: 1rem; height: 60rem; padding: .375em 1.3125em .25em; border: 1rem solid #e6e6e6; border-radius: 5rem; box-sizing: border-box; font-size: 16rem; }
.trade__item textarea{ display: block; margin: 0; flex: 1; width: 1rem; height:100rem; padding:1.3125em; border: 1rem solid #e6e6e6; border-radius: 5rem; box-sizing: border-box; font-size: 16rem;}
.trade__item input:focus,
.trade__item textarea:focus{ outline-color: #6cbdff; }
.trade__item input::placeholder,
.trade__item textarea::placeholder{ color: #b7b7b7; font-size: 16rem;}
.trade__item input:invalid,
.trade__item textarea:invalid{ border-color: currentColor; color: #e8505e; }
.trade__item input:invalid + .trade__alert,
.trade__item textarea:invalid + .trade__alert{ display: block; }
.trade__item [readonly="readonly"]{ background: #f8f8f8; color: #222; }
.trade__item [readonly="readonly"]::placeholder{ color: #222; }
.trade__item [type="file"]{ position: absolute; visibility: hidden; pointer-events: none; }
.trade__button{ display: flex; justify-content: center; align-items: center; width: 100%; height: 60rem; padding: 1em; background: #6cbdff; border-radius: 5rem; box-sizing: border-box; font-weight: 600; color: #fff; }
.trade__wrap_btn{ margin-top: 3.33333333em; font-size: var(--font_size24); }
.trade__submit{ margin: auto; max-width: 380rem; height: 4.16666667em; box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(108, 189, 255, 0.32); font-size: inherit; }



/* 설비구매의뢰 */
.sub_info{margin-bottom:4%; padding:53rem clamp(1em, 4.91666667vw, 59rem) 82rem; color:#222; background:#fff; box-shadow:1rem 2rem 25.81rem 3.19rem rgba(221, 229, 235, 0.19); box-sizing:border-box;}
.sub_info .info > .title{margin-bottom:1em; font-size: var(--font_size24); font-weight:600;}
.info_cont .label{display:inline-block; width:32%; line-height:1.25; vertical-align:top; color:#b7b7b7;}
.info_cont .label::after{content:"."; display:inline-block; padding-right:3%;}
.info_cont .cont{width:calc(100% - 46%);}
.info_cont.right p:nth-child(3n) .cont{width:calc(100% - 40%);}
.info_cont > p{display:inline-block; width:33%; padding-bottom:2.6%;}
.info_cont > p.point .cont{font-size:1.2em; font-weight:600; color:#3ea8ff;}
.info_cont > p.sub_title{display:block;}
.info_cont > p span{display:inline-block;}
.cost{padding:4% 0 0 0; border-top:1px dashed #b7b7b7; border-bottom:1px dashed #b7b7b7;}
.sub_title{padding-bottom:2%; font-weight:600; color:#6c6c6c;}
.cost .cont{text-align: right;}
/* .cost .cont::after{content:"원";} */
.total_price{text-align:right; padding-top:3%;}
.total_price .label{display:inline-block; width:5%;}
.total_price .label::after{content:"."; display:inline-block; padding-right:3%;}
.total_price .cont{display:inline-block; width:27.2%; padding-right:2.5%; font-size:1.2em; font-weight:600; color:#3ea8ff;}
/* .total_price .cont::after{content:"원";} */

@media(min-width:768px){
	.trade__item [readonly="readonly"]{ flex-basis: calc( 100% - 190rem); }
	.trade__item.item4 .trade__wrap_alert{ width: 1rem; }
	.trade__item .trade__button{ max-width: 180rem; }
}
@media(min-width:1280px){
	.trade__item.item4 > *:not(label){ flex-basis: 22%; }
}
@media(max-width:1279px) and (min-width:767px){
	.trade__item.item4 > *:not(label){ flex-basis: 40%; }
}
@media(max-width:767px){
	.trade__item input{ flex-basis: 100%; }
    .info{padding-bottom:3em;}
    .info_cont > p{width:100%;}
    .info .info_cont .label,
    .total_price .label{width:40%;}
    .info .info_cont .cont,
    .info .info_cont.right p:nth-child(3n) .cont{width:58%; padding-right:0;}
    .total_price{width:100%; text-align:left;}
    .total_price .cont{width:58%; padding-right:0; text-align:right;}
}

/* 입찰 시간, 경매 기간 */
.pd_content__right .area_tender{ position: sticky; top: 0; border-radius: 8rem 8rem 0 0; }
.area_tender{ padding: 33rem 29rem 24rem; background: #1f1f1f; letter-spacing: -.05em; color: #fff; }
.area_tender + .pd_float{ border-radius: 0 0 8rem 8rem; }
.tender__item{ display: flex; justify-content: space-between; align-items: center; }
.tender__item + .tender__item{ margin-top: 12rem; }
.tender__title{ display: flex; align-items: center; font-size: 14rem; font-weight: 300; }
.tender__title::before{ content: ''; display: inline-block; margin-right: 11rem; width: 25rem; height: 25rem; background: no-repeat 50% / contain; }
.tender__title.clock::before{ background-image: url("/images/board/icon_clock.png"); }
.tender__title.calendar::before{ position: relative; top: -3rem; height: 26rem; background-image: url("/images/board/icon_calendar.png"); }
.tender__data{ display: flex; align-items: center; font-size: 18rem; font-weight: 600; }
.tender__time{ display: flex; justify-content: center; align-items: center; width: 31rem; height: 32rem; background: #fff; border-radius: 4rem; color: #000; }
.tender__colon{ margin: 0 6rem; font-weight: 300; color: #7a7a7a; }

/* 설비구매 목록 */
.buy_tab{ display: flex; align-items: center; gap: 10rem; font-size: 17rem; }
.buy_tab + .buy_tab{ margin-top: 18rem; }
.buy_tab__title{ flex: 1 0; font-weight: 600; }
.buy_tab__button{ display: flex; justify-content: center; align-items: center; width: 100%; height: 60rem; padding: 0 .5em; background: #f1f1f1; box-sizing: border-box; font-size: 1em; font-weight: 500; color: #222; }
.buy_tab__button.active{ background: #6cbdff; color: #fff; }
.buy_tab__button.active .buy_tab__button-text::before{ content: ''; display: inline-block; position: relative; top: 2rem; margin-right: 1rem; width:16rem; height: 12rem; background: url("/images/board/icon_tab_check.png") no-repeat 50% / contain; }
.buy_list{ display: grid; gap: clamp(1em, 4.66666667vw, 56rem) clamp(1em, 2.5vw, 30rem); }
.buy_list:not(.active){ display: none; }
.buy_list__thumb{ display: block; position: relative; letter-spacing: -.05em; }
.buy_list__thumb-img{ display: block; aspect-ratio: 38/29; width: 100%; object-fit: cover; }
.buy_list__thumb-txt{ position: absolute; inset: auto 0 0; padding: 8.5rem 1em; background: rgba(108, 189, 255, 0.8); text-align: center; font-size: 14rem; font-weight: 500; color: #fff; }
.buy_list__thumb-txt:empty{ display: none; }
.buy_list__title{ margin-top: 18rem; text-align: center; font-size: 19rem; font-weight: 600; }
.buy_list__brand{ margin-top: 5rem; text-align: center; font-size: 17rem; color: #9a9a9a; }
@media(min-width:768px){
	.buy_tab__button{ max-width: 149rem; }
	.buy_list{ grid-template-columns: repeat(3, 1fr); margin-top: 94rem; }
}
@media(max-width:767px){
	.buy_tab{ flex-wrap: wrap; margin-top: 20rem; }
	.buy_tab__title{ flex-basis: 100%; text-align: center; font-size: 20rem; }
	.buy_tab__button{ width: calc( 33% - 6rem); }
	.buy_list{ grid-template-columns: repeat(2, 1fr); margin-top: 40rem; }
}

/* 경매 목록 */
.auction_list{ display: grid; gap: clamp(1em, 5vw, 60rem) clamp(1em, 2.5vw, 30rem); }
.auction_list__thumb{ display: block; aspect-ratio: 38/29; width: 100%; object-fit: cover; }
.auction_list__li .area_tender{ padding: 23rem .5em 18rem; background: #f1f1f1; color: #000; }
.auction_list__li .tender__item{ justify-content: center; gap: 12rem; }
.auction_list__li .tender__title.clock::before{ background-image: url("/images/board/icon_clock_black.png"); }
.auction_list__txt{ padding: 27rem clamp(.8em, 1.58333333vw, 19rem) 21rem; border: 1rem solid #f1f1f1; box-sizing: border-box; }
.auction_list__title{ text-align: center; font-size: 20rem; font-weight: 600; }
.auction_list__brand{ position: relative; top: 2rem; text-align: center; font-size: 17rem; color: #9a9a9a; }
.auction_list__price{ display: flex; justify-content: space-between; align-items: center; }
.auction_list__price.highlight{ color: #fd6566; }
.auction_list__price:first-of-type{ margin-top: 28rem; }
.auction_list__price + .auction_list__price{ margin-top: 12rem; }
.auction_list__price-title{ font-size: 18rem; }
.auction_list__price-data{ font-size: 22rem; font-weight: 700; }
.auction_list__a{ display: flex; justify-content: center; align-items: center; margin-top: 21rem; height: 4em; background: #000; font-size: 20rem; font-weight: 600; color: #fff; }
@media(hover:hover){
	.auction_list__li:hover .area_tender{ background: #1f1f1f; }
	.auction_list__li:hover .tender__title{ color: #fff; }
	.auction_list__li:hover .tender__title.clock::before { background-image: url("/images/board/icon_clock.png"); }
	.auction_list__li:hover .auction_list__txt{ border-color: #1f1f1f; }
	.auction_list__li:hover .auction_list__title{ color: #fd6566; }
	.auction_list__li:hover .auction_list__a{ background: #fd6566; }
}
@media(min-width:768px){
	.auction_list{ grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:767px){
	.auction_list{ grid-template-columns: repeat(2, 1fr); }
	.auction_list__li .tender__item{ flex-direction: column; }
	.auction_list__title{ font-size: 18rem; }
	.auction_list__brand{ font-size: 16rem; }
	.auction_list__price-title{ font-size: 15rem; }
	.auction_list__price-data{ font-size: 17rem; }
	.auction_list__a{ font-size: 18rem; }
}

/* 230131 제품 구매 상세 페이지 */
.auction{ --secondary: #ff6666; }
/* 타이틀 */
.pd_title{ padding: 61rem 0 80rem; }
.pd_title__text{ display: grid; gap: 12rem 30rem; }
#wrap .pd_title__h2{ grid-area: title; padding: 0; text-align: left; font-size: var(--font_size36); font-weight: 800; }
.pd_info{ grid-area: info; display: flex; flex-wrap: wrap; gap: 5rem 29rem; font-size: 18rem; font-weight: 500; }
.pd_info li{ display: flex; gap: 0.9ch; }
.pd_info__title{ letter-spacing: -.055em; color: #b7b7b7; }
.pd_info__title::after{ content: '.'; }
.pd_info__data{ font-weight: inherit; color: #555; }
.pd_price{ grid-area: price; letter-spacing: -.055em; }
.pd_price{ align-self: flex-end; position: relative; text-align: right; letter-spacing: -.055em; }
.pd_price__title{ display: block; margin-bottom: -3rem; font-size: 18rem; font-weight: 500; letter-spacing: inherit; color:#b7b7b7; }
.pd_price__data{ display: block; font-size: var(--font_size32); letter-spacing: inherit; color: var(--secondary); }
.pd_swiper{ margin-top: 41rem; }
.pd_swiper .swiper-slide{ position: relative; }
.pd_swiper__img{ display: block; aspect-ratio: 1200/650; width: 100%; height: 100%; object-fit: cover; }
.pd_swiper__video{ display: block; aspect-ratio: 1200/650; width: 100%; height: 100%; object-fit: contain; }
.pd_swiper__title{ display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 50rem; padding: 0 20rem; background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 80%, #0000 100%); font-size: 20rem; color: #fff; }
.pd_swiper__pager{ display: grid; grid-template-columns: repeat(10, 1fr); margin-top: 20rem; }
.pd_swiper__bullet{ display: block; aspect-ratio: 125/70; width: 100%; height: 100%; object-fit: cover; cursor: pointer; }
.pd_swiper__contorl{ display: flex; justify-content: space-between; align-items: center; position: absolute; inset: 0 10rem; pointer-events: none; z-index: 1; }
.pd_swiper__btn{ position: relative; width: 30rem; height: 30rem; background: 0; pointer-events: auto; }
.pd_swiper__btn::before{ content: ''; position: absolute; inset: 4rem; border: solid #fff; border-width: 2rem 2rem 0 0; }
.pd_swiper__btn[class*="prev"]::before{ transform: translateX(25%) rotate(-135deg); }
.pd_swiper__btn[class*="next"]::before{ transform: translateX(-25%) rotate(45deg); }

.pd_thumb .swiper-slide::before{ content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); transition: .2s; pointer-events: none; }
.pd_thumb .swiper-slide-thumb-active::before{ opacity: 0; }
.pd_thumb__img{ aspect-ratio: 120/66; width: 100%; object-fit: cover; cursor: pointer; }
@media(min-width:1280px){
	.pd_title__text{ grid-template: 'title price' 'info price'; }
	.pd_price{ top: 5rem; }
}
@media(max-width:1279px){
	.pd_title__text{ grid-template: 'title' 'info' 'price'; }
}

/* 컨텐츠 */
.pd_content{ padding: 76rem 0 97rem; margin-bottom: -97rem; background: #f6f8fc; }
.pd_content .inr{ display: flex; gap: 40rem; position: relative; }
.pd_content__left{ flex: 1 780rem; }
.pd_content__left{ flex: 1 65%; }
.pd_content__right{ flex: 1 380rem; }
@media(max-width:1279px){
	.pd_content .inr{ flex-direction: column; }
}

/* 플로트 메뉴 */
.pd_float{ position: sticky; top: 0; padding: 40rem clamp(2em, 3.33333333vw, 40rem) 49rem; background: #fff; border-radius: 8rem; box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(162, 171, 188, 0.14); }
.pd_float__img{ aspect-ratio: 30/16; width: 100%; border-radius: inherit; object-fit: cover; }
.pd_float__title{ margin-top: 22rem; font-size: var(--font_size28); font-weight: 600; }
.pd_float__info{ margin-top: 5rem; font-weight: 500; color: #b7b7b7; }
.pd_float__info-title{ display: inline-block; min-width: 91rem; }
.pd_float__info-data{ color: #000; }
.pd_float__list{ margin-top: 10rem; padding: 28rem 32rem 27rem 29rem; background: #f6f8fc; border-radius: inherit; font-weight: 500; }
.area_tender + .pd_float{ top: 128rem; }
.area_tender + .pd_float .pd_float__list{ margin-top: 27rem; }
.pd_float__list-li{ display: flex; justify-content: space-between; align-items: center; gap: 1em; }
.pd_float__list-li + .pd_float__list-li{ margin-top: 8rem; }
.pd_float__list-li:first-child .pd_float__list-data{ color: #000; }
.pd_float__list_title{ margin-top: 26rem; font-size: 18rem; font-weight: 500; color: #555; }
.auction .pd_float__list_title{ text-align: right; color: #222; }
.pd_float__list-title{ letter-spacing: -.055em; color: #aeb6c5; }
.pd_float__list-data{ color: #555; }
.pd_float__list-data.highlight{ font-size: 20rem; color: var(--secondary); }
input.pd_float__list-input{ width: 160rem; height: 50rem; background: #fff; border: 1rem solid #e6e6e6; border-radius: 5rem; text-align: right; }
.pd_float__details{ display: inline-block; position: relative; }
.pd_float__details-summary{ display: inline-flex; justify-content: center; align-items: center; position: relative; margin-left: 2rem; top: -0.2ch; width: 16rem; height: 16rem; background: var(--secondary); border-radius: 50%; font-size: 12rem; font-weight: 300; color: #fff; vertical-align: middle; cursor: help; }
.pd_float__details-summary::before{ content: ''; position: absolute; inset: -4rem; }
.pd_float__details-view{ position: absolute; top: -8rem; left: 27rem; min-width: 181rem; padding: 0.6em 1em 0.4em 1em; background: var(--secondary); border-radius: 4rem; box-sizing: border-box; font-weight: 500; color: #fff; }
.pd_float__total{ display: flex; justify-content: space-between; align-items: center; margin-top: 22rem; letter-spacing: -.055em; }
.pd_float__total-title{ font-size: 18rem; font-weight: 600; }
.pd_float__total-data{ font-size: var(--font_size30); letter-spacing: -.055em; color: var(--secondary); }
.pd_float button,
.modal_confirm [type="submit"]{ margin-top: 33rem; width: 100%; height: 80rem; background: var(--secondary); border-radius: 8rem; box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(62, 182, 255, 0.44); font-size: 22rem; font-weight: 600; color: #fff; }
.auction .pd_float button{ box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(255, 102, 102, 0.44); }

/* 네비 */
.pd_navi{ display: flex; position: sticky; top: 0; background: #fff; border-radius: 6rem; box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(162, 171, 188, 0.14); z-index: 5; }
.pd_navi__a{ display: flex; justify-content: center; align-items: center; flex: 1; height: 60rem; border-radius: inherit; font-weight: 600; }
.pd_navi__a.active{ background-color: var(--secondary); color: #fff; }
.pd_sec{ padding-top: 68rem; }
.pd_sec.pd_sec_pt0{ padding-top:0 !important; }
.pd_sec__item + .pd_sec__item{ margin-top: 73rem; }
.pd_sec__h4{ font-size: var(--font_size24); font-weight: 700; }
.pd_sec__address{ margin-top: 8rem; }
.pd_sec__address button{ margin-left: 4rem; display: inline-flex; align-items: center; padding: 4.5rem 11rem; background: #797979; font-size: 13rem; color: #fff; }
#map{ position: relative; margin-top: 10rem; width: 100%; height: 350rem; }
#map img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pd_sec__more{ margin: 23rem auto 0; display: flex; align-items: center; justify-content: center; gap: 15rem; max-width: 240rem; height: 60rem; border: 1px solid #9e9fa3; border-radius: 8rem; box-sizing: border-box; color: #555; }
.pd_sec__more::before{ content: ''; display: inline-block; width: 30rem; height: 30rem; background: url(/images/content/icon_google_map.png) no-repeat 50% / contain; }
.pd_sec__box{ margin-top: 13rem; width: 100%; padding: 46rem clamp(2em, 3.33333333vw, 40rem); background: #fff; border-radius: 8rem; box-sizing: border-box; }
.pd_sec__box.map{ height: 360rem; padding: 0; border: 0; }
.pd_sec__li{ position: relative; padding-left: 12rem; font-weight: 500; color: #555; }
.pd_sec__li + .pd_sec__li{ margin-top: 14rem; }
.pd_sec__li::before{ content: ''; position: absolute; inset: 10rem auto auto 1rem; width: 3rem; height: 3rem; border-radius: 50%; background: #000; }

/* 주요사항 */
.pd_sec__table{ text-align: left; font-weight: 500; }
.pd_sec__table col:nth-child(1){ width: 12.6%; }
.pd_sec__table col:nth-child(2){ width: 25.3%; }
.pd_sec__table col:nth-child(3){ width: 10.6%; }
.pd_sec__table col:nth-child(4){ width: 18.6%; }
.pd_sec__table col:nth-child(5){ width: 14.5%; }
.pd_sec__table col:nth-child(6){ width: 18.4%; }
.pd_sec__table tr + tr{ border-top: 15rem solid #0000; }
.pd_sec__table th{ font-weight: inherit; letter-spacing: -.055em; color: #b7b7b7; vertical-align: baseline; }
.pd_sec__table td{ color: #555; }
.pd_sec__table-comment{ color: #a9a9a9; }
.pd_sec__h5{ margin-top: 46rem; padding-top: 44rem; border-top: 1rem dashed #b7b7b7; font-size: 20rem; font-weight: 700; }
.pd_sec__h5{ font-size: 20rem; font-weight: 700; }
.pd_cost1{ display: flex; align-items: center; gap: 17rem; margin-top: 23rem; }
.pd_cost1 label{ white-space: nowrap; }
.pd_cost1 input{ margin: 0; flex: 0 0 131rem; width: 1rem; height: 51rem; padding: 1em 5rem; background: #f8f8f8; border: 1rem solid #e6e6e6; border-radius: 5rem; box-sizing: border-box; text-align: right; font-size: 16rem; font-weight: 500; }
.pd_cost0 input{ margin:0 0 0 13rem; height: 51rem; padding: 1em 21rem 1em 22rem; background: #f8f8f8; border: 1rem solid #e6e6e6; border-radius: 5rem; box-sizing: border-box; font-size: 16rem; font-weight: 500; width:40%;}
.pd_cost2{ margin-top: 41rem; }
.pd_cost2__li{ display: flex; align-items: center; height: 51rem; row-gap: 10rem; }
.pd_cost2__li + .pd_cost2__li{ margin-top: 19rem; }
.pd_cost2 [type="checkbox"]{ appearance: none; margin: 0 6rem 0 0; width: 22rem; height: 22rem; background: url("/images/board/icon_check.png") no-repeat 50% / contain; cursor: pointer; }
.pd_cost2 [type="checkbox"]:not(:checked):hover{ filter: brightness(.95); }
.pd_cost2 [type="checkbox"]:checked{ background-image: url("/images/board/icon_checked.png"); }
.pd_cost2 [type="checkbox"] + label{ margin: 0; }
.pd_cost2__wrap_select{ display: grid; grid-template-columns: repeat(3, .8fr); gap: 10rem; flex: 1 auto; }
.pd_cost2 select{ appearance: none; margin: 0; max-width: 141rem; width: 100%; height: 51rem; line-height:51rem; padding: 0 30rem 0 12rem; background: url("/images/board/icon_select_arrow.png") no-repeat calc( 100% - 14rem) 50% / 11rem 6rem; border: 1rem solid #e6e6e6; border-radius: 5rem; box-sizing: border-box; font-size: 14rem; font-weight: 500; }
.pd_cost2 select.init{ color: #b7b7b7; }
.pd_cost2 option{ color: #000; }
.pd_cost2__wrap_input{ display: flex; }
.pd_cost2 [readonly]{ all: unset; flex: 1 0; text-align: right; font-size: 16rem; font-weight: 500; color: #222; cursor: text; }
.pd_reset{ display: flex; align-items: center; gap: 10rem 40rem; margin-top: 33rem; padding: 30rem 31rem; border-radius: 5rem; justify-content:center; background: #eff3fa;}
.pd_reset_st01{background: none !important;}
.pd_reset__p{ font-weight: 500; }
.pd_reset__p:nth-of-type(2){ flex: 1; }
.pd_reset__p-black{ color: #222; }
.pd_reset__p-red{ color: #dc0000; }
.pd_reset__p-title{ margin-right: 1em; }
.pd_reset__p-data{ font-size: 20rem; font-weight: 600; }
.pd_reset__btn{ display: inline-flex; justify-content: center; align-items: center; max-width: 141rem; width: 100%; height: 51rem; background: #fff; border: 1rem solid currentColor; border-radius: 5rem; font-size: 20rem; font-weight: 600; color: var(--secondary); }
@media(min-width:768px){
	.pd_cost1 input + label{ margin-left: 4rem; }
	.pd_cost2__wrap_checkbox{ flex: 0 0 150rem; font-size:15rem;}
	.pd_cost2__li{ align-items: center; }
	.pd_cost2 [readonly]{ width: 1rem; }
}
@media(max-width:767px){
	.pd_sec__table,
	.pd_sec__table tbody{ display: block; }
	.pd_sec__table tr{ display: grid; grid-template-columns: auto 1fr; row-gap: 15rem; }
	.pd_sec__table th{ min-width: 95rem; }
	.pd_cost1{ flex-wrap: wrap; }
	.pd_cost1 label{ flex: 1 calc(100% - 148rem); }
	.pd_cost2__li{ flex-wrap: wrap; justify-content: space-between; align-items: stretch; height: auto; }
	.pd_cost2__li + .pd_cost2__li{ margin-top: 30rem; }
	.pd_cost2__li:not(:has(.pd_cost2__wrap_select)){ flex-wrap: nowrap; }
	.pd_cost2__li:not(:has(.pd_cost2__wrap_select)) .pd_cost2__wrap_checkbox{ flex-shrink: 0; }
	.pd_cost2__wrap_select{ width: 100%; order: 3; }
	.pd_cost2 [readonly]{ width: 100%; }
	.pd_reset{ flex-direction: column; }
	.pd_reset__btn{ margin-top: 20rem; }
    
    .pd_cost0 input{width:85%;}
}

/* 인증서 */
.pd_cert{ margin: -16rem 0 -6rem; }
.pd_cert .swiper-slide{ padding: 14rem 12rem 29rem; border: 1px solid #e5e5e5; border-radius: 4rem; box-sizing: border-box; }
.pd_cert__img{ aspect-ratio: 135/185; width: 100%; cursor: pointer; }
.pd_cert__p{ margin-top: 11rem; text-align: center; font-weight: 500; color: #555; }
.pd_cert__pager{ display: flex; justify-content: center; align-items: center; gap: 10rem; margin-top: 36rem; }
.pd_cert__bullet{ display: inline-block; width: 8rem; height: 8rem; background: #e5e5e5; border-radius: 50%; }
.pd_cert__bullet-active{ background-color: var(--secondary); }
/* 모달 */
.pd_modal{ display: flex; justify-content: center; align-items: center; position: fixed; inset: 0; z-index: 100; }
.pd_modal:not(.active){ visibility: hidden; opacity: 0; }
.pd_modal__body{ position: relative; max-width: min(95vw, 550rem); max-height: 95vh; padding: 20rem 20rem 40rem; background: #fff; box-shadow: 0rem 0rem 22.68rem 4.32rem rgba(0, 0, 0, 0.09); box-sizing: border-box; z-index: 1; }
.pd_modal__close{ position: absolute; width: 70rem; height: 70rem; background: #000; }
.pd_modal__close::before,
.pd_modal__close::after{ content: ''; position: absolute; margin: auto; inset: 0; width: 33rem; height: 1rem; background: #fff; }
.pd_modal__close::before{ transform: rotate(45deg); }
.pd_modal__close::after{ transform: rotate(-45deg); }
.pd_modal__close:hover{ background: var(--secondary); }
.pd_modal__img{ width: 100%; object-fit: contain; }
.pd_modal__p{ margin-top: 45rem; text-align: center; font-size: 22rem; }
.pd_modal__cover{ position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); }
@media(prefers-reduced-motion:no-preference){
	.pd_modal{ transition: .4s; }
}
@media(min-width:768px){
	.pd_modal__close{ inset: 0 auto auto 100%; }
}
@media(min-width:1280px){
	.pd_cert{ max-width: 700rem; }
}
@media(max-width:767px){
	.pd_modal__close{ inset: auto 0 100% auto; }
}

/* 옥션 입찰 확인 모달 */
.modal_confirm{ display: flex; justify-content: center; align-items: center; position: fixed; inset: 0; opacity: 1; visibility: visible; z-index: 100; }
.modal_confirm:not(.active){ opacity: 0; visibility: hidden; }
.modal_confirm__window{ overflow: hidden; position: relative; max-width: 640rem; width: 100%; background: #fff; border-radius: 8rem; box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(0, 0, 0, 0.08); z-index: 1; }
.modal_confirm__title{ display: flex; justify-content: space-between; align-items: center; height: 5em; padding: 0 40rem 0 50rem; background: #f7f8fc; font-size: var(--font_size24); font-weight: 700; }
.modal_confirm__close{ position: relative; width: 3em; height: 3em; background: 0; }
.modal_confirm__close::before,
.modal_confirm__close::after{ content: ''; position: absolute; margin: auto; inset: 0; width: 1px; background: #606060; }
.modal_confirm__close::before{ transform: rotate(45deg); }
.modal_confirm__close::after{ transform: rotate(-45deg); }
.modal_confirm__close:hover::before,
.modal_confirm__close:hover::after{ background: #080808; }
.modal_confirm__content{ padding: 60rem 50rem; font-weight: 500; color: #555; }
.modal_confirm__ol{ counter-reset: list_num; line-height: 1.625; }
.modal_confirm__li{ counter-increment: list_num; position: relative; padding-left: 40rem; }
.modal_confirm__li + .modal_confirm__li{ margin-top: 30rem; }
.modal_confirm__li::before{ content: counter(list_num); display: inline-flex; justify-content: center; align-items: center; position: absolute; top: -1rem; left: -1rem; width: 1.75em; height: 1.75em; background: #000; border-radius: 50%; color: #fff; }
.modal_confirm__content strong{ font-weight: inherit; color: #000; }
.modal_confirm__wrap_chk{ display: flex; justify-content: center; align-items: center; gap: 10rem; margin-top: 39rem; font-size: 18rem; }
.modal_confirm__wrap_chk [type="checkbox"]{ margin: 0; width: 20rem; height: 20rem; }
.modal_confirm__wrap_chk [type="checkbox"] + label{ margin: 0; }
.modal_confirm__wrap_chk [type="checkbox"]:checked + label{ color: #000; }
.modal_confirm [type="submit"]{ display: flex; justify-content: center; align-items: center; margin: 66rem auto 0; max-width: 298rem; box-shadow: none; font-weight: 600; }
.modal_confirm [type="submit"]:hover{ box-shadow: 5rem 5rem 24.36rem 4.64rem rgba(255, 102, 102, 0.44); }
.modal_confirm__cover{ position: absolute; inset: 0; background: #00000080; }
@media(prefers-reduced-motion:no-preference){
	.modal_confirm,
	.modal_confirm [type="submit"]{ transition: .4s; }
}

/* faq */
.faqList{ all: unset; font-size: 18rem; line-height: 1.55555556; letter-spacing: -.055em; }
.faqList dt{ padding: 23rem 20rem 20rem 85rem; border-bottom: 1px solid #e8e8e8; font-size: inherit; font-weight: 500; color: #555; }
.faqList dt:before,
.faqList dd:before{ display:block; justify-content: center; align-items: center; top: 15rem; left: 29rem; width: 40rem; height: 40rem; border-radius: 15rem; font-family: 'SUIT-Regular', 'Pretendard', '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif; font-size: 16rem; font-weight: 800; }
.faqList dt:before{ background: #3ea8ff; }
.faqList dt a{ padding-right: 30rem; }
.faqList dt a:before{ display: none; }
.faqList dt a:after{ right: 21rem; background-size: contain; transform: rotate(180deg); }
.faqList dt a.on:after{ transform: rotate(0deg); }
.faqList dd:before{ top: 29rem; background: #000; }
.faqList dd > div{ padding: 36rem 20rem 25rem 87rem; background: #f9f9f9; font-size: inherit; }
.faqList dd > div > ul{}
.faqList dd > div > ul > li{display:flex; font-size: inherit; margin-bottom:10rem;}
.faqList dd > div > ul > li em{display:block; font-weight:bold; width:110rem;}
.faqList dd > div > ul > li span{display:block; width:calc(100% - 110rem);}
.faqList dd > div a{display:block; margin-top:25rem; width:80rem; height:40rem; line-height:40rem; border-radius:5rem; background:#333; color:#fff; text-align:center;}
.pd__wrap_link{ display: flex; justify-content: center; }
.pd__link{ display: inline-flex; justify-content: center; align-items: center; margin-top: 40rem; max-width: 240rem; width: 100%; height: 60rem; padding: 1em; border: 1rem solid currentColor; border-radius: 8rem; box-sizing: border-box; font-size: 16rem; letter-spacing: -.055em; color: #3ea8ff; }
.facility_list01 .faqList dt{padding: 23rem 20rem 20rem 0; }
.facility_list01 .faqList dd > div{padding: 36rem 20rem 25rem;}
.facility_list01 .faqList dt:before,
.facility_list01 .faqList dd:before{display:none;}
.facility_list01 .faqList dd > div > ul > li{display:flex; font-size: inherit; margin-bottom:10rem; border-bottom:1px solid #efefef; padding-bottom:12px;}

/* 230317 구매의뢰 */
.sub_trade img{ max-width: 100%; }
@media(max-width: 767px){
	.intro__wrap_table{ overflow: auto; }
	.intro__wrap_table table{ min-width: 110ch; }
	.intro__wrap_table.wide table{ min-width: 130ch; }
	.m_oneList thead{ display: table-header-group; }
	.m_oneList tr{ display: table-row; }
	.m_oneList tbody td{ display: table-cell; }
}
@media(max-width:480px){
	.sub_trade .bbsView > tbody > tr > th{ width: 11ch!important; }
	.sub_trade .bbsView > tbody > tr > th,
	.sub_trade .bbsView > tbody > tr > td{ display: table-cell; width: auto; }
}