@charset "utf-8";

/* board */
.search-box form { width:100%; }
.search-box .s-ipbox { margin-top:60px; width:100%; position:relative; }
.search-box .s-ipbox input { text-align:center; width:100%; height:100px; line-height:1.3; padding:0 200px; font-size:var(--font24); color:#333; font-weight:500; border:2px solid #000; border-radius:var(--borderR30); outline:none; background:none; }
.search-box .s-ipbox .btn { position:absolute; right:10px; top:50%; transform:translateY(-50%); display:flex; gap:10px; }
.search-box .s-ipbox button { width:60px; height:60px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; border-radius:var(--borderR10); background:var(--mainColor) url(/img/svg/search_w_icon.svg) center center no-repeat; padding:0; }
.search-box .s-ipbox a { width:60px; height:60px; border-radius:var(--borderR10); background:#000; display:flex; align-items:center; justify-content:center; }
.search-box .s-ipbox input::placeholder { color:#aaa; opacity:1; font-weight:300; }
.search-box .keyword-box { margin:60px 0 0; }
.search-box .keyword-box dl { display:flex; }
.search-box .keyword-box dt { width:190px; flex-shrink:0; color:#111; height:40px; display:flex; align-items:center; font-size:var(--font20); font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.search-box .keyword-box dd { display:flex; flex-wrap:wrap; gap:15px 10px; padding-right:40px; }
.search-box .keyword-box dd a { padding:0 25px; height:40px; color:#444; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.04em; border:1px solid #ddd; border-radius:40px; display:flex; align-items:center; justify-content:center; }
.search-box .detail-search { display:none; }
.search-box .detail-search .searchCont { margin-top:10px; position:relative; padding:40px 60px; background:#f5f5f5; border-radius:var(--borderR30); } 
.search-box .detail-search .selbox { display:flex; flex-wrap:wrap; gap:20px; }
.search-box .detail-search .selbox .box { width:calc((100% - 60px) / 4); border-radius:var(--borderR30); overflow:hidden; background:#fff; }
.search-box .detail-search .selbox .box dt { height:60px; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.04em; background:#000; display:flex; align-items:center; justify-content:center; }
.search-box .detail-search .selbox .box dd { padding:25px 30px; }
.search-box .detail-search .selbox .box .scroll_box { height:270px; overflow:auto; }
.search-box .detail-search .selbox .box .list { display:flex; gap:15px; flex-direction:column; padding:0 5px 0 2px; }
.search-box .detail-search .selbox .box .list .ch { position:relative; }
.search-box .detail-search .selbox .box .list .ch label { cursor:pointer; }
.search-box .detail-search .selbox .box .list .ch input[type="checkbox"] { opacity:0; height:auto; line-height:1; position:absolute; left:5px; top:5px; }
.search-box .detail-search .selbox .box .list .ch input[type="checkbox"] + span { position:relative; padding:0 0 0 32px; font-weight:400; font-size:var(--font18); line-height:1.4; display:inline-block; color:#333; transition:all 0.3s; }
.search-box .detail-search .selbox .box .list .ch input[type="checkbox"] + span:before { content:''; display:block; width:24px; height:24px; vertical-align:middle; transition:all 0.3s; background:url(/img/svg/ch_check.svg) no-repeat center/ cover; border:none; border-radius:0; position:absolute; left:0; top:2px; }
.search-box .detail-search .selbox .box .list .ch input[type="checkbox"]:checked + span:before { background:url(/img/svg/ch_check_on.svg) no-repeat center/ cover; }
.search-box .detail-search .btn { margin-top:40px; display:flex; align-items:center; justify-content:center; gap:20px; }
.search-box .detail-search .btn a { width:240px; height:70px; color:#222; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.04em; background:#fff; border:1px solid #000; border-radius:var(--borderR10); display:flex; align-items:center; justify-content:center; }
.search-box .detail-search .btn a span { display:flex; align-items:center; justify-content:center; gap:10px; }
.search-box .detail-search .btn a.search { color:#fff; background:var(--mainColor); border-color::var(--mainColor); }
.search-box .detail-search .close { position:absolute; top:20px; right:20px; }
@media screen and (max-width:1440px){
	.search-box .detail-search .searchCont { padding:50px; }
	.search-box .detail-search .selbox .box .scroll_box { height:258px; }
	.search-box .keyword-box dd { padding-right:0; }
}
@media screen and (max-width:1280px){
	.search-box .s-ipbox input { padding:0 160px; height:90px; }
	.search-box .s-ipbox button,
	.search-box .s-ipbox a { width:55px; height:55px; }
	.search-box .keyword-box { margin:40px 0 0; }
	.search-box .keyword-box dt { width:150px; }
	.search-box .detail-search .searchCont { padding:50px 40px 40px; }
	.search-box .detail-search .selbox { gap:15px; }
	.search-box .detail-search .selbox .box { width:calc((100% - 45px) / 4); }
	.search-box .detail-search .selbox .box .scroll_box { height:246px; }
	.search-box .detail-search .selbox .box dt { height:50px; }
	.search-box .detail-search .selbox .box dd { padding:25px; }
}
@media screen and (max-width:1024px){
	.search-box .s-ipbox { margin-top:30px; }
	.search-box .s-ipbox input { padding:0 120px; height:70px; }
	.search-box .s-ipbox button,
	.search-box .s-ipbox a { width:45px; height:45px; }
	.search-box .s-ipbox .btn { gap:5px; }
	.search-box .s-ipbox button { background-size:25px auto; }
	.search-box .s-ipbox a img { width:25px; }
	.search-box .keyword-box { margin:30px 0 0; }
	.search-box .keyword-box dt { width:120px; height:36px; }
	.search-box .keyword-box dd { gap:10px 5px; }
	.search-box .keyword-box dd a { padding:0 15px; height:36px; }
	.search-box .detail-search .searchCont { margin-top:5px; padding:40px 20px 20px; }
	.search-box .detail-search .selbox .box dt { height:40px; }
	.search-box .detail-search .selbox .box dd { padding:20px; }
	.search-box .detail-search .selbox { gap:10px; }
	.search-box .detail-search .selbox .box { width:calc((100% - 30px) / 4); }
	.search-box .detail-search .selbox .box .scroll_box { height:200px; }
	.search-box .detail-search .selbox .box .list { gap:10px; }
	.search-box .detail-search .selbox .box .list .ch input[type="checkbox"] + span { padding:0 0 0 30px; }
	.search-box .detail-search .selbox .box .list .ch input[type="checkbox"] + span:before { top:0; width:22px; height:22px; }
	.search-box .detail-search .close { top:10px; right:10px; }
	.search-box .detail-search .close img { width:22px; }
	.search-box .detail-search .btn { margin-top:20px; gap:10px; }
	.search-box .detail-search .btn a { width:200px; height:60px; }
	.search-box .detail-search .btn a span { gap:8px; }
	.search-box .detail-search .btn a span img { width:25px; }
}
@media screen and (max-width:640px){
	.search-box .s-ipbox { margin-top:15px; }
	.search-box .s-ipbox input { padding:0 90px 0 20px; height:60px; text-align:left; }
	.search-box .s-ipbox button,
	.search-box .s-ipbox a { width:38px; height:38px; }
	.search-box .s-ipbox .btn { gap:5px; }
	.search-box .s-ipbox button { background-size:20px auto; }
	.search-box .s-ipbox a img { width:20px; }
	.search-box .keyword-box { margin:15px 0 0; }
	.search-box .keyword-box dl { flex-wrap:wrap; }
	.search-box .keyword-box dt { width:100%; height:auto; }
	.search-box .keyword-box dd { width:100%; gap:5px; margin-top:5px; }
	.search-box .keyword-box dd a { height:30px; }
	.search-box .detail-search .searchCont { padding:35px 15px 15px; }
	.search-box .detail-search .selbox { gap:5px; }
	.search-box .detail-search .selbox .box { width:calc((100% - 5px) / 2); }
	.search-box .detail-search .selbox .box .scroll_box { height:145px; }
	.search-box .detail-search .selbox .box dt { height:35px; }
	.search-box .detail-search .selbox .box dd { padding:10px; }
	.search-box .detail-search .btn a { width:180px; height:50px; }
	.search-box .detail-search .btn a span img { width:20px; }
	.search-box .detail-search .btn a span { gap:5px; }
}

.board-list .top { border-top:2px solid #000; border-bottom:1px solid #eee; background:#f9f9f9; }
.board-list .col { position:relative; display:flex; align-items:center; justify-content:center; height:70px; text-align:center; }
.board-list .num,
.board-list .type,
.board-list .reply,
.board-list .writer,
.board-list .date { flex-shrink:0; color:#999; font-size:var(--font18); font-weight:300; line-height:1.3; word-break:break-word; }
.board-list .num { width:90px; color:#333; }
.board-list .ch { width:60px; }
.board-list .type,
.board-list .reply,
.board-list .date { width:120px; }
.board-list .writer { width:110px;  }
.board-list .sbox { padding:0 5px; min-width:74px; height:30px; background:#111; border-radius:var(--borderR5); font-family:var(--subFont); color:#fff; font-size:var(--font14); font-weight:600; line-height:1; letter-spacing:-0.035em; display:inline-flex; align-items:center; justify-content:center; text-align:center; }
.board-list .sbox.finish { background:#999; box-shadow:none }
.board-list .title { width:100%; justify-content:flex-start; padding-left:30px; text-align:left; }
.board-list .title strong { color:#333; font-weight:400; line-height:1.3; letter-spacing:-0.035em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-list .type span { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.board-list .top { width:100%; }
.board-list .top,
.board-list > ul > li a { display:flex; align-items:center; }
.board-list > ul > li { border-bottom:1px solid #eee; }
.board-list .top .col { color:#111; font-size:var(--font18); font-weight:500; letter-spacing:-0.035em; }
.board-list .top .title { justify-content:center; }
.board-list .col .notice { height:25px; padding:0 10px; color:#000; font-size:var(--font14); font-weight:400; line-height:1.3; text-transform:capitalize; border-radius:var(--borderR5); border:1px solid #000; display:flex; align-items:center; justify-content:center;}
.member-box .board-list .ch label { width:24px; height:24px; display:flex; }
.member-box .board-list .ch input[type="checkbox"] + span { padding:0; }
.member-box .board-list .ch input[type="checkbox"] + span:before { left:0; top:0; }
@media screen and (max-width:1280px){
	.board-list .num { width:80px; }
	.board-list .ch { width:50px; }
	.board-list .type,
	.board-list .reply,
	.board-list .date,
	.board-list .writer { width:90px; }
}
@media screen and (max-width:1024px){
	.board-list .num { width:70px; }
	.board-list .type,
	.board-list .reply,
	.board-list .date { width:80px; }
	.board-list .writer { width:90px; }
	.board-list .col .notice { height:20px; padding:0 5px; }
	.board-list .sbox { padding:0 15px; height:30px; }
}
@media screen and (max-width:640px){
	.board-list .top { display:none; }
	.board-list > ul  { border-top:2px solid #000; }
	.board-list .col:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
	.board-list a { position:relative; flex-wrap:wrap; padding:5px 85px 15px 60px; text-align:left; }
	.board-list.like-list a { width:calc(100% - 40px); margin-right:40px; }
	.board-list .col { height:auto; }
	.board-list .num { width:60px; position:absolute; left:0; top:50%; transform:translateY(-50%); justify-content:center; text-align:center; }
	.board-list .ch { width:30px; position:absolute ! important; right:-40px; top:50%; transform:translateY(-50%); }
	.board-list .writer { width:100px; padding:0 10px; }
	.board-list .title { width:100%; padding:5px 0 10px; order:2; }
	.board-list.like-list .title { padding:5px 30px 10px 0; }
	.board-list .title strong { -webkit-line-clamp:2; }
	.board-list .type { text-align:left; width:100%; order:1; justify-content:flex-start; padding-top:10px; }
	.board-list .type_m { order:3; padding:0 10px 0 0; width:auto; }
	.board-list .reply,
	.board-list .date,
	.board-list .writer { order:4; }
	.board-list .reply { width:auto; padding:0; text-align:left; position:absolute; right:0; top:50%; transform:translateY(-50%); }
	.board-list .date { width:90px; padding:0 10px; text-align:center; }
	.board-list .date.date1 { width:auto; padding:0; text-align:left; }
	.board-list .reply { padding:0 10px; order:5; }
	.board-list .num:before,
	.board-list .ch:before,
	.board-list .reply:before,
	.board-list .title:before,
	.board-list .type:before,
	.board-list .date1:before { display:none; }
	.board-list .sbox { padding:0 10px; height:25px; min-width:60px; }
}


.board-view h4 { margin-bottom:22px; color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.board-view table { border-top:2px solid #000; }
.board-view tbody th { padding-left:30px; height:89px; border-bottom:1px solid #eee; background:#f9f9f9; text-align:left; color:#111; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.board-view tbody td { padding:30px; border-bottom:1px solid #eee; background:#fff; text-align:left; color:#333; font-size:var(--font18); font-weight:300; line-height:1.6; letter-spacing:-0.035em; }
.board-view tbody td a { color:#333 }
@media screen and (max-width:1280px){
	.board-view table .col1 { width:150px !important; }
	.board-view tbody th { padding-left:20px; height:70px; }
	.board-view tbody td { padding:20px; }
}
@media screen and (max-width:1024px){
	.board-view table .col1 { width:130px !important; }
	.board-view tbody th { padding-left:10px; height:60px; }
	.board-view tbody td { padding:10px; }
}
@media screen and (max-width:640px){
	.board-view table .col1 { width:100% !important; }
	.board-view tbody tr { display:flex; flex-direction:column; }
	.board-view tbody th { padding:10px 10px 5px; height:auto; border-bottom:none }
	.board-view tbody td { padding:5px 10px 10px; }
}

.inquiry-box .topbox { padding:40px 50px; background:#f5f5f5; border-radius:var(--borderR10); }
.inquiry-box .topbox dt { color:#111; font-size:var(--font22); font-weight:600; line-height:1.3; }
.inquiry-box .topbox dd { margin-top:30px; }
.inquiry-box .topbox dd li:not(:last-child) { margin-bottom:10px; }
.inquiry-box .topbox dd li { position:relative; padding-left:14px; color:#666; font-size:var(--font18); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.inquiry-box .topbox dd li:before { content:''; display:block; width:4px; height:4px; background:#666; border-radius:4px; position:absolute; left:0; top:10px; } 
@media screen and (max-width:1024px){
	.inquiry-box .topbox { padding:20px 25px; }
	.inquiry-box .topbox dd { margin-top:15px; }
	.inquiry-box .topbox dd li:not(:last-child) { margin-bottom:5px; }
	.inquiry-box .topbox dd li { padding-left:10px; }
	.inquiry-box .topbox dd li:before { width:2px; height:2px; top:8px; } 
}
@media screen and (max-width:640px){
	.inquiry-box .topbox { padding:10px 15px; }
	.inquiry-box .topbox dd { margin-top:10px; }
}

.top-join { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px; }
.top-join h4 { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
.top-join .txt { color:#666; font-size:var(--font18); font-weight:400; line-height:1.3; letter-spacing:-0.035em; }
.top-join .txt span { color:var(--mainColor); }
@media screen and (max-width:1024px){
	.top-join { margin-bottom:10px; }
}

.registerBox ul.iplist { border-top:2px solid #111; }
.registerBox ul.iplist > li { width:100%; position:relative; display:flex; align-items:center; border-bottom:1px solid #ddd; }
.registerBox ul.iplist > li:before { content:''; display:block; height:100%; background:#f9f9f9; position:absolute; left:0; top:0; } 
.registerBox ul.iplist > li:before,
.registerBox ul.iplist > li > label { width:200px; }
.registerBox ul.iplist > li > label { position:relative; min-height:100px; padding-left:30px; font-size:var(--font18); color:#222; font-weight:400; line-height:1.3; display:inline-flex; align-items:center;  letter-spacing:-0.035em; }
.registerBox ul.iplist > li > label span { font-weight:400; }
.registerBox ul.iplist > li > label span.star { color:var(--mainColor); font-size:var(--font20); font-weight:700; margin-left:7px; }
.registerBox ul.iplist > li .ipbox { width:calc(100% - 200px); padding:20px 30px; font-size:var(--font18); color:#333; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.registerBox ul.iplist > li .ipflex { display:flex; align-items:center; }
.registerBox ul.iplist > li .ipflex.g8 { gap:8px; }
.registerBox ul.iplist > li .ipflex.g10 { gap:10px; }
.registerBox ul.iplist > li .ipflex .ch { flex-shrink:0; }
.registerBox ul.iplist > li .ipbox > .btn { margin-left:50px; }
.registerBox ul.iplist > li .ipbox > .btn.ml { margin-left:8px; }
.registerBox ul.iplist > li .ipbox > .btn.ml0 { margin-left:0; }
.registerBox ul.iplist > li .ipbox .sbox.ipflex { display:flex; align-items:center; gap:10px; }
.registerBox ul.iplist > li input[type="text"],
.registerBox ul.iplist > li input[type="password"] { height:60px; padding:0 20px; width:100%; font-size:var(--font18); color:#333; font-weight:300; border:1px solid #ddd; outline:none; background:#fff; border-radius:var(--borderR10); }
.registerBox ul.iplist > li select { width:100%; height:60px; line-height:60px; padding:0 80px 0 20px; font-size:var(--font18); color:#333; font-weight:300; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:var(--borderR10); background:url(/img/svg/icon_select_down.svg) calc(100% -  20px) center no-repeat; }
.registerBox ul.iplist > li select::-ms-expand { display:none; }
.registerBox ul.iplist > li textarea { width:100%; height:200px; line-height:1.6; padding:20px; font-size:var(--font18); color:#333; font-weight:300; border:1px solid #ddd; outline:none; background:#fff; border-radius:var(--borderR10); }
.registerBox ul.iplist > li input::placeholder,
.registerBox ul.iplist > li textarea::placeholder { color:#888; opacity:1; font-weight:300; }
.registerBox ul.iplist > li select.sel01 { max-width:360px; width:100%; }
.registerBox ul.iplist > li select.sel02 { max-width:300px; }
.registerBox ul.iplist > li select.sel03 { max-width:348px; width:100%; } 
.registerBox ul.iplist > li select.sel04 { max-width:200px; width:100%; } 
.registerBox ul.iplist > li input.ip01 { width:100%; }
.registerBox ul.iplist > li input.ip02 { width:300px; }
.registerBox ul.iplist > li input.ip03 { max-width:360px; width:100%; }
.registerBox ul.iplist > li input.ip04 { max-width:104px; width:100%; }
.registerBox ul.iplist > li input.ip05 { max-width:348px; width:100%; }
.registerBox ul.iplist > li .ipbox .stxt { color:#666; font-size:var(--font18); font-weight:300; line-height:1.3; }
.registerBox ul.iplist > li .ipbox span.bar { color:#d9d9d9; font-size:var(--font18); font-weight:300; line-height:1.3; }
.registerBox ul.iplist > li .ipbox .wtxt { margin-top:20px; color:#000; font-size:var(--font18); font-weight:300; line-height:1.3; }
.registerBox ul.iplist > li .ipbox .wtxt.w1 { margin-top:10px; color:#000; font-size:var(--font18); font-weight:300; line-height:1.3; }
.registerBox ul.iplist > li .ipbox .wtxt.ptxt { margin-top:10px; font-size:var(--font15); font-weight:300; line-height:1.3; }
.registerBox ul.iplist > li .ipbox .file-box { width:100%; }
.registerBox ul.iplist > li .ipbox .ipcont { position:relative; display:flex; align-items:center; gap:10px; }
.registerBox ul.iplist > li .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.registerBox ul.iplist > li .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:100%; max-width:360px; height:60px; border:1px solid #ddd; padding:0 20px; font-size:var(--font18); color:#333; font-weight:300; background:#fff; border-radius:var(--borderR10); }
.registerBox ul.iplist > li .ipbox .ipcont .upload-name.on { padding:0 0 0 40px; background:url(/img/svg/file_icon.svg) 15px center no-repeat; }
.registerBox ul.iplist > li .ipbox .ipcont .file { flex-shrink:0; position:relative; cursor:pointer; }
.registerBox ul.iplist > li .ipbox .ipcont .file span { text-align:center; display:flex; font-weight:500; }
.registerBox ul.iplist > li .ipbox .ipcont .file input {display:none}
.registerBox ul.iplist > li .kcaptcha_ip { width:100%; position:relative; display:flex; align-items:center; gap:10px; }
.registerBox ul.iplist > li .kcaptcha_ip .img { width:115px; height:60px; border-radius:var(--borderR10); flex-shrink:0; }
.registerBox ul.iplist > li .kcaptcha_ip input { width:100%; max-width:220px; height:60px; border:none; padding:0 20px; font-size:var(--font18); color:#333; font-weight:300; background:#fff; border:1px solid #ddd; border-radius:var(--borderR10); }
.registerBox ul.iplist > li .btn_refresh { flex-shrink:0; }
.registerBox ul.iplist > li .btn { flex-shrink:0; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:60px; padding:0 30px; border:none; outline:none; background:none; border-radius:var(--borderR10); background:#666; display:inline-flex; align-items:center; justify-content:center; }
.registerBox ul.iplist > li.check { display:none }
.registerBox ul.iplist > li.check.on { display:flex }
.registerBox .profile { display:flex; gap:30px; align-items:center; }
.registerBox .profile .pbox { display:flex; gap:40px; align-items:center;}
.registerBox .profile .imgbox { flex-shrink:0; position:relative; overflow:hidden; width:120px; height:120px; border-radius:120px; background:url(/img/svg/profile_reg.svg) no-repeat center / cover ; }
.registerBox .profile .imgbox.on { background:none }
.registerBox .profile .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.registerBox .profile .imgbox input { display:none }
.registerBox .profile .txtbox { color:#666; font-size:var(--font16); font-weight:300; line-height:1.6; letter-spacing:-0.035em; }
.registerBox .privacy-box { margin-top:20px; padding:30px 30px 30px 60px; border-radius:var(--borderR20); background: #F5F5F5;}
.registerBox .privacy-box .scroll-box { height:220px; padding-right:30px; }
.registerBox .privacy-box * { font-size:100% !important; }
.registerBox .privacy-box .privacy .p-list > dl { margin-top:40px; }
.registerBox .privacy-box .privacy .p-list > dl > dd { margin-top:10px; gap:20px; }
.registerBox .privacy-ch { margin-top:20px; position:relative; display:flex; align-items:center; gap:15px; }
.registerBox .privacy-ch label { cursor:pointer; }
.registerBox .privacy-ch input[type="checkbox"] { opacity:0; height:auto; line-height:1; }
.registerBox .privacy-ch input[type="checkbox"] + span { position:relative; padding:0 0 0 20px; font-weight:500; font-size:var(--font20); line-height:1.4; display:inline-block; color:#111; transition:all 0.3s; }
.registerBox .privacy-ch input[type="checkbox"] + span:before { content:''; display:block; width:24px; height:24px; vertical-align:middle; transition:all 0.3s; background:url(/img/svg/ch_check.svg) no-repeat center/ cover; border:none; border-radius:0; position:absolute; left:-15px; top:2px; }
.registerBox .privacy-ch input[type="checkbox"]:checked + span:before { background:url(/img/svg/ch_check_on.svg) no-repeat center/ cover; }
.registerBox .privacy-ch a { height:40px; padding:0 15px; color:#666; font-size:var(--font18); font-weight:600; line-height:1.3; display:flex; align-items:center; justify-content:center; background:#eee; border-radius:30px; }
.registerBox .ch { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:10px 50px; min-height:50px; }
.registerBox .ch input[type="checkbox"],
.registerBox .ch input[type="radio"] { position:absolute; left:0; top:3px; opacity:0; height:auto; line-height:auto;}
.registerBox .ch input[type="radio"] + span { position:relative; padding:0 15px 0 20px; font-weight:400; font-size:var(--font18); line-height:1.3; display:inline-block; color:#333; }
.registerBox .ch input[type="radio"] + span:before { content:''; display:block; width:24px; height:24px; vertical-align:middle; transition:all 0.3s; background:url(/img/svg/rd_ch_off.svg) no-repeat center/ cover; position:absolute; left:-15px; top:-2px; }
.registerBox .ch input[type="radio"]:checked + span:before { background:url(/img/svg/rd_ch_on.svg) no-repeat center / cover; }
@media screen and (max-width:1280px){
	.registerBox ul.iplist > li:before,
	.registerBox ul.iplist > li > label { width:150px; }
	.registerBox ul.iplist > li .ipbox { width:calc(100% - 150px); padding:15px 30px;  }
	.registerBox ul.iplist > li > label { position:relative; min-height:80px; padding-left:20px; }
}
@media screen and (max-width:1024px){
	.registerBox ul.iplist > li .ipbox { padding:10px 20px;  }
	.registerBox ul.iplist > li input[type="text"],
	.registerBox ul.iplist > li input[type="password"] { height:50px; padding:0 10px; }
	.registerBox ul.iplist > li select { height:50px; line-height:50px; padding:0 45px 0 10px; background-position:calc(100% - 5px) center; }
	.registerBox ul.iplist > li textarea { height:180px; line-height:1.6; padding:10px; }
	.registerBox ul.iplist > li select.sel02 { max-width:250px; }
	.registerBox ul.iplist > li .ipbox .ipcont,
	.registerBox ul.iplist > li .kcaptcha_ip { gap:5px; }
	.registerBox ul.iplist > li .kcaptcha_ip .img { width:110px; height:50px; }
	.registerBox ul.iplist > li .ipbox .ipcont:not(:last-child) { margin-bottom:5px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { max-width:300px; height:50px; padding:0 10px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name.on { padding:0 0 0 35px; background-position:10px center; }
	.registerBox ul.iplist > li .btn { height:50px; padding:0 15px; }
	.registerBox ul.iplist > li .ipbox > .btn { margin-left:20px; }
	.registerBox ul.iplist > li .ipbox > .btn.ml { margin-left:4px; }
	.registerBox ul.iplist > li .ipbox .wtxt { margin-top:10px; }
	.registerBox .profile { gap:25px; }
	.registerBox .profile .pbox { gap:20px; }
	.registerBox .profile .imgbox { width:100px; height:100px; }
	.registerBox .privacy-box { margin-top:10px; padding:20px 15px 20px 30px; }
	.registerBox .privacy-box .scroll-box { height:180px; padding-right:15px; }
	.registerBox .privacy-box .privacy .p-list > dl { margin-top:20px; }
	.registerBox .privacy-ch { margin-top:10px; gap:10px; }
	.registerBox .privacy-ch input[type="checkbox"] + span { padding:0 0 0 15px; }
	.registerBox .privacy-ch input[type="checkbox"] + span:before { top:-2px; width:22px; height:22px; }
	.registerBox .privacy-ch { height:70px; }
	.registerBox .privacy-ch a { height:34px; padding:0 12px; right:20px; }
	.registerBox .ch { gap:10px 30px; min-height:40px; }
	.registerBox .ch input[type="radio"] + span { padding:0 15px 0 15px;  }
	.registerBox .ch input[type="radio"] + span:before { width:20px; height:20px; left:-12px; top:-1px; }
}
@media screen and (max-width:860px){
	.registerBox ul.iplist > li select.sel02 { margin-top:5px; max-width:100%; }
	.registerBox ul.iplist > li .ipflex.wrap { flex-wrap:wrap; }
	.registerBox ul.iplist > li .ipbox.mflex { display:flex; gap:5px; }
	.registerBox ul.iplist > li input.ip05 { width:calc((100% - 34px) / 2); max-width:100%; }
	.registerBox ul.iplist > li select.sel03 { width:calc(100% - 102px); max-width:100%; }
	.registerBox ul.iplist > li select.sel03-1 {width:100%; }
}
@media screen and (max-width:640px){
	.registerBox ul.iplist > li { flex-wrap:wrap; padding:15px 10px;}
	.registerBox ul.iplist > li:before { display:none }
	.registerBox ul.iplist > li > label { width:100%; min-height:auto; padding:0; text-align:left; justify-content:flex-start; margin-bottom:5px; }
	.registerBox ul.iplist > li .ipbox { width:100%; padding:0; }
	.registerBox ul.iplist > li input[type="text"],
	.registerBox ul.iplist > li input[type="password"] { height:45px; }
	.registerBox ul.iplist > li select { height:45px; line-height:45px; }
	.registerBox ul.iplist > li textarea { height:180px; line-height:1.6; padding:10px; }
	.registerBox ul.iplist > li .kcaptcha_ip .img { width:105px; height:45px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { height:45px; }
	.registerBox ul.iplist > li .btn { height:45px; }
	.registerBox .profile .imgbox { width:80px; height:80px; }
	.registerBox .privacy-box { padding:15px 10px 15px 20px; }
	.registerBox .privacy-box .scroll-box { height:160px; padding-right:10px; }
	.registerBox .privacy-box .privacy .p-list > dl { margin-top:15px; }
}
@media screen and (max-width:480px){
	.registerBox ul.iplist > li .ipflex.wrap-m { flex-wrap:wrap; }
	.registerBox ul.iplist > li select.sel01,
	.registerBox ul.iplist > li select.sel04 { max-width:480px; width:100%; } 
}

/* search */
.search-result .toptal { padding-top:120px; border-top:1px solid #ddd; color:#000; font-size:var(--font46); font-weight:500; line-height:1.3; letter-spacing:-0.035em; text-align:center; }
.search-result .toptal strong { color:var(--mainColor); font-weight:500; }
@media screen and (max-width:1440px){
	.search-result .toptal { padding-top:100px; }
}
@media screen and (max-width:1280px){
	..search-result .toptal { padding-top:80px; }
}
@media screen and (max-width:1024px){
	.search-result .toptal { padding-top:60px; }
}
@media screen and (max-width:640px){
	.search-result .toptal { padding-top:30px; }
}

.search-result .s-tit { display:flex; margin-bottom:40px; color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; }
.search-result .s-tit h5 { color:#111; font-size:var(--font30); font-weight:600; line-height:1.3; margin-right:10px; }
.search-result .s-tit span { color:var(--mainColor);  }
@media screen and (max-width:1024px){
	.search-result .s-tit { margin-bottom:20px; }
}
@media screen and (max-width:640px){
	.search-result .s-tit { margin-bottom:10px; }
}

.comment-box .top { display:flex; align-items:center; justify-content:space-between; }
.comment-box .top .total { color:#000; font-size:var(--font20); font-weight:500; line-height:1.3; letter-spacing:-0.035em; }
.comment-box .top .total strong { color:var(--mainColor); font-weight:500; }
.comment-box .top .btn a { padding:0 20px; height:38px; color:#666; font-size:var(--font14); font-weight:400; line-height:1.3; letter-spacing:-0.035em; border-radius:var(--borderR5); background:#f5f5f5; display:inline-flex; align-items:center; justify-content:center; }
.comment-box .listbox { margin-top:30px; }
.comment-box .listbox .ip-box { margin-bottom:30px; position:relative; padding:15px 100px 15px 30px; border-radius:var(--borderR10); background:#f9f9f9; }
.detailCont .comment-box .listbox .ip-box.top-ip { display:none; }
.comment-box .listbox .ip-box button { position:absolute; right:15px; top:50%; width:60px; height:60px; transform:translateY(-50%); border:none; outline:0; border-radius:var(--borderR10); background:#000; display:flex; align-items:center; justify-content:center; }
.comment-box .listbox .ip-box.top-ip button { background:var(--mainColor); }
.comment-box .listbox .ip-box button { color:#fff; font-size:var(--font16); font-weight:400; line-height:1.3; }
.comment-box .listbox .ip-box textarea { width:100%; height:60px; line-height:1.3; padding:0; font-size:var(--font16); color:#333; font-weight:300; border:none; outline:none; background:none; border-radius:0; }
.comment-box .listbox .ip-box textarea::placeholder { color:#999; opacity:1; font-weight:300; }
.comment-box .listbox .list > .box { border-bottom:1px solid #eee; padding:30px 0; }
.comment-box .listbox .list > .box:first-child { padding:0 0 30px; }
.comment-box .listbox .list .box .infobox { display:flex; justify-content:space-between; }
.comment-box .listbox .list .box .infobox .info { display:flex; align-items:center; gap:10px; }
.comment-box .listbox .list .box .infobox .info .imgbox { position:relative; width:26px; height:26px; border-radius:999px; overflow:hidden; background:url(/img/svg/comment_bg.svg) center center no-repeat;}
.comment-box .listbox .list .box .infobox .info .imgbox:before { content:""; display:block; padding-bottom:100%; }
.comment-box .listbox .list .box .infobox .info .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.comment-box .listbox .list .box .infobox .info .txt { display:flex; align-items:center; gap:23px; color:#666; font-size:var(--font14); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.comment-box .listbox .list .box .infobox .info .txt strong { position:relative; color:#111; font-weight:600; }
.comment-box .listbox .list .box .infobox .info .txt strong:before { content:""; display:block; position:absolute; right:-13px; top:50%; width:3px; height:3px; transform:translateY(-50%); background:#ddd; border-radius:5px; }
.comment-box .listbox .list .box .txtbox { margin-top:20px; }
.comment-box .listbox .list .box .txtbox .txtCont { word-break:break-word; transition:all 0.4s; color:#333; font-size:var(--font14); font-weight:300; line-height:1.6; letter-spacing:-0.035em; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.information-box .comment-box .listbox .list .box .txtbox .txtCont { overflow:inherit; display:block; }
.comment-box .listbox .list .box .txtbox.open .txtCont { -webkit-line-clamp:initial; display:block; }
.comment-box .listbox .list .box .txtbox .btn_more { margin-top:20px; }
.comment-box .listbox .list .box .txtbox .btn_more a { position:relative; display:inline-block; padding-right:20px; color:#666; font-size:var(--font14); font-weight:300; line-height:1.3; }
.comment-box .listbox .list .box .txtbox .btn_more a:before { transition:all 0.4s; content:""; display:block; position:absolute; right:0; top:50%; width:8px; height:8px; transform:translateY(-50%); background:url(/img/svg/arr_icon03.svg) center center no-repeat;}
.comment-box .listbox .list .box .txtbox.open .btn_more a:before { transform:translateY(-50%) rotate(180deg);}
.comment-box .listbox .list .box .txtbox .reply-ip { display:none; margin-bottom:-50px; }
.comment-box .listbox .list .box .txtbox .reply-ip .i-box { margin-top:50px; background:#f9f9f9; border-top:1px solid #eee; padding:40px; }
.comment-box .listbox .list .box .txtbox .reply-ip .ip-box { margin:0; background:#fff; padding:15px 30px; }
.comment-box .listbox .list .box .txtbox .infobtn { margin:20px 0 0; display:flex; align-items:center; gap:23px; }
.comment-box .listbox .list .box .txtbox .infobtn .like-icon { position:relative; gap:10px; align-items:center; color:#666; font-size:var(--font16); font-weight:300; line-height:1.3; }
.comment-box .listbox .list .box .txtbox .infobtn .reply { position:relative; }
.comment-box .listbox .list .box .txtbox .infobtn .reply:before { content:""; display:block; position:absolute; left:-13px; top:50%; width:3px; height:3px; transform:translateY(-50%); background:#ddd; border-radius:5px; }
.comment-box .listbox .list .box .txtbox.line { position:relative; padding:15px 100px 15px 30px; border-radius:var(--borderR10); background:#fff; border:1px solid #eee }
.comment-box .listbox .list .box .txtbox.line button { position:absolute; right:15px; top:50%; width:60px; height:60px; transform:translateY(-50%); border:none; outline:0; border-radius:var(--borderR10); background:#000; display:flex; align-items:center; justify-content:center; }
.comment-box .listbox .list .box .txtbox.line button { color:#fff; font-size:var(--font16); font-weight:400; line-height:1.3; }
.comment-box .listbox .list .box .txtbox.line textarea { width:100%; height:60px; line-height:1.3; padding:0; font-size:var(--font16); color:#333; font-weight:300; border:none; outline:none; background:none; border-radius:0; }
.comment-box .listbox .list .box .txtbox.line textarea::placeholder { color:#999; opacity:1; font-weight:300; }
.comment-box .listbox .modify-box { display:flex; align-items:center; gap:13px; }
.comment-box .listbox .modify-box a { position:relative; color:#666; font-size:var(--font14); font-weight:300; line-height:1.3;  }
.comment-box .listbox .modify-box a:before { content:""; display:block; position:absolute; left:-8px; top:50%; width:3px; height:3px; transform:translateY(-50%); background:#ddd; border-radius:5px; }
.comment-box .listbox .modify-box a:first-child:before { display:none;}
.comment-box .listbox .reply-box {/*margin:50px 0 -50px; */padding:50px 40px; background:#f9f9f9; border-top:1px solid #eee; }
.comment-box .listbox .reply-box .box:not(:last-child) { border-bottom:1px solid #eee; padding-bottom:50px; margin-bottom:50px; }
.comment-box .listbox .list .box .reply-box .txtbox .reply-ip .i-box { margin-top:30px; padding:30px 0; }
.information-box .detail-box .comment-box .top .total { font-size:var(--font18); color:#666; }
.information-box .detail-box .comment-box .listbox .ip-box { margin-bottom:50px; }
.information-box .detail-box .comment-box .listbox .list > .box { padding:50px 0; }
.information-box .detail-box .comment-box .listbox .list > .box:first-child { padding:0 0 50px; }
.information-box .detail-box .comment-box .modify-box { gap:23px; }
.information-box .detail-box .comment-box .modify-box a:before { left:-12px; } 
.information-box .detail-box .comment-box .listbox .modify-box a,
.information-box .detail-box .comment-box .listbox .list .box .infobox .info .txt { font-size:var(--font16); }
.information-box .detail-box .comment-box .listbox .list .box .txtbox .txtCont { font-size:var(--font18); }
@media screen and (max-width:1024px){
	.comment-box .listbox .ip-box { margin-bottom:15px; padding:10px 60px 10px 15px; }
	.comment-box .listbox .ip-box textarea { height:42px; }
	.comment-box .listbox .ip-box button { right:10px; width:42px; height:42px; }
	.comment-box .listbox .ip-box button img { width:18px; }
	.comment-box .top .btn a,
	.comment-box .listbox .list .box .infobox .info .txt,
	.comment-box .listbox .list .box .txtbox .txtCont,
	.comment-box .listbox .list .box .txtbox .btn_more a,
	.comment-box .listbox .modify-box a { font-size:var(--font17); }
	.comment-box .listbox .list > .box { padding:15px 0; }
	.comment-box .listbox .list > .box:first-child { padding:0 0 15px; }
	.comment-box .listbox .list .box .txtbox,
	.comment-box .listbox .list .box .txtbox .btn_more { margin-top:10px; }
	.comment-box .listbox .list .box .txtbox .reply-ip { margin-bottom:-25px; }
	.comment-box .listbox .list .box .txtbox .reply-ip .i-box { margin-top:25px; padding:20px; }
	.comment-box .listbox .list .box .txtbox .reply-ip .ip-box { padding:10px 20px; }
	.comment-box .listbox .list .box .txtbox .infobtn { margin:10px 0 0; }
	.comment-box .listbox .list .box .txtbox.line { padding:10px 60px 10px 15px; }
	.comment-box .listbox .list .box .txtbox.line textarea { height:42px; }
	.comment-box .listbox .list .box .txtbox.line button { right:10px; width:42px; height:42px; }
	.comment-box .listbox .list .box .txtbox.line button img { width:18px; }
	.comment-box .listbox .reply-box { margin:25px 0 -25px; padding:25px 20px; }
	.comment-box .listbox .reply-box .box:not(:last-child) { padding-bottom:25px; margin-bottom:25px; }
	.comment-box .listbox .list .box .reply-box .txtbox .reply-ip .i-box { margin-top:15px; padding:15px 0; }
	.information-box .detail-box .comment-box .listbox .ip-box { margin-bottom:25px; }
	.information-box .detail-box .comment-box .listbox .list > .box { padding:25px 0; }
	.information-box .detail-box .comment-box .listbox .list > .box:first-child { padding:0 0 25px; }
}

/* page */
.page { margin-top:120px; text-align:center; padding:0; display:flex; align-items:center; justify-content:center; gap:10px; } 
.page a {  opacity:0.4; transition:all 0.3s; position:relative; font-size:var(--font18); line-height:30px; height:30px; font-weight:700; color:#000; border:none; padding:0; min-width:30px; border:none; display:inline-block; }
.page ul { display:flex; align-items:center; justify-content:center; gap:10px; }
.page li.on a { font-weight:700; opacity:1;  }
.page .btn_prev { background:url(/img/svg/btn_b_prev.svg) center center no-repeat; }
.page .btn_next { background:url(/img/svg/btn_b_next.svg) center center no-repeat; }
.page .btn_first { background:url(/img/svg/btn_b_first.svg) center center no-repeat; }
.page .btn_last { background:url(/img/svg/btn_b_last.svg) center center no-repeat; }
.page .btn_prev,
.page .btn_next,
.page .btn_first,
.page .btn_last { border:none; overflow:hidden; text-indent:-9999em; }
.detailCont .page a { opacity:1; }
.detailCont .page li.on a { color:var(--mainColor); }

@media screen and (max-width:1024px){
	.page { margin-top:60px; } 
	.page,
	.page ul { gap:5px; }
	.page a { line-height:30px; height:30px; min-width:30px; font-size:1.8rem; }
	.page .btn_prev,
	.page .btn_next,
	.page .btn_first,
	.page .btn_last { background-size:auto 20px; }
}
@media screen and (max-width:640px){
	.page { margin-top:30px; } 
}



.btnCont { display:flex; justify-content:center; align-items:center; gap:0 10px; }
.btnCont button { border:none; background:none; outline:none; }
.btnCont a,
.btnCont button { width:280px; height:70px; display:flex; justify-content:center; align-items:center; }
.btnCont a span,
.btnCont button span { width:100%; height:100%; background:#fff; color:#666; font-size:var(--font20); font-weight:500; line-height:1.3; border-radius:70px; border-radius:var(--borderR10); border:1px solid #ddd; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease-in-out; }
.btnCont a.bg span,
.btnCont button.bg span { background:#f5f5f5; border:none; }
.board-info .btnCont a.bg:hover span,
.board-info .btnCont button.bg:hover span { background:#f5f5f5; color:#666 }
.btnCont a.bg:hover span,
.btnCont a.bg.active span,
.btnCont a.bg.active:hover span,
.btnCont button.bg:hover span,
.btnCont button.bg.active span,
.btnCont button.bg.active:hover span { background:var(--mainColor); color:#fff }
.btnCont a.line span,
.btnCont button.line span { border-color:#000; color:#000; }
@media screen and (max-width:1440px){
	.btnCont a,
	.btnCont button { width:230px; height:60px; }
}
@media screen and (max-width:1024px){
	.btnCont { gap:0 5px; }
	.btnCont a,
	.btnCont button { width:200px; height:50px; }
}

.board-box .btnbox { margin-top:20px; display:flex; gap:10px; }
.board-box .btnbox a { height:30px; padding:0 10px; color:#666; font-size:var(--font14); font-weight:300; line-height:1.3;border:1px solid #666; border-radius:var(--borderR5); display:inline-flex; align-items:center; justify-content:center; }
@media screen and (max-width:1024px){
	.board-box .btnbox { margin-top:10px; justify-content:flex-end; gap:5px; }
	.board-box .btnbox a { height:28px; padding:0 8px; font-size:var(--font16); }
}

.subbody .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0, 0, 0, 0.05); width:2px; border-radius:2px; }
.subbody .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0, 0, 0, 0.05); height:2px; border-radius:2px; }
.subbody .os-theme-dark > .os-scrollbar-vertical, 
.subbody .os-theme-light > .os-scrollbar-vertical { width:2px; }
.subbody .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#000; width:2px; height:2px; border-radius:2px; opacity:0.8 }
.subbody .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.subbody .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.subbody .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.subbody .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#000; border-radius:2px; opacity:1; }
.subbody .privacy-box .os-theme-dark > .os-scrollbar-vertical,
.subbody .privacy-box .os-theme-dark > .os-scrollbar-horizontal { background:rgba(255, 255, 255, 0.5) }



.notice .tit{text-align: center;}
.notice .table{ border-top:1px solid #222; }
.notice .table tr td { font-weight:300; font-size:var(--font17); color:#666; padding:16px 0; text-align:center; border-bottom:1px solid #e0e0e0; }
.notice .table tr td.left {text-align:left;}
.notice .table tr td a {display:inline-block; vertical-align:top; width:100%; font-size:var(--font18); color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice_view .cont .view_tit { text-align:center; margin-bottom:50px; }
@media screen and (max-width:1024px){
	.notice .table tr td { padding:14px 0; }
}


.notice_view .tit { border-top:1px solid #333333; padding:40px 0; }
.notice_view .tit h3 { font-size:var(--font30); letter-spacing:-0.02em; color:#000; text-align:center; }
.notice_view .tit .tag { display:flex; justify-content:center; margin-top:24px; }
.notice_view .tit .tag li { font-size:var(--font14); color:#777; margin-right:22px; }
.notice_view .tit .tag li:last-of-type { margin-right:0; }
.notice_view .data { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:30px 60px; }
.notice_view .data .flie { display:flex; }
.notice_view .data .flie dt { position:relative; font-size:var(--font16); color:#222; margin-right:40px; }
.notice_view .data .flie dt::after { content:''; display:block; position:absolute; top:50%; right:-15px; transform:translateY(-50%); width:1px; height:12px; background:#dbdbdb; }
.notice_view .data .flie dd { font-weight:300; font-size:var(--font16); color:#777; }
.notice_view .data ul { display:flex; }
.notice_view .data ul li { font-size:var(--font15); color:#777; margin-right:32px; }
.notice_view .data ul li:last-of-type { margin-right:0; }
.notice_view .data ul li span { }
.notice_view .link  { padding:10px 60px 20px; font-size:var(--font16);color:#777; }
.notice_view .link a  { position:relative; display:inline-block; margin-left:10px; padding:7px 10px; border-radius:5px; border:2px solid #e60012; color:#e60012; }
.notice_view .link a:before  { content:''; width:0; height:100%; background:#e60012; transition:0.3s; position:absolute; top:0; left:0; z-index:-1; }
.notice_view .link a:hover  { background:none; color:#fff; }
.notice_view .link a:hover:before  { width:100%; }
.notice_view .info { padding:60px; min-height:120px; }
.notice_view .info ul,
.notice_view .info ul li {  list-style:disc; list-style-position:inside; }
.notice_view .info ol,
.notice_view .info ol li {  list-style:auto; list-style-position:inside; }
.notice_view .info img  {  height:auto !important }
.notice_view .info p { font-weight:300; font-size:var(--font18); color:#666; }
.notice_view .pnbox { display:flex; flex-wrap:wrap; border-top:1px solid #e6e6e6; text-align:center; }
.notice_view .pnbox dt { width:200px; background:#f8f8f8; padding:23px 0; border-bottom:1px solid #e6e6e6; font-weight:300; font-size:var(--font16); color:#222; }
.notice_view .pnbox dd { width:calc(100% - 200px); padding:23px 0; border-bottom:1px solid #e6e6e6; font-weight:300; font-size:var(--font16); color:#777; text-align:left; padding-left:30px; }
.notice_view .pnbox dd a { display:inline-block; vertical-align:top; color:#777; width:100%; }
.notice_view .list { text-align:center;  display:flex; justify-content:center; }
.notice_view .list a { display:flex; align-items:center; justify-content:center; width:240px; height:80px; border:1px solid #aaa; font-size:var(--font18); color:#222; }
@media screen and (max-width:1280px){
	.notice_view .tit { padding:25px 0; }
	.notice_view .tit .tag { margin-top:14px; }
	.notice_view .data { padding:14px 0; }
	.notice_view .info { padding:20px 0; }
}
@media screen and (max-width:1024px){
	.notice_view .data { flex-wrap:wrap; justify-content:flex-end }
	.notice_view .data ul,
	.notice_view .data .flie { width:100%; justify-content:flex-end }
	.notice_view .data ul { margin-top:10px;}
	.notice_view .pnbox dt { width:150px;}
	.notice_view .pnbox dd { width:calc(100% - 150px); padding-left:15px; }
	.notice_view .pnbox dd a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.notice_view .list a { height:60px; width:200px; }
}