@charset "utf-8";

/* board */
.search-box { display:flex; flex-wrap:wrap; justify-content:flex-end; margin-bottom:30px; }
.search-box form { max-width:720px; width:100%; }
.search-box .s-ipbox { width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 10px; }
.search-box .s-ipbox select { width:260px; height:70px ; line-height:70px; padding:0 60px 0 30px; font-size:var(--font18); color:#333; font-weight:500; border:1px solid #ddd; border-radius:var(--borderR20); outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/svg/icon_select_down.svg) calc(100% - 30px) center no-repeat; }
.search-box .s-ipbox select::-ms-expand { display:none; }
.search-box .s-ipbox input { width:calc(100% - 260px - 10px); height:70px; line-height:1.3; padding:0 80px 0 30px; font-size:var(--font18); color:#333; font-weight:500; border:1px solid #ddd; border-radius:var(--borderR20); outline:none; background:none; }
.search-box .s-ipbox button { position:absolute; right:10px; top:50%; transform:translateY(-50%); width:60px; height:60px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; border-radius:0; background:url(/img/svg/search_icon_b.svg) center center no-repeat; padding:0; }
.search-box input::placeholder { color:#ccc; opacity:1; font-weight:300; }
@media screen and (max-width:1024px){
	.search-box { margin-bottom:15px; }
	.search-box .s-ipbox select { width:180px; height:60px; line-height:60px; padding:0 45px 0 10px; background-position:calc(100% - 10px) center; }
	.search-box .s-ipbox input { height:60px; padding:0 60px 0 10px; }
	.search-box .s-ipbox button { width:50px; height:50px; background-size:18px auto; }
	.search-box .s-ipbox input { width:calc(100% - 180px - 10px); }
	.search-box .s-ipbox select,
	.search-box .s-ipbox input,
	.search-box .s-ipbox button { border-radius:8px; }
}
@media screen and (max-width:640px){
	.search-box { margin-bottom:10px; }
	.search-box form { width:100%; }
	.search-box .s-ipbox select { height:50px; line-height:50px; }
	.search-box .s-ipbox input { height:50px; }
	.search-box .s-ipbox button { width:40px; height:40px; background-size:17px auto; }
	.search-box .s-ipbox { gap:5px; }
	.search-box .s-ipbox select { width:130px; }
	.search-box .s-ipbox input { width:calc(100% - 130px - 5px); }
}

.board-imglist .box:not(:last-child) { margin-bottom:20px; }
.board-imglist .box a { display:flex; align-items:center; background:#fff; border:1px dashed #ccc; border-radius:var(--borderR30); transition:all 0.4s; }
.board-imglist .box a:hover { background:#f5f5f5; }
.board-imglist .box .imgbox { width:35%; margin:-1px 0 -1px -1px; }
.board-imglist .box .imgbox figure { position:relative; width:100%; border-radius:var(--borderR30); overflow:hidden; }
.board-imglist .box .imgbox figure:before { content:""; display:block; padding-bottom:60%; }
.board-imglist .box .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.board-imglist .box a:hover .imgbox img { transform:translate(-50%, -50%) scale(1.07); }
.board-imglist .box .txtbox { position:relative; width:calc(100% - 35%); padding:0 260px 0 100px; }
.board-imglist .box .txtbox .type { color:#fff; font-size:var(--font16); font-weight:500; padding:0 12px; height:30px; background:#3e3a39; display:inline-flex; align-items:center; justify-content:center; border-radius:30px; }
.board-imglist .box .txtbox h4 { margin-top:20px; color:#111; font-size:var(--font36); font-weight:700; line-height:1.3; }
.board-imglist .box .txtbox .txt { margin-top:20px; font-family:var(--subFont); color:#666; font-size:var(--font20); font-weight:300; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.board-imglist .box .txtbox .plus { position:absolute; right:100px; top:50%; transform:translate(0, -50%); width:60px; height:60px; }
.board-imglist .box .txtbox .plus:after { content:""; display:block; position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%, -50%); width:100%; height:100%; background:url(/img/sub/indoorplus/rtls/hardware_plus.svg) center center no-repeat; }
.board-imglist .box .txtbox .plus:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:60px; background:var(--mainColor); transition:all 0.4s; }
.board-imglist .box a:hover .txtbox .plus:before { width:calc(100% + 10px); height:calc(100% + 10px); }
@media screen and (max-width:1280px){
	.board-imglist .box:not(:last-child) { margin-bottom:15px; }
	.board-imglist .box .txtbox { padding:0 180px 0 60px; }
	.board-imglist .box .txtbox h4,
	.board-imglist .box .txtbox .txt { margin-top:15px; }
	.board-imglist .box .txtbox .plus { right:60px; }
}
@media screen and (max-width:1024px){
	.board-imglist .box:not(:last-child) { margin-bottom:10px; }
	.board-imglist .box .imgbox { width:30%; }
	.board-imglist .box .txtbox { width:calc(100% - 30%); padding:0 20px 0 40px; }
	.board-imglist .box .txtbox .type { padding:0 10px; height:26px; }
	.board-imglist .box .txtbox h4,
	.board-imglist .box .txtbox .txt { margin-top:10px; }
	.board-imglist .box .txtbox .txt { -webkit-line-clamp:2; }
	.board-imglist .box a:hover .imgbox img { transform:translate(-50%, -50%) scale(1); }
	.board-imglist .box .txtbox .plus { display:none }
}
@media screen and (max-width:860px){
	.board-imglist .box .txtbox { padding:0 10px 0 20px; }
	.board-imglist .box .txtbox h4,
	.board-imglist .box .txtbox .txt { margin-top:5px; }
	.board-imglist .box .txtbox .txt { -webkit-line-clamp:2; }
}
@media screen and (max-width:640px){
	.board-imglist .box .txtbox { padding:5px 10px; }
	.board-imglist .box .txtbox .type { height:22px; }
	.board-imglist .box .txtbox h4 { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
	.board-imglist .box .txtbox h4,
	.board-imglist .box .txtbox .txt { margin-top:3px; }
	.board-imglist .box .imgbox img { width:100%; height:100%;}
	.board-imglist .box .imgbox figure:before { padding-bottom:80%; }
}
@media screen and (max-width:480px){
	.board-imglist .box .imgbox figure:before { padding-bottom:100%; }
}


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:100px 20px; }
.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
.gallery-list > ul > li .imgbox { width:100%; position:relative; overflow:hidden; background:#f5f5f5; border-radius:var(--borderR30); }
.gallery-list > ul > li .imgbox:after { content:""; display:block; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; opacity:0; background:rgba(0, 0, 0, 0.40); transition:all 0.4s; }
.gallery-list > ul > li:hover .imgbox:after { opacity:0.5; }
.gallery-list > ul > li .imgbox:before {content:""; display:block; padding-bottom:64.5%; }
.gallery-list > ul > li .imgbox img { transition:all 0.3s ease-in-out; transform:scale(1); position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.gallery-list > ul > li:hover .imgbox img { transform:scale(1.1); }
.gallery-list > ul > li .txtbox { margin-top:30px; }
.gallery-list > ul > li .txtbox h4 { margin-top:10px; color:#111; letter-spacing:-0.04em; font-size:var(--font24); font-weight:500; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.gallery-list > ul > li .txtbox .info { display:flex; gap:10px; }
.gallery-list > ul > li .txtbox .info span { color:#aaa; font-size:var(--font16); font-weight:500; line-height:1.3; padding:0 10px; height:30px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #ddd; background:#fff; border-radius:30px; transition:all 0.4s; }
.gallery-list > ul > li:hover .txtbox .info span { color:#fff; border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1280px){
	.gallery-list > ul { gap:70px 20px; }
	.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
}
@media screen and (max-width:1024px){
	.gallery-list > ul { gap:50px 10px; }
	.gallery-list > ul > li { width:calc((100% - 20px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:15px; }
	.gallery-list > ul > li .txtbox h4 { margin-top:5px; }
	.gallery-list > ul > li .txtbox .info { gap:5px; }
	.gallery-list > ul > li .txtbox .info span { padding:0 8px; height:25px; }
}
@media screen and (max-width:860px){
	.gallery-list > ul { gap:30px 10px; }
	.gallery-list > ul > li { width:calc((100% - 10px) / 2); }
	.gallery-list > ul > li .txtbox { padding-left:5px; }
}
@media screen and (max-width:640px){
	.gallery-list > ul { gap:20px 5px; }
	.gallery-list > ul > li { width:calc((100% - 5px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:10px; }
}


.board-list .col { position:relative; display:flex; align-items:center; justify-content:center; height:100px; }
.board-list .col:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
.board-list .num,
.board-list .writer,
.board-list .date,
.board-list .hit { flex-shrink:0; color:#666; font-size:var(--font18); font-weight:500; line-height:1.3; }
.board-list .num { width:120px; }
.board-list .num:before { display:none; }
.board-list .writer,
.board-list .date,
.board-list .hit,
.board-list .state { width:200px; }
.board-list .state .sbox { padding:0 20px; height:35px; background:var(--mainColor); border-radius:35px; font-family:var(--subFont); color:#fff; font-size:var(--font16); font-weight:500; line-height:1; letter-spacing:-0.035em; display:inline-flex; align-items:center; justify-content:center; box-shadow:0px 0px 20px 0px rgba(237, 108, 0, 0.20); }
.board-list .state .sbox.finish { background:#3e3a39; box-shadow:none }
.board-list .down { width:150px; }
.board-list .period { width:300px; }
.board-list .txt { width:100%; justify-content:flex-start; padding-left:30px; }
.board-list .txt strong { font-family:var(--subFont); color:#222; font-size:var(--font20); 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 > ul > li:not(:last-child) { margin-bottom:10px; }
.board-list .top,
.board-list > ul > li a { position:relative; border-radius:var(--borderR20); border:1px dashed #ccc; display:flex; align-items:center; background:rgba(245, 245, 245, 0.00); transition:all 0.4s; }
.board-list > ul > li a:hover { background:rgba(245, 245, 245, 1); }
.board-list .top { background:#000; border:none; }
.board-list .top .col { color:#fff; font-size:var(--font20); font-weight:500; }
.board-list .top .txt { 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;}
@media screen and (max-width:1280px){
	.board-list .col:before { height:10px; }
	.board-list .num { width:100px; }
	.board-list .writer,
	.board-list .date,
	.board-list .hit { width:180px; }
	.board-list .down { width:120px; }
	.board-list .period { width:260px; }
}
@media screen and (max-width:1024px){
	.board-list .num { width:80px; }
	.board-list .writer { width:150px; }
	.board-list .date { width:110px; }
	.board-list .hit { width:100px; }
	.board-list .col { height:80px; }
	.board-list .down img { width:22px; }
	.board-list > ul > li:not(:last-child) { margin-bottom:5px; }
	.board-list .col .notice { height:20px; padding:0 5px; }
	.board-list .state .sbox { padding:0 15px; height:30px; }
}
@media screen and (max-width:860px){
	.board-list .writer { width:130px; }
	.board-list .date { width:100px; }
	.board-list .hit { width:80px; }
	.board-list .state { width:140px; }
	.board-list .period { width:270px; }
}
@media screen and (max-width:640px){
	.board-list a { position:relative; flex-wrap:wrap; padding:5px 0 15px; padding-left:60px; text-align:left; }
	.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 .writer { width:100px; padding-right:10px; justify-content:flex-start; }
	.board-list .date { width:90px; padding:0 10px; text-align:center; }
	.board-list .hit { width:auto; padding-left:10px; }
	.board-list .down { width:auto; position:absolute; right:12px; bottom:15px; }
	.board-list .down img { width:20px; }
	.board-list .txt { width:100%; padding:10px 0; }
	.board-list .txt strong { -webkit-line-clamp:2; }
	.board-list .txt:before,
	.board-list .writer:before,
	.board-list .down:before,
	.board-list .state:before { display:none; }
	.board-list .state { width:70px; }
	.board-list .period { width:200px; justify-content:flex-start; padding:0 10px; }
	.board-list .state .sbox { padding:0 12px; height:25px; }
}


.board-view .viewBox { position:relative; padding:0 110px; border-bottom:1px solid #ddd; }
.board-view .top-title { text-align:center; padding:0 50px; }
.board-view .top-title .title { font-family:var(--subFont); color:#000; font-weight:700; line-height:1.3; }
.board-view .top-title .info { display:flex; gap:0 60px; justify-content:center; padding-top:40px; }
.board-view .top-title .info .txt { position:relative; font-size:var(--font18); font-weight:400; color:#66; line-height:1.3; text-transform:capitalize; display:flex; align-items:center; gap:0 10px; }
.board-view .top-title .info .txt:before { content:""; display:block; position:absolute; left:-30px; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
.board-view .top-title .info .txt strong { font-weight:500; color:#333; }
.board-view .top-title .info .txt:first-child:before { display:none; }
.board-view .top-title .info .txt .sbox { margin-top:-5px; padding:0 20px; height:35px; background:var(--mainColor); border-radius:35px; font-family:var(--subFont); color:#fff; font-size:var(--font16); font-weight:500; line-height:1; letter-spacing:-0.035em; display:inline-flex; align-items:center; justify-content:center; box-shadow:0px 0px 20px 0px rgba(237, 108, 0, 0.20); }
.board-view .top-title .info .txt .sbox.finish { background:#3e3a39; box-shadow:none }
.board-view .viewCont .contents { min-height:180px; padding:80px 0 100px; line-height:1.6; }
/*
.board-view .viewCont .contents,
.board-view .viewCont .contents * { font:initial; font-style:initial; font-weight:initial; font-size:initial; line-height:initial; letter-spacing:initial; color:initial; }
.board-view .viewCont .contents b, 
.board-view .viewCont .contents strong { font-weight:bold; }
*/
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .contents .top-info { font-family:var(--subFont); color:#333; font-size:var(--font20); font-weight:300; line-height:1.70; margin-bottom:3%; }
.board-view .viewCont .contents .top-info li { color:#333; font-size:var(--font20); font-family:var(--subFont); }
.board-view .viewCont .attach { padding:0 0 100px; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
.board-view .viewCont .attach li a { border-radius:var(--borderR20); background:#f5f5f5; display:flex; align-items:center; height:70px; font-family:var(--subFont); font-size:var(--font18); font-weight:300; color:#666; letter-spacing:-0.025em; line-height:1.3; word-break:break-word !important; }
.board-view .viewCont .attach li a .txt { position:relative; width:100%; display:flex; align-items:center; font-family:var(--subFont); font-weight:300; padding:0 30px; }
.board-view .viewCont .attach li a .tit,
.board-view .viewCont .attach li a .download { display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.board-view .viewCont .attach li a .tit { width:200px; color:#333; font-weight:500; font-family:var(--subFont); }
.board-view .viewCont .attach li a .download { position:relative; width:300px; color:#333; font-weight:700; display:flex; align-items:center; justify-content:center; gap:10px; text-transform:capitalize; }
.board-view .viewCont .attach li a .txt:before,
.board-view .viewCont .attach li a .download:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
.board-view .viewCont .btnCont { margin-bottom:100px; }
.board-view .btn-pn { position:absolute; top:0; width:78px; height:78px; display:flex; align-items:center; justify-content:center; border-radius:var(--borderR20); border:1px dashed #ccc; transition:all 0.4s; }
.board-view .btn_prev { left:0; }
.board-view .btn_next { right:0; }
.board-view .btn-pn:hover { border:1px dashed var(--mainColor); background:var(--mainColor); }
.board-view .btn-pn img { transition:all 0.4s; }
.board-view .btn-pn:hover img { filter:brightness(0) invert(1); }
@media screen and (max-width:1440px){
	.board-view .viewBox { padding:0 100px; }
	.board-view .viewCont .attach li a .tit { width:150px; }
	.board-view .viewCont .attach li a .download { width:200px; }
}
@media screen and (max-width:1280px){
	.board-view .viewBox { padding:0 80px; }
	.board-view .top-title { padding:0 30px; }
	.board-view .top-title .info { gap:0 40px; padding-top:30px; }
	.board-view .top-title .info .txt { gap:0 10px; }
	.board-view .top-title .info .txt:before { left:-20px; height:10px; }
	.board-view .viewCont .contents { padding:60px 0 80px; }
	.board-view .viewCont .attach { padding:0 0 80px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li a { height:65px; }
	.board-view .viewCont .attach li a .txt { padding:0 20px; }
	.board-view .viewCont .attach li a .tit { width:120px; }
	.board-view .viewCont .attach li a .download { width:170px; gap:10px; }
	.board-view .viewCont .attach li a .txt:before,
	.board-view .viewCont .attach li a .download:before { height:10px; }
	.board-view .btn-pn { width:65px; height:65px; }
}
@media screen and (max-width:1024px){
	.board-view .viewBox { padding:0; }
	.board-view .top-title { padding:0 60px; }
	.board-view .top-title .info { gap:0 30px; padding-top:20px; }
	.board-view .top-title .info .txt:before { left:-15px; }
	.board-view .top-title .info .txt .sbox { padding:0 15px; height:30px; }
	.board-view .viewCont .contents { padding:40px 0 60px; }
	.board-view .viewCont .attach { padding:0 0 60px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:5px; }
	.board-view .viewCont .attach li a { height:60px; }
	.board-view .viewCont .attach li a .txt { padding:0 15px; }
	.board-view .viewCont .attach li a .tit { width:100px; }
	.board-view .viewCont .attach li a .download { width:150px; gap:5px; }
	.board-view .viewCont .attach li a .download img { width:30px; }
	.board-view .viewCont .btnCont { margin-bottom:50px; }
	.board-view .btn-pn { width:50px; height:50px; }
	.board-view .btn-pn img { width:12px; }
}
@media screen and (max-width:640px){
	.board-view .top-title { padding:0 55px; }
	.board-view .top-title .info { padding-top:10px; }
	.board-view .top-title .info .txt .sbox { padding:0 12px; height:25px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { padding:0 0 40px; }
	.board-view .viewCont .attach li a { height:55px; }
	.board-view .viewCont .attach li a .txt { padding:0 10px; }
	.board-view .viewCont .attach li a .tit { width:90px; }
	.board-view .viewCont .attach li a .download { width:110px; }
	.board-view .viewCont .attach li a .download img { width:26px; }
	.board-view .viewCont .btnCont { margin-bottom:25px; }
	.board-view .btn-pn {width:45px; height:45px; }
	.board-view .btn-pn img { width:10px; }
}
@media screen and (max-width:480px){
	.board-view .viewCont .attach li a .tit { width:80px; }
	.board-view .viewCont .attach li a .download { width:46px; }
	.board-view .viewCont .attach li a .download span { display:none }
}

.newsletter-top { display:flex; gap:30px; flex-wrap:wrap; }
.newsletter-top > div { width:calc((100% - 30px) / 2); }
.newsletter-top .imgbox { position:relative; padding:90px; background:url(/img/sub/newsletter_bg.png) no-repeat center / cover; border-radius:var(--borderR30); overflow:hidden; }
.newsletter-top .imgbox h4 { color:var(--mainColor); font-size:var(--font20); font-weight:700; line-height:1.3; }
.newsletter-top .imgbox dt { margin-top:20px; color:#fff; font-weight:700; line-height:1.3; letter-spacing:-0.035em; }
.newsletter-top .imgbox dd { margin-top:20px; font-family:var(--subFont); color:#fff; font-size:var(--font20); font-weight:400; line-height:1.7; letter-spacing:-0.035em; }
.newsletter-top .txt_b { margin-top:20px; font-family:var(--subFont); color:#666; font-size:var(--font18); font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.newsletter-top .registerBox ul.iplist { margin:0; } 
.newsletter-top .registerBox .privacy-ch { margin-top:40px; }
@media screen and (max-width:1720px){
	.newsletter-top { gap:20px; }
	.newsletter-top > div { width:calc((100% - 20px) / 2); }
	.newsletter-top .imgbox { padding:70px; }
	.newsletter-top .imgbox dd br { display:none }
	.newsletter-top .imgbox dd .m_br { display:block }
	.newsletter-top .registerBox ul.iplist > li > label { width:150px; }
	.newsletter-top .registerBox ul.iplist > li .ipbox { width:calc(100% - 150px); }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip input { max-width:150px; }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { width:140px; }
}
@media screen and (max-width:1440px){
	.newsletter-top { gap:20px; }
	.newsletter-top .imgbox { width:40%; padding:50px; }
	.newsletter-top .nl-box { width:calc(60% - 20px); }
	.newsletter-top .registerBox ul.iplist > li > label { width:150px; }
	.newsletter-top .registerBox ul.iplist > li .ipbox { width:calc(100% - 150px); }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip input { max-width:150px; }
}
@media screen and (max-width:1280px){
	.newsletter-top { gap:20px; }
	.newsletter-top .imgbox { padding:40px; } 
	.newsletter-top .imgbox dt,
	.newsletter-top .imgbox dd { margin-top:10px; }
	.newsletter-top .registerBox ul.iplist > li > label { width:130px; }
	.newsletter-top .registerBox ul.iplist > li .ipbox { width:calc(100% - 130px); }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip input { max-width:150px; }
}
@media screen and (max-width:1024px){
	.newsletter-top .imgbox { width:100%; padding:40px; }
	.newsletter-top .nl-box { width:100%; }
	.newsletter-top .registerBox .privacy-ch { margin-top:20px; }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { width:130px; }
}
@media screen and (max-width:640px){
	.newsletter-top .imgbox { padding:20px; }
	.newsletter-top .registerBox .privacy-ch { margin-top:10px; }
	.newsletter-top .registerBox ul.iplist > li > label,
	.newsletter-top .registerBox ul.iplist > li .ipbox { width:100%; text-align:left; }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip input { max-width:110px; }
	.newsletter-top .registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { width:115px; }
}

/* animation */
.newsletter-top .imgbox:before { content:""; background:rgba(0, 0, 0, 0.5); position:absolute; top:0; right:0; width:100%; height:100%; }
.newsletter-top.subOn .imgbox:before { animation:ani_w100 1.0s 0.1s; animation-fill-mode:both; }
.newsletter-top .imgbox h4 { opacity:0; }
.newsletter-top.subOn .imgbox h4 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.newsletter-top .imgbox dl { opacity:0; }
.newsletter-top.subOn .imgbox dl { animation:ani_5 3s 0.3s; animation-fill-mode:both; }
.newsletter-top .nl-box { opacity:0; }
.newsletter-top.subOn .nl-box { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }

.registerBox ul.iplist { display:flex; flex-wrap:wrap; gap:10px; }
.registerBox ul.iplist > li { width:calc((100% - 10px) / 2); padding:25px 0; position:relative; display:flex; align-items:center; border-radius:var(--borderR20); border:1px dashed #ccc; }
.registerBox ul.iplist > li.top { align-items:flex-start; padding-top:25px; }
.registerBox ul.iplist > li.full { width:100%; }
.registerBox ul.iplist > li > label { width:200px; font-family:var(--subFont); font-size:var(--font18); color:#333; font-weight:500; line-height:1.3; display:flex; align-items:center; justify-content:center; }
.registerBox ul.iplist > li .ipbox { width:calc(100% - 200px); padding:0 30px; }
.registerBox ul.iplist > li .ipbox.ipflex { display:flex; gap:20px; align-items:center; }
.registerBox ul.iplist > li .ipbox.ipflex .ch { flex-shrink:0; }
.registerBox ul.iplist > li input[type="text"],
.registerBox ul.iplist > li input[type="password"] { height:60px; padding:0 25px; width:100%; font-family:var(--subFont); font-size:var(--font17); color:#333; font-weight:500; border:none; outline:none; background:#f5f5f5; border-radius:var(--borderR15); }
.registerBox ul.iplist > li select { width:100%; height:60px; line-height:60px; padding:0 80px 0 25px; font-family:var(--subFont); font-size:var(--font17); color:#333; font-weight:500; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:var(--borderR15); background:url(/img/svg/icon_select_down.svg) calc(100% - 30px) 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:25px; font-family:var(--subFont); font-size:var(--font17); color:#333; font-weight:500; border:none; outline:none; background:#f5f5f5; border-radius:var(--borderR15); }
.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:500px; }
.registerBox ul.iplist > li select.sel02 { max-width:300px; }
.registerBox ul.iplist > li select.sel-l { max-width:400px; width:100%; }
.registerBox ul.iplist > li input.ip-l { max-width:400px; width:100%; }
.registerBox ul.iplist > li input.ip01 { max-width:200px; width:100%; }
.registerBox ul.iplist > li input.ip02 { width:300px; }
.registerBox ul.iplist > li input.ip03 { max-width:200px; width:100%; }
.registerBox ul.iplist > li .ipbox .stxt { margin:0 20px 0 5px; font-family:var(--subFont); color:#333; font-size:var(--font18); font-weight:400; line-height:1.3; }
.registerBox ul.iplist > li .ipbox .stxt.stxt1 { margin:0 5px; }
.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:300px; height:60px; border:none; padding:0 25px; font-size:var(--font17); color:#333; font-weight:500; background:#f5f5f5; border-radius:var(--borderR15); }
.registerBox ul.iplist > li .ipbox .ipcont .upload-name.on { padding:0 0 0 40px; background:#f5f5f5 url(/img/svg/file_icon.svg) 15px center no-repeat; }
.registerBox ul.iplist > li .ipbox .ipcont .file { flex-shrink:0; position:relative; width:180px; height:60px; border:1px solid #ddd; background:#fff; border-radius:70px; cursor:pointer; gap:10px; display:flex; align-items:center; justify-content:center; }
.registerBox ul.iplist > li .ipbox .ipcont .file span { text-align:center; font-size:var(--font18); color:#333; font-weight:500; line-height:1.0; display:flex; }
.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:150px; height:60px; border-radius:8px; flex-shrink:0; }
.registerBox ul.iplist > li .kcaptcha_ip input { width:100%; max-width:220px; height:60px; border:none; padding:0 25px; font-size:var(--font17); color:#333; font-weight:500; background:#f5f5f5; border-radius:var(--borderR15); }
.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { flex-shrink:0; color:#333; font-size:var(--font18); font-weight:500; line-height:1.3; letter-spacing:-0.035em; height:60px; width:160px; border:1px solid #ddd; outline:none; background:none; border-radius:70px; gap:10px; display:flex; align-items:center; justify-content:center; }
.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 { position:relative; padding:0 30px; display:flex; align-items:center; height:100px; border-radius:var(--borderR20); background:#fff; border:1px solid #ddd; transition:all 0.3s; }
.registerBox .privacy-ch.noL { padding:0; border:none; height:auto; }
.registerBox .privacy-ch.checked { border:1px solid var(--mainColor); }
.registerBox .privacy-ch.checked.noL { border:none; }
.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 { position:absolute; top:50%; right:40px; transform:translateY(-50%); 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; margin-left:10px; display:flex; align-items:center; flex-wrap:wrap; gap:10px 60px; min-height:50px; padding:10px 0; }
.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:#222; }
.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:1440px){
	.registerBox ul.iplist > li { padding:20px 0; }
	.registerBox ul.iplist > li.top { padding-top:20px; }
	.registerBox .privacy-ch { height:90px; }
}
@media screen and (max-width:1280px){
	.registerBox ul.iplist > li { padding:15px 0; }
	.registerBox ul.iplist > li.top { padding-top:15px; }
	.registerBox ul.iplist > li > label { width:150px; }
	.registerBox ul.iplist > li .ipbox { width:calc(100% - 150px); padding:0 20px; }
	.registerBox .privacy-ch { height:80px; }
}
@media screen and (max-width:1024px){
	.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% - 10px) center; }
	.registerBox ul.iplist > li select::-ms-expand { display:none; }
	.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 input.ip01 { max-width:150px; }
	.registerBox ul.iplist > li .kcaptcha_ip .img { width:110px; height:50px; }
	.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { height:50px; gap:5px; width:130px; }
	.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh img { width:20px; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { 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 .ipbox .ipcont .file { width:140px; height:50px; }
	.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 { padding:0 20px; }
	.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 input.ip01.ip01-1 { max-width:100%; width:calc((100% - 130px) / 3); }
	.registerBox ul.iplist > li input.ip01.ip01-2 { max-width:100%; width:calc((100% - 30px) / 2); }
	.registerBox ul.iplist > li input.ip01.ip01-3 { max-width:100%; width:calc((100% - 48px) / 3); }
	.registerBox ul.iplist > li select.sel02 { margin-top:5px; max-width:100%; }
	.registerBox ul.iplist > li .ipbox .ipcont .upload-name { width:calc(100% - 120px - 10px); }
	.registerBox ul.iplist > li .ipbox .ipcont .file { width:120px; gap:0 5px; }
}
@media screen and (max-width:640px){
	.registerBox ul.iplist > li { flex-wrap:wrap; padding:10px 15px; }
	.registerBox ul.iplist > li > label { width:100%; text-align:left; justify-content:flex-start; margin-bottom:5px; }
	.registerBox ul.iplist > li .ipbox { width:100%; padding:0; }
	.registerBox ul.iplist > li .kcaptcha_ip .btn_refresh { width:115px; }
	.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; }
	.registerBox .privacy-ch { padding:0 15px; }
	.registerBox .privacy-ch a { right:10px; }
}

.blog-top .list { position:relative; padding:20px; display:flex; align-items:center; gap:150px; flex-wrap:wrap; border-radius:400px; border:1px dashed #ccc; }
.blog-top .list figure { border-radius:400px; overflow:hidden; }
.blog-top .list figure img { max-width:100%;}
.blog-top .list .txtbox > span { color:#aaa; font-size:var(--font20); font-weight:700; line-height:1.3; }
.blog-top .list .txtbox h4 { margin:20px 0; color:#000; font-weight:700; line-height:1.3; letter-spacing:-0.05em; }
.blog-top .list .txtbox .txt { color:#333; font-size:var(--font20); font-weight:300; line-height:1.6; letter-spacing:-0.035em; }
.blog-top .btnMore { position:absolute; top:50%; transform:translateY(-50%); right:100px; }

@media screen and (max-width:1720px){
	.blog-top .list figure { width:46%; }
	.blog-top .list { gap:80px; }
	.blog-top .btnMore { right:50px; }
}
@media screen and (max-width:1280px){
	.blog-top .list { padding:15px; gap:60px; }
	.blog-top .list .txtbox h4 { margin:15px 0; }
}
@media screen and (max-width:1024px){
	.blog-top .list { padding:10px; gap:40px; }
	.blog-top .list .txtbox h4 { margin:10px 0; }
}
@media screen and (max-width:860px){
	.blog-top .list { gap:20px; }
	.blog-top .list figure { width:42%; }
	.blog-top .list .txtbox h4 { margin:10px 0; }
	.blog-top .btnMore { right:30px; }
}
@media screen and (max-width:640px){
	.blog-top .list  { border-radius:15px; }
	.blog-top .list figure { width:100%; border-radius:10px; }
	.blog-top .btnMore { right:20px; top:unset; transform:translate(0); bottom:25px; }
}

/* animation */
.blog-top { opacity:0; }
.blog-top.subOn { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.inquiry-box { }


/* search */
.search-result .subtitle-box { text-align:center }
.search-result .top-search { margin-top:60px; }
.search-result .top-search form { width:100%; }
.search-result .top-search .ipbtn { position:relative; width:100%; max-width:1000px; margin:0 auto; background:#fff; }
.search-result .top-search .ipbtn input[type="text"] { width:100%; border-radius:70px; border:1px solid #eee; outline:none; color:#111; font-size:var(--font20); font-weight:600; padding:0 80px 0 30px; height:80px; line-height:80px; background:none }
.search-result .top-search .ipbtn input::placeholder{ color:#aaa; font-weight:500; }
.search-result .top-search .ipbtn .btn { position:absolute; right:20px; top:50%; width:50px; height:50px; transform:translateY(-50%); background:url(/img/svg/search_icon_i.svg) center center no-repeat; }
.search-result .top-search .ipbtn .btn button { border:none; outline:none; background:none; }
.search-result .top-search .ipbtn .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.search-result .toptal { margin-top:60px; color:#333; font-family:var(--subFont); font-size:var(--font22); font-weight:500; line-height:1.3; letter-spacing:-0.035em; text-align:center; }
.search-result .toptal span { font-family:var(--subFont); color:var(--mainColor); }
.search-result .listbox { margin-top:200px; }
.search-result .listbox > dl:not(:last-child) { margin-bottom:250px; }
.search-result .listbox > dl > dt { padding-bottom:60px; display:flex; gap:10px; text-align:center; justify-content:center; }
.search-result .listbox > dl > dt strong { color:#000; font-weight:700; line-height:1.3; letter-spacing:-0.035em; text-transform:capitalize; }
.search-result .listbox > dl > dt span { background:var(--mainColor); color:#fff; font-size:var(--font20); font-weight:700; line-height:0.9; width:35px; height:35px; border-radius:var(--borderR10); display:flex; align-items:center; justify-content:center; }
@media screen and (max-width:1024px){
	.search-result .top-search,
	.search-result .toptal { margin-top:30px; }
	.search-result .top-search .ipbtn input[type="text"] { padding:0 70px 0 20px; height:60px; line-height:60px; }
	.search-result .top-search .ipbtn .btn { background-size:20px auto; width:40px; height:40px; }
	.search-result .listbox { margin-top:100px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:120px; }
	.search-result .listbox > dl > dt { padding-bottom:30px; gap:5px; }
	.search-result .listbox > dl > dt span { width:26px; height:26px; }
}
@media screen and (max-width:640px){
	.search-result .subtitle-box { padding-top:40px; }
	.search-result .top-search,
	.search-result .toptal { margin-top:15px; }
	.search-result .top-search .ipbtn input[type="text"] { padding:0 60px 0 15px; height:50px; line-height:50px; }
	.search-result .top-search .ipbtn .btn { background-size:18px auto; right:8px; width:36px; height:36px; }
	.search-result .listbox { margin-top:50px; }
	.search-result .listbox > dl:not(:last-child) { margin-bottom:60px; }
	.search-result .listbox > dl > dt { padding-bottom:15px; }
	.search-result .listbox > dl > dt span { width:22px; height:22px; }
}


.faq-box .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
.faq-box .listbox > ul > li { border-radius:var(--borderR20); border:1px dashed #ccc; background:rgba(245, 245, 245, 0.00); overflow:hidden; transition:all 0.4s; }
.faq-box .listbox > ul > li > p { cursor:pointer; position:relative; padding:20px 120px 20px 230px; min-height:100px; display:flex; align-items:center; font-family:var(--subFont); color:#333; font-size:var(--font20); font-weight:400; line-height:1.3; transition:all 0.4s; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; filter:brightness(0) invert(0); position:absolute; right:54px; top:50%; transform:translateY(-50%); width:15px; height:15px; background:url(/img/svg/faq_arr.svg) center center no-repeat; transition:all 0.3s } 
.faq-box .listbox > ul > li > p strong { position:absolute; left:0; top:50%; transform:translate(0, -50%); width:200px; padding:0 10px; display:flex; align-items:center; justify-content:center; }
.faq-box .listbox > ul > li > p strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; } 
.faq-box .listbox > ul > li > p strong span { text-align:center; color:#fff; font-size:var(--font16); font-weight:600; line-height:1.0; padding:6px 15px 5px; min-height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:40px; background:#3e3a39; transition:all 0.4s; }
.faq-box .listbox > ul > li .contentBox { position:relative; padding:60px; }
/* .faq-box .listbox > ul > li .contentBox { position:relative; padding:60px; font-family:var(--subFont); color:#333; font-size:var(--font18); font-weight:300; line-height:1.66; letter-spacing:-0.03em; } */
.faq-box .listbox > ul > li .contentBox:before { content:""; display:block; position:absolute; left:30px; top:0; width:calc(100% - (30px * 2)); height:1px; background:#ddd; }
.faq-box .listbox > ul > li.on { border:1px solid #3e3a39; background:#fff; }
.faq-box .listbox > ul > li.on > p { color:#111; font-weight:500; }
.faq-box .listbox > ul > li.on > p:before { transform:translateY(-50%) rotate(180deg); filter:none; }
.faq-box .listbox > ul > li.on > p strong span { background:var(--mainColor); }
@media screen and (max-width:1280px){
	.faq-box .listbox > ul > li > p { padding:0 100px 0 210px; }
	.faq-box .listbox > ul > li > p:before { right:50px; }
	.faq-box .listbox > ul > li > p strong { width:180px; }
	.faq-box .listbox > ul > li .contentBox { padding:50px; }
	.faq-box .listbox > ul > li .contentBox:before { left:25px; width:calc(100% - (25px * 2)); }
}
@media screen and (max-width:1024px){
	.faq-box .listbox > ul > li:not(:last-child) { margin-bottom:5px; }
	.faq-box .listbox > ul > li > p { padding:15px 80px 15px 170px; min-height:90px; }
	.faq-box .listbox > ul > li > p:before { right:40px; }
	.faq-box .listbox > ul > li > p strong { width:150px; }
	.faq-box .listbox > ul > li > p strong:before { height:10px; }
	.faq-box .listbox > ul > li .contentBox { padding:40px; }
	.faq-box .listbox > ul > li .contentBox:before { left:20px; width:calc(100% - (20px * 2)); }
}
@media screen and (max-width:640px){
	.faq-box .listbox > ul > li > p { padding:15px 60px 15px 20px; min-height:60px; flex-direction:column; gap:10px 0; text-align:left; align-items:flex-start; }
	.faq-box .listbox > ul > li > p:before { right:20px; width:12px; height:12px; background-size:12px auto;}
	.faq-box .listbox > ul > li > p strong { position:relative; width:100%; left:0; top:0; padding:0; transform:translate(0); justify-content:flex-start; }
	.faq-box .listbox > ul > li > p strong span { padding:6px 12px 5px; min-height:25px; }
	.faq-box .listbox > ul > li > p strong:before { display:none }
	.faq-box .listbox > ul > li .contentBox { padding:20px; }
	.faq-box .listbox > ul > li .contentBox:before { left:10px; width:calc(100% - (10px * 2)); }
}


/* page */
.page { margin-top:100px; text-align:center; padding:0; display:flex; align-items:center; justify-content:center; gap:10px; } 
.page a { transition:all 0.3s; position:relative; font-size:var(--font18); line-height:40px; height:40px; font-weight:600; color:#aaa; border:none; padding:0; min-width:40px; border-radius:var(--borderR10); border:none; display:inline-block; }
.page ul { display:flex; align-items:center; justify-content:center; gap:10px; }
.page li.on a { color:#fff; font-weight:700; background:var(--mainColor); filter:drop-shadow(0px 0px 10px rgba(237, 108, 0, 0.30)); }
.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; }

@media screen and (max-width:1024px){
	.page { margin-top:50px; } 
	.page,
	.page ul { gap:5px; }
	.page a { line-height:35px; height:35px; min-width:35px; font-size:2.0rem; border-radius:4px; }
}
@media screen and (max-width:640px){
	.page { margin-top:30px; } 
}



.btnCont { margin-top:85px; display:flex; justify-content:center; align-items:center; gap:0 10px; }
.btnCont button { border:none; background:none; outline:none; }
.btnCont a.bar,
.btnCont button.bar { width:250px; height:80px; padding:5px 8px; display:flex; justify-content:center; align-items:center; transition:all 0.3s ease-in-out; }
.btnCont a.bar span,
.btnCont button.bar span { width:100%; height:100%; background:var(--mainColor); color:#fff; font-size:var(--font20); font-weight:700; line-height:1.3; border-radius:70px; display:flex; justify-content:center; align-items:center; }
.btnCont a.bk span,
.btnCont button.bk span { background:#3e3a39; }
.btnCont a.bar:hover,
.btnCont button.bar:hover { padding:0; }
.btnCont a.list { position:relative; width:90px; height:90px; }
.btnCont a.list span { text-indent:-9999em; overflow:hidden; width:100%; height:100%; display:block }
.btnCont a.list:after { content:""; display:block; position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%, -50%); width:100%; height:100%; background:url(/img/svg/icon_list.svg) center center no-repeat; }
.btnCont a.list:before { content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:90px; background:#3e3a39; transition:all 0.4s; }
.btnCont a.list:hover:before { width:calc(100% + 10px); height:calc(100% + 10px); }
@media screen and (max-width:1440px){
	.btnCont { margin-top:65px; }
	.btnCont a.bar,
	.btnCont button.bar { width:230px; height:70px; }
}
@media screen and (max-width:1024px){
	.btnCont { margin-top:40px; }
	.btnCont a.bar,
	.btnCont button.bar { width:200px; height:60px; }
	.btnCont a.list { width:60px; height:60px; }
	.btnCont a.list:after { background-size:21px auto; }
}



.subbody .os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0, 0, 0, 0.08); width:3px; border-radius:3px; }
.subbody .os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0, 0, 0, 0.08); height:3px; border-radius:3px; }
.subbody .os-theme-dark > .os-scrollbar-vertical, 
.subbody .os-theme-light > .os-scrollbar-vertical { width:3px; }
.subbody .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#222; width:3px; height:3px; border-radius:3px; 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:#222; border-radius:3px; 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) }