@charset "utf-8";

/* NEW ver.1.0.1 */
.bbsDate > ul{display:flex; justify-content:center;}
.bbsDate > ul > li{position:relative; padding:0 15px; font-weight:600; font-size:14px; color:#aaa; letter-spacing:0.3px;}
.bbsDate > ul > li > i{display:inline-block; margin-right:4px; color:#aaa;}
.bbsDate > ul > li:first-child:after{content:""; position:absolute; top:3px; right:0; width:1px; height:13px; background:#ccc;}
.bbsDate{margin:17px 0 40px;}

.bbsTitle{padding:0 10px 0 !important; border-top:0; border-bottom:0; font-weight:400 !important; font-size:36px !important; letter-spacing:-0.03px;}
.bbsTitle_cont{text-align:center;}
.bbsTitle_cont > i{display:none; margin-bottom:17px; padding-bottom:0px; border-bottom:1px solid #b9b9b9; font-size:15px; color:#b9b9b9; font-weight:700;}
.bbsContent{padding:40px 20px 80px; border-top:1px solid #d4d4d4 !important;}

.bbsPager{padding: 45px 0;}
.bbsPager .inr_pager{position:relative; width:100%; text-align:center;}
.bbsPager .inr_pager > a{display:inline-block; box-sizing:border-box; cursor:pointer;}
.bbsPager .inr_pager .pagerBtn.prev{float:left; padding-left:37px; text-align:left;}
.bbsPager .inr_pager .pagerBtn.next{float:right; padding-right:30px; text-align:right;}
.bbsPager .inr_pager img{height:11px;}
.bbsPager .inr_pager .pagerBtn.next img{transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.bbsPager .inr_pager .pagerBtn::before{content:""; opacity:1; position:absolute; top:18px; width:7px; height:11px; background:url(../../images/board/arr_view.svg); transition: all 0.3s ease 0s;}
.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:18px;}
.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:14px; color:#222; text-transform:uppercase;}
.bbsPager .inr_pager > a > p{opacity:1; overflow:hidden; width:260px; color:#666; font-size:15px; white-space:nowrap; text-transform:uppercase; text-overflow:ellipsis;}
.bbsPager .inr_pager .pager_list{opacity:1; display:inline-block; width:170px; padding:21px 0; border:1px solid #333; font-weight:700; font-size:13px; color:#333; transition: all 0.3s ease 0s;}
.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:-1px; width:13px; height:13px; margin-left:12px; 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:22px 35px; background:#f9f9f9;}
.bbsFile .file li{display:flex; align-items:center;}
.bbsFile .file em{display:inline-block; position:relative; font-weight:600; font-size:15px; color:#222;}
.bbsFile .file li > *:not(em){display:inline-block; margin-left:11px; font-size:15px;color: #444;}
.bbsFile .file li > a {position:relative;}
.bbsFile .file li > a:after {content:""; opacity:0; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#444; transition:all 0.3s ease 0s; }
.bbsFile .file li > a:hover:after {opacity:1;}
.bbsFile .file li:nth-child(1) ~ li{margin-top:7px;}
.bbsFile .file em:before{content:""; display:block; position:relative; width:15px; height:18px; 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:20px;}
.bbsAdm > ul > li > a{display:block; padding:8px 21px; background:#727272; border:1px solid transparent; font-size:13px; color:#fff;}
.bbsAdm > ul > li.delete a{background:transparent; border:1px solid #b32020; font-weight:400; color:#b32020;}
.bbsAdm > ul > li{margin-left:4px;}

.bbsSearch form{display:flex; justify-content:center; align-items:center; margin-bottom:20px; margin-bottom:40px; padding:30px 0; background:#f6f6f6; text-align:center;}
.bbsSearch .designSelect{margin-right:13px;}
.bbsSearch > input[type=text]{width:35%; margin-right:5px;}
.bbsSearch .button{height:50px; background:#444; border:none; box-shadow:none !important;}
.bbsSearch input[type=text]{width:33%; height:52px; margin-right:7px; padding:9px 12px; background:#fff; border:none; border:1px solid transparent; transition:all 0.3s ease 0s; outline:none;}

/* NEW ver.1.0.2 */
.bbsNew_container.v2 .bbsTitle{padding:0 !important; font-weight:600 !important; font-size:38px !important; text-align:left; letter-spacing:-0.04em;}
.bbsNew_container.v2 .bbsDate{display:flex; align-items:center; margin:0; margin-top:23px; padding:19px 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 17px; color:#888; font-weight:400;}
.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:8px; font-weight:400; color:#333;}
.bbsNew_container.v2 .bbsDate > ul > li:not(:last-child):after{content:""; position:absolute; top:4px; right:0; width:1px; height:13px; background:#ccc;}
.bbsNew_container.v2 .bbsContent{border-bottom:1px solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsContent{padding:40px 0 0; border-top:1px solid #d4d4d4 !important;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:182px; padding:18px 0;}
.bbsNew_container.v2 .bbsPager .inr_pager .pager_list,
.bbsNew_container.v2 .admPager_btn li a{opacity:1; border:2px solid #333; border-radius:40px; font-weight:500; font-size:16px; transition:all 0.3s ease 0s;}
.bbsNew_container.v2 .bbsPager{display:flex; justify-content:center; padding:55px 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:82px; line-height:1; padding:11px 0;}
.admPager_btn{display:flex; position:absolute; right: 0; top: 0; gap:0 6px;}
.bbsControls{margin-top:40px; border-top:1px solid #222; border-bottom:1px solid #ddd;}
.bbsControls ul li a{display:flex; align-items:center; padding:23px 0; letter-spacing:-0.025px;}
.bbsControls ul li:first-child{border-bottom:1px solid #ddd;}
.bbsControls ul li a em{position:relative; margin-right:20px; padding:0 40px; white-space:nowrap;}
.bbsControls ul li a em::after{content:""; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background:#ccc;}
.bbsControls ul li a p{display:block; overflow:hidden; 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:32px; font-size:15px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.check_con > em{margin-left:11px; white-space:nowrap;}
.check_con input{position:absolute; opacity:0; width:0; height:0; cursor:pointer;}
.check_con .checkmark{position:relative; width:22px; height:22px; background-color:#fff; 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:5px; left:8px; width:4px; height:8px; 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 2px 2px 0;}

.bbsNew_container .box_privacy textarea{line-height:1.5; padding:30px !important; margin:0; border-radius:5px 5px 0 0; font-size:15px; color:#444; outline:none;}
.bbsNew_container .box_privacy .check_con{padding-left:0;}
.bbsNew_container .designRadio.agree{display:flex; align-items:center; min-height:55px; margin-top:0px; padding:0 25px; background:#fafafa; border:1px solid #ececec; border-top-width:0; border-radius:0 0 5px 5px; font-weight:500;}
.bbsNew_container .scroll-textarea{min-height:250px;}
.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 select{height:52px; margin:0; padding:0 15px; 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:150px; height:52px;}
.bbsForm_data > label{margin-bottom:15px; font-weight:600; font-size:16px; color:#333; text-indent:1px;}
.bbsForm_data:not(:first-child){margin-top:40px;}
.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[type="text"]::placeholder{color:#ccc;}
.bbsForm .marking{top:-5px; margin-bottom:0; margin-left:5px;}
.bbsForm textarea{padding:15px; transition:all 0.3s ease 0s; min-height:230px; outline:none;}
.bbsForm_data.mg{margin-top:20px;}
.bbsForm .designFile{display:flex; align-items:center; border-radius:0;}
.bbsForm .designFile{--heightSize:52px;}
.bbsForm .designFile + .designFile{margin-top:6px;}
.bbsForm .designFile label{margin-bottom:0; margin-left:5px; font-size:14px;}
.bbsForm .caption{margin-top:10px; font-size:14px; color:#c51917;}
.bbsForm  input[readonly],
.bbsForm input[disabled]{background:#f3f3f3;}
.bbsForm .designRadio,
.bbsForm .designCheck{display:flex; flex-wrap:wrap; align-items:center; gap:3px 50px;}

.wdt30{width:327px;}
.wdt50{width:500px;}
.wdt70{width:840px;}

.data_call{display:flex; align-items:center;}
.data_call > i{display:flex; justify-content:center; align-items:center; position:relative; margin:0 8px; font-size:23px; color:#999;}
.data_call > i::after{content:""; display:block; width:8px; height:1px; background:#000;}
.data_call > *:not(i){width:calc((100% / 3) - 13px);}
.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:8px;}
.data_address ul li > input{width:100%;}
.data_address ul li{display:flex; align-items:center;}
.data_address ul li > a{margin-left:8px;}

.data_email{display:flex; align-items:center; flex-wrap:wrap; width:100%; position:relative;}
.data_email > div{display:flex; align-items:center; width:100%;}
.data_email > div > i{margin:0 8px;}
.data_email .designSelect{margin:0 4px;}

.data-spam .inr{display:flex; align-items:stretch; line-height:48px;}
.data-spam span{display:block; position:relative; margin-right:5px; padding:0px 23px; background:#222; color:#fff; font-size:15px; font-weight:700;}
/* .data-spam span::before{content:"스팸방지"; margin-right:6px; font-weight:500;} */

.button_new{min-width:100px; height:50px; line-height:50px; padding:0 0px; background:#fff; border:1px solid #393939; font-size:14px; text-align:center; transition:all 0.2s ease 0s; cursor:pointer;}
.button_new:hover{border-color:#222; background:#555; 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:52px; line-height:52px;}

/* NEW ver.1.0.3 */
.bbsContent .bbsFile{margin-top:20px;}
.bbsSearch[data-type="A"]{display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; padding-bottom:20px;}
.bbsSearch[data-type="A"] .search_input .button{position:absolute; top:0; right:0; width:44px; height:44px; margin-left:0; min-width:auto; background-color:transparent; background-image:url(../../images/board/icon_search.svg); background-repeat:no-repeat; background-position:center; background-size:19px; font-size:0; }
.bbsSearch[data-type="A"] form{display:flex; justify-content:flex-end; margin-bottom:0; padding:0; background:none;}
.bbsSearch[data-type="A"] select{width:106px; padding:0 5px; background:#fff url(../../images/board/arr_search_select.svg) no-repeat 96% 50% /10px; border:0; border-radius:0; outline:none;}
.bbsSearch[data-type="A"] input[type=text]{width:300px; margin:0; margin-left:15px; padding:0;}
.bbsSearch[data-type="A"] select,
.bbsSearch[data-type="A"] input[type=text]{height:48px; border-bottom:1px solid #ccc;}
.bbsSearch[data-type="A"] input[type=text]::placeholder{color:#cfcfcf;}
.bbsSearch[data-type="A"] .search_input{position:relative;}
.bbsSearch[data-type="A"] .btn{margin-left:5px;}
.bbsSearch[data-type="A"] select + select{margin-left:14px;}

.ko_board_list[data-type] .file{display:inline-block; position:relative; top:2px; width:16px; height:19px; margin:0 5px -2px 2px; background:url(../../images/board/icon_file.svg) no-repeat 50% 50%; font-size:0px;}
.ko_board_list[data-type]{display:grid; flex-wrap:wrap;}
.ko_board_list[data-type] > li{border:1px solid #e5e5e5; box-shadow:0 0 50px 0 rgb(0 0 0 / 0%); transition:all 0.3s ease;}

.ko_board_list[data-type="A"]{grid-template-columns:1fr 1fr 1fr; gap:40px;}
.ko_board_list[data-type="A"] > li a{display:block; position:relative; box-sizing:border-box; padding:clamp(25px, 4.1667vw, 50px) clamp(20px, 2.7778vw, 50px) clamp(25px, 4.1667vw, 65px);}
.ko_board_list[data-type="A"] [data-board="tit"]{display:-webkit-box; overflow:hidden; height:clamp(46px, 4.1667vw, 60px); line-height:1.4; font-size:clamp(18px, 1.5278vw, 22px); color:#111; letter-spacing:-0.5px; -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:23px; font-size:16px; -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; position:relative; margin-top:110px;}
.ko_board_list[data-type="A"] .board_info_con *{font-size:13px; 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:9px; padding-right:9px;}
.ko_board_list[data-type="A"] .board_info_con [data-board="writer"]:after{content:""; position:absolute; right:0; width:1px; height:12px; background:#cdcdcd;}
.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:10px; padding:5px 10px; background:#111; color:#fff; border-radius:20px;}
.ko_board_list[data-type="A"] [data-board="new"]{position:absolute; right:-40px; margin-left:10px; font-weight:700; font-size:13px; color:#d52d2d;}
.ko_board_list[data-type="A"] [data-board="arr"]{display:flex; justify-content:center; align-items:center; position:absolute; right:50px; bottom:50px; width:60px; height:60px; border-radius:100%; background:#f7f7f7; transition:all 0.3s ease;}
.ko_board_list[data-type="A"] [data-board="arr"]:before{content:""; position:absolute; opacity:0.9; width:17px; height:17px; background:url(../../images/board/arr_board_list.svg) no-repeat 50% 50%;}
.ko_board_list[data-type="A"] > li:hover{box-shadow:0 0 50px 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:80px 0px; border:2px solid #f1f1f1; text-align:center;}

.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr 1fr; gap:35px;}
.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:50px 30px;}
.ko_board_list[data-type="B"] [data-board="tit"]{display:block; display:-webkit-box; overflow:hidden; height:60px; max-height:60px; line-height:1.5; margin-top:30px; font-size:19px; color:#111; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.ko_board_list[data-type="B"] [data-board="date"] i{display:block; line-height:1; margin-top:2px; font-weight:700; font-size:40px; color:#111;}
.ko_board_list[data-type="B"] [data-board="date"]{display:inline-block; line-height:1; font-weight:900; font-size:12px; color:#111; text-align:center;}
.ko_board_list[data-type="B"] [data-board="con"]{display:-webkit-box; overflow:hidden; max-height:106px; line-height:1.6; margin-top:15px; font-size:16px; -webkit-line-clamp:4; -webkit-box-orient:vertical; text-overflow:ellipsis;}
.ko_board_list[data-type="B"] > li{position:relative; height:411px;}
.ko_board_list[data-type="B"] [data-board="img"]{position:absolute; overflow:hidden; bottom:0; left:0; width:100%; height:210px;}
.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:30px; font-size:13px;}
.ko_board_list[data-type="B"] [data-board="notice"]{padding:2px 10px; background:#000; color:#fff; border-radius:30px;}
.ko_board_list[data-type="B"] [data-board="notice"] + [data-board="new"]{margin-right:57px; padding-top:2px;}
.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:15px; font-size:15px;}

/* NEW ver.1.0.4 */
.ko_board_list[data-type="A"][data-gallery] [data-board="img"]{overflow:hidden; display:block; aspect-ratio:16/10; background:url(../../images/sample2.jpg) no-repeat 50% 50% / cover; }
.ko_board_list[data-type="A"][data-gallery] [data-board="img"] img{object-fit:cover; width:100%; height:100%;}
.ko_board_list[data-type="A"][data-gallery] [data-board="tit"]{width:95%; height:auto; line-height:1.4; margin-top:19px; -webkit-line-clamp:1;}
.ko_board_list[data-type="A"][data-gallery] .board_info_con{margin-top:50px;}
.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:40px 40px 45px;}
.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:15px;}
.ko_board_list[data-type][data-gallery="A"] .board_info_con{margin-top:8px;}
.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:6px;}

.bbsForm .wdt50{width:100%; max-width:500px;}

.data_email> div > input:not([type="radio"]):not([type="checkbox"]){width:100%;}

/* ko-basic-list */
.ko-basic-list{border-top:1px solid;}
.ko-basic-list a{display:flex; align-items:center; position:relative; padding:28px 20px; border-bottom:1px solid #eee;}
.ko-basic-list a:hover .ko-basic-list__tit{color:var(--color-point, #838383);}
.ko-basic-list__tit{display:block;display:-webkit-box; position:relative; overflow:hidden; width:100%; max-width:550px; max-height:26px; line-height:1; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-weight:600; font-size:17px; color:#222; letter-spacing:-0.5px; transition:opacity 0.3s ease; transition: all 0.3s ease;}
.ko-basic-list__date{position:absolute; right:20px; font-size:14px;}
.ko-basic-list__num{display:block; min-width:50px; margin-right:25px; font-size:14px; text-align:center;}
.ko-basic-list__num.notice{padding:2px 0px; background:#222; border-radius:3px; color:#fff;}
.ko-basic-list__tit-wrap{display:flex; align-items:center;}
.ko-basic-list__comment{margin-left:3px; font-size:13px; color:#aaa; white-space:nowrap; line-height:1;}
.ko-basic-list__tit-wrap.new::after{content:"NEW"; position:relative; top:-3px; margin-left:8px; font-weight:700; font-size:10px; color:#e53333;}
.reply{display:inline-block; position:relative; margin-right:7px; padding:4px 9px; background:#fff; border:1px solid #b3b3b3; font-size:14px; color:#8d8d8d; line-height:1; border-radius:3px;}

@media screen and (max-width:1199px){
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"]{grid-template-columns:1fr 1fr 1fr;}
}

@media screen and (max-width:1024px){
	.ko-basic-list__tit{font-size:16px;}
	.ko-basic-list a{padding:25px 0;}
	.ko-basic-list__num{margin-right:18px;}
	.ko-basic-list__date{right:0;}
	.ko-basic-list__num.notice{padding:2px 0; font-size:13px;}
	
	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
}

@media screen and (max-width:900px){
	.bbsPager .inr_pager > a > p{width:140px;}
}

@media screen and (max-width:860px){
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="A"]{gap:25px; grid-template-columns:1fr 1fr;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:53px; -webkit-line-clamp:2;}
}

@media screen and (max-width:768px){
	.ko-basic-list__tit-wrap:not(.new){max-width: 67%;}
	
	.bbsPager .inr_pager > a > p{width:160px;}
	.bbsPager .inr_pager .pagerBtn.prev{padding-left:27px;}
	.bbsPager .inr_pager .pagerBtn.next{padding-right:27px;}

	.bbsPager .inr_pager > a{padding-top: 13px;}
	.bbsPager .inr_pager > a > p{display:none;}
	.bbsPager .inr_pager .pagerBtn.prev{padding-left:20px;}
	.bbsPager .inr_pager .pagerBtn.next{padding-right:20px;}
	
	.bbsPager{padding:30px 0 40px;}
	.bbsPager .inr_pager{display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse;}
	.bbsPager .inr_pager .pagerBtn::before{opacity:0.5; top: 19px;}
	.bbsPager .inr_pager > a > em{font-weight:600; font-size:12px; color:#999;}	
	.bbsPager .inr_pager .pager_list{width:130px; padding:15px 0;font-size:12px;}
	
	.bbsAdm > ul > li > a{padding:6px 16px;}
	
	.admPager_btn{position:relative; top:0; right:0;}
	
	.bbsNew_container.v2 .bbsPager{padding:35px 0;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152px; padding:14px 0; font-size:17px;}
	.bbsNew_container.v2 .admPager_btn li a{font-size:14px;}	
}

@media screen and (max-width:640px){
	/* NEW ver.1.0.2 */
	.bbsNew_container.v2 .bbsTitle{font-size:28px !important;}
	.bbsNew_container.v2 .bbsTitle_cont{margin-bottom:0;}
	.bbsControls ul li a em{padding:0 30px;}
	.bbsControls{margin-top:20px;}		

	/* 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:540px){
	.ko-basic-list__tit{width:100%; font-size:16px; max-height:19px; line-height:1.1;}
	.ko-basic-list__date{position:relative; margin-top:5px; font-size:14px; color:#aaa;}
	.ko-basic-list__num:not(.notice){display:none;}
	.ko-basic-list a{align-items:flex-start; padding:16px 0; flex-direction:column;}
	.ko-basic-list__num.notice{position:absolute; min-width:auto; margin-top:-2px; margin-bottom:15px; padding:1px 8px; font-size:12px;}
	.ko-basic-list__num.notice + .ko-basic-list__tit-wrap{width:97%; width:auto; max-width:97%; padding-left:44px;font-size:16px; word-break:break-all;}		
	.ko-basic-list{border-top-width:2px;}
	.ko-basic-list__tit-wrap.new::after{margin-left:4px; white-space:nowrap;}
	.ko-basic-list__tit-wrap:not(.new){max-width:100%;}
	.reply{margin-right:6px; padding:2px 5px; font-weight:400; font-size:13px; top:0px;}
	
	.bbsSearch[data-type="A"] input[type=text]{width:auto; padding-right:44px;}
	.bbsSearch[data-type="A"] .btn{display:flex; flex-wrap:wrap; gap:3px; width:100%; margin-left:0; margin-top:10px;}
	.bbsSearch[data-type="A"] .btn .button{flex:1 1 auto; height:45px;}
}

@media screen and (max-width:480px){
	/* NEW ver.1.0.2 */
	.pagination{margin:30px 0 30px;}
	.pagination a{width:29px; height:29px; font-size:14px;}
	.pagination .btn_pager::after{background-size:5px; background-position:52% 51%;}
	.pagination .btn_end::after{background-size:8px; background-position:50% 11px;}

	.bbsNew_container.v2 .bbsContent{padding:25px 0 0;}
	.bbsNew_container.v2 .bbsTitle{font-size:25px !important;}
	.bbsNew_container.v2 .bbsDate{margin-top:16px; padding:12px 0;}
	.bbsNew_container.v2 .bbsDate > ul > li{padding:0 11px; font-size:13px; color:#888;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:152px; padding:15px 0; font-size:16px;}
	.bbsNew_container.v2 .bbsDate > ul > li > i{margin-right:5px;}
	.bbsNew_container.v2 .admPager_btn li a{color:#999; border-color:#d5d5d5;}	

	.bbsControls ul li a{padding:15px 0;}
	.bbsControls ul li a em{padding:0 13px 0 0;margin-right: 14px;}
	.bbsControls{margin-top:26px;}

	.admPager_btn li a{width:auto; padding:7px 13px; font-size:13px !important; border-width:1px !important;}
	.admPager_btn li:first-child{margin-right:4px;}
	.admPager_btn{top:-10px; padding-bottom:14px; align-self:end;}

	.bbsNew_container.v2 .bbsPager{padding:25px 0 25px;}
	.bbsPager .inr_pager{flex-direction:column-reverse;}
	
	.bbsFile .file{padding:12px 13px 6px;}	
	
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect{display:none;}
	.bbsSearch input[type=text]{flex:1; height:50px; margin:0; padding-left:17px; border:2px solid #202020; border-radius:70px;}
	.bbsSearch form{position:relative; margin-bottom:16px; padding:0; background:none;}
	
	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="A"]{gap:18px; grid-template-columns:1fr;}
	
	.bbsSearch[data-type="A"] form{margin-bottom:0; background:none;}	
	.bbsSearch[data-type="A"] .search_input{width:100%;}
	.bbsSearch[data-type="A"] select{border-bottom-color:#b5b5b5;}
	.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:-1px; bottom:2px; margin-left:0; background-size:20px;}
	
	.ko_board_list[data-type="A"] [data-board="arr"]{display:none;}
	.ko_board_list[data-type="A"] [data-board="tit"]{height:auto; max-height:60px;}
	.ko_board_list[data-type="A"] [data-board="con"]{height:auto; max-height:68px;}
	.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:210px; margin-top:20px;}
	.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:35px;}
	.ko_board_list[data-type="A"] [data-board="notice"]{margin-left:6px;}
	.bbsForm_data label{margin-bottom:9px; font-size:15px;}
	.bbsForm input[type="text"],
	.bbsForm input[type=email],
	.bbsForm input[type=tel],
	.bbsForm input[type=number],
	.bbsForm .designSelect .select,
	.designSelect .selectbox{height:44px; box-sizing:border-box; padding:0 8px;}
	.bbsForm .wdt30{width:100%;}

	.data_call > i::after{width:5px;}
	.data_call > i{margin:0 4px;}
	.data_call > *:not(i){width:-webkit-calc((100% / 3) - 7px); width:calc((100% / 3) - 7px);}
	
	.bbsForm_data:not(:first-child){margin-top:24px;}
	.bbsForm textarea{padding:8px; min-height:130px;}

	.button_new{height:42px; line-height:42px;}
	input.button_new{height:44px; line-height:44px;}

	.data_address ul li:not(:last-child){margin-bottom:5px;}
	.data_address ul li > a{margin-left:4px;}	
	
	.designRadio.agree{margin-top:11px;}
	
	.box_privacy{margin-bottom:30px;}

	.check_con > em{margin-left:7px; font-size:14px;}
	.check_con .checkmark{width:19px; height:19px;}
	.check_con .checkmark:after{top:3px; left:7px;}
	
	.data_email> div{flex-wrap:wrap;}	
	.data_email .designSelect{margin-top:3px;}
	.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) - 11px);width: calc((100% / 2) - 11px);}
	.data_email> div > i{margin:0 5px; font-size:13px;}
	.data_email .designSelect{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:44px; margin-bottom:0; padding:0 0 0 10px;}
	
	.bbsNew_container .scroll-textarea{min-height:140px;}
	.bbsNew_container .box_privacy textarea{padding:15px !important; font-size:13px;}
	.bbsNew_container .btn_area{display:flex; gap:5px; padding-top:35px;}
	.bbsNew_container .btn_area > *{flex:1;}
	
	.data-spam span{padding:0 11px;font-size:13px; font-weight:800;}
	.data-spam .inr{line-height:39px;}	
	.data-spam span::before{display: none;}
}

@media screen and (max-width:480px){
	.bbsSearch input[type=text],
	.bbsSearch .button,
	.bbsSearch .designSelect .selectbox,
	.bbsSearch .designSelect .select{height:40px;}
	.bbsSearch .designSelect{margin-right:7px;}
	.bbsSearch input[type="submit"].button{position:absolute; right:13px; width:40px; min-width:auto; height:40px; margin-left:0; background:transparent url(../../images/board/icon_search.svg) no-repeat 50% 50%; background-size:15px; font-size:0;}
	.bbsSearch input[type=text]{width:65%;}
	.bbsSearch form{margin-bottom:16px; padding:16px 10px;}
}

@media screen and (max-width:460px){
	.bbsControls ul li a p,
	.bbsControls ul li a em{font-size:13px;}
	.bbsNew_container.v2 .bbsPager .inr_pager .pager_list{width:auto; width:100%; padding:14px 0; font-weight:700; font-size:14px;}

	/* NEW ver.1.0.3 */
	.ko_board_list[data-type="B"] .file{margin-bottom:0;}
}

@media screen and (max-width:360px){
	.bbsPager .inr_pager .pager_list{width:120px;}
}

.marking{display:inline-block; position:relative; width:10px; margin:3px 5px 0; line-height:1em; vertical-align:middle; text-indent:100%; overflow:hidden; white-space:nowrap;}
.marking:before{content:'*'; display:inline-block; position:absolute; top:0; left:0; font-size:16px; color:#d5282c; text-indent:0;}

/* override for mobile  */
@media screen and (max-width:767px) {
	.area_product .bbsDate > ul {
		flex-direction: column;
		align-items: flex-start;
	}
	.area_product .bbsNew_container.v2 .bbsDate > ul > li:not(:last-child):after {
		content: none;
	}
	.area_product .bbsNew_container.v2 .bbsDate > ul > li {
		padding: 5rem 0;
	}
}