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

/* 
 * board CSS Document
 */

 /* bbsList */
.bbsList th,
.bbsList td{padding: 18rem 10rem;border-bottom:1px solid #eaecf1;text-align:center;}
.bbsList thead th{padding: 20rem 10rem;border-top:1px dotted #8c92a3;border-bottom:1px solid #d2d7dc;font-weight: 400;color:#222;font-size: 16rem;}
.bbsList thead tr:first-child th{border-top: 2rem solid #4c4c4c;}
.bbsList td{color:#666; word-break:break-all;}
.bbsList tr.active td{background: #f9f9f9;color:#333 !important;}
.bbsList td[data-table="subject"] a{display: flex;align-items: center;font-size: 16rem;letter-spacing: -0.02em;color: #222;font-weight: 400;}
.bbsList a.new::after {content: "N";color: #e53333;font-weight: 700;font-size: 11rem;margin-left: 4rem;position: relative;top: -3rem;}
.bbsList td[data-table="subject"]{text-align:left;}
.bbsList td[data-table="subject"] i{display:inline-block;margin-left:10rem;font-size:13rem;color: #aaa;}
.bbsList td[data-table="number"] .notice{display:block;position:relative;margin:0 auto;border-radius: 30rem;background: #343434;color: #fff;padding: 5rem 0;font-size: 13rem;max-width: 50rem;}
.bbsList .none{text-align:center;}
.bbsList .reply{display:inline-block;position:relative;padding: 2rem 7rem;margin-right: 7rem;background:#fff;border-radius:3rem;border: 1px solid #b3b3b3;font-size:13rem;color: #8d8d8d;}
.bbsList .reply:before,
.bbsList .reply:after{content:''; display:none; position:absolute; left:-10rem; background:#41464e;}
.bbsList .reply:before{top:0rem; width:1px; height:10rem;}
.bbsList .reply:after{top:10rem; width:10rem; height:1px;}
.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="ru"] .bbsList td[data-table="number"] .notice:before{content:'N';}

ul.bbsList{border-top: 2rem solid #222;}
ul.bbsList li{position:relative;border-bottom:1px solid #eaecf1;}
ul.bbsList li > *{display:block;}
ul.bbsList li .date{position:absolute;left:15rem;top:50%;width: 65rem;font-size: 14rem;color:#999;text-align:center;font-weight: 500;transform:translateY(-50%); transition: all 0.4s ease-out 0s;}
ul.bbsList li .date i{display:block;font-size: 40rem;color: #dadada;line-height:1;transition: all 0.4s ease-out 0s;font-weight: 700;margin-bottom: 3rem;}
ul.bbsList li .date:before{content:''; display:block; position:absolute; right:-15rem; top:50%; width:1px; height:30rem; margin-top:-15rem; background:#e5e5e5;}
ul.bbsList li .subject{font-size: 18rem;letter-spacing: -0.01em;font-weight: 400;transition: all 0.4s ease-out 0s;color: #222;display: flex;align-items: center;padding: 39rem 15rem 39rem 125rem;}
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color: #222;}
ul.bbsList li .subject > span{display:inline-block;position:relative;width:15rem;height:18rem;margin: 0 5rem 0 4rem;background:url(/images/board/icon_file.svg) no-repeat 50% 50%;text-indent:-9999rem;}
ul.bbsList li.no_data p {text-align:center; padding:30rem 0rem;}
ul.bbsList li .more{overflow:hidden;position:absolute;right:15rem;top:50%;width:36rem;height:36rem;margin-top:-16rem;background:#fff;/* border:1px 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;display: none;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#f15b6d;}
ul.bbsList li .notice{display:inline-block;margin-right:10rem;margin-top:-5rem;background: #222;border-radius: 0;text-align:center;vertical-align:middle;overflow:hidden;white-space:nowrap;color: #fff;font-size: 13rem;padding: 4rem 12rem;border-radius: 24rem;}
ul.bbsList li:hover .date,
ul.bbsList li:hover .date i{color: #222;}

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="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;position: relative;}
.photoList > li a > *{display:block;}
.photoList > li a > *:not(.img):not(.state){background:#fff;}
.photoList > li .img{overflow:hidden;position:relative;width:100%;padding-top: 66%;background: #f5f5f5 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: 25rem;padding-bottom: 7rem;border-width:0rem 1rem;font-size: 21rem;letter-spacing:-1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: 600;color: #333;}
.photoList > li a:hover .img,
.photoList > li a:focus .img{opacity:0.7;}
.photoList > li .write{position:relative;min-height:25rem;padding-bottom: 28rem;border-top-width:0rem;color:#999;}
.photoList > li .write em{display:block;font-size: 16rem;font-weight: 400;}
.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:1px solid #eaecf1; border-bottom-width:0rem; text-align:center;}

/* photoList state */
.photoList .state em {position: absolute;right: 0;top: 0;z-index: 1;width: 70rem;height: 70rem;display: flex;align-items: center;justify-content: center;color: #fff;line-height: 1.3;}
.photoList .state em[data-state="ing"] {background: #000;}
.photoList .state em[data-state="before"] {background: #c9c9c9;}
.photoList .state em[data-state="after"] {background: #c1c1c1;}

/* blog style */
.blogList{border-top:2rem solid #505c78;}
.blogList li{padding:20rem 5rem; border-bottom:1px 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: 42rem 10rem 45rem !important;margin:0rem !important;border-top: 0;border-bottom: 1px solid #585858;font-size: 32rem !important;font-weight: 400 !important;color:#222 !important;text-align: center;}
.bbsTitle:before{display:none !important;}
.bbsTitle em{display:inline-block; margin-right:5rem; color:#148f77;}
.bbsTitle .reply{display:inline-block;position:relative;padding: 5rem 12rem;margin-right:5rem;margin-bottom:3rem;background: #666666;border-radius:3rem;font-size: 15rem;color:#fff;vertical-align:middle;margin-right: 10rem;}
.bbsView{border-collapse:inherit;table-layout:fixed;}
.bbsTitle ~ .bbsView{border-top: 1px solid #000;margin-top: 40rem;}
.bbsView > tbody > tr > th,
.bbsView > tbody > tr > td,
.bbsView > thead > tr > th{padding: 20rem 0;border-bottom:1px solid #eaecf1;}
.bbsView > tbody > tr > th{text-align:left;font-weight:500;letter-spacing:-1rem;font-weight: 500;}
.bbsView > tbody > tr > td{color: #777;word-break:break-all;}

.bbsView .conts table,
.bbsView .conts td,
.bbsView .conts th{border:1px solid black}

.bbsView th[data-view="file"]{border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"] + td{padding-left:25rem; border-top:1px solid #eaecf1;}
.bbsView th[data-view="file"],
.bbsView th[data-view="date"],
.bbsView th[data-view="count"]{padding-left: 0;}
.bbsView td.conts{padding: 40rem 20rem;border:0rem;}

.bbsView div.conts{min-height:350rem;}
.bbsView .conts .img{padding-bottom:30rem;}
.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 div.conts table{margin-left:auto !important; margin-right:auto !important;}
.bbsView .button{height: 40rem; line-height: 39rem; font-size:0.9em;}
.bbsView .tip{font-size: 14rem;word-break:keep-all;display: block;margin-top: 10rem;font-weight: 300;color: #999;}
.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:1px solid #505c78;}
.bbsTitle ~ .bbsView.dl{border-top-width:0rem;}
.bbsView dl dt,
.bbsView dl dd{box-sizing:border-box; padding:15rem 15rem; border-bottom:1px 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:1px 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;}

/* NEW ver.1.0.1 */
.bbsDate > ul{display:flex; justify-content:center;}
.bbsDate > ul > li{position:relative;padding:0 15rem;font-weight: 600;font-size: 14rem;color: #aaa;letter-spacing: 0.3rem;}
.bbsDate > ul > li > i{display:inline-block;margin-right:4rem; font-weight: 400;color: #aaa;}
.bbsDate > ul > li:first-child:after{content:""; position:absolute; top:3rem; right:0; width:1px; height:13rem; background:#ccc;}
.bbsDate{margin: 17rem 0 40rem;}

.bbsTitle{padding:0 10rem 0 !important;border-top:0;border-bottom:0;font-weight: 400 !important;font-size: 36rem !important;letter-spacing:-0.03em;}

.bbsContent{padding: 40rem 20rem 80rem;border-top:1px solid #d4d4d4 !important;}
.bbsContent .conts{min-height:370rem;line-height: 1.7;padding-bottom: 20rem;}
.bbsContent .conts .img img{height:auto !important; max-width:100%;}
.bbsContent .conts .img img + img{ margin-top: 1.5em; }
.bbsContent .conts .img{margin-bottom: 30rem;}
.bbsContent table td{border:1px solid #ddd; border-left:0 !important;}
.bbsContent table td:last-child{border-right:0;}
.bbsContent table{max-width: 100%;}
.bbsContent img{height:auto !important; max-width:100% !important;}

.bbsView div.conts{}

.bbsTitle_cont{text-align:center;}
.bbsTitle_cont > i{display:inline-block;margin-bottom: 17rem;padding-bottom: 0rem;border-bottom: 1px solid #b9b9b9;font-size:15rem;color: #b9b9b9;font-weight: 700; display:none;}

.bbsPager{padding: 45rem 0;}
.bbsPager .inr_pager{position:relative;text-align:center;width: 100%;}
.bbsPager .inr_pager > a{display:inline-block;cursor: pointer;}
.bbsPager .inr_pager .pagerBtn.prev{float:left; padding-left:37rem; text-align:left;}
.bbsPager .inr_pager .pagerBtn.next{float:right; padding-right:30rem; text-align:right;}
.bbsPager .inr_pager img{height: 11rem;}
.bbsPager .inr_pager .pagerBtn.next img{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.bbsPager .inr_pager .pagerBtn::before{content:"";position:absolute;top:18rem;width:7rem;height:11rem;background:url(/images/board/arr_view.svg);transition: all 0.3s ease 0s;opacity: 1;}
.bbsPager .inr_pager .pagerBtn:hover::before{opacity:0.5;}
.bbsPager .inr_pager .pagerBtn.prev::before{left:0;}
.bbsPager .inr_pager .pagerBtn.next::before{right:0; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.bbsPager .inr_pager > a > i{display:inline-block; position:absolute; top:18rem;}
.bbsPager .inr_pager .pagerBtn.prev i{left:0;}
.bbsPager .inr_pager .pagerBtn.next i{right:0;}
.bbsPager .inr_pager > a > em{font-weight:700; font-size:14rem; color:#222; text-transform:uppercase;}
.bbsPager .inr_pager > a > p{opacity:1;overflow:hidden;width:260rem;color:#666;white-space:nowrap;text-transform:uppercase;text-overflow:ellipsis;font-size: 15rem;}
.bbsPager .inr_pager .pager_list{display:inline-block;width: 170rem;padding:21rem 0;border:1px solid #333;font-weight:700;font-size:13rem;color:#333;transition: all 0.3s ease 0s;opacity: 1;}
.bbsPager .inr_pager .pager_list:hover {border-color: #a7a7a7;}
.bbsFile .file li > a {position: relative;}
.bbsPager .inr_pager .pager_list > span:after{content:""; display:inline-block; position:relative; top:-1rem; width:13rem; height:13rem; margin-left:12rem; background:url(/images/board/icon_list.svg); vertical-align:middle;}
.bbsPager .inr_pager *{transition: all 0.3s ease 0s;}
.bbsPager .inr_pager > a:hover > em{color: #a7a7a7;}
.bbsPager .inr_pager > a:hover > p{opacity:0.7;}

.bbsFile .file{padding:22rem 35rem; background:#f9f9f9;}
.bbsFile .file li{display:flex; align-items:center;}
.bbsFile .file em{display:inline-block; position:relative; font-weight:500; font-size:15rem; color:#222;}
.bbsFile .file li > *:not(em){display:inline-block;margin-left:11rem;font-weight:300;font-size:15rem;color: #444;}
.bbsFile .file li > a {position: relative;}
.bbsFile .file li > a:after {content: "";width: 100%;height: 1px;background: #444;position: absolute;left: 0;bottom: 0;transition: all 0.3s ease 0s;opacity: 0;}
.bbsFile .file li > a:hover:after {opacity: 1;}
.bbsFile .file li:nth-child(1) ~ li{margin-top:7rem;}
.bbsFile .file em:before{content:""; display:block; position:relative; width:15rem; height:18rem; background:url('/images/board/icon_file.svg') no-repeat 50% 50%;}
.bbsFile .file > ul{display:inline-block;}

.bbsAdm ul{display:flex;justify-content:flex-end;margin-bottom: 20rem;}
.bbsAdm > ul > li > a{display:block; padding:8rem 21rem; background:#727272; border:1px solid transparent; font-weight:300; font-size:13rem; color:#fff;}
.bbsAdm > ul > li.delete a{background:transparent; border:1px solid #b32020; font-weight:400; color:#b32020;}
.bbsAdm > ul > li{margin-left:4rem;}

.bbsSearch form{display:flex;justify-content: center;align-items:center;margin-bottom:20rem;margin-bottom:40rem;padding: 30rem 0;background:#f6f6f6;text-align:center;}
.bbsSearch .designSelect{margin-right:13rem;}
.bbsSearch > input[type=text]{width:35%; margin-right:5rem;}
.bbsSearch .button{height:50rem; background:#444; border:none; box-shadow:none !important;}
.bbsSearch input[type=text]{height:52rem;padding:9rem 12rem;background:#fff;border:none;border:1px solid transparent;transition:all 0.3s ease 0s;outline:none;width: 33%;margin-right: 7rem;}

.designSelect:after{content:''; display:block; clear:both;}
.designSelect .select{display:block;position:relative;width:130rem;height:50rem;margin:0;border:1px solid rgba(255,255,255,0.1);font-size:15rem;color:#141414;text-align:center;transition:all 0.2s ease-out 0.3s;cursor:pointer;}
.designSelect .select.active{}
.designSelect .select select{display:none;}
.selectbox.trans{transition: all 0.4s ease 0.3s;}
.designSelect .selectbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;height:50rem;line-height:50rem;padding:0 18rem;background:#fff;border:1px solid transparent;border-bottom:0;font-weight: 400;font-size:14rem;color:#333;text-align:left;/* transition:all 0.4s ease 0.3s; */}
.designSelect .selectbox:after{content:''; position:absolute; top:21rem; right:15rem; width:16rem; height:10rem; background:url(/images/board/arr_view.svg) no-repeat 50% 50%; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
.designSelect .selectbox:active:after,
.designSelect .selectbox.active:after{transform:rotate(90deg);}
.designSelect .selectoption{display:none;position:absolute;overflow:hidden;top: 98%;z-index: 2;width: 100%;margin:0;padding:0 0 10rem;background-color:#fff;border:1px solid #000;border-top:0;font-size:15rem;color:#666;text-align:left;list-style:none;box-sizing: border-box;}
.designSelect .selectoption li{padding:5rem 17rem; border-bottom:0; font-weight:300; font-size:14rem; color:#777; transition:all 0.3s ease-out 0s;}
.designSelect .selectoption li:hover{color:#ddd;}
.designSelect .selectoption li[rel="hide"]{display:none;}
.designSelect .selectoption li:last-child{border:none;}
.designSelect .selectbox.active{border:1px solid #000; border-bottom:0; transition:all 0.4s ease 0s;}

/* NEW ver.1.0.2 */
.bbsNew_container.v2 .bbsTitle{padding:0 !important; font-weight:600 !important; font-size:38rem !important; text-align:left; letter-spacing:-0.04em;}
.bbsNew_container.v2 .bbsDate{display:flex; align-items:center; margin:0; margin-top:23rem; padding:19rem 0; border-top:1px solid #000;}
.bbsNew_container.v2 .bbsDate > ul > li:first-child{padding-left:0;}
.bbsNew_container.v2 .bbsDate > ul > li{padding: 0 17rem;font-weight:300;color:#888;}
.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:8rem; font-weight:400; color:#333;}
.bbsNew_container.v2 .bbsDate > ul > li:not(:last-child):after{content:"";position:absolute;top: 4rem;right:0;width:1px;height:13rem;background:#ccc;}
.bbsNew_container.v2 .bbsContent{border-bottom:1px solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsContent{padding:40rem 0 0rem; border-top:1px solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:182rem; padding:18rem 0;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list,
.bbsNew_container.v2 .admPager_btn li a{opacity:1;border: 2rem solid #333;font-weight:500;font-size:16rem;transition:all 0.3s ease 0s;border-radius:40rem;}
.bbsNew_container.v2 .bbsPager{display:flex; justify-content:center; padding:55rem 0;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list > span:after{display:none;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list:hover,
.bbsNew_container.v2 .admPager_btn li a:hover{opacity:0.6;}

.bbsPager.admPager .inr_pager{}
.admPager_btn li a{display:block;width: 82rem;line-height:1;padding: 11rem 0;}
.admPager_btn{display:flex;position: absolute;right: 0;top: 0;}
.admPager_btn li:first-child{margin-right:6rem;}
.bbsControls{margin-top:40rem; border-top:1px solid #222; border-bottom:1px solid #ddd;}
.bbsControls ul li a{display:flex; align-items:center; padding:23rem 0; letter-spacing:-0.025em;}
.bbsControls ul li:first-child{border-bottom:1px solid #ddd;}
.bbsControls ul li a em{position:relative; margin-right:20rem; padding:0 40rem; white-space:nowrap;}
.bbsControls ul li a em::after{content:""; position:absolute; top:50%; right:0; width:1px; height:14rem; margin-top:-7rem; background:#ccc;}
.bbsControls ul li a p{display:block; overflow:hidden; font-weight:300; color:#888; white-space:nowrap; transition:all 0.3s ease 0s; text-overflow:ellipsis;}
.bbsControls ul li a:hover p{color:#333;}

.check_con{display:flex; justify-content:flex-start; align-items:center; position:relative; line-height:1.3; padding-left:32rem; font-size:15rem; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_con > em{margin-left: 11rem;letter-spacing:-0.015em;white-space:nowrap;}
.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.check_con .checkmark{position:relative; width:22rem; height:22rem; border:1px solid #d1d1d1; transition:all 0.2s ease 0s;}
.check_con input:checked ~ .checkmark{border:1px solid #282828;}
.check_con .checkmark:after{content:""; display:none; position:absolute;}
.check_con input:checked ~ .checkmark:after{display:block; transform:rotate(45deg) scale(1); -webkit-transform:rotate(45deg) scale(1); -ms-transform:rotate(45deg) scale(1);}
.check_con .checkmark:after{top:5rem; left:8rem; width:4rem; height:8rem; border:solid #444; transition:all 1s ease 0s; transform:rotate(45deg) scale(0); -webkit-transform:rotate(45deg) scale(0); -ms-transform:rotate(45deg) scale(0); border-width:0 2rem 2rem 0;}

.bbsNew_container .box_privacy textarea{line-height:1.5; padding:30rem !important; font-weight:300; font-size:15rem; color:#444; outline:none;}
.bbsNew_container .designRadio.agree{display:flex; justify-content:flex-end;}
.bbsNew_container .scroll-textarea{min-height:250rem;}
.bbsNew_container .scroll-textarea{border:1px solid #ddd;}

.bbsForm input[type="text"],
.bbsForm input[type=email],
.bbsForm input[type=tel],
.bbsForm input[type=number],
.bbsForm input[type="password"]{height:52rem; margin:0; padding:0 15rem; transition:all 0.3s ease 0s; outline:none;}
.bbsForm input[type="text"]:focus,
.bbsForm textarea:focus,
.bbsForm input[type="text"]:hover,
.bbsForm textarea:hover{border-color:#444;}
.bbsForm .designSelect .select{width:150rem; height:52rem;}
.bbsForm_data > label{margin-bottom:15rem; font-weight:600; font-size:16rem; color:#333; text-indent:1px;}
.bbsForm_data:not(:first-child){margin-top:40rem;}
.bbsForm_data .designSelect .selectbox{border:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbsForm_data .designSelect .selectbox.active{border:1px solid #000; border-bottom:0;}
.bbsForm input::placeholder{font-weight:300; color:#ccc;}
.bbsForm .marking{top:-5rem; margin-bottom:0; margin-left:5rem;}
.bbsForm textarea{padding:15rem; transition:all 0.3s ease 0s; min-height:230rem; outline:none;}
.bbsForm_data.mg{margin-top:20rem;}
.bbsForm .designFile{display:flex; align-items:center;}
.bbsForm .designFile + .designFile{margin-top:6rem;}
.bbsForm .designFile label{margin-bottom:0;margin-left: 5rem;font-weight:400;font-size:14rem;}
.bbsForm .caption{margin-top:10rem; font-size:14rem; color:#c51917;}
.bbsForm  input[readonly],
.bbsForm input[disabled]{background:#f3f3f3;}

.wdt30{width:327rem;}
.wdt50{width:500rem;}
.wdt70{width:840rem;}

.data_call{display:flex; align-items:center;}
.data_call > i{display:flex; justify-content:center; align-items:center; position:relative; margin:0 8rem; font-weight:100; font-size:23rem; color:#999;}
.data_call > i::after{content:""; display:block; width:8rem; height:1px; background:#000;}
.data_call > *:not(i){width:-webkit-calc((100%/3) - 13rem); width:calc((100%/3) - 13rem);}
.data_call .designSelect .select{width:auto;}

.designFile input:focus,
.data_address ul li:not(:last-child) input:focus,
.designFile input:hover,
.data_address ul li:not(:last-child) input:hover{border-color:#ddd !important;}
.data_address ul li:not(:last-child){margin-bottom:8rem;}
.data_address ul li > input{width:100%;}
.data_address ul li{display:flex; align-items:center;}
.data_address ul li > a{margin-left:8rem;}

.data_email{display:flex;align-items:center;flex-wrap: wrap;max-width: 840rem;width: 100%;position: relative;}
.data_email> div{display:flex; align-items:center;}
.data_email> div > i{margin:0 8rem;}
.data_email .designSelect{margin:0 4rem;}

.data-spam .spam{display:flex;align-items:stretch;line-height:48rem;}
.data-spam span{display:block;position:relative;margin-right:5rem;padding: 0rem 23rem;border:2rem solid;font-size:15rem;font-weight: 700;}
.data-spam span::before{content:"스팸방지";margin-right: 6rem;font-weight: 500;}

.button_new{height: 50rem;line-height: 50rem;padding:0 0rem;border: 1px solid #393939;font-size:14rem;text-align:center;transition:all 0.2s ease 0s;min-width:100rem;cursor:pointer;background: #fff;}
.button_new:hover{ border-color:#222;background: #555555;color: #fff;}
.button_new.black{background: #6e6e6e; border: 1px solid #5e5e5e; color:#fff;}
.button_new.black:hover{background: #363636;}
.button_new:hover, .button_new:hover span {color: #fff;}

input.button_new{height:52rem; line-height:52rem;}

/* NEW ver.1.0.3 */
.bbsContent .bbsFile{margin-top:20rem;}

.bbsSearch[data-type="A"] .button{position:absolute; top:0; right:0; width:44rem; height:44rem; margin-left:0; background-color:transparent; background-size:19rem; background-position:center; font-size:0; min-width:auto; background-image:url(/images/board/icon_search.svg); background-repeat:no-repeat;}
.bbsSearch[data-type="A"] form{margin-bottom:0;padding:20rem 0;background:none;display: flex;justify-content: flex-end;}
.bbsSearch[data-type="A"] select{width:20%; max-width: 180rem; padding:0 5rem; background:#fff url(/images/board/arr_search_select.svg) no-repeat 96% 50% /10rem; border:0; border-radius:0; outline:none;}
.bbsSearch[data-type="A"] input[type=text]{width:100%; margin:0; margin-left:15rem; padding:0;}
.bbsSearch[data-type="A"] select,
.bbsSearch[data-type="A"] input[type=text]{height:48rem; border-bottom:1px solid #ccc; font-size: 15rem;}
.bbsSearch[data-type="A"] input[type=text]::placeholder{font-weight:400; color:#cfcfcf;}
.bbsSearch[data-type="A"] .search_input{width: 60%; position:relative; max-width: 400rem;}
.bbsSearch[data-type="A"] select + select{margin-left: 14rem;}

.ko_board_list[data-type] .file{display:inline-block; position:relative; top:clamp(2rem, 2.96296296vw, 0rem); width:clamp(12rem, 2.96296296vw, 16rem); height:19rem; margin:0 clamp(1rem, 2.96296296vw, 5rem) clamp(-6rem, 2.96296296vw, -2rem) clamp(0rem, 2.96296296vw, 2rem); background:url(/images/board/icon_file.svg) no-repeat 50% 50%; text-indent:-9999rem;}
.ko_board_list[data-type]{display:grid;flex-wrap:wrap;}
.ko_board_list[data-type] > li{border:1px solid #e5e5e5; box-shadow:0 0 50rem 0 rgb(0 0 0 / 0%); transition:all 0.3s ease;}

.ko_board_list[data-type="A"]{grid-template-columns:1fr 1fr 1fr; gap:clamp(20rem, 2.0833vw, 40rem);}
.ko_board_list[data-type="A"] > li a{display:block; position:relative; box-sizing:border-box; padding:clamp(25rem, 4.1667vw, 50rem) clamp(20rem, 2.7778vw, 50rem) clamp(25rem, 4.1667vw, 65rem);}
.ko_board_list[data-type="A"] [data-board="tit"]{display:-webkit-box;overflow:hidden;height:clamp(46rem, 4.1667vw, 60rem);line-height:1.4;font-size:clamp(18rem, 1.5278vw, 22rem);color:#111;letter-spacing:-0.5rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break: break-all;}
.ko_board_list[data-type="A"] [data-board="con"]{display:-webkit-box;overflow:hidden;height: 5em;line-height: 1.6;margin-top:clamp(15rem, 1.3889vw, 23rem);font-weight:300;font-size:clamp(15rem, 1.0417vw, 16rem);-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;word-break: break-all;}
.ko_board_list[data-type="A"] [data-board="con"] br{display:none;}
.ko_board_list[data-type="A"] .board_info_con{display: inline-flex;align-items:center;margin-top: clamp(48rem, 7.6389vw, 110rem);position: relative;}
.ko_board_list[data-type="A"] .board_info_con *{font-size:clamp(12rem, 0.9722vw, 13rem);color:#a7a7a7;line-height: 1;}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]{display:flex; align-items:center; position:relative; margin-right:clamp(5rem, 0.6944vw, 9rem); padding-right:clamp(5rem, 0.6944vw, 9rem);}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]::after{content:"";position:absolute;right:0;width:1px;height: clamp(12rem, 0.8333vw, 12rem);background:#cdcdcd;}
.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:10rem;padding: 5rem 10rem;background:#111;color:#fff;border-radius:20rem;}
.ko_board_list[data-type="A"] [data-board="new"]{margin-left:10rem;font-weight:700;font-size:clamp(11rem, 0.9722vw, 13rem);color:#d52d2d;position: absolute;right: -40rem;}
.ko_board_list[data-type="A"] [data-board="arr"]{display:flex; justify-content:center; align-items:center; position:absolute; right:clamp(20rem, 2.7778vw, 50rem); bottom:clamp(20rem, 2.7778vw, 50rem); width:clamp(40rem, 4.1667vw, 60rem); height:clamp(40rem, 4.1667vw, 60rem); background:#f7f7f7; transition:all 0.3s ease; border-radius:100%;}
.ko_board_list[data-type="A"] [data-board="arr"]::before{content:""; position:absolute; opacity:0.9; width:clamp(15rem, 1.1806vw, 17rem); height:clamp(15rem, 1.1806vw, 17rem); background:url(/images/board/arr_board_list.svg) no-repeat 50% 50%;}
.ko_board_list[data-type="A"] > li:hover{box-shadow:0 0 50rem 0 rgb(0 0 0 / 10%); border-color:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]{background:#111;}
.ko_board_list[data-type="A"] > li:hover [data-board="arr"]::before{background-image:url(/images/board/arr_board_list_w.svg);}

.ko_board_noData{padding:80rem 0rem; border:2rem solid #f1f1f1; text-align:center;}

.ko_board_list[data-type="B"]{grid-template-columns: 1fr 1fr 1fr;gap:clamp(20rem, 2.0833vw, 35rem);}
.ko_board_list[data-type="B"] [data-board="img"] img{position:absolute; top:50%; left:50%; height:100%; transform:translate(-50%, -50%);}
.ko_board_list[data-type="B"] > li a{display:block; height:100%; box-sizing:border-box; padding:clamp(30rem, 2.0833vw, 50rem) clamp(25rem, 2.0833vw, 30rem);}
.ko_board_list[data-type="B"] [data-board="tit"]{display:block; display:-webkit-box; overflow:hidden; height:clamp(46rem, 4.1667vw, 60rem); height:clamp(53rem, 4.1667vw, 60rem); line-height:1.5; margin-top:clamp(27rem, 1.5278vw, 30rem); font-size:clamp(19rem, 1.5278vw, 19rem); color:#111; letter-spacing:-0.5rem; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; max-height:60rem;}
.ko_board_list[data-type="B"] [data-board="date"] i{display:block; line-height:1; margin-top:2rem; font-weight:700; font-size:clamp(35rem, 2.7778vw, 40rem); color:#111;}
.ko_board_list[data-type="B"] [data-board="date"]{display:inline-block; line-height:1; font-weight:800; font-size:clamp(12rem, 0.9722vw, 12rem); color:#111; text-align:center;}
.ko_board_list[data-type="B"] [data-board="con"]{display:-webkit-box;overflow:hidden;line-height:1.6;margin-top:clamp(10rem, 1.0417vw, 15rem);font-weight:300;font-size:clamp(16rem, 1.0417vw, 15rem);-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:106rem;}
.ko_board_list[data-type="B"] > li{position:relative; height:clamp(340rem, 29.1667vw, 411rem);}
.ko_board_list[data-type="B"] [data-board="img"]{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:clamp(150rem,14.5833vw, 210rem);}
.ko_board_list[data-type="B"] [data-board="img"] i{display:block; width:100%; height:100%; background-size:cover; background-position:50%50%;}
.ko_board_list[data-type="B"] [data-board="new"],
.ko_board_list[data-type="B"] [data-board="notice"]{position:absolute; right:clamp(20rem, 2.0833vw, 30rem); font-size:13rem;}
.ko_board_list[data-type="B"] [data-board="notice"]{padding:2rem 10rem; background:#000; color:#fff; border-radius:30rem;}
.ko_board_list[data-type="B"] [data-board="notice"] + [data-board="new"]{margin-right:57rem; padding-top:2rem;}
.ko_board_list[data-type="B"] [data-board="new"]{font-weight:700; color:#dd1d1d;}
.ko_board_list[data-type="B"] > li:hover{background:#202020;}
.ko_board_list[data-type="B"] > li:hover *{color:#fff;}
.ko_board_list[data-type="B"] > li:hover .file{background-image: url(/images/board/icon_file_w.svg);}

.ko_board_count{margin-bottom:clamp(13rem, 1.0417vw, 15rem); font-weight:300; font-size:clamp(13rem, 1.0417vw, 15rem);}

/* NEW ver.1.0.4 */
.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{display:block;height:280rem;background:url(/images/sample2.jpg) no-repeat 50% 50% / cover;overflow: hidden;}
.ko_board_list[data-type="A"][data-gallery] [data-board="img"] img{display:block; position:relative; top:50%; width:100%; transform:translateY(-50%); object-fit:cover;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{width:95%; height:auto; line-height:1.4; margin-top:clamp(18rem, 1.5278vw, 19rem); -webkit-line-clamp:1;}
.ko_board_list[data-type="A"][data-gallery] .board_info_con{margin-top:clamp(30rem, 2.6042vw, 50rem);}
.ko_board_list[data-type="A"][data-gallery] > li [data-board="arr"]{display:none;}
.ko_board_list[data-type="A"][data-gallery] > li a{padding:clamp(25rem, 4.1667vw, 40rem) clamp(20rem, 2.7778vw, 40rem) clamp(25rem, 4.1667vw, 45rem);}
.ko_board_list[data-type="A"][data-gallery] [data-board="con"]{display:none;}

.ko_board_list[data-type][data-gallery="A"] > li a{padding:0;}
.ko_board_list[data-type][data-gallery="A"] > li{border:0;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con [data-board="writer"]{display:none;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con *{font-size:clamp(13rem, 1.5641vw, 15rem);}
.ko_board_list[data-type][data-gallery="A"] .board_info_con{margin-top:clamp(7rem, 2.6042vw, 8rem);}
.ko_board_list[data-type][data-gallery="A"] > li:hover{box-shadow:none;}
.ko_board_list[data-type][data-type="A"] [data-board="notice"]{margin-left:6rem;}

.bbsForm .wdt50{width:100%; max-width:500rem;}

.data_email> div > input{width:100%;}

/* ko-basic-list */
.ko-basic-list{border-top: 1px solid;}
.ko-basic-list a{display:flex; align-items:center; position:relative; padding:28rem 20rem; border-bottom:1px solid #eee;}
.ko-basic-list a:hover .ko-basic-list__tit{/* 사이트의 포인트컬러로 변경 content.css에 상쇄 */color: #838383;}
.ko-basic-list__tit{display:block;display:-webkit-box;position:relative;overflow:hidden;width: 100%;font-weight:600;font-size:17rem;color:#222;letter-spacing:-0.5rem;transition:opacity 0.3s ease;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;max-height:26rem;transition: all 0.3s ease;max-width: 550rem;line-height: 1;}
.ko-basic-list__date{position:absolute; right:20rem; font-size:14rem;}
.ko-basic-list__num{display:block;margin-right: 25rem;font-size:14rem;text-align:center;min-width:50rem;}
.ko-basic-list__num.notice{padding:2rem 0rem; background:#222; color:#fff; border-radius:3rem;}
.ko-basic-list__tit-wrap{display:flex; align-items:center;}
.ko-basic-list__comment{margin-left:3rem;font-size:13rem;color:#aaa;white-space: nowrap;line-height: 1;}
.ko-basic-list__tit-wrap.new::after{content:"NEW"; position:relative; top:-3rem; margin-left:8rem; font-weight:700; font-size:10rem; color:#e53333;}
.reply{display:inline-block;position:relative;margin-right: 7rem;padding: 4rem 9rem;background:#fff;border:1px solid #b3b3b3;font-weight: 300;font-size: 14rem;color:#8d8d8d;line-height: 1;border-radius:3rem;}

@media screen and (max-width:1023px){
	.ko-basic-list__tit{font-size:16rem;}
	.ko-basic-list a{padding:25rem 0rem;}
	.ko-basic-list__num{margin-right:18rem;}
	.ko-basic-list__date{right:0rem;}
	.ko-basic-list__num.notice{padding:2rem 0rem; font-size:13rem;}
}

@media screen and (max-width:768px){
	.ko-basic-list__tit-wrap:not(.new){max-width: 67%;}
}

@media screen and (max-width:540px){
	.ko-basic-list__tit{width: 100%;font-size:16rem;max-height: 19rem;line-height: 1.1;}
	.ko-basic-list__date{position:relative;margin-top: 5rem;font-weight:300;font-size:14rem;color:#aaa;}
	.ko-basic-list__num:not(.notice){display:none;}
	.ko-basic-list a{align-items:flex-start; padding:16rem 0rem; flex-direction:column;}
	.ko-basic-list__num.notice{position:absolute;margin-bottom:15rem;padding: 1px 8rem;font-size:12rem;min-width:auto;margin-top: -2rem;}
	.ko-basic-list__num.notice + .ko-basic-list__tit-wrap{width:97%;width: auto;padding-left: 44rem;font-size:16rem;word-break:break-all;max-width: 97%;}		
	.ko-basic-list{border-top-width:2rem;}
	.ko-basic-list__tit-wrap.new::after{margin-left:4rem; white-space:nowrap;}
	.ko-basic-list__tit-wrap:not(.new){max-width:100%;}
	.reply{margin-right:6rem;padding: 2rem 5rem;font-weight:400;font-size:13rem;top: 0rem;}	
}

/* 관리자 및 board common 수정 */
.designFile + .tip{display:block; margin-top:7rem;}
.designRadio + .designCheck{margin-left:10rem;}

.caption-check{display:flex;align-items:center;width:100%;margin-top:28rem;text-align:center;flex-direction:column;margin-bottom: 10rem;}
.caption-check .designCheck{margin-top:9rem; margin-top:13rem; padding:8rem 11rem; background:#f7f7f7; font-size:14rem;}
.caption-check p{display:flex; align-items:center; position:relative; font-weight:500; font-size:16rem;}
.caption-check p::before{content:"!"; display:block; display:flex; justify-content:center; align-items:center; width:17rem; height:17rem; margin-right:4rem; border:2rem solid; font-weight:900; font-size:13rem; border-radius:100%;}
.caption-check .designCheck input[type="checkbox"] + label{margin-right:1px;}

input[type="text"] + .input-txt {
    margin-left: 2rem;
}

.input-txt + input[type="text"] {
    margin-left: 8rem;
}

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

/* 댓글 */
.comment_area{padding: 30rem 0 0;}
.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:1px solid #dedede;}
.comment_area .write .input{padding:7rem 20rem; border-bottom:1px solid #e1e1e1;}
.comment_area .write .send{position:relative; border-top:1px 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:1px solid #e1e1e1; letter-spacing:-0.5rem;}
.comment_area .list ul > li:first-child{border-top:1px 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:1px 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:1px solid #eaecf1; text-align:center; font-weight:300;}
.none_data.type02{margin-top:30rem;padding:40rem 10rem;border-top:1px dashed #eaecf1;border-bottom:1px dashed #eaecf1;font-size: 14rem;text-align:center;font-weight:300;}

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

/* pagination */
.pagination{display:flex; justify-content:center; align-items:center;margin-top: 60rem;}
.pagination a{display:flex; flex-flow:row wrap; justify-content:center; align-items:center; width:35rem; height:35rem;position: relative;color: #939393;font-size: 16rem;transition: all 0.3s ease 0s;opacity: 1;}
.pagination ol{display:flex; align-items:center;}
.pagination ol li {margin: 0 3rem;}
.pagination ol li.on a {font-weight: 600;color: #222;}
.pagination ol li:not(.on) a:hover {opacity: 0.7;}
.pagination div[class^="page_control"] a{margin:0 3rem; border:1px solid #ddd; font-size:0;}
.pagination div[class^="page_control"] a:hover {border-color:#b7b7b7;}
.pagination div[class^="page_control"]{display:flex; flex-flow:row wrap; align-items:center;margin: 0 9rem;justify-content: center;align-content: center;flex-wrap: nowrap;}
.pagination .btn_pager::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(/images/board/btn_pager.svg) no-repeat 52% 50% / 6rem;opacity: 0.4;}
.pagination .btn_pager.prev::after {background-position: 50% 50%; }
.pagination .btn_pager.prev::after, .pagination .btn_end.first::after {transform: rotate(180deg);   -webkit-transform: rotate(180deg);}
.pagination .btn_end::after {content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(/images/board/btn_pager_end.svg) no-repeat 50% 13rem / 9.1rem;opacity: 0.4;}

/* 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:1px; 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:1px solid #7e7e7e;}
.faqList dd{display:none; background:#f8f8f8;}
.faqList dt,
.faqList dd{position:relative; border-bottom:1px solid #eaecf1;}
.faqList dt:before,
.faqList dd:before{display:block; position:absolute; left:20rem; top:25rem; width:30rem; height:30rem; line-height:27rem; background:#c5c5c5; border-radius:2rem; text-align:center; color:#fff; font-size:13rem; font-weight:100;border-radius:100rem;}
.faqList dt:before{content:'Q';}
.faqList dd:before{content:'A'; background-color:#444;}
.faqList dt{padding:0 20rem 0 66rem; font-size:16rem;}
.faqList dt.on:before{background: #333;}
.faqList dd:before{display:none;}
.faqList dd > div{line-height:1.6; padding:30rem 64rem; font-weight:300; font-size:15rem; color:#666;}
.faqList .box_comm{background:#fff;}
.faqList dt a{display:block; padding-right:45rem;padding:30rem 0; padding-right:45rem; font-weight:300; font-size:16rem; color:#333; text-transform:uppercase;}
.faqList dt a.on{font-weight:400;}
.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; opacity:0.5;}
.faqList dt a:before{content:''; display:block; position:absolute; right:20rem; top:50%; width:36rem; height:36rem; margin-top:-18rem;}
.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:1px 1rem 2rem rgba(0,0,0,0.1); border:1px 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:1px 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:1px 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:1px solid #eaecf1; transition:all 0.2s ease 0s;}
.pdfList li > div > .img ~ *{margin-left:180rem;}
.pdfList li > div:hover,
.pdfList li > div:focus{border:1px 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:1px 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: 20rem;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: -1rem;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:1px; height:1px; 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:1px; height:1px; 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;}

/* secret */
span.file img{display:inline-block; position:relative; top:3rem; height:14rem; margin-left:10rem;}

col[data-view="th"]{width: 8% !important;}

@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%);}	
	
	.photoList > li a > em{padding-top:8%; padding-bottom:7rem; font-size:19rem;}
	.photoList .state em{width:50rem; height:50rem; font-size:13rem;}

	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr 1fr;}
}

@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);}

	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
	.ko_board_list[data-type="A"]{gap:25rem; grid-template-columns:1fr 1fr;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53rem; -webkit-line-clamp:2;}
}

@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;}

	.bbsPager .inr_pager > a > p{width:140rem;}
}

@media screen and (max-width:860px){
	/* NEW ver.1.0.3 */
	/* .ko_board_list[data-type="A"]{gap:25rem; grid-template-columns:1fr 1fr;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53rem; -webkit-line-clamp:2;} */
}

@media screen and (max-width:768px){
	.ko_board_list[data-type="A"]{gap:20rem; grid-template-columns:1fr;}
	/* .ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53rem; -webkit-line-clamp:2;} */

	.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;}

	.bbsPager .inr_pager > a > p{width:160rem;}
	.bbsPager .inr_pager .pagerBtn.prev{padding-left:27rem;}
	.bbsPager .inr_pager .pagerBtn.next{padding-right:27rem;}

	.bbsPager .inr_pager > a{padding-top: 13rem;}
	.bbsPager .inr_pager > a > p{display:none;}
	.bbsPager .inr_pager .pagerBtn.prev{padding-left:20rem;}
	.bbsPager .inr_pager .pagerBtn.next{padding-right:20rem;}
	
	.bbsPager{padding:30rem 0 40rem;}
	.bbsPager .inr_pager .pagerBtn::before{opacity:0.5;top: 19rem;}
	.bbsPager .inr_pager > a > em{font-weight:600; font-size:12rem; color:#999;}	
	.bbsPager .inr_pager .pager_list{width: 130rem;padding:15rem 0;font-size: 12rem;}
	
	.bbsAdm > ul > li > a{padding:6rem 16rem;}
	
	.faqList {margin-top:0}
	.faqList dt:before,
	.faqList dd:before {left:15rem;width:24rem;height:24rem;font-size: 11rem;line-height:23rem;top: 20rem;}
	.faqList dt a:after {right: 15rem;}
	.faqList dt a.on:after {right: 15rem;}
	.faqList dt {padding: 0 20rem 0 49rem;}
	.faqList dt a {font-size: 14rem;padding: 21rem 40rem 21rem 0;}
	.faqList dd > div {padding: 20rem 46rem;font-size: 14rem;}

	.bbsPager .inr_pager{display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;}
	
	.admPager_btn{position:relative; top:0; right:0;}
	
	.bbsNew_container.v2 .bbsPager{padding:35rem 0;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152rem; padding:14rem 0; font-size:14rem;}
	.bbsNew_container.v2 .admPager_btn li a{font-size:14rem;}	
}


@media screen and (max-width:640px){
	.bbsList thead{display:none;}
	.bbsList tr{display:block; position:relative; margin-top:10rem; border-radius:3rem; border:1px 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:1px dashed #e4e4e4;}
	.bbsList td[data-table="subject"] > a{display:block; padding:10rem;}
	.bbsList td[data-table="date"]{position:absolute; right:0rem; bottom:0rem; width:80rem; letter-spacing:-1rem;}
	.bbsList td[data-table="write"]{padding-right:110rem; text-align:left;}
	.bbsList td[data-table="category"]{border-bottom:1px dashed #e4e4e4; text-align:left; color:#148f77;}
	.bbsList .reply + a{padding-top:5rem !important;}
	
	ul.bbsList li .subject{font-size:16rem;word-break: keep-all;padding: 29rem 20rem 29rem 91rem;}
	ul.bbsList li .date{font-size: 0.8em;left: 0;width: 60rem;}
	ul.bbsList li .date i{font-size: 28rem;margin-bottom: 1px;}
	
	.photoList > li{width:49%;}
	.photoList > li:nth-child(2n){float:right;}
	.photoList > li:nth-child(3n+2){margin-left:0rem; margin-right:0rem;}		
	.photoList > li a > em{padding-top:10rem;padding-bottom:0;font-weight:600;font-size: 16rem;}
	.photoList > li .write{padding-bottom:0;}
	.photoList > li .write em{font-size:14rem;}

	.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% - 90rem);}
	.comment_area .list .btn{position:static; margin-top:10rem;}
	
	.secret_area input[type="password"]{display:block; margin:0 auto 10rem;}

	ul.bbsList li .more{right:0;}
	ul.bbsList li .notice{padding:2rem 10rem;font-size:12rem;}
	ul.bbsList li .more{display:none;}	

	table.bbsList colgroup{display:none;}

	.bbsTitle{padding: 0 10rem 9rem !important;font-weight: 500 !important;font-size: 20rem !important;}
	.bbsTitle_cont{margin-bottom:30rem;}
	.bbsTitle_cont > i{margin-bottom:10rem; font-size:13rem;}
	.bbsTitle .reply{margin-right:8rem; padding:3rem 7rem; font-weight:300; font-size:12rem;}
	.bbsDate{margin-top:0;}
	.bbsDate > ul > li{padding:0rem 11rem; font-size:12rem;}	

	.bbsView td.conts{padding: 0 0;}

	.bbsContent{padding:30rem 0;}
	.bbsContent .conts{min-height:270rem;}

	.bbsFile .file{padding:16rem 20rem;}
	.bbsFile .file li > *:not(em){margin-left:8rem; font-size:13rem;}
	.bbsFile .file em{font-size:13rem;}	
	
	.bbsSearch input[type=text]{width:43%;}

	/* NEW ver.1.0.2 */
	.bbsNew_container.v2 .bbsTitle{font-size:28rem !important;}
	.bbsNew_container.v2 .bbsTitle_cont{margin-bottom:0;}
	.bbsControls ul li a em{padding:0 30rem;}
	.bbsControls{margin-top:20rem;}		
	.bbsSearch[data-type="A"] select{display:none;}
	.bbsSearch[data-type="A"] .search_input {width: 100%; max-width: 100%;}
	.bbsSearch[data-type="A"] input[type=text] {margin-left: 0;}
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}

	/* NEW ver.1.0.4 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr;}	
}

@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:1px 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{width:100%; box-sizing:border-box; padding:10rem 0;}
	.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 div.conts{min-height:230rem;}
	.bbsView > tbody > tr{display:flex; flex-direction:column;}

	ul.bbsList li .date:before{right: -7rem;height: 30rem;}
	ul.bbsList li .subject{font-size: 15rem;padding: 28rem 20rem 28rem 78rem;flex-direction: column;align-items: flex-start;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
	ul.bbsList li .notice{position:relative;top:1px;margin: 0 6rem 4rem 0;}
	
	.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;}
	
	.bbsSearch input[type=text],
	.bbsSearch .button,
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect .select{height:40rem;}
	.bbsSearch .designSelect{margin-right:7rem;}
	.bbsSearch input[type="submit"].button{width:40rem;height:40rem;margin-left: 0;background-color:transparent;background-size:15rem;background-position:center;font-size:0;min-width:auto;background-image:url(/images/board/icon_search.svg);background-repeat:no-repeat;position: absolute;right: 13rem;}
	.bbsSearch input[type=text]{width:65%;}
	.bbsSearch form{margin-bottom:16rem; padding: 16rem 10rem;}
	
	.designSelect .selectbox{line-height:40rem; padding:0 14rem;}
	.designSelect .select{width:85rem;}
	.designSelect .selectbox:after{top:16rem; right:12rem; width:15rem; height:9rem;}
	.designSelect .selectoption li{padding:5rem 14rem;}	
	.designSelect .selectoption{padding:0 0 7rem;left: 0;}
	.designSelect .selectoption li{padding:4rem 14rem;}
	
	ul.bbsList{border-top:0;}
	
	/* NEW ver.1.0.2 */
	.pagination{margin: 30rem 0 30rem;}
	.pagination a{width:29rem; height:29rem; font-size:14rem;}
	.pagination .btn_pager::after{background-size:5rem; background-position:52% 51%;}
	.pagination .btn_end::after{background-size:8rem; background-position:50% 11rem;}

	.bbsNew_container.v2 .bbsContent{padding: 25rem 0 0rem;}
	.bbsNew_container.v2 .bbsTitle{font-size: 25rem !important;}
	.bbsNew_container.v2 .bbsDate{margin-top:16rem; padding:12rem 0;}
	.bbsNew_container.v2 .bbsDate > ul > li{padding: 0 11rem;font-weight:300;font-size:13rem;color:#888;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152rem; padding:15rem 0;}
	.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:5rem;}
	.bbsNew_container.v2 .admPager_btn li a{color:#999; border-color:#d5d5d5;}	

	.bbsControls ul li a{padding: 15rem 0;}
	.bbsControls ul li a em{padding: 0 13rem 0 0;margin-right: 14rem;}
	.bbsControls{margin-top: 26rem;}

	.admPager_btn li a{width: auto;padding: 7rem 13rem;font-size: 13rem !important;border-width:1px !important;}
	.admPager_btn li:first-child{margin-right:4rem;}
	.admPager_btn{top:-10rem; padding-bottom:14rem; align-self:end;}

	.bbsNew_container.v2 .bbsPager{padding:25rem 0 25rem;}
	.bbsPager .inr_pager{flex-direction:column-reverse;}
	
	.bbsFile .file{padding:12rem 13rem 6rem;}	
	
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect{display:none;}
	.bbsSearch input[type=text]{height:50rem; margin:0; padding-left:17rem; border:2rem solid #202020; border-radius:70rem; flex:1;}
	.bbsSearch form{margin-bottom:16rem;padding:0;background:none;position: relative;}
	
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="A"]{gap:18rem; grid-template-columns:1fr;}
	
	.bbsSearch[data-type="A"] form{margin-bottom:0; padding:0rem 0rem 30rem; background:none;}
	.bbsSearch[data-type="A"] select{display:none;}
	.bbsSearch[data-type="A"] .search_input{width:100%;}
	.bbsSearch[data-type="A"] input[type=text]{width:100%; margin-left:0; padding-left:1px; border:0; border-bottom:1px solid #b5b5b5; border-radius:0;}
	.bbsSearch[data-type="A"] input[type="submit"].button{top:auto; right:-1rem; bottom:2rem; margin-left:0; background-size:20rem;}
	
	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
	.ko_board_list[data-type="A"] [data-board="tit"]{height:auto; max-height:clamp(46rem, 4.1667vw, 60rem);}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:68rem;}
	.ko_board_list[data-type="B"]{grid-template-columns:1fr;}
	.ko_board_list[data-type="B"] > li{overflow:hidden; height:auto;}
	.ko_board_list[data-type="B"] [data-board="img"]{display:block; position:relative; overflow:hidden; width:100%; height:clamp(150rem,14.5833vw, 210rem); margin-top:20rem;}
	.ko_board_list[data-type="B"] [data-board="tit"]{height:auto; max-height:none;}
	.ko_board_list[data-type="B"] [data-board="con"]{-webkit-line-clamp:3;}

	.ko_board_list[data-type="B"] > li:hover{background:#fff;}
	.ko_board_list[data-type="B"] > li:hover *{color:#111;}
	.ko_board_list[data-type="B"] [data-board="notice"]{color:#fff !important;}

	/* NEW ver.1.0.4 */
	.ko_board_list[data-type][data-gallery="A"]{gap:35rem}
	.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:6rem;}
	.bbsForm_data label{margin-bottom:9rem; font-size:15rem;}
	.bbsForm input[type="text"],
	.bbsForm input[type=email],
	.bbsForm input[type=tel],
	.bbsForm input[type=number],
	.bbsForm input[type="password"],
	.bbsForm .designSelect .select,
	.designSelect .selectbox{height:44rem; box-sizing:border-box; padding:0 8rem;}
	.bbsForm .wdt30{width:100%;}

	.data_call > i::after{width:5rem;}
	.data_call > i{margin:0 4rem;}
	.data_call > *:not(i){width:-webkit-calc((100%/3) - 7rem); width:calc((100%/3) - 7rem);}
	
	.bbsForm_data:not(:first-child){margin-top:24rem;}
	.bbsForm textarea{padding:8rem; min-height:130rem;}

	.button_new{height:42rem; line-height:42rem;}
	input.button_new{height:44rem; line-height:44rem;}

	.data_address ul li:not(:last-child){margin-bottom:5rem;}
	.data_address ul li > a{margin-left:4rem;}	
	
	.designRadio.agree{margin-top:11rem;}
	
	.box_privacy{margin-bottom:30rem;}

	.check_con > em{margin-left:7rem; font-weight:300; font-size:14rem;}
	.check_con .checkmark{width:19rem; height:19rem;}
	.check_con .checkmark:after{top:3rem; left:7rem;}
	
	.data_email> div{flex-wrap:wrap;}	
	.data_email .designSelect{margin-top:3rem;}
	.data_email .designSelect,
	.bbsForm .designSelect .select{width:100%; margin-right:0; margin-left:0;}
	.bbsForm .designSelect .select{height:auto; padding:0; border:0;}
	
	.data_email> div > input{width: -webkit-calc((100%/2) - 11rem);width: calc((100%/2) - 11rem);}
	.data_email> div > i{margin:0rem 5rem; font-size:13rem;}
	.data_email .designSelect{width: 100%;width: 100%;}
	.data_email #mail_chk{position:absolute; right:0; bottom:0;}

	.bbsForm_data .designSelect .select select{display:block;}
	.bbsForm_data .designSelect .selectbox{display:none;}
	.bbsForm_data .designSelect .select select{display:block; width:100%; height:44rem; margin-bottom:0; padding:0 0 0 10rem;}
	
	.bbsNew_container .scroll-textarea{min-height:140rem;}
	.bbsNew_container .box_privacy textarea{padding:15rem !important; font-size:13rem;}
	.bbsNew_container .btn_area{display:flex; padding-top:35rem; gap:5rem;}
	.bbsNew_container .btn_area > *{flex:1;}
	
	.data-spam span{padding:0rem 11rem;font-size:13rem;font-weight: 800;}
	.data-spam .spam{line-height:39rem;}	
	.data-spam span::before{display: none;}
}

@media screen and (max-width:460px){
	.bbsView td.tel > span{display:none;}
	.bbsView .address .button,
	.bbsView .id .button{top:10rem;}	
	.designRadio.agree input[type="radio"] + label{margin:2rem 10rem;}

	.bbsControls ul li a p,
	.bbsControls ul li a em{font-size:13rem;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:auto; width:100%; padding:14rem 0; font-weight:700; font-size:14rem;}

	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"] .file{margin-bottom:0rem;}
}

@media screen and (max-width:410px){
	.pagination ol li{margin:0 0rem;}
	.pagination ol li a{width: 34rem;}
	.pagination a{width: 30rem;height: 30rem;}
	.pagination div[class^="page_control"]{margin:0 7rem;}
	.pagination div[class^="page_control"] a{margin:0 2rem;}
	.pagination .btn_end::after{background-position: 50% 11rem;}	
}

@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;}
}

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

	.bbsPager .inr_pager .pager_list{width:120rem;}
}

@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%;}
}

/* 220412 업데이트, 체크박스 정렬 */
/* bbsList */
.bbsList .none{ padding: 21rem 10rem }
.bbsList li .notice{ flex-shrink: 0 }
ul.bbsList li .subject > span{ flex-shrink: 0 }
.bbsList a.new::after{ top: auto }
.bbsList .reply{ flex-shrink: 0 }
.bbsList + .btn{ float: left; margin-top: 20rem }

/* checkbox layout */
.list_checkbox li{ display: flex; align-items: center }
.list_checkbox input[type=checkbox]{ margin: 0; flex: 0 0 30rem }
.bbsList.list_checkbox .chk + .date{ left: 45rem }

/* photoList */
.photoList > li .img{ background-color: #fff }
.photoList input[type=checkbox]{ margin-top: -3rem }
.photoList.certi > li{ border: 0 }

/* search + button */
.search_bbs{ text-align: center }
.search_bbs .btn{ display: inline-block }
.search_bbs .btn.left{ float: left }

/* secret */
span.file{ display: inline-flex; align-items: center }
span.file img{ top: auto }
@media (max-width: 640px){
	ul.bbsList li .date:before{ right: -5rem }
	.bbsList td[data-table="subject"] > a{ display: flex }
	.bbsList td[data-table="date"]{width:auto}
	.search_bbs .btn.left{ float: none }
}
@media (max-width: 480px){
	/* blog style */
	.blogList li p{ overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 4.2em }
	.bbsView > tbody > tr > th,
	.bbsView > tbody > tr > td{ display: block }
}

/* 221014 게시판 뷰의 이미지 크기 반응형 */
.bbsContent .conts img{ max-width:100%; height:auto !important; }

/* 230113 v2 view */
.bbsContent .bbsFile{ margin-top: 40rem; }
#wrap .bbsContent:not(:has(.bbsFile)){ padding-bottom: 40rem; }
.admPager_btn{ gap: 6rem; }
.admPager_btn li:first-child{ margin-right: 0; }
@media(max-width:480px){
	.bbsContent .bbsFile{ margin-top: 25rem; }
	#wrap .bbsContent:not(:has(.bbsFile)){ padding-bottom: 25rem; }
}

/* 230601 달력 버튼 */
.datepicker + .ui-datepicker-trigger{margin-left:-25rem;}

/* 230601 갤러리 리스트에서 이미지가 없을 경우 */
.ko_board_list[data-type="A"] .img{ display: block; height: 280rem; background: url(/images/board/no_image.gif) no-repeat 50%; }

/* 230602 갤러리 리스트 이미지 크기 */
.ko_board_list[data-type="A"][data-gallery] [ data-board="img"]{ background-size: cover; }

/* 230602 비밀글 아이콘 */
#wrap .bbsIcon_secret{ display: inline-block; position: relative; aspect-ratio: 1/1; max-width: 18rem; height: .9em; margin-right: clamp(1rem, 2.96296296vw, 5rem); background: url(/images/board/i_secret.png) no-repeat 50% / contain; vertical-align: middle; }
a:not(.subject) .bbsIcon_secret{ transform: translateY(-8%); }
.ko_board_list[data-type="B"] > li:hover .bbsIcon_secret{ background-image: url(/images/board/i_secret_w.png); }

/* 230602 기본A 영문 공지 */
.bbsList td[data-table="number"] .notice.eng{ display: inline-block; max-width: unset; padding-inline: 10rem; white-space: nowrap; }

/* 포트폴리오 메뉴 */
.category_menu {margin-bottom: 40rem;}
.category_menu ul {display: flex; flex-wrap: wrap; gap: 10rem;}
.category_menu a {display: block; padding: 10rem 25rem; font-size: 15rem; background: #f2f2f2; border-radius: 30rem; color: #888; transition: all .5s;}
.category_menu a:hover,
.category_menu a.isActive {background: var(--primary); color: #fff;}