@charset "utf-8";

.subtitleTop { position:relative; z-index:2; padding-top:115px; } 
.subtitleTop .location dl { display:flex; }
.subtitleTop .location dt { color:#888; font-size:16px; font-weight:300; line-height:1.3; }
.subtitleTop .location dt a { color:#888; }
.subtitleTop .location dd > span,
.subtitleTop .location dd > strong { position:relative; display:inline-block; padding-left:19px; margin-left:17px; }
.subtitleTop .location dd > span:before,
.subtitleTop .location dd > strong:before { content:""; display:block; position:absolute; left:0; top:48%; transform:translateY(-50%); width:6px; height:12px; background:url(/img/svg/location_arr.svg) center no-repeat;}
.subtitleTop .location dd span,
.subtitleTop .location dd strong { color:#333; font-size:16px; font-weight:400; line-height:1.3; }
.subtitleTop .location dd span { color:#888; }
.subtitleTop .location dd span a { color:#888; }
.subtitleTop .location dd strong.active a { color:#333; font-weight:400; }
.subtitleTop .location dd span.on,
.subtitleTop .location dd span.title { display:none }
.subtitleTop h3 { margin-top:75px; }
.subtitleTop h3 span { color:#111; font-size:68px; font-weight:600; line-height:1.3; }
@media screen and (max-width:1440px){
	.subtitleTop h3 { margin-top:60px; }
	.subtitleTop h3 span { font-size:52px; }
}
@media screen and (max-width:1280px){
	.subtitleTop h3 { margin-top:50px; }
	.subtitleTop h3 span { font-size:46px; }
}
@media screen and (max-width:1024px){
	.subtitleTop { padding-top:80px; } 
	.subtitleTop .location dt { font-size:15px; }
	.subtitleTop .location dd > span,
	.subtitleTop .location dd > strong { padding-left:12px; margin-left:10px; }	
	.subtitleTop .location dd > span:before,
	.subtitleTop .location dd > strong:before { width:6px; height:12px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { font-size:15px; }
	.subtitleTop h3 { margin-top:35px; }
	.subtitleTop h3 span { font-size:32px; }
}
@media screen and (max-width:640px){
	.subtitleTop h3 { margin-top:25px; }
	.subtitleTop h3 span { font-size:26px; }
	.subtitleTop .location dd > span,
	.subtitleTop .location dd > strong { padding-left:10px; margin-left:7px; }
	.subtitleTop .location dd span,
	.subtitleTop .location dd strong { font-size:14px; }
}

/* animation */
.subtitleTop h3 { overflow:hidden }
.subtitleTop h3 span { display:block }
.subtitleTop.subTopCont1 h3 span,
.subtitleTop.subTopCont2 h3 span { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

#subContents { padding:60px 0 0; }
@media screen and (max-width:1024px){
    #subContents { padding:30px 0 0; }
}

.sub-visual { width:100%; overflow:hidden; width:100%; padding-top:calc(606 / 1920* 100%); background-repeat:no-repeat; background-position:center center; background-size:cover !important; background-attachment:fixed; }
.sub-visual.about-bg { background-image:url(/img/sub/about_visual_img01.jpg); }
.sub-visual.overview-bg { background-image:url(/img/sub/overview_visual_img01.jpg); }
@media screen and (max-width:1440px){
	.sub-visual { padding-top:calc(606 / 1440 * 100%); }
}
@media screen and (max-width:1024px){
	.sub-visual { position:sticky; top:0; padding-top:calc(460 / 1024 * 100%); background-attachment:scroll; }
}
@media screen and (max-width:640px){
	.sub-visual { padding-top:calc(400 / 640 * 100%); }
}

.subbody .contents-box { padding-top:140px; }
@media screen and (max-width:1024px){
	.subbody .contents-box { padding-top:100px; }
}
@media screen and (max-width:640px){
	.subbody .contents-box { padding-top:70px; }
}

.product-box .contents-box,
.board-box .contents-box,
.result-box .contents-box,
.policy-box .contents-box { padding-top:30px; }
@media screen and (max-width:1024px){
	.product-box .contents-box,
	.board-box .contents-box,
	.result-box .contents-box,
	.policy-box .contents-box { padding-top:15px; }
}
.product-view .contents-box{ padding-top:15px; }
@media screen and (max-width:1024px){
	.product-view .contents-box{ padding-top:5px; }
}


.icon_plus { position:relative; display:inline-block; }
.icon_plus:before { content:""; display:block; position:absolute; right:-40px; top:-25px; width:41px; height:41px; background:url(/img/svg/icon_plus2.svg) center center no-repeat; }
@media screen and (max-width:1440px){
	.icon_plus:before { right:-34px; top:-20px; width:35px; height:35px; background-size:35px auto; } 
}
@media screen and (max-width:1280px){
	.icon_plus:before { right:-25px; top:-15px; width:26px; height:26px; background-size:26px auto; } 
}
@media screen and (max-width:640px){
	.icon_plus:before { right:-20px; top:-10px; width:20px; height:20px; background-size:20px auto; } 
}


.company-box h4.tit { color:#111; font-size:55px; font-weight:600; line-height:1.6; letter-spacing:-0.06em; }
.company-box .top { position:relative; }
.company-box .top .txt-1 strong { font-weight:600; }
.company-box .top .txt-2 { margin-top:50px; margin-left:50%; padding-left:120px; color:#333; font-size:20px; font-weight:300; line-height:1.7; }
.company-box .top .txt-2 strong { font-weight:600; }
.company-box .top .txt_svg { position:absolute; right:114px; top:40px; }
.company-box .top .txt_svg .txt { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); animation:rotate3 20s infinite linear; }
.company-box .top .txt_svg .icon { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; }
.company-box .listbox { margin-top:120px;}
.company-box .listbox > ul > li { display:flex; flex-wrap:wrap; align-items:center; background:#f6f6f6; overflow:hidden; }
.company-box .listbox > ul > li:not(:last-child) { margin-bottom:50px; }
.company-box .listbox > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.company-box .listbox > ul > li > div { width:50%; }
.company-box .listbox > ul > li .imgbox { position:relative; }
.company-box .listbox > ul > li .imgbox:before{ content:""; display:block; padding-bottom:68.6%; }
.company-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.company-box .listbox > ul > li .txtbox { padding:0 90px; color:#333; font-size:20px; font-weight:300; line-height:1.7; }
.company-box .listbox > ul > li .txtbox strong { font-weight:600; }
.company-box .listbox > ul > li .txtbox dt span { font-family:var(--mainFont); color:#999; font-size:18px; font-weight:400; line-height:1.3; }
.company-box .listbox > ul > li .txtbox dt strong { margin-top:10px; display:block; color:#222; font-size:34px; font-weight:600; line-height:1.3; }
.company-box .listbox > ul > li .txtbox dd { margin-top:30px; }
.company-box .value-box { margin-top:150px; }
.company-box .value-box .tit-box { text-align:center; }
.company-box .value-box .tit-box .txt { margin-top:30px; color:#333; font-size:20px; font-weight:300; line-height:1.7; }
.company-box .value-box .list { margin-top:70px; }
.company-box .value-box .list ul { display:flex; flex-wrap:wrap; gap:24px; }
.company-box .value-box .list li { position:relative; width:calc((100% - 72px) / 4); }
.company-box .value-box .list li:before { content:""; display:block; padding-bottom:100%; }
.company-box .value-box .list li .box { position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; text-align:center; }
.company-box .value-box .list li .box:after { content:""; display:block; position:absolute; left:-1px; top:-1px; width:0; height:1px; background:#333; transition:all 0.5s; }
.company-box .value-box .list li .box:before { content:""; display:block; position:absolute; left:-1px; top:-1px; width:1px; height:0; background:#333; transition:all 0.5s; }
.company-box .value-box .list li .box:hover:after { width:calc(100% + 2px); }
.company-box .value-box .list li .box:hover:before { height:calc(100% + 2px); }
.company-box .value-box .list li .box .wbox { position:relative; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.company-box .value-box .list li .box .wbox:after { content:""; display:block; position:absolute; right:-1px; bottom:-1px; width:0; height:1px; background:#333; transition:all 0.5s; }
.company-box .value-box .list li .box .wbox:before { content:""; display:block; position:absolute; right:-1px; bottom:-1px; width:1px; height:0; background:#333; transition:all 0.5s; }
.company-box .value-box .list li .box:hover .wbox:after { width:calc(100% + 2px); }
.company-box .value-box .list li .box:hover .wbox:before { height:calc(100% + 2px); }
.company-box .value-box .list li .box .txt { margin-top:24px; color:#333; font-size:20px; font-weight:300; line-height:1.3; }
@media screen and (max-width:1440px){
	.company-box h4.tit { font-size:40px; }
	.company-box .top .txt-2 { margin-top:35px; padding-left:90px; font-size:19px; }
	.company-box .top .txt_svg { right:95px; top:40px; }
	.company-box .top .txt_svg .txt img { width:190px; }
	.company-box .top .txt_svg .icon img { width:35px; }
	.company-box .listbox { margin-top:100px; }
	.company-box .listbox > ul > li:not(:last-child) { margin-bottom:40px; }
	.company-box .listbox > ul > li .txtbox { padding:0 70px; font-size:19px; }
	.company-box .listbox > ul > li .txtbox br { display:none }
	.company-box .listbox > ul > li .txtbox dt span { font-size:17px; }
	.company-box .listbox > ul > li .txtbox dt strong { margin-top:10px; font-size:32px; }
	.company-box .listbox > ul > li .txtbox dd { margin-top:25px; }
	.company-box .value-box { margin-top:120px; }
	.company-box .value-box .tit-box .txt { margin-top:25px; font-size:19px; }
	.company-box .value-box .list { margin-top:60px; }
	.company-box .value-box .list ul { gap:20px; }
	.company-box .value-box .list li { width:calc((100% - 60px) / 4); }
	.company-box .value-box .list li .box .txt { margin-top:20px; font-size:19px; }
}
@media screen and (max-width:1280px){
	.company-box h4.tit { font-size:34px; }
	.company-box .top .txt-2 { margin-top:30px; padding-left:60px; font-size:18px; }
	.company-box .top .txt_svg { right:80px; top:40px; }
	.company-box .top .txt_svg .txt img { width:160px; }
	.company-box .top .txt_svg .icon img { width:30px; }
	.company-box .listbox { margin-top:80px; }
	.company-box .listbox > ul > li:not(:last-child) { margin-bottom:30px; }
	.company-box .listbox > ul > li .txtbox { padding:0 60px; font-size:18px; }
	.company-box .listbox > ul > li .txtbox dt span { font-size:16px; }
	.company-box .listbox > ul > li .txtbox dt strong { margin-top:8px; font-size:28px; }
	.company-box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.company-box .value-box { margin-top:90px; }
	.company-box .value-box .tit-box .txt { margin-top:25px; font-size:18px; }
	.company-box .value-box .list { margin-top:60px; }
	.company-box .value-box .list ul { gap:15px; }
	.company-box .value-box .list li { width:calc((100% - 45px) / 4); }
	.company-box .value-box .list li .box .txt { margin-top:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
	.company-box h4.tit { font-size:28px; }
	.company-box .top .txt-2 { margin-top:25px; padding-left:40px; font-size:17px; }
	.company-box .top .txt-2 br { display:none }
	.company-box .listbox { margin-top:60px; }
	.company-box .listbox > ul > li:not(:last-child) { margin-bottom:20px; }
	.company-box .listbox > ul > li .txtbox { padding:0 40px; font-size:17px; }
	.company-box .listbox > ul > li .txtbox dt span { font-size:15px; }
	.company-box .listbox > ul > li .txtbox dt strong { margin-top:5px; font-size:24px; }
	.company-box .listbox > ul > li .txtbox dd { margin-top:15px; }
	.company-box .value-box { margin-top:70px; }
	.company-box .value-box .tit-box .txt { margin-top:25px; font-size:17px; }
	.company-box .value-box .list { margin-top:60px; }
	.company-box .value-box .list ul { gap:10px; }
	.company-box .value-box .list li { width:calc((100% - 30px) / 4); }
	.company-box .value-box .list li .box .icon img { width:80px; }
	.company-box .value-box .list li .box .txt { margin-top:15px; font-size:17px; }
}
@media screen and (max-width:760px){
	.company-box .top .txt-2 { margin-left:0; padding-left:0; }
	.company-box .listbox { margin-top:60px; }
	.company-box .listbox > ul > li > div { width:100%; }
	.company-box .listbox > ul > li .imgbox:before{ padding-bottom:56%; }
	.company-box .listbox > ul > li .txtbox { padding:40px; }
	.company-box .value-box .list li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.company-box h4.tit { font-size:24px; }
	.company-box .top .txt-2 { margin-top:20px; font-size:16px; }
	.company-box .top .txt-2 br { display:block }
	.company-box .listbox { margin-top:40px; }
	.company-box .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.company-box .listbox > ul > li .txtbox { padding:20px; font-size:16px; }
	.company-box .listbox > ul > li .txtbox dt span { font-size:14px; }
	.company-box .listbox > ul > li .txtbox dt strong { font-size:20px; }
	.company-box .listbox > ul > li .txtbox dd { margin-top:10px; }
	.company-box .value-box { margin-top:50px; }
	.company-box .value-box .tit-box .txt { margin-top:20px; font-size:16px; }
	.company-box .value-box .list { margin-top:40px; }
	.company-box .value-box .list ul { gap:5px; }
	.company-box .value-box .list li { width:calc((100% - 5px) / 2); }
	.company-box .value-box .list li .box .icon img { width:60px; }
	.company-box .value-box .list li .box .txt { margin-top:10px; font-size:16px; }
}

/* animation */
.company-box .top .txt-1,
.company-box .top .txt-2 { opacity:0; }
.company-box .top.subOn .txt-1 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.company-box .top.subOn .txt-2 { animation:ani_5 1.2s 0.6s; animation-fill-mode:both; }
.company-box .top .txt_svg img { opacity:0; }
.company-box .top.subOn .txt_svg img { animation:ani_5 1.2s 0.8s; animation-fill-mode:both; }
.company-box .listbox > ul > li .imgbox:after { content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; }
.company-box .listbox > ul > li:nth-child(2n) .imgbox:after { left:unset; right:0; }
.company-box .listbox > ul > li.subOn .imgbox:after { animation:ani_w100 0.8s 0.3s; animation-fill-mode:both; }
.company-box .listbox > ul > li .txtbox { opacity:0; }
.company-box .listbox > ul > li.subOn .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.company-box .listbox > ul > li:nth-child(2n).subOn .txtbox { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.company-box .value-box .tit-box { opacity:0; }
.company-box .value-box .tit-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .value-box .list li { opacity:0; }
.company-box .value-box .list.subOn li { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.company-box .value-box .list.subOn li:nth-child(1) { animation-delay:0.3s; }
.company-box .value-box .list.subOn li:nth-child(2) { animation-delay:0.5s; }
.company-box .value-box .list.subOn li:nth-child(3) { animation-delay:0.7s; }
.company-box .value-box .list.subOn li:nth-child(4) { animation-delay:0.9s; }
.company-box .value-box .list.subOn li:nth-child(5) { animation-delay:1.1s; }
@media screen and (max-width:760px){
	.company-box .listbox > ul > li.subOn .imgbox:after { animation:ani_h100 0.8s 0.3s; animation-fill-mode:both; }
	.company-box .listbox > ul > li.subOn .txtbox,
	.company-box .listbox > ul > li:nth-child(2n).subOn .txtbox { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
}


.overview-visual { margin-top:110px; }
.overview-visual .imgbox { position:relative; }
.overview-visual .imgbox:before{ content:""; display:block; padding-bottom:27.5%; }
.overview-visual .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.overview-visual .txtbox { margin-left:50%; margin-top:110px; }
.overview-visual .txtbox p:not(:last-child) { margin-bottom:30px; }
.overview-visual .txtbox p { color:#333; font-size:20px; font-weight:300; line-height:1.7; letter-spacing:-0.04em; }
.overview-visual .txtbox p strong { font-weight:600; }
.overview-box .overview-txt { margin-top:170px; }
.overview-box .overview-txt .txt { color:#111; font-size:55px; font-weight:600; line-height:1.6; letter-spacing:-0.06em; }
.overview-box .overview-txt .txt-1 { font-weight:200; }
.overview-box .image-bottom { overflow:hidden; margin-top:150px; }
.overview-box .image-bottom .imgbox { display:flex; gap:20px; width:fit-content; }
/*.overview-box .image-bottom .imgbox span img { width:420px; }
.overview-box .image-bottom .imgbox { animation:txt_marquee 40s infinite linear; }*/
.overview-box .image-bottom .imgbox { animation:txt_marquee 110s infinite linear; }
/* .overview-box .image-bottom .imgbox:hover { animation-play-state:paused; } */
@media screen and (max-width:1440px){
	.overview-visual { margin-top:90px; }
	.overview-visual .txtbox { margin-top:90px; }
	.overview-visual .txtbox p:not(:last-child) { margin-bottom:25px; }
	.overview-visual .txtbox p { font-size:19px; }
	.overview-box .overview-txt { margin-top:140px; }
	.overview-box .overview-txt .txt { font-size:40px; }
	.overview-box .image-bottom { margin-top:120px; }
	/*.overview-box .image-bottom .imgbox span img { width:360px; } */
}
@media screen and (max-width:1280px){
	.overview-visual .txtbox { margin-top:70px; }
	.overview-visual .txtbox p:not(:last-child) { margin-bottom:20px; }
	.overview-visual .txtbox p { font-size:18px; }
	.overview-visual .txtbox p br { display:none }
	.overview-box .overview-txt { margin-top:110px; }
	.overview-box .overview-txt .txt { font-size:34px; }
	.overview-box .image-bottom { margin-top:100px; }
	/*.overview-box .image-bottom .imgbox span img { width:320px} */
}
@media screen and (max-width:1024px){
	.overview-visual { margin-top:70px; }
	.overview-visual .imgbox:before{ padding-bottom:35%; }
	.overview-visual .txtbox { margin-left:0; margin-top:50px; }
	.overview-visual .txtbox p:not(:last-child) { margin-bottom:15px; }
	.overview-visual .txtbox p { font-size:17px; }
	.overview-box .overview-txt { margin-top:90px; }
	.overview-box .overview-txt .txt { font-size:28px; }
	.overview-box .image-bottom { margin-top:80px; }
	.overview-box .image-bottom .imgbox { gap:10px; }
	/* .overview-box .image-bottom .imgbox span img { width:280px} */
	.overview-box .image-bottom .imgbox span img { width:calc(1920px / 2) }
}
@media screen and (max-width:640px){
	.overview-visual { margin-top:50px; }
	.overview-visual .imgbox:before{ padding-bottom:45%; }
	.overview-visual .txtbox { margin-top:30px; }
	.overview-visual .txtbox p:not(:last-child) { margin-bottom:10px; }
	.overview-visual .txtbox p { font-size:16px; }
	.overview-box .overview-txt { margin-top:70px; }
	.overview-box .overview-txt .txt { font-size:24px; }
	.overview-box .image-bottom { margin-top:60px; }
	.overview-box .image-bottom .imgbox { gap:5px; }
	/* .overview-box .image-bottom .imgbox span img { width:200px} */
	.overview-box .image-bottom .imgbox span img { width:calc(1920px / 3) }
}

/* animation */
.overview-visual .imgbox:after { content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.8); position:absolute; left:0; bottom:0; }
.overview-visual.subOn .imgbox:after { animation:ani_h100 0.8s 0.3s; animation-fill-mode:both; }
.overview-visual .txtbox p { opacity:0; }
.overview-visual.subOn .txtbox p { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.overview-visual.subOn .txtbox p:nth-child(1) { animation-delay:0.3s; }
.overview-visual.subOn .txtbox p:nth-child(2) { animation-delay:0.5s; }
.overview-visual.subOn .txtbox p:nth-child(3) { animation-delay:0.7s; }
.overview-visual.subOn .txtbox p:nth-child(4) { animation-delay:0.9s; }
.overview-box .overview-txt .txt { opacity:0; }
.overview-box .overview-txt.subOn .txt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }




/* tabmenu */
.tabmenu { position:relative; margin-top:-20px; border-bottom:1px solid #ddd; overflow:hidden; }
.tabmenu > ul { display:flex; text-align:center; }
.tabmenu > ul > li { min-width:150px; }
.tabmenu > ul > li span { display:none }
.tabmenu > ul > li a { position:relative; z-index:1; color:#b8b8b8; font-size:20px; font-weight:600; line-height:1.3; width:100%; padding:20px 5px; display:flex; justify-content:center; align-items:center;text-align:center; transition:all 0.3s; }
.tabmenu > ul > li.over { border-bottom:2px solid #111; margin-bottom:-1px; padding-bottom:1px; }
.tabmenu > ul > li.over a { color:#111; }
@media screen and (max-width:1280px){
	.tabmenu > ul > li a { font-size:18px; padding:15px 5px; }
}
@media screen and (max-width:1024px){
	.tabmenu > ul > li { min-width:130px; }
	.tabmenu > ul > li a { font-size:16px; padding:13px 5px; }
}
@media screen and (max-width:860px){
	.tab-box { position:relative; margin-left:-20px; width:calc(100% + 40px); }
	.tab-box .btn_a { position:absolute; top:44%; transform:translateY(-50%); z-index:2; width:30px; height:30px; }
	.tab-box .btn_first { left:0; transform:translateY(-50%) rotate(180deg); background:url(/img/svg/location_arr.svg) center no-repeat; }
	.tab-box .btn_last { right:0; background:url(/img/svg/location_arr.svg) center no-repeat; }
	.tabmenu { }
	.tabmenu > ul { display:inline-block; white-space:nowrap; gap:0 !important; justify-content:flex-start; text-align:center; padding:0 10px; }
	.tabmenu > ul > li { display:inline-block; padding:0; margin:0 -2px; }
	.tabmenu > ul > li a { padding:10px 10px; }
}
@media screen and (max-width:640px){
	.tabmenu > ul > li { min-width:100px; }
	.tabmenu > ul > li a { font-size:15px; }
}

.product-view .top-view { display:flex; flex-wrap:wrap; gap:0 75px; }
.product-view .top-view > div { width:calc((100% - 75px) / 2); }
.product-view .top-view .slide-wrap .main-swiper { width:100%; position:relative; overflow:hidden; }
.product-view .top-view .slide-wrap .main-swiper .swiper-slide { width:100%; overflow:hidden; border-radius:20px; }
.product-view .top-view .slide-wrap .main-swiper .swiper-slide figure { position:relative; width:100%; }
.product-view .top-view .slide-wrap .main-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:98%; }
.product-view .top-view .slide-wrap .main-swiper .swiper-slide figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.product-view .top-view .slide-wrap .main-swiper .txtNum { position:absolute; left:40px; top:40px; z-index:3; font-family:var(--mainFont); color:#fff; font-size:16px; font-weight:400; line-height:1.3; }
.product-view .top-view .slide-wrap .main-swiper .txtNum span { font-family:var(--mainFont); font-weight:400; }
.product-view .top-view .slide-wrap .main-swiper .btn-pn { outline:none; width:30px; height:30px; text-indent:-9999em; overflow:hidden; background:url(/img/svg/slide_btn.svg) center center no-repeat; }
.product-view .top-view .slide-wrap .main-swiper .swiper-button-next { transform:rotate(180deg);}
.product-view .top-view .slide-wrap .sub-swiper { width:100%; position:relative; margin-top:8px; overflow:hidden;  }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide { position:relative; width:100%; overflow:hidden; border-radius:5px; cursor:pointer; }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide:before { content:""; display:block; position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:rgba(0, 0, 0, 0.20); transition:all 0.4s; }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide-thumb-active:before { opacity:0; }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide figure { position:relative; width:100%; }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide figure:before { content:""; display:block; padding-bottom:100%; }
.product-view .top-view .slide-wrap .sub-swiper .swiper-slide figure img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.product-view .top-view .infobox { margin-top:30px; }
.product-view .top-view .infobox h4 { color:#222; font-size:50px; font-weight:700; line-height:1.3; letter-spacing:-0.06em; }
.product-view .top-view .infobox .txtbox { margin-top:60px; display:flex; justify-content:space-between; align-items:center; }
.product-view .top-view .infobox .txtbox strong { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.product-view .top-view .infobox .txtbox ul { display:flex; gap:0 10px; align-items:center; }
.product-view .top-view .infobox .txtbox li a { margin-left:10px; }
.product-view .top-view .infobox .txtbox li img { width:30px; }
.product-view .top-view .infobox .table-box { margin-top:15px; }
.product-view .top-view .infobox .table-box table { width:100%; border-top:1px solid #222; }
.product-view .top-view .infobox .table-box tbody th { height:60px; color:#333; font-size:18px; font-weight:500; line-height:1.3; border-bottom:1px solid #ddd; text-align:center; background:#f8f8f8; }
.product-view .top-view .infobox .table-box tbody td { color:#666; font-size:17px; font-weight:300; line-height:1.3; border-bottom:1px solid #ddd; text-align:left; padding:0 10px 0 18px; }
.product-view .top-view .infobox .table-box tbody td a { position:relative; }
.product-view .top-view .infobox .table-box tbody td a:before { content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#666; }
.product-view .top-view .infobox .btnCont { margin-top:40px; justify-content:flex-start; }
@media screen and (max-width:1440px){
	.product-view .top-view { gap:0 40px; }
	.product-view .top-view > div { width:calc((100% - 40px) / 2); }
	.product-view .top-view .slide-wrap .main-swiper .txtNum { left:30px; top:30px; }
	.product-view .top-view .infobox { margin-top:20px; }
	.product-view .top-view .infobox h4 { font-size:40px; }
	.product-view .top-view .infobox .txtbox { margin-top:40px; }
	.product-view .top-view .infobox .txtbox strong { font-size:19px; }
	.product-view .top-view .infobox .txtbox li a { margin-left:8px; }
	.product-view .top-view .infobox .table-box { margin-top:10px; }
	.product-view .top-view .infobox .table-box tbody th { height:55px; font-size:17px; }
	.product-view .top-view .infobox .table-box tbody td { font-size:16px; padding:0 15px; }
	.product-view .top-view .infobox .btnCont { margin-top:30px; }
}
@media screen and (max-width:1280px){
	.product-view .top-view { gap:0 20px; }
	.product-view .top-view > div { width:calc((100% - 20px) / 2); }
	.product-view .top-view .slide-wrap .main-swiper .txtNum { left:20px; top:20px; }
	.product-view .top-view .infobox { margin-top:5px; }
	.product-view .top-view .infobox h4 { font-size:30px; }
	.product-view .top-view .infobox .txtbox { margin-top:20px; }
	.product-view .top-view .infobox .txtbox strong { font-size:18px; }
	.product-view .top-view .infobox .table-box { margin-top:5px; }
	.product-view .top-view .infobox .table-box col.w1 { width:100px !important; }
	.product-view .top-view .infobox .table-box tbody th { height:50px; font-size:16px; }
	.product-view .top-view .infobox .table-box tbody td { font-size:15px; padding:0 10px; }
	.product-view .top-view .infobox .btnCont { margin-top:20px; }
}
@media screen and (max-width:1024px){
	.product-view .top-view { gap:20px; }
	.product-view .top-view > div { width:100%; }
	.product-view .top-view .slide-wrap { max-width:640px; margin:0 auto; }
	.product-view .top-view .slide-wrap .main-swiper .swiper-slide { border-radius:10px; }
	.product-view .top-view .slide-wrap .main-swiper .txtNum { font-size:15px; }
	.product-view .top-view .slide-wrap .sub-swiper .swiper-slide { border-radius:3px; }
	.product-view .top-view .infobox h4 { font-size:24px; }
	.product-view .top-view .infobox .btnCont { margin-top:30px; justify-content:center; }
}
@media screen and (max-width:760px){
	.product-view .top-view .slide-wrap .sub-swiper { margin-top:5px; }
	.product-view .top-view .infobox .txtbox { margin-top:15px; }
	.product-view .top-view .infobox .table-box tbody tr { display:flex; flex-wrap:wrap; width:calc(100vw - 40px); }
	.product-view .top-view .infobox .table-box tbody th { width:100px; height:40px; padding:10px 0; display:flex; justify-content:center; align-items:center;}
	.product-view .top-view .infobox .table-box tbody td { width:calc(100% - 100px); padding:5px 10px; display:flex; align-items:center; }
	.product-view .top-view .infobox .table-box tbody th.none,
	.product-view .top-view .infobox .table-box tbody td.none { display:none }
}

.product-view .detail-box { margin-top:200px; }
.product-view .detail-box .topMenu { position:sticky; top:0; z-index:5; border:1px solid #ddd; border-width:1px 0; background:#fff; }
.product-view .detail-box .topMenu > div { display:flex; align-items:center; }
.product-view .detail-box .topMenu .tit { width:405px; }
.product-view .detail-box .topMenu .tit h4 { color:#333; font-size:22px; font-weight:600; line-height:1.3; }
.product-view .detail-box .topMenu ul { width:calc(100% - 405px); display:flex; align-items:center; gap:0 50px; }
.product-view .detail-box .topMenu ul li a { position:relative; color:#777; font-size:16px; font-weight:500; line-height:1.3; height:80px; display:flex; align-items:center; justify-content:center; text-align:center; min-width:110px; }
.product-view .detail-box .topMenu ul li.on a { color:#333; }
.product-view .detail-box .topMenu ul li a:before { transition:all 0.4s; content:""; display:block; position:absolute; left:0; bottom:-1px; width:0; height:1px; background:#666; }
.product-view .detail-box .topMenu ul li.on a:before { width:100%; }
.product-view .detail-box .top-banner { height:850px; width:100%; background-position:right center; background-size:cover; }
.product-view .detail-box .top-banner > div { height:100%; }
.product-view .detail-box .top-banner .txtbox { height:100%; display:flex; align-items:center;}
.product-view .detail-box .top-banner .txtbox dt { color:#111; font-size:68px; font-weight:200; line-height:1.4; }
.product-view .detail-box .top-banner .txtbox dt strong { font-weight:700; }
.product-view .detail-box .top-banner .txtbox dd { margin-top:30px; color:#111; font-size:22px; font-weight:300; line-height:1.7; }
.product-view .detail-box .banner-box { position:relative; margin-top:60px; }
.product-view .detail-box .banner-box .imgbox img { max-width:100%; border-radius:10px; }
.product-view .detail-box .banner-box .txtbox { position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 70px; color:#fff; font-size:36px; font-weight:300; line-height:1.3; letter-spacing:-0.035em; }
.product-view .detail-box .banner-box .txtbox strong { font-weight:600; }
.product-view .detail-box .pd-view1 { margin-top:140px; text-align:center; }
.product-view .detail-box .pd-view1 .txtbox .txt-1 { color:#111; font-size:50px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.product-view .detail-box .pd-view1 .txtbox .txt-1 strong { font-weight:700; }
.product-view .detail-box .pd-view1 .txtbox .txt-2 { margin-top:30px; color:#111; font-size:24px; font-weight:400; line-height:1.5; }
.product-view .detail-box .pd-view1 .imgbox { position:relative; margin-top:50px; padding-bottom:35px; padding:0 20px; }
.product-view .detail-box .pd-view1 .imgbox img { position:relative; z-index:1; max-width:100%; }
.product-view .detail-box .pd-view1 .imgbox:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:80%; background:#e7eef4; }
.product-view .detail-box .pd-view2 { text-align:center; padding:140px 0 180px; background:#f3f5f8; }
.product-view .detail-box .pd-view2.pd-view3 { padding:0; background:#fff; }
.product-view .detail-box .pd-view2 .txtbox .txt-1 { margin-bottom:20px; color:#333; font-size:22px; font-weight:300; line-height:1.5; }
.product-view .detail-box .pd-view2 .txtbox .txt-2 { color:#111; font-size:50px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.product-view .detail-box .pd-view2 .txtbox .txt-2 strong { font-weight:700; }
.product-view .detail-box .pd-view2 .txtbox .txt-1.txt-3 { margin-bottom:0; margin-top:30px; }
.product-view .detail-box .pd-view2 .txtbox .txt-1 strong { font-weight:700; }
.product-view .detail-box .pd-view2 .imgbox { position:relative; margin-top:80px; padding:0 20px; }
.product-view .detail-box .pd-view2 .imgbox img { position:relative; z-index:1; max-width:100%; }
.product-view .detail-box .pd-view2.pd-bg { position:relative; background:none; padding:0; }
.product-view .detail-box .pd-view2.pd-bg .txtbox { position:absolute; top:7%; left:0; width:100%; }
.product-view .detail-box .pd-view2.pd-bg .bg { overflow:hidden; }
.product-view .detail-box .pd-view2.pd-bg .bg img { max-width:100%; }
.product-view .detail-box .pd-view2 .bg-box { position:relative; margin-top:100px; height:545px; width:100%; background-position:center center; background-size:cover; }
.product-view .detail-box .pd-view2 .listbox > ul > li { padding:100px 0 0; display:flex; gap:0 60px; align-items:center; }
.product-view .detail-box .pd-view2 .listbox > ul > li > div { width:calc((100% - 60px) / 2); }
.product-view .detail-box .pd-view2 .listbox > ul > li .txt { padding:0 20px 0 110px; text-align:left; }
.product-view .detail-box .pd-view2 .listbox > ul > li .txt p { color:#333; font-size:30px; font-weight:400; line-height:1.55; letter-spacing:-0.035em; }
.product-view .detail-box .pd-view2 .listbox > ul > li .txt p:not(:last-child) { margin-bottom:30px; }
.product-view .detail-box .pd-view2 .listbox > ul > li .img { position:relative; }
.product-view .detail-box .pd-view2 .listbox > ul > li .img img { max-width:100%; }
.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) .txt { padding:0 80px 0 0; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li:nth-child(2n+1) { flex-direction:row-reverse; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li:nth-child(2n+1) .txt { padding:0 80px 0 0; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li:nth-child(2n) { flex-direction:row; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li:nth-child(2n) .txt { padding:0 20px 0 110px; }
.product-view .detail-box .pd-view2 .bg1 { background:#f4f4f4; margin-top:100px; padding-bottom:100px; }
.product-view .detail-box .pd-view2 .bgview { margin-top:60px; padding-top:120px; height:1200px; width:100%; background-position:center center; background-size:cover; }
.product-view .detail-box .pd-view2 .bgview .txtbox .txt-1,
.product-view .detail-box .pd-view2 .bgview .txtbox .txt-2 { color:#fff; }
.product-view .detail-box .feature-list { margin:70px 0; }
.product-view .detail-box .feature-list ul { display:flex; justify-content:center; text-align:center; }
.product-view .detail-box .feature-list li { position:relative; max-width:282px; width:100%; }
.product-view .detail-box .feature-list li:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:78px; background:#eee; }
.product-view .detail-box .feature-list li:first-child:before { display:none }
.product-view .detail-box .feature-list li .txt { margin-top:20px; color:#222; font-size:22px; font-weight:600; line-height:1.3; }
.product-view .detail-box .compare-box { margin:140px 0; }
.product-view .detail-box .compare-box > div { display:flex; justify-content:center; gap:0 142px; }
.product-view .detail-box .compare-box .box { text-align:center; }
.product-view .detail-box .compare-box .box .tit { color:#555; font-size:30px; font-weight:700; line-height:1.3; letter-spacing:-0.035em; }
.product-view .detail-box .compare-box .box .imgbox { margin:62px 0; }
.product-view .detail-box .compare-box .box .imgbox img { max-width:100%; }
.product-view .detail-box .compare-box .box .txt { color:#555; font-size:24px; font-weight:600; line-height:1.6; letter-spacing:-0.035em; }
.product-view .detail-box .compare-box .box .txt strong { color:#c92a2a; font-weight:600; }
.product-view .detail-box .compare-box .box:nth-child(2) .tit,
.product-view .detail-box .compare-box .box:nth-child(2) .txt strong { color:var(--mainColor); }
.product-view .detail-box .compare-box .type1 { text-align:center; }
.product-view .detail-box .compare-box .type1 .tit { color:#333; font-size:50px; font-weight:700; line-height:1.3; }
.product-view .detail-box .compare-box .type1 .tit strong { color:var(--mainColor); font-weight:700; }
.product-view .detail-box .compare-box .type1 ul { margin-top:75px; display:flex; gap:0 95px; }
.product-view .detail-box .compare-box .type1 li img { max-width:100%; }
.product-view .detail-box .pd-listbox .bg1 { background:#f4f4f4; }
.product-view .detail-box .pd-listbox .bg2 { background:#f5fbfe; }
.product-view .detail-box .pd-listbox > ul > li .box { padding:100px 0; display:flex; gap:0 60px; align-items:center; }
.product-view .detail-box .pd-listbox > ul > li .box > div { width:calc((100% - 60px) / 2); }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox { padding:0 20px 0 110px; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit { margin-top:20px; color:#111; font-size:50px; font-weight:300; line-height:1.5; letter-spacing:-0.045em; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit strong { font-weight:700; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt { margin-top:10px; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p { color:#555; font-size:22px; font-weight:400; line-height:1.55; letter-spacing:-0.035em; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p:not(:last-child) { margin-bottom:30px; }
.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt .stxt { color:#333; font-size:18px; font-weight:300; line-height:1.3; }
.product-view .detail-box .pd-listbox > ul > li .box .imgbox { position:relative; }
.product-view .detail-box .pd-listbox > ul > li .box .imgbox .stxt { margin-top:10px; color:#666; font-size:18px; font-weight:300; line-height:1.3; }
.product-view .detail-box .pd-listbox > ul > li .box .imgbox img { max-width:100%; }
.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box { flex-direction:row-reverse; }
.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box .txtbox { padding:0 80px 0 0; }
.product-view .detail-box .pd-listbox.pd-list > ul > li .box .txtbox .tit { padding-bottom:3%; }
.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box { flex-direction:row-reverse; }
.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box .txtbox { padding:0 80px 0 0; }
.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n) .box { flex-direction:row; }
.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n) .box .txtbox { padding:0 20px 0 110px; }
.product-view .detail-box .guide-box { padding:140px 0 0; text-align:center; }
.product-view .detail-box .guide-box.bg { background:#f4f4f4; padding:140px 0; }
.product-view .detail-box .guide-box.bg.bg1 { background:#f5fbfe; }
.product-view .detail-box .guide-box .txtbox .tit { color:#111; font-size:50px; font-weight:700; line-height:1.3; }
.product-view .detail-box .guide-box .txtbox .txt { margin-top:30px; color:#222; font-size:22px; font-weight:400; line-height:1.3; }
.product-view .detail-box .guide-box .txtbox .icon { margin-top:30px; }
.product-view .detail-box .guide-box .txtbox .icon img { width:84px; }
.product-view .detail-box .guide-box .listbox { margin-top:60px; }
.product-view .detail-box .guide-box .listbox ul { display:flex; gap:0 25px; }
.product-view .detail-box .guide-box .listbox li { width:calc((100% - 50px) / 3); background:#fff; padding:68px 10px 50px; border:1px solid #ccc; }
.product-view .detail-box .guide-box .listbox li .icon img { width:120px; }
.product-view .detail-box .guide-box .listbox li .txt { margin-top:20px; color:#111; font-size:20px; font-weight:400; line-height:1.3; }
.product-view .detail-box .guide-box .listbox li:nth-child(1) { border-top:5px solid #4069b9; }
.product-view .detail-box .guide-box .listbox li:nth-child(2) { border-top:5px solid #44a632; }
.product-view .detail-box .guide-box .listbox li:nth-child(3) { border-top:5px solid #333; }
.product-view .detail-box .guide-box .listbox.list1 ul { justify-content:center; }
.product-view .detail-box .guide-box .listbox.list1 li:nth-child(1),
.product-view .detail-box .guide-box .listbox.list1 li:nth-child(2),
.product-view .detail-box .guide-box .listbox.list1 li:nth-child(3) { width:auto; border:none; padding:0; }
.product-view .detail-box .guide-box .listbox.list1 li img { border:1px solid #b4b4b4; max-width:100%; }
.product-view .detail-box .guide-box .listbox.list1 li .txt { margin-top:40px; color:#555; font-size:22px; font-weight:400; line-height:1.3; }
.product-view .detail-box .guide-box.bg.bg1 .listbox.list1 li { background:none; }
.product-view .detail-box .guide-box.bg.bg1 .listbox.list1 li img { border:none }
.product-view .detail-box #warranty { margin-top:140px; }
.product-view .detail-box .info-bottom:not(:last-child) { margin-bottom:60px; }
.product-view .detail-box .info-bottom dt { padding-bottom:18px; border-bottom:1px solid #ccc; }
.product-view .detail-box .info-bottom dt h4 { color:#333; font-size:24px; font-weight:700; line-height:1.3; }
.product-view .detail-box .info-bottom dd { padding-top:30px; }
.product-view .detail-box .info-bottom dd .txtbox:not(:last-child) { margin-bottom:20px; }
.product-view .detail-box .info-bottom dd .txtbox { color:#666; font-size:20px; font-weight:400; line-height:1.5; display:flex; gap:4px;}
.product-view .detail-box .info-bottom dd .txtbox > strong { position:relative; color:#222; font-weight:600; white-space:nowrap; }
.product-view .detail-box .btnCont { margin-top:110px; }
@media screen and (max-width:1440px){
	.product-view .detail-box { margin-top:160px; }
	.product-view .detail-box .topMenu .tit { width:380px; }
	.product-view .detail-box .topMenu .tit h4 { font-size:20px; }
	.product-view .detail-box .topMenu ul { width:calc(100% - 380px); gap:0 40px; }
	.product-view .detail-box .topMenu ul li a { min-width:100px; }
	.product-view .detail-box .top-banner { height:680px; }
	.product-view .detail-box .top-banner .txtbox dt { font-size:52px; }
	.product-view .detail-box .top-banner .txtbox dd { margin-top:25px; font-size:20px; }
	.product-view .detail-box .banner-box { margin-top:50px; }
	.product-view .detail-box .banner-box .txtbox { padding:0 50px; font-size:30px; }
	.product-view .detail-box .pd-view1 { margin-top:120px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-1 { font-size:38px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-2 { margin-top:25px; font-size:22px;  }
	.product-view .detail-box .pd-view1 .imgbox { margin-top:40px; }
	.product-view .detail-box .pd-view2 { padding:120px 0 160px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1 { margin-bottom:20px; font-size:20px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-2 { font-size:38px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1.txt-3 { margin-top:30px; }
	.product-view .detail-box .pd-view2 .imgbox { margin-top:60px; }
	.product-view .detail-box .pd-view2 .bg-box { margin-top:80px; height:480px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li { padding:80px 0 0; gap:0 50px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li > div { width:calc((100% - 50px) / 2); }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt { padding:0 20px 0 90px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p { font-size:26px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p:not(:last-child) { margin-bottom:25px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) .txt { padding:0 60px 0 0; }
	.product-view .detail-box .pd-view2 .bg1 { margin-top:80px; padding-bottom:80px; }
	.product-view .detail-box .pd-view2 .bgview { margin-top:50px; padding-top:100px; height:920px; }
	.product-view .detail-box .feature-list { margin:60px 0; }
	.product-view .detail-box .feature-list li { max-width:260px; }
	.product-view .detail-box .feature-list li:before { height:70px; }
	.product-view .detail-box .feature-list li .txt { margin-top:15px; font-size:20px; }
	.product-view .detail-box .compare-box { margin:120px 0; }
	.product-view .detail-box .compare-box > div { gap:0 100px; }
	.product-view .detail-box .compare-box .box .tit { font-size:26px; }
	.product-view .detail-box .compare-box .box .imgbox { margin:50px 0; }
	.product-view .detail-box .compare-box .box .txt { font-size:22px; }
	.product-view .detail-box .compare-box .type1 .tit { font-size:38px; }
	.product-view .detail-box .compare-box .type1 ul { margin-top:65px; gap:0 60px; }
	.product-view .detail-box .pd-listbox > ul > li .box { padding:80px 0; gap:0 50px; }
	.product-view .detail-box .pd-listbox > ul > li .box > div { width:calc((100% - 50px) / 2); }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox { padding:0 20px 0 90px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit { margin-top:20px; font-size:38px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt { margin-top:10px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p { font-size:20px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p:not(:last-child) { margin-bottom:25px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt .stxt { font-size:17px; }
	.product-view .detail-box .pd-listbox > ul > li .box .imgbox .stxt { margin-top:10px; font-size:17px; }
	.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box .txtbox { padding:0 60px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box .txtbox { padding:0 60px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list  > ul > li:nth-child(2n) .box .txtbox { padding:0 20px 0 90px; }
	.product-view .detail-box .guide-box { padding:120px 0 0; }
	.product-view .detail-box .guide-box.bg { padding:120px 0; }
	.product-view .detail-box .guide-box .txtbox .tit { font-size:38px; }
	.product-view .detail-box .guide-box .txtbox .txt { margin-top:25px; font-size:20px; }
	.product-view .detail-box .guide-box .txtbox .icon { margin-top:25px; }
	.product-view .detail-box .guide-box .txtbox .icon img { width:75px; }
	.product-view .detail-box .guide-box .listbox { margin-top:40px; }
	.product-view .detail-box .guide-box .listbox ul { gap:0 20px; }
	.product-view .detail-box .guide-box .listbox li { width:calc((100% - 40px) / 3); padding:60px 10px 50px; }
	.product-view .detail-box .guide-box .listbox li .txt { margin-top:15px; font-size:19px; }
	.product-view .detail-box .guide-box .listbox.list1 li .txt { margin-top:35px; font-size:20px; }
	.product-view .detail-box #warranty { margin-top:120px; }
	.product-view .detail-box .info-bottom:not(:last-child) { margin-bottom:50px; }
	.product-view .detail-box .info-bottom dt { padding-bottom:15px; }
	.product-view .detail-box .info-bottom dt h4 { font-size:22px; }
	.product-view .detail-box .info-bottom dd { padding-top:25px; }
	.product-view .detail-box .info-bottom dd .txtbox:not(:last-child) { margin-bottom:15px; }
	.product-view .detail-box .info-bottom dd .txtbox { font-size:19px; }
	.product-view .detail-box .btnCont { margin-top:90px; }
}
@media screen and (max-width:1280px){
	.product-view .detail-box { margin-top:120px; }
	.product-view .detail-box .topMenu .tit { width:320px; }
	.product-view .detail-box .topMenu .tit h4 { font-size:19px; }
	.product-view .detail-box .topMenu ul { width:calc(100% - 320px); gap:0 30px; }
	.product-view .detail-box .topMenu ul li a { height:80px; min-width:90px; }
	.product-view .detail-box .top-banner { height:560px; }
	.product-view .detail-box .top-banner .txtbox dt { font-size:36px; }
	.product-view .detail-box .top-banner .txtbox dd { margin-top:20px; font-size:19px; }
	.product-view .detail-box .banner-box { margin-top:40px; }
	.product-view .detail-box .banner-box .txtbox { padding:0 40px; font-size:28px; }
	.product-view .detail-box .pd-view1 { margin-top:100px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-1 { font-size:30px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-2 { margin-top:20px; font-size:21px;  }
	.product-view .detail-box .pd-view1 .imgbox { margin-top:30px; }
	.product-view .detail-box .pd-view2 { padding:100px 0 140px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1 { margin-bottom:15px; font-size:19px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-2 { font-size:30px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1.txt-3 { margin-top:20px; }
	.product-view .detail-box .pd-view2 .imgbox { margin-top:50px; }
	.product-view .detail-box .pd-view2 .bg-box { margin-top:60px; height:380px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li { padding:60px 0 0; gap:0 40px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li > div { width:calc((100% - 40px) / 2); }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt { padding:0 20px 0 60px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p { font-size:22px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p:not(:last-child) { margin-bottom:20px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) .txt { padding:0 60px 0 0; }
	.product-view .detail-box .pd-view2 .bg1 { margin-top:60px; padding-bottom:60px; }
	.product-view .detail-box .pd-view2 .bgview { margin-top:40px; padding-top:80px; height:780px; }
	.product-view .detail-box .feature-list { margin:50px 0; }
	.product-view .detail-box .feature-list li { max-width:220px; }
	.product-view .detail-box .feature-list li:before { height:70px; }
	.product-view .detail-box .feature-list li .txt { margin-top:12px; font-size:19px; }
	.product-view .detail-box .compare-box { margin:100px 0; }
	.product-view .detail-box .compare-box > div { gap:0 80px; }
	.product-view .detail-box .compare-box .box .tit { font-size:23px; }
	.product-view .detail-box .compare-box .box .imgbox { margin:50px 0; }
	.product-view .detail-box .compare-box .box .txt { font-size:20px; }
	.product-view .detail-box .compare-box .type1 .tit { font-size:30px; }
	.product-view .detail-box .compare-box .type1 ul { margin-top:50px; gap:0 40px; }
	.product-view .detail-box .pd-listbox > ul > li .box { padding:60px 0; gap:0 40px; }
	.product-view .detail-box .pd-listbox > ul > li .box > div { width:calc((100% - 40px) / 2); }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox { padding:0 20px 0 60px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit { margin-top:15px; font-size:30px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt { margin-top:5px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p { font-size:19px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p:not(:last-child) { margin-bottom:20px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt .stxt { font-size:16px; }
	.product-view .detail-box .pd-listbox > ul > li .box .imgbox .stxt { margin-top:8px; font-size:16px; }
	.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box .txtbox { padding:0 60px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box .txtbox { padding:0 60px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list  > ul > li:nth-child(2n) .box .txtbox { padding:0 20px 0 60px; }
	.product-view .detail-box .guide-box { padding:100px 0 0; }
	.product-view .detail-box .guide-box.bg { padding:100px 0; }
	.product-view .detail-box .guide-box .txtbox .tit { font-size:30px; }
	.product-view .detail-box .guide-box .txtbox .txt { margin-top:20px; font-size:19px; }
	.product-view .detail-box .guide-box .txtbox .icon { margin-top:20px; }
	.product-view .detail-box .guide-box .txtbox .icon img { width:65px; }
	.product-view .detail-box .guide-box .listbox { margin-top:30px; }
	.product-view .detail-box .guide-box .listbox ul { gap:0 10px; }
	.product-view .detail-box .guide-box .listbox li { width:calc((100% - 20px) / 3); padding:50px 10px 40px; }
	.product-view .detail-box .guide-box .listbox li .txt { margin-top:10px; font-size:18px; }
	.product-view .detail-box .guide-box .listbox.list1 li .txt { margin-top:30px; font-size:19px; }
	.product-view .detail-box #warranty { margin-top:100px; }
	.product-view .detail-box .info-bottom:not(:last-child) { margin-bottom:40px; }
	.product-view .detail-box .info-bottom dt { padding-bottom:10px; }
	.product-view .detail-box .info-bottom dt h4 { font-size:20px; }
	.product-view .detail-box .info-bottom dd { padding-top:20px; }
	.product-view .detail-box .info-bottom dd .txtbox:not(:last-child) { margin-bottom:10px; }
	.product-view .detail-box .info-bottom dd .txtbox { font-size:18px; }
	.product-view .detail-box .btnCont { margin-top:70px; }
}
@media screen and (max-width:1024px){
	.product-view .detail-box { margin-top:100px; }
	.product-view .detail-box .topMenu .tit { width:40%; }
	.product-view .detail-box .topMenu .tit h4 { font-size:19px; }
	.product-view .detail-box .topMenu ul { width:calc(100% - 40%); gap:0 20px; justify-content:flex-end; }
	.product-view .detail-box .topMenu ul li a { font-size:15px; height:60px; min-width:auto; padding:0 10px; }
	.product-view .detail-box .top-banner { height:420px; }
	.product-view .detail-box .top-banner .txtbox dt { font-size:28px; }
	.product-view .detail-box .top-banner .txtbox dd { margin-top:15px; font-size:18px; }
	.product-view .detail-box .banner-box { margin-top:30px; }
	.product-view .detail-box .banner-box .imgbox img { border-radius:5px; }
	.product-view .detail-box .banner-box .txtbox { padding:0 30px; font-size:24px; }
	.product-view .detail-box .pd-view1 { margin-top:80px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-1 { font-size:26px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-2 { margin-top:15px; font-size:20px;  }
	.product-view .detail-box .pd-view1 .imgbox { margin-top:25px; }
	.product-view .detail-box .pd-view2 { padding:80px 0 100px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1 { margin-bottom:10px; font-size:18px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-2 { font-size:26px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1.txt-3 { margin-top:15px; }
	.product-view .detail-box .pd-view2 .imgbox { margin-top:40px; }
	.product-view .detail-box .pd-view2 .imgbox img { max-width:60%; }
	.product-view .detail-box .pd-view2 .bg-box { margin-top:50px; height:300px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li { padding:50px 0 0; gap:0 30px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li > div { width:calc((100% - 30px) / 2); }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt { padding:0 20px 0 50px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p { font-size:20px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p br { display:none }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p:not(:last-child) { margin-bottom:15px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) .txt { padding:0 40px 0 0; }
	.product-view .detail-box .pd-view2 .bg1 { margin-top:50px; padding-bottom:50px; }
	.product-view .detail-box .pd-view2 .bgview { margin-top:30px; padding-top:60px; height:600px; }
	.product-view .detail-box .feature-list { margin:40px 0; }
	.product-view .detail-box .feature-list li { max-width:200px; }
	.product-view .detail-box .feature-list li:before { height:60px; }
	.product-view .detail-box .feature-list li .icon img { width:90px; }
	.product-view .detail-box .feature-list li .txt { margin-top:10px; font-size:18px; }
	.product-view .detail-box .compare-box { margin:80px 0; }
	.product-view .detail-box .compare-box > div { gap:0 40px; }
	.product-view .detail-box .compare-box .box .tit { font-size:20px; }
	.product-view .detail-box .compare-box .box .imgbox { margin:30px 0; }
	.product-view .detail-box .compare-box .box .txt { font-size:19px; }
	.product-view .detail-box .compare-box .type1 .tit { font-size:26px; }
	.product-view .detail-box .compare-box .type1 ul { margin-top:35px; gap:0 10px; }
	.product-view .detail-box .pd-listbox > ul > li .box { padding:50px 0; gap:0 30px; }
	.product-view .detail-box .pd-listbox > ul > li .box > div { width:calc((100% - 30px) / 2); }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox { padding:0 0 0 20px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .icon img { width:70px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit { margin-top:10px; font-size:26px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p { font-size:18px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p:not(:last-child) { margin-bottom:15px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt .stxt { font-size:15px; }
	.product-view .detail-box .pd-listbox > ul > li .box .imgbox .stxt { margin-top:5px; font-size:15px; }
	.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box .txtbox { padding:0 40px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box .txtbox { padding:0 40px 0 0; }
	.product-view .detail-box .pd-listbox.pd-list  > ul > li:nth-child(2n) .box .txtbox { padding:0 0 0 20px; }
	.product-view .detail-box .guide-box { padding:80px 0 0; }
	.product-view .detail-box .guide-box.bg { padding:80px 0; }
	.product-view .detail-box .guide-box .txtbox .tit { font-size:26px; }
	.product-view .detail-box .guide-box .txtbox .txt { margin-top:15px; font-size:18px; }
	.product-view .detail-box .guide-box .txtbox .icon { margin-top:15px; }
	.product-view .detail-box .guide-box .txtbox .icon img { width:50px; }
	.product-view .detail-box .guide-box .listbox { margin-top:25px; }
	.product-view .detail-box .guide-box .listbox ul { gap:0 5px; }
	.product-view .detail-box .guide-box .listbox li { width:calc((100% - 10px) / 3); padding:40px 10px 30px; }
	.product-view .detail-box .guide-box .listbox li .icon img { width:90px; }
	.product-view .detail-box .guide-box .listbox li .txt { margin-top:5px; font-size:17px; }
	.product-view .detail-box .guide-box .listbox.list1 li .txt { margin-top:25px; font-size:18px; }
	.product-view .detail-box .guide-box .listbox li:nth-child(1),
	.product-view .detail-box .guide-box .listbox li:nth-child(2),
	.product-view .detail-box .guide-box .listbox li:nth-child(3) { border-width:3px 0 0 0; }
	.product-view .detail-box #warranty { margin-top:80px; }
	.product-view .detail-box .info-bottom:not(:last-child) { margin-bottom:30px; }
	.product-view .detail-box .info-bottom dt { padding-bottom:5px; }
	.product-view .detail-box .info-bottom dt h4 { font-size:19px; }
	.product-view .detail-box .info-bottom dd { padding-top:15px; }
	.product-view .detail-box .info-bottom dd .txtbox { font-size:17px; }
	.product-view .detail-box .btnCont { margin-top:60px; }
}
@media screen and (max-width:760px){
	.product-view .detail-box .topMenu > div { flex-wrap:wrap; }
	.product-view .detail-box .topMenu .tit { width:100%; padding-top:12px; text-align:center; }
	.product-view .detail-box .topMenu ul { width:100%; justify-content:center; gap:0 15px; }
	.product-view .detail-box .topMenu ul li a { height:40px; }
}
@media screen and (max-width:640px){
	.product-view .detail-box { margin-top:80px; }
	.product-view .detail-box .top-banner { height:250px; }
	.product-view .detail-box .top-banner .txtbox dt { font-size:22px; }
	.product-view .detail-box .top-banner .txtbox dd { margin-top:10px; font-size:16px; }
	.product-view .detail-box .banner-box { margin-top:20px; }
	.product-view .detail-box .banner-box .txtbox { padding:0 20px; font-size:20px; }
	.product-view .detail-box .pd-view1 { margin-top:60px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-1 { font-size:24px; }
	.product-view .detail-box .pd-view1 .txtbox .txt-2 { margin-top:10px; font-size:18px;  }
	.product-view .detail-box .pd-view1 .imgbox { margin-top:20px; }
	.product-view .detail-box .pd-view1 .imgbox img { max-width:60%; }
	.product-view .detail-box .pd-view2 { padding:80px 0 100px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1 { margin-bottom:2px; font-size:16px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-2 { font-size:20px; }
	.product-view .detail-box .pd-view2 .txtbox .txt-1.txt-3 { margin-top:10px; }
	.product-view .detail-box .pd-view2 .imgbox { margin-top:40px; }
	.product-view .detail-box .pd-view2.pd-bg .txtbox { top:10% }
	.product-view .detail-box .pd-view2.pd-bg .bg img { max-width:160%; margin-left:-30%; }
	.product-view .detail-box .pd-view2 .bg-box { margin-top:40px; height:200px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li { padding:40px 0 0; gap:20px; flex-wrap:wrap; }
	.product-view .detail-box .pd-view2 .listbox > ul > li > div { width:100%; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt { padding:0; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p { font-size:19px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt p:not(:last-child) { margin-bottom:10px; }
	.product-view .detail-box .pd-view2 .listbox > ul > li:nth-child(2n) .txt { padding:0; }
	.product-view .detail-box .pd-view2 .bg1 { margin-top:40px; padding-bottom:40px; }
	.product-view .detail-box .pd-view2 .bgview { margin-top:20px; padding-top:30px; height:380px; }
	.product-view .detail-box .feature-list { margin:30px 0; }
	.product-view .detail-box .feature-list ul { flex-wrap:wrap; gap:20px 0; }
	.product-view .detail-box .feature-list li { max-width:auto; width:50% }
	.product-view .detail-box .feature-list li:before { height:50px; }
	.product-view .detail-box .feature-list li .icon img { width:70px; }
	.product-view .detail-box .feature-list li .txt { margin-top:5px; font-size:17px; }
	.product-view .detail-box .feature-list li:nth-child(3):before { display:none }
	.product-view .detail-box .compare-box { margin:60px 0; }
	.product-view .detail-box .compare-box > div { gap:0 10px; }
	.product-view .detail-box .compare-box .box .tit { font-size:18px; }
	.product-view .detail-box .compare-box .box .imgbox { margin:20px 0; }
	.product-view .detail-box .compare-box .box .txt { font-size:16px; }
	.product-view .detail-box .compare-box .type1 .tit { font-size:20px; }
	.product-view .detail-box .compare-box .type1 ul { margin-top:20px; gap:0 5px; }
	.product-view .detail-box .pd-listbox > ul > li .box { padding:40px 0; gap:20px; flex-wrap:wrap; }
	.product-view .detail-box .pd-listbox > ul > li .box > div { width:100%; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox { padding:0; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .icon img { width:50px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .tit { margin-top:5px; font-size:21px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p { font-size:17px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt p:not(:last-child) { margin-bottom:10px; }
	.product-view .detail-box .pd-listbox > ul > li .box .txtbox .txt .stxt { font-size:15px; }
	.product-view .detail-box .pd-listbox > ul > li .box .imgbox .stxt { font-size:15px; }
	.product-view .detail-box .pd-listbox > ul > li:nth-child(2n) .box .txtbox { padding:0; }
	.product-view .detail-box .pd-listbox.pd-list > ul > li:nth-child(2n+1) .box .txtbox,
	.product-view .detail-box .pd-listbox.pd-list  > ul > li:nth-child(2n) .box .txtbox { padding:0; }
	.product-view .detail-box .guide-box { padding:60px 0 0; }
	.product-view .detail-box .guide-box.bg { padding:60px 0; }
	.product-view .detail-box .guide-box .txtbox .tit { font-size:22px; }
	.product-view .detail-box .guide-box .txtbox .txt { margin-top:10px; font-size:17px; }
	.product-view .detail-box .guide-box .txtbox .icon { margin-top:10px; }
	.product-view .detail-box .guide-box .txtbox .icon img { width:40px; }
	.product-view .detail-box .guide-box .listbox { margin-top:20px; }
	.product-view .detail-box .guide-box .listbox li { padding:20px 10px; }
	.product-view .detail-box .guide-box .listbox li .icon img { width:70px; }
	.product-view .detail-box .guide-box .listbox li .txt { font-size:15px; }
	.product-view .detail-box .guide-box .listbox.list1 li .txt { margin-top:20px; font-size:16px; }
	.product-view .detail-box #warranty { margin-top:60px; }
	.product-view .detail-box .info-bottom:not(:last-child) { margin-bottom:20px; padding-bottom:20px; }
	.product-view .detail-box .info-bottom dt h4 { font-size:18px; }
	.product-view .detail-box .info-bottom dd { padding-top:10px; }
	.product-view .detail-box .info-bottom dd .txtbox { font-size:16px; }
	.product-view .detail-box .btnCont { margin-top:50px; }
}

/* animation */
.product-view .detail-box .top-banner .txtbox dt,
.product-view .detail-box .top-banner .txtbox dd { opacity:0; }
.product-view .detail-box .top-banner .txtbox.subOn dt{ animation:ani_2 1.5s 0.8s; animation-fill-mode:both; }
.product-view .detail-box .top-banner .txtbox.subOn dd { animation:ani_2 1.2s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .banner-box { opacity:0; }
.product-view .detail-box .banner-box.subOn { animation:bgs3 1.2s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view1 .txtbox { opacity:0; }
.product-view .detail-box .pd-view1 .txtbox.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view1 .imgbox:after { content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.8); position:absolute; right:0; bottom:0; }
.product-view .detail-box .pd-view1 .imgbox.subOn:after { animation:ani_w100 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view1 .imgbox img { opacity:0; }
.product-view .detail-box .pd-view1 .imgbox.subOn img { animation:ani_4 1.0s 1.0s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .txtbox { opacity:0; }
.product-view .detail-box .pd-view2 .txtbox.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .imgbox img { opacity:0; }
.product-view .detail-box .pd-view2 .imgbox.subOn img { animation:ani_4 1.0s 0.6s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .bg-box:after { content:""; display:block; width:100%; height:100%; background:rgba(255,255,255,0.5); position:absolute; right:0; bottom:0; }
.product-view .detail-box .pd-view2 .bg-box.subOn:after { animation:ani_w100 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .listbox > ul > li .txt { opacity:0; }
.product-view .detail-box .pd-view2 .listbox > ul > li.subOn .txt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .listbox > ul > li.subOn:nth-child(2n) .txt { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li.subOn:nth-child(2n) .txt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-view2 .listbox.list1 > ul > li.subOn:nth-child(2n+1) .txt { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .feature-list li { opacity:0; }
.product-view .detail-box .feature-list.subOn li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .feature-list.subOn li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-view .detail-box .feature-list.subOn li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.product-view .detail-box .feature-list.subOn li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.product-view .detail-box .compare-box > div { overflow:hidden }
.product-view .detail-box .compare-box .box { opacity:0; }
.product-view .detail-box .compare-box.subOn .box:nth-child(1) { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .compare-box.subOn .box:nth-child(2) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .compare-box .type1 .tit { opacity:0; }
.product-view .detail-box .compare-box.subOn .type1 .tit { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .compare-box .type1 li { opacity:0; }
.product-view .detail-box .compare-box.subOn .type1 li:nth-child(1) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.product-view .detail-box .compare-box.subOn .type1 li:nth-child(2) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.product-view .detail-box .pd-listbox > ul { overflow:hidden }
.product-view .detail-box .pd-listbox > ul > li .txtbox { opacity:0; }
.product-view .detail-box .pd-listbox > ul > li.subOn .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-listbox > ul > li.subOn:nth-child(2n) .txtbox { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-listbox.pd-list > ul > li.subOn:nth-child(2n) .txtbox { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .pd-listbox.pd-list > ul > li.subOn:nth-child(2n+1) .txtbox { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .guide-box .txtbox { opacity:0; }
.product-view .detail-box .guide-box .txtbox.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .guide-box .listbox li { opacity:0; }
.product-view .detail-box .guide-box .listbox.subOn li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.product-view .detail-box .guide-box .listbox.subOn li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-view .detail-box .guide-box .listbox.subOn li:nth-child(3) { animation:ani_4 0.8s 0.9s; animation-fill-mode:both; }
.product-view .detail-box .guide-box .listbox.subOn li:nth-child(4) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.product-view .detail-box .info-bottom { opacity:0; }
.product-view .detail-box .info-bottom.subOn { animation:ani_4 1.0s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:640px){
	.product-view .detail-box .pd-view2 .listbox > ul > li .txt { opacity:0; }
	.product-view .detail-box .pd-view2 .listbox > ul > li.subOn .txt,
	.product-view .detail-box .pd-view2 .listbox > ul > li.subOn:nth-child(2n) .txt,
	.product-view .detail-box .pd-view2 .listbox.list1 > ul > li.subOn:nth-child(2n) .txt,
	.product-view .detail-box .pd-view2 .listbox.list1 > ul > li.subOn:nth-child(2n+1) .txt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.product-view .detail-box .pd-listbox > ul > li .txtbox { opacity:0; }
	.product-view .detail-box .pd-listbox > ul > li.subOn .txtbox,
	.product-view .detail-box .pd-listbox > ul > li.subOn:nth-child(2n) .txtbox,
	.product-view .detail-box .pd-listbox.pd-list > ul > li.subOn:nth-child(2n) .txtbox,
	.product-view .detail-box .pd-listbox.pd-list > ul > li.subOn:nth-child(2n+1) .txtbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.product-view .detail-box .pd-view2 .bg-box.subOn:after { animation:ani_h100 0.8s 0.3s; animation-fill-mode:both; }
}


.search-box { margin-top:60px; }
.search-box .s-ipbox { position:relative; max-width:480px; width:100%; margin:0 auto; }
.search-box .s-ipbox input { width:100%; height:70px; line-height:1.3; padding:0 100px 0 40px; font-size:18px; color:#111; font-weight:400; border:none; border-radius:70px; outline:none; background:#f8f8f8; }
.search-box .s-ipbox button { position:absolute; right:0; bottom:0; display:block; width:100px; height:70px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; background:url(/img/svg/btn_search_ov.svg) center center no-repeat; padding:0; }
.search-box input::placeholder { color:#999; opacity:1; font-weight:400; }
@media screen and (max-width:1024px){
	.search-box { margin-top:40px; }
	.search-box .s-ipbox input { height:60px; padding:0 80px 0 30px; font-size:16px; }
	.search-box .s-ipbox button { width:80px; height:60px; }
}
@media screen and (max-width:640px){
	.search-box { margin-top:30px; }
	.search-box .s-ipbox input { height:50px; padding:0 60px 0 25px; font-size:15px; }
	.search-box .s-ipbox button { width:60px; height:50px; }
}

.txt-total { margin-top:60px; color:#666; font-size:18px; font-weight:400; line-height:1.3; } 
.txt-total strong { color:var(--mainColor); font-weight:400; }
@media screen and (max-width:1024px){
	.txt-total { margin-top:40px; font-size:16px;}
}
@media screen and (max-width:1024px){
	.txt-total { margin-top:30px; font-size:15px;}
}

.board-list {}
.board-list table { border-top:1px solid #222; border-bottom:1px solid #ddd; background:#fff; }
.board-list table thead th { position:relative; color:#222; font-size:18px; font-weight:500; line-height:1.3; height:90px; border-bottom:1px solid #ddd; background:#fff; text-align:center; }
.board-list table thead th:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#ccc; }
.board-list table thead th:first-child:before { display:none } 
.board-list table tbody td { font-family:var(--mainFont); color:#333; font-size:18px; font-weight:300; line-height:1.3; height:90px; padding:10px 5px; border-bottom:1px solid #e0e0e0; background:#fff; text-align:center; }
.board-list table.fw tbody td { font-weight:400; }
.board-list table tbody td .imgbox { position:relative; width:70px; margin:0 auto }
.board-list table tbody td .imgbox:before{ content:""; display:block; padding-bottom:100%; }
.board-list table tbody td .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; }
.board-list table tbody td.td_left { text-align:left; padding-left:20px; }
.board-list table tbody td.td_left a { color:#333; font-weight:400; }
.board-list table tbody tr:hover td { background:#f9f9f9; transition:all 0.5s; }
@media screen and (max-width:1024px){
	.board-box .scroll-box { overflow-y:visible; overflow-x:hidden }
	.board-box .scroll-box .board-list { width:1000px; } 
	.board-list table col.w1,
	.board-list table col.w2 { width:120px !important; }
	.board-list table thead th { font-size:16px; height:80px; }
	.board-list table thead th:before { height:18px; }
	.board-list table tbody td { font-size:16px; height:80px; padding:8px 5px; }
}
@media screen and (max-width:640px){
	.board-box .scroll-box .board-list { width:800px; }
	.board-list table col.w1 { width:70px !important; }
	.board-list table col.w2 { width:90px !important; }
	.board-list table thead th { font-size:15px; height:70px; }
	.board-list table thead th:before { height:16px; }
	.board-list table tbody td { font-size:15px; height:70px; }
	.board-list table tbody td .imgbox { width:60px; }
}


.gallery-list > ul { display:flex; flex-wrap:wrap; gap:60px 32px; }
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:40px 20px; }
.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
.gallery-list > ul > li .imgbox { position:relative; width:100%; overflow:hidden }
.gallery-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:101.5%; }
.gallery-list > ul > li .imgbox:after { content:""; display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.20); opacity:0; transition:all 0.5s;}
.gallery-list > ul > li .imgbox > img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all 0.5s; }
.gallery-list > ul > li .imgbox span { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); opacity:0; z-index:2; transition:all 0.5s; }
.gallery-list > ul > li a:hover .imgbox:after { opacity:1; }
.gallery-list > ul > li a:hover .imgbox > img { transform:scale(1.05); }
.gallery-list > ul > li a:hover .imgbox span { transform:translate(-50%, -50%) rotate(-90deg); opacity:1; }
.gallery-list > ul > li .txtbox { margin-top:22px; color:#333; font-size:20px; font-weight:400; line-height:1.3; text-align:center; }
.gallery-list .btn_more { margin-top:150px; display:flex; justify-content:center; }
@media screen and (max-width:1440px){
	.products-box { padding:200px 0 150px; }
	.gallery-list { margin-top:80px; }
	.gallery-list > ul { gap:40px 20px; }
	.gallery-list > ul > li { width:calc((100% - 40px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:20px; font-size:19px; }
	.gallery-list .btn_more { margin-top:130px; }
}
@media screen and (max-width:1280px){
	.products-box { padding:150px 0 120px; }
	.gallery-list { margin-top:60px; }
	.gallery-list > ul { gap:30px 15px; }
	.gallery-list > ul > li { width:calc((100% - 30px) / 3); }
	.gallery-list > ul > li .txtbox { margin-top:17px; font-size:18px; }
	.gallery-list .btn_more { margin-top:110px; }
}
@media screen and (max-width:1024px){
	.products-box { padding:110px 0 90px; }
	.gallery-list { margin-top:40px; }
	.gallery-list > ul { gap:20px 10px; }
	.gallery-list > ul > li { width:calc((100% - 10px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:14px; font-size:17px; }
	.gallery-list .btn_more { margin-top:80px; }
}
@media screen and (max-width:640px){
	.products-box { padding:80px 0 60px; }
	.gallery-list { margin-top:30px; }
	.gallery-list > ul { gap:20px 5px; }
	.gallery-list > ul > li { width:calc((100% - 5px) / 2); }
	.gallery-list > ul > li .txtbox { margin-top:10px; font-size:16px; }
	.gallery-list .btn_more { margin-top:50px; }
}

.board-view { margin-top:110px; }
.board-view .top-box { text-align:center; padding:80px 20px 55px; border-top:2px solid #222; border-bottom:1px solid #e0e0e0; }
.board-view .top-box .title { font-size:36px; font-weight:700; color:#222; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-box .info { display:flex; justify-content:center; margin-top:30px; }
.board-view .top-box .txt { font-size:18px; font-weight:400; color:#888; line-height:1.3; }
.board-view .top-box .txt strong { font-weight:600; color:#222; }
.board-view .top-box .txt:not(:last-child) { margin-right:20px; }
.board-view .viewCont .contents { min-height:180px; padding:60px 0; }
.board-view .viewCont .contents img { max-width:100%; }
.board-view .viewCont .attach { margin-top:60px; padding:35px 0; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.board-view .viewCont .attach li:not(:last-child) { margin-bottom:30px; }
.board-view .viewCont .attach li { display:flex; }
.board-view .viewCont .attach li strong { position:relative; width:130px; text-align:center; font-size:16px; font-weight:500; color:#222; line-height:1.3; }
.board-view .viewCont .attach li strong:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 130px - 20px); margin-left:20px; font-size:16px; font-weight:400; color:#666; line-height:1.3; padding:0 150px 0 25px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:16px; vertical-align:middle; margin-right:6px; }
.board-view .viewCont .attach li a > i { position:absolute; left:0; top:2px; }
.board-view .viewCont .attach li a:hover { color:var(--mainColor); }
.board-view .viewCont .attach li a span { position:absolute; right:30px; top:0; font-weight:300; }
.board-view .btn_pn { margin-top:40px; display:flex; gap:20px; }
.board-view .btn_pn dl { width:calc((100% - 20px) / 2); border:1px solid #e0e0e0; display:flex; transition:all 0.4s; }
.board-view .btn_pn dt { position:relative; width:165px; height:120px; display:flex; align-items:center; justify-content:center; text-align:center; } 
.board-view .btn_pn dt:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background:#e0e0e0; } 
.board-view .btn_pn dt span { font-size:16px; font-weight:400; color:#333; display:inline-block; transition:all 0.4s; }
.board-view .btn_pn dt span i { display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 165px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:16px; font-weight:300; color:#666; min-height:17px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-view .btn_pn dl:hover {  border:1px solid var(--mainColor); }
.board-view .btn_pn dl:hover dt span { color:var(--mainColor); }
.board-view .btn_pn dl:nth-child(2) { flex-direction:row-reverse; }
.board-view .btn_pn dl:nth-child(2) dd { display:flex; justify-content:flex-end; }
.board-view .btn_pn dl:nth-child(2) dt:before { left:0; right:unset; } 
.board-view .comment-box { margin-top:60px; }
.board-view .comment-box dl { display:flex; border-top:2px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .comment-box dl dt { display:flex; justify-content:center; align-items:center; width:300px; background:#eee; font-size:20px; font-weight:700; color:#111; line-height:1.3 }
.board-view .comment-box dl dd { width:calc(100% - 300px); min-height:200px; padding:25px; font-size:20px; font-weight:400; color:#333; line-height:1.4 }
.board-view .caseCont li { display:flex; align-items:center; padding:40px 0; border-bottom:1px solid #e1e1e1;}
.board-view .caseCont li figure { width:187px; text-align:center; }
.board-view .caseCont li dl { width:calc(100% - 187px);  }
.board-view .caseCont li dt { font-size:18px; font-weight:700; color:var(--subColor); line-height:1.3; }
.board-view .caseCont li dd { margin-top:16px; font-size:18px; font-weight:300; color:#333; line-height:1.3; }
@media screen and (max-width:1280px){
	.board-view .top-box { padding:50px 20px; }
	.board-view .top-box .title { font-size:26px; }
	.board-view .top-box .info { margin-top:20px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:15px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { margin-top:50px; padding:30px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:120px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px - 20px); }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dt { width:120px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 120px); padding:0 20px; }
}
@media screen and (max-width:1024px){
	.board-view { margin-top:80px; }
	.board-view .top-box { padding:40px 20px; }
	.board-view .top-box .title { font-size:22px; }
	.board-view .top-box .info { margin-top:15px; }
	.board-view .top-box .txt { font-size:15px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:10px; }
	.board-view .viewCont .contents { padding:30px 0; }
	.board-view .viewCont .attach { margin-top:40px; padding:25px 0; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:100px; font-size:15px; }
	.board-view .viewCont .attach li a { width:calc(100% - 100px - 20px); font-size:15px; padding-right:110px; }
	.board-view .viewCont .attach li a i { font-size:15px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .viewCont .attach li a span { right:20px; }
	.board-view .viewCont .business-view .txtbox { margin-top:30px; }
	.board-view .viewCont .business-view .txtbox ul li { width:50%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:18px; width:56px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:16px; width:calc(100% - 80px); }
	.board-view .btn_pn { margin-top:20px; gap:10px; }
	.board-view .btn_pn dl { width:calc((100% - 10px) / 2); }
	.board-view .btn_pn dt { width:100px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:14px; }
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 100px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:15px; min-height:21px; }	
	.board-view .comment-box { margin-top:40px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:200px; font-size:18px; }
	.board-view .comment-box dl dd { width:calc(100% - 200px); min-height:180px; padding:20px; font-size:18px; }
	.board-view .caseCont li { padding:30px 0; }
	.board-view .caseCont li figure { width:130px; }
	.board-view .caseCont li figure img { width:100px; }
	.board-view .caseCont li dl { width:calc(100% - 130px);  }
	.board-view .caseCont li dt { font-size:17px; }
	.board-view .caseCont li dd { margin-top:12px; font-size:17px; }
}
@media screen and (max-width:960px){
	.board-view .btn_pn { flex-wrap:wrap; gap:5px; }
	.board-view .btn_pn dl { width:100%; }
	.board-view .btn_pn dl:nth-child(2) { flex-direction:row; }
	.board-view .btn_pn dl:nth-child(2) dd { justify-content:flex-start; }
	.board-view .btn_pn dl:nth-child(2) dt:before { left:unset; right:0; } 
}
@media screen and (max-width:640px){
	.board-view { margin-top:40px; }
	.board-view .top-box { padding:30px 20px; }
	.board-view .top-box .title { font-size:20px; }
	.board-view .top-box .info { margin-top:8px; flex-wrap:wrap; }
	.board-view .top-box .txt { margin-top:5px; }
	.board-view .viewCont .contents { padding:20px 0; }
	.board-view .viewCont .attach { margin-top:30px; padding:20px 5px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:10px; }
	.board-view .viewCont .attach li strong { display:none }
	.board-view .viewCont .attach li a { width:100%; padding-left:24px; margin-left:0; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .viewCont .attach li a span { right:0; }
	.board-view .viewCont .business-view .txtbox ul { gap:5px 0 }
	.board-view .viewCont .business-view .txtbox ul li { width:100%; }
	.board-view .viewCont .business-view .txtbox ul li strong { font-size:16px; }
	.board-view .viewCont .business-view .txtbox ul li span { font-size:14px; }
	.board-view .btn_pn { margin-top:20px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span i { margin-right:5px; }
	.board-view .btn_pn dd { width:calc(100% - 85px); padding:0 15px; }
	.board-view .btn_pn dd a { min-height:21px; -webkit-line-clamp:2; }
	.board-view .comment-box { margin-top:20px; }
	.board-view .comment-box dl { display:flex; }
	.board-view .comment-box dl dt { width:120px; font-size:16px; }
	.board-view .comment-box dl dd { width:calc(100% - 120px); min-height:150px; padding:15px; font-size:16px; }
	.board-view .caseCont li { padding:20px 0; }
	.board-view .caseCont li figure { width:90px; }
	.board-view .caseCont li figure img { width:70px; }
 	.board-view .caseCont li dl { width:calc(100% - 90px);  }
	.board-view .caseCont li dt { font-size:16px; }
	.board-view .caseCont li dd { margin-top:10px; font-size:16px; }
}

.faq-box .listbox > ul { border-top:1px solid #ddd; }
.faq-box .listbox > ul > li { border-bottom:1px solid #ddd;}
.faq-box .listbox > ul > li > p { cursor:pointer; position:relative; height:100px; display:flex; align-items:center; padding:0 80px; color:#333; font-size:20px; font-weight:400; line-height:1.5; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:54px; top:50%; transform:translateY(-50%); width:3px; height:23px; background:#ddd; transition:all 0.3s } 
.faq-box .listbox > ul > li > p:after { content:""; display:block; position:absolute; right:44px; top:50%; transform:translateY(-50%); width:23px; height:3px; background:#ddd; transition:all 0.3s }
.faq-box .listbox > ul > li.on > p:before { opacity:0; }
.faq-box .listbox > ul > li.on > p:after { background:var(--mainColor); }
.faq-box .listbox > ul > li > p strong { position:absolute; left:40px; top:50%; transform:translateY(-50%); color:var(--mainColor); font-size:28px; font-weight:600; line-height:1.3; }
.faq-box .listbox > ul > li .contentBox { border-top:1px solid #ddd; background:#f9f9f9; padding:40px; color:#222; font-size:18px; font-weight:400; line-height:1.6; }
@media screen and (max-width:1024px){
	.faq-box .listbox > ul > li > p { height:80px; padding:0 50px; font-size:18px; }
	.faq-box .listbox > ul > li > p:before { right:33px; width:2px; height:19px; } 
	.faq-box .listbox > ul > li > p:after { right:25px; width:19px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:20px; font-size:24px; }
	.faq-box .listbox > ul > li .contentBox { padding:30px 20px; font-size:16px; }
}
@media screen and (max-width:640px){
	.faq-box .listbox > ul > li > p { height:70px; padding:0 40px; font-size:16px; }
	.faq-box .listbox > ul > li > p:before { right:17px; width:2px; height:16px; } 
	.faq-box .listbox > ul > li > p:after { right:10px; width:16px; height:2px; }
	.faq-box .listbox > ul > li > p strong { left:10px; font-size:22px; }
	.faq-box .listbox > ul > li .contentBox { padding:20px 10px; font-size:15px; }
}

/* animation */
.faq-box { opacity:0; }
.faq-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* page */
.page { margin:150px auto 0 auto; text-align:center; padding:0; } 
.page a { transition:all 0.3s; position:relative; font-family:var(--mainFont); font-size:18px; line-height:30px; font-weight:400; color:#333; border:none; padding:0; min-width:30px; margin:0 4px; display:inline-block; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:400; color:#fff; background:#333; border:none; padding:0 4px; border-radius:50px; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:8px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:none; vertical-align:middle; height:35px; padding:0; width:35px; margin-right:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:none; vertical-align:middle; height:35px; padding:0; width:35px; margin-left:-10px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#333; display:block; font-weight:400; }
@media screen and (max-width:1024px){
	.page { margin:120px auto 0 auto; }
}
@media screen and (max-width:640px){
	.page { margin:70px auto 0 auto; }
	.page a { margin:0 2px; }
	.page .btn_prev { margin-right:0; }
	.page .btn_next { margin-left:0; }
}


.btnCont { display:flex; justify-content:center; align-items:center; gap:0 10px; }
.btnCont a { width:200px; height:70px; display:flex; justify-content:center; align-items:center; background:#eee; color:#222; font-size:18px; font-weight:500; line-height:1.3; }
.btnCont .line { border:1px solid #555; background:none }
@media screen and (max-width:1440px){
	.btnCont a { height:60px; }
}
@media screen and (max-width:1024px){
	.btnCont a { width:160px; height:50px; font-size:16px; }
}
@media screen and (max-width:640px){
	.btnCont a { width:140px; height:45px; font-size:15px; }
}


.board-view .btnCont { margin-top:80px; }
@media screen and (max-width:1024px){
	.board-view .btnCont { margin-top:60px; }
}
@media screen and (max-width:640px){
	.board-view .btnCont { margin-top:40px; }
}


.result-box .top-search { background:#f8f8f8; padding:52px 20px; }
.result-box .top-search .s-box { max-width:750px; width:100%; margin:0 auto; }
.result-box .top-search .ipbox { position:relative; width:100%; height:70px; background:#fff; }
.result-box .top-search .ipbox input[type="text"] { width:100%; border:none; outline:none; color:#222; font-size:20px; font-weight:400; padding:0 80px 0 20px; height:100%; line-height:100%; background:#f8f8f8; border-bottom:1px solid #333; }
.result-box .top-search .ipbox input::placeholder{ color:#777; font-weight:400; }
.result-box .top-search .ipbox .btn { position:absolute; right:0; top:0; background:url(/img/svg/btn_search_ov.svg) center center no-repeat }
.result-box .top-search .ipbox .btn button { border:none; outline:none; background:none; width:70px; height:70px; }
.result-box .top-search .ipbox .btn button span { text-indent:-9999em; display:block; overflow:hidden }
.result-box .top-search .keyword { margin-top:25px; display:flex; gap:0 20px;}
.result-box .top-search .keyword .tit { color:#333; font-size:18px; font-weight:400; line-height:1.3; width:90px; }
.result-box .top-search .keyword ul { width:calc(100% - 90px); display:flex; flex-wrap:wrap; gap:5px 14px; }
.result-box .top-search .keyword li a { color:#777; font-size:18px; font-weight:400; line-height:1.3; }
.result-box .txt_total { margin-top:60px; color:#333; font-size:20px; font-weight:500; line-height:1.3; text-align:center; }
.result-box .txt_total strong { font-weight:500; color:var(--mainColor); }
.result-box .listbox { margin-top:60px; }
.result-box .listbox > dl:not(:last-child) { margin-bottom:80px; }
.result-box .listbox > dl > dt { color:#333; font-size:26px; font-weight:600; line-height:1.3; margin-bottom:25px; }
@media screen and (max-width:1024px){
	.result-box .top-search { padding:40px 20px; }
	.result-box .top-search .ipbox { height:60px; }
	.result-box .top-search .ipbox input[type="text"] { font-size:18px; padding:0 80px 0 20px; }
	.result-box .top-search .ipbox .btn button { width:60px; height:60px; }
	.result-box .top-search .keyword { margin-top:20px; gap:0 20px;}
	.result-box .top-search .keyword .tit { font-size:16px; }
	.result-box .top-search .keyword ul { gap:5px 14px; }
	.result-box .top-search .keyword li a { font-size:16px; }
	.result-box .txt_total { margin-top:40px; font-size:18px; }
	.result-box .listbox { margin-top:40px; }
	.result-box .listbox > dl:not(:last-child) { margin-bottom:60px; }
	.result-box .listbox > dl > dt { font-size:24px; margin-bottom:20px; }
}
@media screen and (max-width:640px){
	.result-box .top-search { padding:30px 20px; }
	.result-box .top-search .ipbox { height:50px; }
	.result-box .top-search .ipbox input[type="text"] { font-size:16px; padding:0 60px 0 10px; }
	.result-box .top-search .ipbox .btn button { width:50px; height:50px; }
	.result-box .top-search .keyword { margin-top:15px; gap:0 15px;}
	.result-box .top-search .keyword .tit { font-size:15px; }
	.result-box .top-search .keyword ul { gap:5px 14px; }
	.result-box .top-search .keyword li a { font-size:15px; }
	.result-box .txt_total { margin-top:30px; font-size:16px; }
	.result-box .listbox { margin-top:30px; }
	.result-box .listbox > dl:not(:last-child) { margin-bottom:40px; }
	.result-box .listbox > dl > dt { font-size:19px; margin-bottom:15px; }
}


.os-theme-dark > .os-scrollbar-vertical  { padding:0; background:rgba(0,0,0,0.05); width:4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-horizontal { padding:0; background:rgba(0,0,0,0.05); height:4px; border-radius:2px; }
.os-theme-dark > .os-scrollbar-vertical, 
.os-theme-light > .os-scrollbar-vertical { width:4px; }
.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:rgba(0,0,0,0.3); width:4px; height:4px; border-radius:2px; }
.os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:rgba(0,0,0,0.6); border-radius:2px; }