@charset "utf-8";
.displayNo { display:none }
.sub-bg { position:relative; width:100%; height:660px; background-position:left center; background-repeat:no-repeat; background-size:cover; }
@media screen and (max-width:1500px){
    .sub-bg { height:580px; }
}
@media screen and (max-width:1024px){
    .sub-bg { height:460px; }
}
@media screen and (max-width:640px){
    .sub-bg { height:320px; }
}

.subtitleTop { z-index:10; padding-top:180px; }
.subtitleTop .location { display:flex; }
.subtitleTop .location .txt { position:relative; font-family:var(--subFont); color:#333; font-size:15px; font-weight:400; line-height:1.3; }
.subtitleTop .location .txt:not(:last-child) { padding-right:14px; margin-right:8px; }
.subtitleTop .location .txt:not(:last-child):after { content:""; display:block; width:3px; height:6px; position:absolute; right:0; top:50%; transform:translateY(-50%); background:url(/img/sub/location_arr.png) no-repeat right }
.subtitleTop .location .txt a,
.subtitleTop .location .txt span { font-family:var(--subFont); color:#333; font-weight:400 }
@media screen and (max-width:1500px){
    .subtitleTop { z-index:10; padding-top:160px; }
}
@media screen and (max-width:1024px){
    .subtitleTop { z-index:10; padding-top:120px; }
}
@media screen and (max-width:640px){
    .subtitleTop { z-index:10; padding-top:100px; }
}




.subTitle { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; }
.subTitle h2 { color:#fff; font-size:64px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.subTitle h2 span { font-weight:600; font-family:var(--subFont); }
.subTitle h2 span > span { min-width:15px; padding:0 1px; }
.subTitle p { margin-top:20px; }
.subTitle p span { font-family:var(--subFont); color:#fff; font-size:30px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; }
.subTitle .logo { margin-bottom:20px; }
.subTitle .logo svg { width:320px; height:auto }
.subTitle .logo svg .logo-1 { fill:#fff; }
.subTitle .logo svg .logo-2 { fill:var(--mainColor); }
@media screen and (max-width:1500px){
    .subTitle .logo svg { width:280px; }
    .subTitle h2 { font-size:55px; }
    .subTitle h2 span > span { min-width:15px; }
    .subTitle p { margin-top:15px; }
    .subTitle p span { font-size:22px; }
}
@media screen and (max-width:1024px){
    .subTitle .logo { margin-bottom:10px; }
    .subTitle .logo svg { width:220px; }
    .subTitle h2 { font-size:42px; }
    .subTitle h2 span > span { min-width:13px; }
    .subTitle p { margin-top:10px; }
    .subTitle p span { font-size:20px; }
}
@media screen and (max-width:640px){
    .subTitle .logo svg { width:180px; }
    .subTitle { position:absolute; top:55%; }
    .subTitle h2 { font-size:30px; }
    .subTitle h2 span > span { min-width:10px; }
    .subTitle p { margin-top:10px; }
    .subTitle p span { font-size:16px; }
}



/* animation */
.subTitle h2 { overflow:hidden; display:block; }
.subTitle h2 span > span { opacity:0; display:inline-block; }
.subTitle p { overflow:hidden; }
.subTitle p span { opacity:0; display:block; }
.subTitle h2 span > span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.subTitle p span { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.subTitle .logo { opacity:0; }
.subTitle .logo { opacity:1; animation:ani_3 0.5s 0.1s; animation-fill-mode:both; }
.subTitle .logo svg { opacity:0; }
.subTitle .logo svg { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }



.s-title { position:relative; }
.s-title h3.tit { font-family:var(--subFont); color:var(--mainColor); letter-spacing:-0.02em; font-size:45px; font-weight:800; line-height:1.3; }
.s-title h3.tit span { font-weight:800; font-family:var(--subFont); }
@media screen and (max-width:1500px){
    .s-title h3.tit { font-size:34px; }
}
@media screen and (max-width:1024px){
    .s-title h3.tit { font-size:28px; }
}
@media screen and (max-width:640px){
    .s-title h3.tit { font-size:20px; }
}

/* animation */
.s-title h3.tit { overflow:hidden; }
.s-title h3.tit span { opacity:0; display:block; }
.s-title h3.tit span { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.s-title p.stxt { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }


#contents { padding-bottom:100px; }
@media screen and (max-width:1024px){
    #contents { padding-bottom:60px; }
}

/* product-list */
.product-box .product-list { padding-top:75px; }
.product-box .product-list .s-title { border-bottom:1px solid #ddd; padding-bottom:20px; }
.product-box .product-list .listbox { margin-top:70px; }
.product-box .product-list .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.product-box .product-list .listbox > ul > li { width:calc((100% - 60px) / 3); border:1px solid #eee; }
.product-box .product-list .listbox > ul > li .imgbox { text-align:center; padding:30px; min-height:238px; }
.product-box .product-list .listbox > ul > li .imgbox img { max-width:100%; }
.product-box .product-list .listbox > ul > li .txtbox { padding:30px; border-top:1px solid #eee;}
.product-box .product-list .listbox > ul > li .txtbox dt { font-size:20px; font-weight:800; line-height:0.7; color:#262626; display:flex; }
.product-box .product-list .listbox > ul > li .txtbox dt img { margin-right:8px; width:106px; }
.product-box .product-list .listbox > ul > li .txtbox dd { margin-top:15px; font-size:16px; color:#333; font-weight:400; line-height:1.4; letter-spacing:-0.02em; }
.product-box .product-list .listbox > ul > li .list { margin-top:20px; text-align:center; }
.product-box .product-list .listbox > ul > li .list ul { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.product-box .product-list .listbox > ul > li .list ul li { border:1px solid #ddd; width:calc((100% - 20px) / 3) }
.product-box .product-list .listbox > ul > li .list ul li img { max-width:100%; }
@media screen and (max-width:1720px){
    .product-box .product-list .listbox > ul > li .txtbox dd br { display:none }
    .product-box .product-list .listbox > ul > li .list ul li { width:calc((100% - 20px) / 3); }
    .product-box .product-list .listbox > ul > li .list ul li .box { width:100%; }
}
@media screen and (max-width:1500px){
    .product-box .product-list .s-title { padding-bottom:18px; }
    .product-box .product-list .listbox > ul { gap:20px; }
    .product-box .product-list .listbox > ul > li { width:calc((100% - 40px) / 3); }
    .product-box .product-list .listbox > ul > li .imgbox { padding:20px; min-height:200px; }
    .product-box .product-list .listbox > ul > li .txtbox { padding:20px; font-size:15px; }
}
@media screen and (max-width:1024px){
    .product-box .product-list { padding-top:40px; }
    .product-box .product-list .s-title { padding-bottom:12px; }
    .product-box .product-list .listbox { margin-top:50px; }
    .product-box .product-list .listbox > ul { gap:15px; }
    .product-box .product-list .listbox > ul > li { width:calc((100% - 30px) / 3); }
    .product-box .product-list .listbox > ul > li .imgbox { padding:15px; min-height:180px; }
    .product-box .product-list .listbox > ul > li .txtbox { padding:15px; font-size:14px; }
}
@media screen and (max-width:860px){
    .product-box .product-list { padding-top:40px; }
    .product-box .product-list .s-title { padding-bottom:12px; }
    .product-box .product-list .listbox > ul { gap:20px; }
    .product-box .product-list .listbox > ul > li { width:100%; }
    .product-box .product-list .listbox > ul > li .imgbox { padding:15px; min-height:180px; }
    .product-box .product-list .listbox > ul > li .txtbox { padding:15px; font-size:14px; }
    .product-box .product-list .listbox > ul > li .list { padding:0 10%; }
}
@media screen and (max-width:640px){
    .product-box .product-list .s-title { padding-bottom:8px; }
    .product-box .product-list .listbox { margin-top:30px; }
    .product-box .product-list .listbox > ul > li .list { padding:0; }
    .product-box .product-list .listbox > ul > li .list ul { gap:5px; }
    .product-box .product-list .listbox > ul > li .list ul li { width:calc((100% - 10px) / 3) }
}

/* animation */
.product-box .product-list .listbox > ul > li { opacity:0; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(1) { animation:ani_4 0.8s 0.2s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.4s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(3) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(4) { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(5) { animation:ani_4 0.8s 1.0s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(6) { animation:ani_4 0.8s 1.2s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(7) { animation:ani_4 0.8s 1.4s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(8) { animation:ani_4 0.8s 1.6s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(9) { animation:ani_4 0.8s 1.8s; animation-fill-mode:both; }
.product-box .product-list .listbox.subOn > ul > li:nth-child(10) { animation:ani_4 0.8s 2.0s; animation-fill-mode:both; }





/* product-view */
.product-box .product-view { margin-top:-20px; }
.product-box .product-view .view-box { padding:70px 0; }
.product-box .product-view .bg-1 { background:#fff; }
.product-box .product-view .bg-2 { background:#f8f8f8; }
.product-box .product-view .bg-3 { background:#1e1e1e; }
.product-box .product-view .view-box .txtbox dt { font-family:var(--subFont1); font-size:40px; font-weight:700; line-height:1.3; color:#111; letter-spacing:-0.02em; }
.product-box .product-view .view-box .txtbox dd { margin-top:20px; font-size:18px; font-weight:400; line-height:1.3; color:#333; letter-spacing:-0.02em; }
.product-box .product-view .view-box .txtbox .txt { font-size:32px; font-weight:500; line-height:1.3; color:#111; letter-spacing:-0.02em; }
.product-box .product-view .type-1 > div { display:flex; flex-wrap:wrap; }
.product-box .product-view .type-1 .imgbox { width:42%; text-align:center; padding:40px 20px; border:1px solid #ddd; }
.product-box .product-view .type-1 .imgbox img { max-width:100%; }
.product-box .product-view .type-1 .txtbox { width:58%; padding-left:100px; padding-top:70px; }
.product-box .product-view .type-1 .txtbox dt { font-size:65px; font-weight:800; line-height:1.2; color:#262626; display:flex; align-items:center; }
.product-box .product-view .type-1 .txtbox dt img { margin-right:15px; margin-top:8px; width:320px; vertical-align:middle }
.product-box .product-view .type-1 .txtbox dd { margin-top:10px; font-size:50px; font-weight:700; color:#111; }
.product-box .product-view .type-1 .txtbox .list { margin-top:60px; }
.product-box .product-view .type-1 .txtbox .list ul { display:flex; flex-wrap:wrap; gap:10px 0; text-align:center; }
.product-box .product-view .type-1 .txtbox .list ul li .box img { max-width:100%; }
.product-box .product-view .type-2 .txtbox img { width:320px; }
.product-box .product-view .type-2 .txtbox { text-align:center; }
.product-box .product-view .type-2 .txtbox .txt { margin-top:14px; font-family:var(--subFont1); font-size:64px; font-weight:700; line-height:1.3; color:#111; }
.product-box .product-view .type-3 > div { display:flex; flex-wrap:wrap; align-items:center; flex-direction:row-reverse; }
.product-box .product-view .type-3 .imgbox { width:535px; }
.product-box .product-view .type-3 .imgbox img { max-width:100%; }
.product-box .product-view .type-3 .txtbox { width:calc(100% - 535px); padding-left:165px; }
.product-box .product-view .type-3 .txtbox dd { margin-top:30px; }
.product-box .product-view .type-3 .txtbox dd > p:not(:last-child) { margin-bottom:30px; }
.product-box .product-view .type-4 > div { display:flex; flex-wrap:wrap; flex-direction:column; }
.product-box .product-view .type-4 .imgbox { margin-top:40px; }
.product-box .product-view .type-4 .imgbox ul { display:flex; gap:30px; }
.product-box .product-view .type-4 .imgbox li { width:calc(50% - 15px); }
.product-box .product-view .type-4 .imgbox li img { max-width:100%; }
.product-box .product-view .type-5 > div { display:flex; flex-wrap:wrap; flex-direction:column; }
.product-box .product-view .type-5 .txtbox { text-align:center; }
.product-box .product-view .type-5 .imgbox { margin-top:120px; }
.product-box .product-view .type-5 .imgbox ul { display:flex; gap:40px; }
.product-box .product-view .type-5 .imgbox li { width:calc(50% - 20px); text-align:center; }
.product-box .product-view .type-5 .imgbox li strong { margin-bottom:20px; font-size:28px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; color:#333; display:block }
.product-box .product-view .type-5 .imgbox li img { max-width:100%; }
.product-box .product-view .type-6 .view-data .dataTable { width:55%; }
.product-box .product-view .type-6 .view-data .txtInfo { width:45%; padding-left:30px; }
.product-box .product-view .type-9 .view-data { align-items:center; }
.product-box .product-view .type-9 .view-data .imgbox { width:450px; }
.product-box .product-view .type-9 .view-data .imgbox img { max-width:100%; }
.product-box .product-view .type-9 .view-data .dataTable { width:calc(100% - 450px); padding-left:135px; }
.product-box .product-view .view-data { margin-top:40px; display:flex; flex-wrap:wrap; align-items:flex-end; }
.product-box .product-view .view-data .dataTable .txt-tr { text-align:right; padding-bottom:10px; font-size:15px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; color:#333;}
.product-box .product-view .view-data .dataTable table { width:100%; }
.product-box .product-view .view-data .dataTable thead th { height:60px; background:#1e1e1e; text-align:center; font-family:var(--subFont1); font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; color:#fff; border-left:1px solid #fff; }
.product-box .product-view .view-data .dataTable thead th:first-child { border-left:none }
.product-box .product-view .view-data .dataTable tbody th { height:60px; padding:5px; text-align:center; font-family:var(--subFont1); font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; color:#111; border-bottom:1px solid #eee; border-left:1px solid #eee; }
.product-box .product-view .view-data .dataTable tbody td { height:60px; padding:5px; text-align:center; font-family:var(--subFont1); font-size:18px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; color:#111; border:1px solid #eee; border-width:0 1px 1px; }
.product-box .product-view .view-data .dataTable tbody tr.t-bg th,
.product-box .product-view .view-data .dataTable tbody tr.t-bg td { background:rgba(83, 170, 83, 0.20); }
.product-box .product-view .view-data .txtInfo dt { font-family:var(--subFont1); font-size:30px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; color:#111; }
.product-box .product-view .view-data .txtInfo dd { margin-top:20px; font-size:18px; font-weight:400; line-height:1.4; letter-spacing:-0.02em; color:#333; }
.product-box .product-view .view-data .txtInfo dd > p:not(:last-child) { margin-bottom:30px; }
.product-box .product-view .type-7 { padding:0; margin:70px 0 }
.product-box .product-view .type-7 > div { padding:0; max-width:1920px; }
.product-box .product-view .type-7 .imgbox img { max-width:100%; }
.product-box .product-view .type-8 > div,
.product-box .product-view .type-10 > div { display:flex; flex-wrap:wrap; align-items:center; flex-direction:row-reverse; }
.product-box .product-view .type-10 > div { position:static; }
.product-box .product-view .type-8 .imgbox,
.product-box .product-view .type-10 .imgbox { width:58%; }
.product-box .product-view .type-8 .imgbox img,
.product-box .product-view .type-10 .imgbox img { max-width:100%; }
.product-box .product-view .type-10 .imgbox { min-height:820px; }
.product-box .product-view .type-10 .imgbox img { position:absolute; left:0; }
.product-box .product-view .type-8 .txtbox,
.product-box .product-view .type-10 .txtbox { width:42%; }
.product-box .product-view .type-8 .txtbox .list li:not(:last-child),
.product-box .product-view .type-10 .txtbox .list li:not(:last-child) { margin-bottom:10px; }
.product-box .product-view .type-8 .txtbox .list li,
.product-box .product-view .type-10 .txtbox .list li { border:1px solid #ddd; background:#f9f9f9; min-height:184px; padding:40px; font-size:16px; font-weight:400; line-height:1.5; letter-spacing:-0.02em; color:#333; }
.product-box .product-view .type-8 .txtbox .list li strong,
.product-box .product-view .type-10 .txtbox .list li strong { margin-bottom:15px; display:block; font-family:var(--subFont1); font-size:30px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; color:var(--mainColor); }
.product-box .product-view .type-8 .txtbox .list li span,
.product-box .product-view .type-10 .txtbox .list li span { color:#555; }
.product-box .product-view .type-11 .imgbox { margin-top:40px; }
.product-box .product-view .type-11 .imgbox li img { max-width:100%; }

.product-box .product-view .view-box.bg-3 .txtbox dt,
.product-box .product-view .view-box.bg-3 .txtbox dd,
.product-box .product-view .view-box.bg-3 .txtbox .txt,
.product-box .product-view .view-box.bg-3 .imgbox li strong,
.product-box .product-view .view-box.bg-3 .dataTable tbody th,
.product-box .product-view .view-box.bg-3 .dataTable tbody td,
.product-box .product-view .view-box.bg-3 .dataTable .txt-tr,
.product-box .product-view .view-box.bg-3 .view-data .txtInfo * { color:#fff; }
.product-box .product-view .view-box.bg-3 .dataTable thead th { background:#fff; color:#111; border-left:1px solid #666 }
@media screen and (max-width:1720px){
    .product-box .product-view .view-box .txtbox dt { font-size:38px; }
    .product-box .product-view .view-box .txtbox dd { margin-top:18px; font-size:18px; }
    .product-box .product-view .view-box .txtbox .txt { font-size:30px; }
    .product-box .product-view .type-1 .imgbox { width:45%; }
    .product-box .product-view .type-1 .txtbox { width:55%; padding-left:70px; padding-top:70px; }
    .product-box .product-view .type-1 .txtbox dt { font-size:55px; }
    .product-box .product-view .type-1 .txtbox dt img { margin-right:13px; width:280px; }
    .product-box .product-view .type-1 .txtbox dd { margin-top:10px; font-size:40px; }
    .product-box .product-view .type-1 .txtbox .list { margin-top:50px; }
    .product-box .product-view .type-2 .txtbox img { width:280px; }
    .product-box .product-view .type-2 .txtbox .txt { font-size:60px; }
    .product-box .product-view .type-3 .txtbox { padding-left:120px; }
    .product-box .product-view .type-3 .txtbox dd { margin-top:30px; }
    .product-box .product-view .type-3 .txtbox dd > p:not(:last-child) { margin-bottom:30px; }
    .product-box .product-view .type-3 .txtbox dd > p br { display:none }
    .product-box .product-view .type-5 .imgbox { margin-top:100px; }
    .product-box .product-view .type-5 .imgbox li strong { margin-bottom:20px; font-size:26px; }
    .product-box .product-view .type-9 .view-data .dataTable { padding-left:100px; }
    .product-box .product-view .type-8 .imgbox,
    .product-box .product-view .type-10 .imgbox { padding-right:80px; }
    .product-box .product-view .type-10 .imgbox { width:calc(58% + 20px); margin-left:-20px; min-height:auto; }
    .product-box .product-view .type-10 > div { position:relative; }
    .product-box .product-view .type-10 .imgbox img { position:static; }
}
@media screen and (max-width:1500px){
    .product-box .product-view .view-box .txtbox dt { font-size:30px; }
    .product-box .product-view .view-box .txtbox dd { margin-top:15px; font-size:17px; }
    .product-box .product-view .view-box .txtbox .txt { font-size:26px; }
    .product-box .product-view .view-box .txtbox .txt br { display:none }
    .product-box .product-view .type-1 .imgbox { width:45%; }
    .product-box .product-view .type-1 .txtbox { width:55%; padding-left:70px; padding-top:30px; }
    .product-box .product-view .type-1 .txtbox dt { font-size:48px; }
    .product-box .product-view .type-1 .txtbox dt img { margin-right:10px; width:240px; }
    .product-box .product-view .type-1 .txtbox dd { margin-top:10px; font-size:40px; }
    .product-box .product-view .type-1 .txtbox .list { margin-top:40px; }
    .product-box .product-view .type-2 .txtbox img { width:240px; }
    .product-box .product-view .type-2 .txtbox .txt { font-size:50px; }
    .product-box .product-view .type-3 .txtbox { padding-left:80px; }
    .product-box .product-view .type-3 .imgbox { width:38%; }
    .product-box .product-view .type-3 .txtbox {  width:62%; }
    .product-box .product-view .type-3 .txtbox dd { margin-top:25px; }
    .product-box .product-view .type-3 .txtbox dd > p:not(:last-child) { margin-bottom:25px; }
    .product-box .product-view .type-5 .imgbox { margin-top:80px; }
    .product-box .product-view .type-5 .imgbox ul { gap:30px; }
    .product-box .product-view .type-5 .imgbox li { width:calc(50% - 15px); }
    .product-box .product-view .type-5 .imgbox li strong { margin-bottom:20px; font-size:24px; }
    .product-box .product-view .type-9 .view-data .imgbox { width:35%; }
    .product-box .product-view .type-9 .view-data .dataTable { width:65%; padding-left:80px; }
    .product-box .product-view .type-8 .imgbox,
    .product-box .product-view .type-10 .imgbox { padding-right:60px; }
    .product-box .product-view .type-8 .txtbox .list li,
    .product-box .product-view .type-10 .txtbox .list li { min-height:170px; padding:30px; font-size:16px; }
    .product-box .product-view .type-10 .txtbox .list li br { display:none }
    .product-box .product-view .type-8 .txtbox .list li strong,
    .product-box .product-view .type-10 .txtbox .list li strong { margin-bottom:15px; font-size:28px; }
    .product-box .product-view .view-data .dataTable thead th { height:60px; font-size:19px; }
    .product-box .product-view .view-data .dataTable tbody th,
    .product-box .product-view .view-data .dataTable tbody td { height:60px; font-size:17px; }
    .product-box .product-view .view-data .txtInfo dt { font-size:26px; }
    .product-box .product-view .view-data .txtInfo dd { margin-top:18px; font-size:17px; }
    .product-box .product-view .view-data .txtInfo dd > p:not(:last-child) { margin-bottom:25px; }
}
@media screen and (max-width:1280px){
    .product-box .product-view .view-box .txtbox dt { font-size:26px; }
    .product-box .product-view .view-box .txtbox dd { margin-top:12px; font-size:16px; }
    .product-box .product-view .view-box .txtbox .txt { font-size:22px; }
    .product-box .product-view .type-1 .imgbox { width:45%; }
    .product-box .product-view .type-1 .txtbox { width:55%; padding-left:40px; padding-top:30px; }
    .product-box .product-view .type-1 .txtbox dt { font-size:38px; }
    .product-box .product-view .type-1 .txtbox dt img { margin-right:10px; width:200px; }
    .product-box .product-view .type-1 .txtbox dd { margin-top:10px; font-size:30px; }
    .product-box .product-view .type-1 .txtbox .list { margin-top:40px; }
    .product-box .product-view .type-2 .txtbox img { width:200px; }
    .product-box .product-view .type-2 .txtbox .txt { font-size:40px; }
    .product-box .product-view .type-3 .txtbox { padding-left:40px; }
    .product-box .product-view .type-3 .txtbox dd { margin-top:20px; }
    .product-box .product-view .type-3 .txtbox dd > p:not(:last-child) { margin-bottom:20px; }
    .product-box .product-view .type-4 .imgbox ul { gap:20px; }
    .product-box .product-view .type-4 .imgbox li { width:calc(50% - 10px); }
    .product-box .product-view .type-5 .imgbox { margin-top:60px; }
    .product-box .product-view .type-5 .imgbox ul { gap:20px; }
    .product-box .product-view .type-5 .imgbox li { width:calc(50% - 10px); }
    .product-box .product-view .type-5 .imgbox li strong { margin-bottom:20px; font-size:20px; }
    .product-box .product-view .type-9 .view-data .dataTable { padding-left:40px; }
    .product-box .product-view .type-8 .imgbox,
    .product-box .product-view .type-10 .imgbox { padding-right:40px; }
    .product-box .product-view .type-8 .txtbox .list li,
    .product-box .product-view .type-10 .txtbox .list li { min-height:150px; padding:20px; font-size:15px; }
    .product-box .product-view .type-8 .txtbox .list li strong,
    .product-box .product-view .type-10 .txtbox .list li strong { margin-bottom:12px; font-size:24px; }
    .product-box .product-view .view-data .dataTable thead th { height:60px; font-size:19px; }
    .product-box .product-view .view-data .dataTable tbody th,
    .product-box .product-view .view-data .dataTable tbody td { height:60px; font-size:17px; }
}
@media screen and (max-width:1024px){
    .product-box .product-view { margin-top:-10px; }
    .product-box .product-view .view-box { padding:50px 0; }
    .product-box .product-view .view-box .txtbox dt { font-size:26px; }
    .product-box .product-view .view-box .txtbox dd { margin-top:10px; font-size:16px; }
    .product-box .product-view .view-box .txtbox .txt { font-size:20px; }
    .product-box .product-view .type-1 .imgbox { width:100%; padding:30px 20px; }
    .product-box .product-view .type-1 .txtbox { width:100%; padding-left:0; padding-top:30px; }
    .product-box .product-view .type-1 .txtbox dt { font-size:32px; }
    .product-box .product-view .type-1 .txtbox dt img { margin-right:10px; margin-top:6px; width:180px; }
    .product-box .product-view .type-1 .txtbox dd { margin-top:8px; font-size:26px; }
    .product-box .product-view .type-1 .txtbox .list { margin-top:40px; }
    .product-box .product-view .type-2 .txtbox img { width:180px; }
    .product-box .product-view .type-2 .txtbox .txt { margin-top:10px; font-size:32px; }
    .product-box .product-view .type-3 > div { flex-direction:column-reverse; }
    .product-box .product-view .type-3 .imgbox { width:100%; max-width:520px; margin:0 auto }
    .product-box .product-view .type-3 .txtbox { width:100%; padding-left:0; }
    .product-box .product-view .type-3 .txtbox { margin-top:20px; }
    .product-box .product-view .type-3 .txtbox dd { margin-top:20px; }
    .product-box .product-view .type-3 .txtbox dd > p:not(:last-child) { margin-bottom:20px; }
    .product-box .product-view .type-4 .imgbox ul { gap:20px; flex-wrap:wrap; }
    .product-box .product-view .type-4 .imgbox li { width:100%; text-align:center }
    .product-box .product-view .type-5 .imgbox { margin-top:40px; }
    .product-box .product-view .type-5 .imgbox ul { gap:20px; flex-wrap:wrap;}
    .product-box .product-view .type-5 .imgbox li { width:100%; }
    .product-box .product-view .type-5 .imgbox li strong { margin-bottom:20px; font-size:18px; }
    .product-box .product-view .type-6 .view-data .dataTable { width:100%; }
    .product-box .product-view .type-6 .view-data .txtInfo { width:100%; padding-left:0; margin-top:30px; }
    .product-box .product-view .type-7 { margin:50px 0 }
    .product-box .product-view .type-9 .view-data .imgbox { width:100%; text-align:center }
    .product-box .product-view .type-9 .view-data .dataTable { padding-left:0; width:100%; margin-top:30px; }
    .product-box .product-view .type-8 .txtbox .list li,
    .product-box .product-view .type-10 .txtbox .list li { min-height:140px; padding:20px; }
    .product-box .product-view .type-8 .txtbox .list li strong,
    .product-box .product-view .type-10 .txtbox .list li strong { margin-bottom:10px; font-size:22px; }
    .product-box .product-view .view-data,
    .product-box .product-view .type-4 .imgbox,
    .product-box .product-view .type-9 .view-data { margin-top:30px; }
    .product-box .product-view .view-data .dataTable thead th { height:50px; font-size:18px; }
    .product-box .product-view .view-data .dataTable tbody th,
    .product-box .product-view .view-data .dataTable tbody td { height:50px; font-size:16px; }
    .product-box .product-view .view-data .txtInfo dt { font-size:22px; }
    .product-box .product-view .view-data .txtInfo dd { margin-top:12px; font-size:15px; }
    .product-box .product-view .view-data .txtInfo dd > p:not(:last-child) { margin-bottom:20px; }
}
@media screen and (max-width:960px){
    .product-box .product-view .type-8 > div,
    .product-box .product-view .type-10 > div { flex-direction:column-reverse; }
    .product-box .product-view .type-8 .imgbox,
    .product-box .product-view .type-10 .imgbox { padding-right:0; margin:0; width:100%; }
    .product-box .product-view .type-8 .txtbox,
    .product-box .product-view .type-10 .txtbox { width:100%; margin-top:20px; }
    .product-box .product-view .type-8 .txtbox .list li,
    .product-box .product-view .type-10 .txtbox .list li { min-height:auto; padding:20px; }
    .product-box .product-view .type-8 .txtbox .list li strong,
    .product-box .product-view .type-10 .txtbox .list li strong { margin-bottom:10px; font-size:22px; }
}
@media screen and (max-width:640px){
    .product-box .product-view { margin-top:0; }
    .product-box .product-view .view-box { padding:30px 0; }
    .product-box .product-view .view-box .txtbox dt { font-size:20px; }
    .product-box .product-view .view-box .txtbox dd { margin-top:5px; font-size:15px; }
    .product-box .product-view .view-box .txtbox .txt { font-size:17px; }
    .product-box .product-view .type-1 .imgbox { padding:20px; }
    .product-box .product-view .type-1 .txtbox { padding-top:20px; }
    .product-box .product-view .type-1 .txtbox dt { font-size:28px; }
    .product-box .product-view .type-1 .txtbox dt img { margin-right:8px; margin-top:4px; width:150px; }
    .product-box .product-view .type-1 .txtbox dd { margin-top:4px; font-size:22px; }
    .product-box .product-view .type-1 .txtbox .list { margin-top:20px; }
    .product-box .product-view .type-1 .txtbox .list li { width:33.33% }
    .product-box .product-view .type-1 .txtbox .list li img { max-width:100%; }
    .product-box .product-view .type-2 .txtbox img { width:150px; }
    .product-box .product-view .type-2 .txtbox .txt { margin-top:10px; font-size:28px; }
    .product-box .product-view .type-5 .imgbox { margin-top:20px; }
    .product-box .product-view .type-5 .imgbox li strong { margin-bottom:15px; font-size:16px; }
    .product-box .product-view .type-6 .view-data .txtInfo { margin-top:20px; }
    .product-box .product-view .type-7 { margin:30px 0 }
    .product-box .product-view .type-9 .view-data .dataTable { margin-top:20px; }
    .product-box .product-view .type-8 .txtbox .list li strong,
    .product-box .product-view .type-10 .txtbox .list li strong { font-size:20px; }
    .product-box .product-view .view-data,
    .product-box .product-view .type-4 .imgbox,
    .product-box .product-view .type-9 .view-data { margin-top:20px; }
    .product-box .product-view .view-data .dataTable thead th { font-size:17px; }
    .product-box .product-view .view-data .dataTable tbody th,
    .product-box .product-view .view-data .dataTable tbody td { font-size:15px; }
    .product-box .product-view .view-data .txtInfo dt { font-size:20px; }
    .product-box .product-view .view-data .txtInfo dd { margin-top:10px; font-size:15px; }
    .product-box .product-view .view-data .txtInfo dd > p:not(:last-child) { margin-bottom:15px; }
}


/* animation */
.product-box .product-view .view-box { overflow:hidden }
.product-box .product-view .view-box dl { overflow:hidden }
.product-box .product-view .view-box dt,
.product-box .product-view .view-box dd { opacity:0; }
.product-box .product-view .view-box.subOn dt { animation:ani_4 0.8s 0.2s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn dd { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
.product-box .product-view .view-box .txtbox .list ul li { opacity:0; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(1) { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(2) { animation:bgs3 0.8s 0.7s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(3) { animation:bgs3 0.8s 0.9s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(4) { animation:bgs3 0.8s 1.1s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(5) { animation:bgs3 0.8s 1.3s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(6) { animation:bgs3 0.8s 1.5s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(7) { animation:bgs3 0.8s 1.7s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox .list ul li:nth-child(8) { animation:bgs3 0.8s 1.9s; animation-fill-mode:both; }
.product-box .product-view .view-box .imgbox li { opacity:0; }
.product-box .product-view .view-box.subOn .imgbox li:nth-child(1) { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .imgbox li:nth-child(2) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
.product-box .product-view .type-1 .imgbox,
.product-box .product-view .type-3 .imgbox,
.product-box .product-view .type-8 .imgbox,
.product-box .product-view .type-9 .imgbox,
.product-box .product-view .type-10 .imgbox img,
.product-box .product-view .view-box .dataTable,
.product-box .product-view .type-5 .txtbox .txt { opacity:0; }
.product-box .product-view .type-1.subOn .imgbox,
.product-box .product-view .type-3.subOn .imgbox,
.product-box .product-view .type-8.subOn .imgbox,
.product-box .product-view .type-9.subOn .imgbox,
.product-box .product-view .type-10.subOn .imgbox  img { animation:bgs3 0.8s 0.6s; animation-fill-mode:both; }
.product-box .product-view .type-5.subOn .txtbox .txt { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .dataTable { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.product-box .product-view .type-2 .txtbox { opacity:0; }
.product-box .product-view .type-2.subOn .txtbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(1) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(2) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(3) { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(4) { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(5) { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(6) { animation:ani_2 0.8s 1.3s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(7) { animation:ani_2 0.8s 1.5s; animation-fill-mode:both; }
.product-box .product-view .view-box.subOn .txtbox ul.list li:nth-child(8) { animation:ani_2 0.8s 1.7s; animation-fill-mode:both; }


#contents .btnbox { margin-top:40px; text-align:center; }
#contents .btnbox a,
#contents .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 8px;  }
#contents .btnbox a span,
#contents .btnbox button span { margin:0 auto; justify-content:center; align-items:center; display:flex; position:relative; text-align:center; border:none; outline:none; background-color:var(--mainColor); min-width:120px; height:43px; color:#fff; font-size:15px; font-weight:600; border-radius:50px; }
#contents .btnbox a.line span,
#contents .btnbox button.line span { border:1px solid #ddd; background:#fff; color:#555;}
@media screen and (max-width:640px){	
    #contents .btnbox { margin-top:30px; }
    #contents .btnbox a,
    #contents .btnbox button { margin:0 3px; }
	#contents .btnbox a span,
	#contents .btnbox button span { height:40px; }
}

/* tabmenu */
.tabmenu { position:relative; z-index:2; }
.tabmenu > ul { display:flex; flex-wrap:wrap; gap:10px; }
.tabmenu > ul > li a { position:relative; padding:0 40px; display:flex; align-items:center; height:43px; border-radius:43px; border:1px solid #ddd; color:#ccc; font-size:15px; font-weight:400; letter-spacing:-0.02em; transition:all 0.3s }
.tabmenu > ul > li.on a { color:var(--mainColor); font-weight:400; border:1px solid var(--mainColor); background:var(--mainColor); color:#fff; }
@media screen and (max-width:1024px){
    .tabmenu > ul > li a { padding:0 30px; height:50px; font-size:18px; }
}
@media screen and (max-width:640px){
    .tabmenu > ul { gap:5px; }
    .tabmenu > ul > li a { padding:0 20px; height:40px; font-size:16px; }
}

.subCont { padding-top:75px; }
@media screen and (max-width:1024px){
    .subCont { padding-top:65px; }
}
@media screen and (max-width:640px){
    .subCont { padding-top:50px; }
}

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

/* dosesmart */
.dosesmart-box .main-box .txtbox { text-align:center; }
.dosesmart-box .main-box .txtbox .txt-1 { color:var(--mainColor); font-family:var(--subFont); font-size:70px; font-weight:800; letter-spacing:-0.02em; line-height:1.3; }
.dosesmart-box .main-box .txtbox .txt-2 { margin-top:30px; }
.dosesmart-box .main-box .txtbox .txt-2 dt { color:#333; font-size:34px; font-weight:700; letter-spacing:-0.02em; line-height:1.3; }
.dosesmart-box .main-box .txtbox .txt-2 dd { margin-top:20px; color:#333; font-size:25px; font-weight:400; letter-spacing:-0.03em; line-height:1.4; }
.dosesmart-box .main-box .listbox .titlebox { margin-top:70px; padding-top:70px; border-top:1px solid #ddd; padding-bottom:0; border-bottom:none }
.dosesmart-box .main-box .listbox > div:nth-child(1) { margin-top:100px; padding-top:0; border-top:none; }
@media screen and (max-width:1740px){
    .dosesmart-box .main-box .txtbox .txt-2 dd br { display:none }
    .dosesmart-box .main-box .txtbox .txt-2 dd span.m_br { display:block }
}
@media screen and (max-width:1400px){
    .dosesmart-box .main-box .txtbox .txt-1 { font-size:55px; }
    .dosesmart-box .main-box .txtbox .txt-2 { margin-top:25px; }
    .dosesmart-box .main-box .txtbox .txt-2 dt { font-size:30px; }
    .dosesmart-box .main-box .txtbox .txt-2 dd { margin-top:20px; font-size:22px; }
    .dosesmart-box .main-box .listbox .titlebox { margin-top:60px; padding-top:60px; }
}
@media screen and (max-width:1280px){
    .dosesmart-box .main-box .txtbox .txt-1 { font-size:42px; }
    .dosesmart-box .main-box .txtbox .txt-2 { margin-top:20px; }
    .dosesmart-box .main-box .txtbox .txt-2 dt { font-size:24px; }
    .dosesmart-box .main-box .txtbox .txt-2 dd { margin-top:15px; font-size:19px; }
    .dosesmart-box .main-box .listbox .titlebox { margin-top:50px; padding-top:50px; }
    .dosesmart-box .main-box .listbox > div:nth-child(1) { margin-top:80px; }
}
@media screen and (max-width:1024px){
    .dosesmart-box .main-box .txtbox .txt-1 { font-size:34px; }
    .dosesmart-box .main-box .txtbox .txt-2 { margin-top:15px; }
    .dosesmart-box .main-box .txtbox .txt-2 dt { font-size:20px; }
    .dosesmart-box .main-box .txtbox .txt-2 dd { margin-top:10px; font-size:17px; }
    .dosesmart-box .main-box .listbox .titlebox { margin-top:40px; padding-top:40px; }
    .dosesmart-box .main-box .listbox > div:nth-child(1) { margin-top:60px; }
}
@media screen and (max-width:640px){
    .dosesmart-box .main-box .txtbox .txt-1 { font-size:26px; }
    .dosesmart-box .main-box .txtbox .txt-2 { margin-top:10px; }
    .dosesmart-box .main-box .txtbox .txt-2 dt { font-size:18px; }
    .dosesmart-box .main-box .txtbox .txt-2 dd { margin-top:8px; font-size:16px; }
    .dosesmart-box .main-box .listbox > div:nth-child(1) { margin-top:50px; }
}
/* animation */
.dosesmart-box .main-box { opacity:0; }
.dosesmart-box .main-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.dosesmart-box .listbox .titlebox { padding-bottom:30px; border-bottom:1px solid #ddd }
.dosesmart-box .listbox .titlebox h3 { color:var(--mainColor); font-size:45px; font-weight:800; letter-spacing:-0.02em; line-height:1.3; }
.dosesmart-box .listbox .titlebox h3 a { color:var(--mainColor); }
.dosesmart-box .listbox .list { margin-top:40px; }
.dosesmart-box .listbox .list > ul { display:flex; flex-wrap:wrap; gap:23px; }
.dosesmart-box .listbox .list > ul > li { width:calc((100% - 46px) / 3); position:relative; overflow:hidden }
.dosesmart-box .listbox .list > ul > li .box { position:relative; padding:30px 30px 70px; border:1px solid #eee; }
.dosesmart-box .listbox .list > ul > li .box .imgbox { position:relative; margin:-30px 0 30px -30px; width:calc(100% + 60px); }
.dosesmart-box .listbox .list > ul > li .box .imgbox:before { content:""; display:block; padding-bottom:50%; }
.dosesmart-box .listbox .list > ul > li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.dosesmart-box .listbox .list > ul > li .bg { position:absolute; opacity:0; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.1);}
.dosesmart-box .listbox .list > ul > li:hover .bg { animation:bgs 0.8s 0.1s; animation-fill-mode:both; }
.dosesmart-box .listbox .list > ul > li .box:before { transition:all 0.3s; content:""; display:block; width:calc(100% - 2px); height:calc(100% - 2px); position:absolute; top:-1px; left:-1px; border:2px solid var(--mainColor); opacity:0; }
.dosesmart-box .listbox .list > ul > li a:hover .box:before { opacity:1; }
.dosesmart-box .listbox .list > ul > li .box dt { transition:all 0.3s; color:#333; font-size:22px; font-weight:700; line-height:1.4; letter-spacing:-0.02em; min-height:62px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.dosesmart-box .listbox .list > ul > li .box dd { margin-top:20px; color:#666; font-size:18px; font-weight:300; line-height:1.4; letter-spacing:-0.02em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.dosesmart-box .listbox .list > ul > li .box .more { position:absolute; bottom:30px; left:30px; padding-right:15px; color:#ccc; font-size:14px; font-weight:500; letter-spacing:-0.02em; line-height:1.3; background:url(/img/sub/more_arr.png) no-repeat center right; }
.dosesmart-box .listbox .list > ul > li a:hover .box dt { color:var(--mainColor); }
.dosesmart-box .listbox .list > ul > li a:hover .box .more { transition:all 0.3s; color:var(--mainColor); background:url(/img/sub/more_arr_on.png) no-repeat center right; }
@media screen and (max-width:1400px){
    .dosesmart-box .listbox .titlebox h3 { font-size:38px; }
    .dosesmart-box .listbox .list > ul { gap:20px; }
    .dosesmart-box .listbox .list > ul > li { width:calc((100% - 40px) / 3); }
    .dosesmart-box .listbox .list > ul > li .box { padding:25px 25px 60px; }
    .dosesmart-box .listbox .list > ul > li .box .imgbox { margin:-25px 0 25px -25px; width:calc(100% + 50px); }
    .dosesmart-box .listbox .list > ul > li .box dt { font-size:20px; min-height:58px; }
    .dosesmart-box .listbox .list > ul > li .box dd { margin-top:20px; font-size:17px; }
    .dosesmart-box .listbox .list > ul > li .box .more { bottom:25px; left:25px; font-size:14px; }
}
@media screen and (max-width:1280px){
    .dosesmart-box .listbox .titlebox h3 { font-size:30px; }
    .dosesmart-box .listbox .list > ul > li .box { padding:20px 20px 50px; }
    .dosesmart-box .listbox .list > ul > li .box .imgbox { margin:-20px 0 20px -20px; width:calc(100% + 40px); }
    .dosesmart-box .listbox .list > ul > li .box dt { font-size:19px; min-height:56px; }
    .dosesmart-box .listbox .list > ul > li .box dd { margin-top:15px; font-size:16px; }
    .dosesmart-box .listbox .list > ul > li .box .more { bottom:20px; left:20px; font-size:14px; }
}
@media screen and (max-width:1024px){
    .dosesmart-box .listbox .titlebox { padding-bottom:18px; }
    .dosesmart-box .listbox .titlebox h3 { font-size:26px; }
    .dosesmart-box .listbox .list { margin-top:30px; }
    .dosesmart-box .listbox .list > ul { gap:10px; }
    .dosesmart-box .listbox .list > ul > li { width:calc((100% - 20px) / 3); }
    .dosesmart-box .listbox .list > ul > li .box { padding:15px 15px 50px; }
    .dosesmart-box .listbox .list > ul > li .box .imgbox { margin:-15px 0 15px -15px; width:calc(100% + 30px); }
    .dosesmart-box .listbox .list > ul > li .box dt { font-size:18px; min-height:52px; }
    .dosesmart-box .listbox .list > ul > li .box dd { margin-top:15px; font-size:15px; }
    .dosesmart-box .listbox .list > ul > li .box .more { bottom:15px; left:15px; font-size:13px; }
}
@media screen and (max-width:760px){
    .dosesmart-box .listbox .list > ul > li { width:100%; }
    .dosesmart-box .listbox .list > ul > li .box { padding:15px 15px 50px; }
}
@media screen and (max-width:640px){
    .dosesmart-box .listbox .titlebox h3 { font-size:20px; }
    .dosesmart-box .listbox .list { margin-top:20px; }
    .dosesmart-box .listbox .list > ul > li .box dt { font-size:17px; min-height:48px; }
}

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


.viewbox .top-box { text-align:center; }
.viewbox .top-box .title { font-size:40px; font-weight:600; color:#333; line-height:1.4; letter-spacing:-0.02em; }
.viewbox .top-box .info { margin-top:20px; padding:20px 0; display:flex; justify-content:center; border-top:2px solid var(--mainColor); }
.viewbox .top-box .date { font-size:16px; font-weight:300; color:#333; line-height:1.3; padding-right:20px; }
.viewbox .top-box .txt { position:relative; font-size:16px; font-weight:300; color:#333; line-height:1.3; padding-left:20px; }
.viewbox .top-box .txt:before { content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:10px ; background-color:#ddd; }
.viewbox .viewCont { border-top:1px solid #ddd; }
.viewbox .viewCont .contents { min-height:220px; padding:40px; line-height:1.6 }
.viewbox .viewCont .contents img { max-width:100%; height:auto }
.viewbox .btn_pn { border-top:1px solid #ddd; }
.viewbox .btn_pn dl { border-bottom:1px solid #ddd; display:flex; }
.viewbox .btn_pn dt { width:140px; height:70px; background-color:none; display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:400; color:#333; background:#f8f8f8; } 
.viewbox .btn_pn dd { width:calc(100% - 140px); display:flex; align-items:center; padding:0 20px; font-size:18px; font-weight:300; color:#333; }
.viewbox .btn_pn dd a { font-size:18px; font-weight:300; color:#333; min-height:20px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
@media screen and (max-width:1400px){	
    .viewbox .top-box .title { font-size:30px; }
    .viewbox .viewCont .contents { padding:30px; }
}
@media screen and (max-width:1024px){	
    .viewbox .top-box .title { font-size:30px; }
    .viewbox .top-box .info { margin-top:10px; padding:10px 0; }
    .viewbox .top-box .date,
    .viewbox .top-box .txt { font-size:16px; }
    .viewbox .viewCont .contents { min-height:160px; padding:20px 20px 40px; }
    .viewbox .btn_pn dt { width:120px; height:60px; } 
    .viewbox .btn_pn dd { width:calc(100% - 120px); font-size:17px; }
    .viewbox .btn_pn dd a { font-size:17px; min-height:19px; }
}
@media screen and (max-width:640px){	
    .viewbox .top-box .title { font-size:20px; }
    .viewbox .top-box .date,
    .viewbox .top-box .txt { font-size:16px; }
    .viewbox .viewCont .contents { padding:10px 10px 40px; }
    .viewbox .btn_pn dt { width:100px; height:50px; } 
    .viewbox .btn_pn dd { width:calc(100% - 100px); font-size:16px; }
    .viewbox .btn_pn dd a { font-size:16px; min-height:19px; }
}
/* animation */
.viewbox { opacity:0; }
.viewbox { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* review */
.review-box { padding-top:180px; overflow:hidden }
.review-box .titlebox h3 { font-family:var(--subFont); color:var(--mainColor); font-size:45px; font-weight:800; letter-spacing:-0.02em; line-height:1.3; }
@media screen and (max-width:1500px){
    .review-box { padding-top:160px; }
}
@media screen and (max-width:1400px){
    .review-box .titlebox h3 { font-size:38px; }
}
@media screen and (max-width:1280px){
    .review-box .titlebox h3 { font-size:30px; }
}
@media screen and (max-width:1024px){
    .review-box { padding-top:120px; }
    .review-box .titlebox h3 { font-size:26px; }
}
@media screen and (max-width:640px){
    .review-box { padding-top:100px; }
    .review-box h3 { font-size:20px; }
}

.video-box { position:relative; }
.video-box .box { padding-left:100px; max-width:1960px; margin:0 auto; }
.video-box .swiper-container { padding-top:40px; position:relative; width:110%; /*width:2030px;*/ height:100%; overflow:hidden; }
.video-box .swiper-container .swiper-slide { transition:all 0.3s; position:relative; width:100%; max-width:635px; overflow:hidden; }
.video-box .swiper-container .swiper-slide.on { opacity:0.3 }
.video-box .swiper-container .swiper-slide.on span.play { display:none; }
.video-box .swiper-container .swiper-slide .imgbox { width:100%; position:relative; overflow:hidden;}
.video-box .swiper-container .swiper-slide .imgbox:before {content:""; display:block; padding-bottom:73.5%; }
.video-box .swiper-container .swiper-slide .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.video-box .swiper-container .swiper-slide .imgbox span.play { z-index:11; transition:all 0.3s; cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80px; height:80px; border:1px solid var(--mainColor); border-radius:80px; background:url(/img/sub/swiper_play_on.png) center center no-repeat;  }
/* .video-box .swiper-container .swiper-slide .imgbox span.play { z-index:11; transition:all 0.3s; cursor:pointer; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80px; height:80px; border:1px solid #fff; border-radius:80px; background:url(/img/sub/swiper_play.png) center center no-repeat;  }*/
.video-box .swiper-container .swiper-slide .imgbox span.play:hover { border:1px solid var(--mainColor); background:url(/img/sub/swiper_play_on.png) center center no-repeat; }
.video-box .swiper-container .swiper-slide .txtbox { margin-top:20px; font-size:20px; font-weight:700; color:#333; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.video-box .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
.video-box .swiper-pagination-m { display:none }
.video-box .control_box { position:absolute; left:50%; top:-50px; transform:translateX(-50%); z-index:10; max-width:1720px; width:100%; }
.video-box .control_box .swiper-btn { transition:all 0.4s; cursor:pointer; position:absolute; top:0; right:0; width:50px; height:50px; border:1px solid rgba(0, 0, 0, 0.20); border-radius:50px; background:url(/img/sub/swiper_btn.png) center center no-repeat; }
.video-box .control_box .swiper-btn:hover { border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/swiper_btn_on.png) center center no-repeat; }
.video-box .control_box .swiper-button-prev-m { right:55px; transform:rotate(-180deg); }
@media screen and (max-width:1740px){
    .video-box .box { padding-left:0; padding:0 20px; }
    .video-box .control_box .swiper-btn { right:20px; }
    .video-box .control_box .swiper-button-prev-m { right:75px; }
}
@media screen and (max-width:1280px){
    .video-box .swiper-container { padding-top:30px; }
    .video-box .control_box { top:-40px; }
    .video-box .control_box .swiper-button-prev-m { right:70px; }
    .video-box .control_box .swiper-btn { width:45px; height:45px; }
    .video-box .control_box .swiper-btn,
    .video-box .control_box .swiper-btn:hover { background-size:20px auto }
    .video-box .swiper-container .swiper-slide .txtbox { margin-top:15px; font-size:18px; }
    .video-box .swiper-container .swiper-slide .imgbox span.play { width:70px; height:70px; }
}
@media screen and (max-width:1024px){
    .video-box .swiper-container { padding-top:20px; }
    .video-box .control_box { top:-35px; }
    .video-box .control_box .swiper-button-prev-m { right:65px; }
    .video-box .control_box .swiper-btn { width:40px; height:40px; }
    .video-box .control_box .swiper-btn,
    .video-box .control_box .swiper-btn:hover { background-size:16px auto }
    .video-box .swiper-container { width:100%; }
    .video-box .swiper-container .swiper-slide .txtbox { margin-top:12px; font-size:16px; }
    .video-box .swiper-container .swiper-slide .imgbox span.play { width:60px; height:60px; }
}
@media screen and (max-width:640px){
    .video-box .swiper-container .swiper-slide { max-width:100%; }
    .video-box .control_box { top:50%; transform:translate(-50%, 50%); }
    .video-box .control_box .swiper-btn { right:0; border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/swiper_btn_on.png) center center no-repeat;}
    .video-box .control_box .swiper-button-prev-m { left:0; right:unset; }
    .video-box .control_box .swiper-btn,
    .video-box .control_box .swiper-btn:hover { background-size:16px auto }
}

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

.review-list { position:relative; margin-top:60px;  }
.review-list .titlebox { padding-top:70px; border-top:1px solid #ddd; }
.review-list .box { overflow:hidden; max-width:1960px; margin:0 auto; }
.review-list .swiper-container { padding-top:40px; position:relative; height:100%; width:200%; overflow:hidden; margin-left:-50%; }
.review-list .swiper-container .swiper-slide { max-width:1233px; transition:all 0.3s; position:relative; overflow:hidden; text-align:center; border-radius:20px; border:1px solid #eee; background:#fefefd; box-shadow:0px 3px 14px 0px rgba(0, 0, 0, 0.08);}
.review-list .swiper-container .swiper-slide.swiper-slide-active { cursor:pointer; }
.review-list .swiper-container .swiper-slide.on { opacity:0.3 }
.review-list .swiper-container .swiper-slide.off { opacity:0 }
.review-list .swiper-container .swiper-slide .txtbox { position:relative; padding:60px 20px; height:260px; display:flex; align-items:center; justify-content:center; }
.review-list .swiper-container .swiper-slide .txtbox:before { content:""; display:block; width:50px; height:44px; position:absolute; top:50px; left:50px; background:url(/img/main/review_icon.png) center center no-repeat; }
.review-list .swiper-container .swiper-slide .txtbox:after { content:""; display:block; width:50px; height:44px; position:absolute; top:108px; right:50px; background:url(/img/main/review_icon1.png) center center no-repeat; }
.review-list .swiper-container .swiper-slide .txtbox .txt { padding:0 150px; margin-bottom:5%; position:relative; font-size:30px; font-weight:600; color:#333; line-height:1.5; letter-spacing:-0.02em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.review-list .swiper-container .swiper-slide .txtbox .more { position:absolute; bottom:45px; left:50%; transform:translateX(-50%); padding:0 51px 0 0; font-family:var(--subFont); color:#111; font-size:14px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.review-list .swiper-container .swiper-slide .txtbox .more:before { transition:all 0.5s; content:""; display:block; width:36px; height:36px; position:absolute; top:50%; right:0; transform:translateY(-50%); background:url(/img/main/more_icon.png) center center no-repeat; }
.review-list .swiper-container .swiper-slide:hover .txtbox .more:before { transform:translateY(-50%) rotate(180deg); transform-origin:50% 50%;}
.review-list .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
.review-list .swiper-pagination-r { display:none }
.review-list .control_box { }
.review-list .control_box .swiper-btn { transition:all 0.4s; z-index:8; margin-top:80px; margin-left:39%; cursor:pointer; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:70px; height:70px; background:url(/img/sub/swiper_btn1.png) center center no-repeat; }
.review-list .control_box .swiper-btn:hover { background:url(/img/sub/swiper_btn1_on.png) center center no-repeat; }
.review-list .control_box .swiper-button-prev-r { margin-left:-39%; transform:translate(-50%, -50%) rotate(-180deg); }
@media screen and (max-width:1500px){
    .review-list .swiper-container .swiper-slide .txtbox:before { left:45px; }
    .review-list .swiper-container .swiper-slide .txtbox:after { right:45px; }
    .review-list .swiper-container .swiper-slide .txtbox:before,
    .review-list .swiper-container .swiper-slide .txtbox:after { background-size:42px auto; }
    .review-list .swiper-container .swiper-slide .txtbox .txt { padding:0 120px; }
}
@media screen and (max-width:1280px){
    .review-list .swiper-container .swiper-slide .txtbox:before { left:40px; }
    .review-list .swiper-container .swiper-slide .txtbox:after { right:40px; }
    .review-list .swiper-container .swiper-slide .txtbox:before,
    .review-list .swiper-container .swiper-slide .txtbox:after { background-size:35px auto; }
    .review-list .swiper-container .swiper-slide .txtbox .txt { padding:0 100px; }
}
@media screen and (max-width:1024px){
    .review-list { margin-top:50px;  }
    .review-list .titlebox { padding-top:50px; }
    .review-list .swiper-container .swiper-slide .txtbox:before { left:30px; }
    .review-list .swiper-container .swiper-slide .txtbox:after { right:30px; }
    .review-list .swiper-container .swiper-slide .txtbox:before,
    .review-list .swiper-container .swiper-slide .txtbox:after { background-size:30px auto; }
    .review-list .swiper-container .swiper-slide .txtbox .txt { padding:0 80px; font-size:20px; }
}
@media screen and (max-width:860px){
    .review-list .swiper-container .swiper-slide .txtbox:before { left:10px; }
    .review-list .swiper-container .swiper-slide .txtbox:after { right:10px; }
    .review-list .swiper-container .swiper-slide .txtbox:before,
    .review-list .swiper-container .swiper-slide .txtbox:after { background-size:25px auto; }
    .review-list .swiper-container .swiper-slide .txtbox .txt { padding:0 45px; }
}
@media screen and (max-width:640px){
    .review-list { margin-top:40px;  }
    .review-list .titlebox { padding-top:40px; }
    .review-list .box { padding:0 20px; }
    .review-list .swiper-container { width:100%; margin-left:0; }
    .review-list .swiper-container .swiper-slide .txtbox .txt { font-size:18px; -webkit-line-clamp:4; }
    .review-list .control_box .swiper-btn { margin-top:80px; margin-left:0; left:unset; right:-15px; transform:translate(0, -50%); background:url(/img/sub/swiper_btn1_on.png) center center no-repeat; }
    .review-list .control_box .swiper-button-prev-r { margin-left:0; left:-15px; right:unset; transform:translate(0, -50%) rotate(-180deg); }
    .review-list .control_box .swiper-btn,
    .review-list .control_box .swiper-btn:hover { background-size:45px auto; }
}

/* animation */
.review-list { opacity:0; }
.review-list.subOn { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

.exhibition-box { position:relative; margin-top:60px; }
.exhibition-box .titlebox { padding-top:70px; border-top:1px solid #ddd; }
.exhibition-box .box { overflow:hidden; padding-left:100px; max-width:1960px; margin:0 auto; }
.exhibition-box .swiper-container { padding-top:40px; position:relative; width:105%; /* width:1828px; */ height:100%; overflow:hidden; }
.exhibition-box .swiper-container .swiper-slide { cursor:pointer; transition:all 0.3s; position:relative; overflow:hidden; }
.exhibition-box .swiper-container { padding-top:40px; position:relative; width:105%; /*width:2030px;*/ height:100%; overflow:hidden; }
.exhibition-box .swiper-container .swiper-slide { transition:all 0.3s; position:relative; width:100%; max-width:444px; overflow:hidden; }
.exhibition-box .swiper-container .swiper-slide.on { opacity:0.3 }
.exhibition-box .swiper-container .swiper-slide .imgbox { width:100%; position:relative; overflow:hidden; border:1px solid #ddd }
.exhibition-box .swiper-container .swiper-slide .imgbox:before {content:""; display:block; padding-bottom:75.3%; }
.exhibition-box .swiper-container .swiper-slide .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.exhibition-box .swiper-container .swiper-slide .txtbox { margin-top:20px; font-size:20px; font-weight:700; color:#333; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.exhibition-box .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
.exhibition-box .swiper-pagination-e { display:none }
.exhibition-box .control_box { position:absolute; left:50%; top:60px; transform:translateX(-50%); z-index:10; max-width:1720px; width:100%; }
.exhibition-box .control_box .swiper-btn { transition:all 0.4s; cursor:pointer; position:absolute; top:0; right:0; width:50px; height:50px; border:1px solid rgba(0, 0, 0, 0.20); border-radius:50px; background:url(/img/sub/swiper_btn.png) center center no-repeat; }
.exhibition-box .control_box .swiper-btn:hover { border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/swiper_btn_on.png) center center no-repeat; }
.exhibition-box .control_box .swiper-button-prev-e { right:55px; transform:rotate(-180deg); }
@media screen and (max-width:1740px){
    .exhibition-box .box { padding-left:0; padding:0 20px; }
    .exhibition-box .control_box .swiper-btn { right:20px; }
    .exhibition-box .control_box .swiper-button-prev-e { right:75px; }
}
@media screen and (max-width:1280px){
    .exhibition-box .swiper-container { padding-top:30px; }
    .exhibition-box .control_box { top:65px; }
    .exhibition-box .control_box .swiper-button-prev-e { right:70px; }
    .exhibition-box .control_box .swiper-btn { width:45px; height:45px; }
    .exhibition-box .control_box .swiper-btn,
    .exhibition-box .control_box .swiper-btn:hover { background-size:20px auto }
    .exhibition-box .swiper-container .swiper-slide .txtbox { margin-top:15px; font-size:18px; }
}
@media screen and (max-width:1024px){
    .exhibition-box { margin-top:50px;  }
    .exhibition-box .titlebox { padding-top:50px; }
    .exhibition-box .swiper-container { padding-top:20px; }
    .exhibition-box .control_box { top:50px; }
    .exhibition-box .control_box .swiper-button-prev-e { right:65px; }
    .exhibition-box .control_box .swiper-btn { width:40px; height:40px; }
    .exhibition-box .control_box .swiper-btn,
    .exhibition-box .control_box .swiper-btn:hover { background-size:16px auto }
    .exhibition-box .swiper-container { width:100%; }
    .exhibition-box .swiper-container .swiper-slide .txtbox { margin-top:12px; font-size:16px; }
}
@media screen and (max-width:640px){
    .exhibition-box { margin-top:40px;  }
    .exhibition-box .titlebox { padding-top:40px; }
    .exhibition-box .swiper-container { width:100%; }
    .exhibition-box .control_box { top:50%; transform:translate(-50%, 50%); }
    .exhibition-box .control_box .swiper-btn { right:0; border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/swiper_btn_on.png) center center no-repeat;}
    .exhibition-box .control_box .swiper-button-prev-e { left:0; right:unset; }
    .exhibition-box .control_box .swiper-btn,
    .exhibition-box .control_box .swiper-btn:hover { background-size:16px auto }
    .exhibition-box .swiper-container .swiper-slide  { width:100%; max-width:100%; }
    .exhibition-box .swiper-container .swiper-slide .imgbox { max-width:100%; }
}

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


.popup-box { transition:all 0.5s; display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; }
.popup-box .bg { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }
.popup-box .popup-body { position:absolute; max-width:1080px; width:100%; left:50%; top:50%; transform:translate(-50%, -50%); padding:20px; background:#fff; border-radius:20px; }
.popup-box .popup-body .video-box { position:relative; }
.popup-box .popup-body .video-box:before { content:""; display:block; padding-bottom:56.4%; }
.popup-box .popup-body .youtube { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; }
.popup-box.popup-exhibition .popup-body { padding-bottom:10px; max-width:760px; }
.popup-box .popup-body .ex-box { position:relative;  }
.popup-box .popup-body .ex-box .imgbox { position:relative; overflow:hidden;}
.popup-box .popup-body .ex-box .imgbox:before { content:""; display:block; padding-bottom:81%; }
.popup-box .popup-body .ex-box .slick-slider { position:absolute; left:0; top:0; width:100%; height:100%; }
.popup-box .popup-body .ex-box .slick-slider > div { width:100%; }
.popup-box .popup-body .ex-box .slick-slide li { position:relative; border:1px solid #ddd; border-radius:20px; overflow:hidden; position:relative; padding:0; }
.popup-box .popup-body .ex-box .slick-slide li:before { content:""; display:block; padding-bottom:74%; }
.popup-box .popup-body .ex-box .slick-slide li img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.popup-box .popup-body .ex-box .topTit { padding:0 0 20px }
.popup-box .popup-body .ex-box .topTit h4 { text-align:center; font-size:24px; font-weight:700; color:#111; line-height:1.4; }
.popup-box .popup-body .ex-box .topTit .txt-list { margin-top:15px; }
.popup-box .popup-body .ex-box .topTit .txt-list > div:not(:last-child) { margin-bottom:10px; } 
.popup-box .popup-body .ex-box .topTit .txt-list > div { position:relative; padding-left:90px; font-size:18px; font-weight:400; color:#666; line-height:1.3; }
.popup-box .popup-body .ex-box .topTit .txt-list > div strong { position:absolute; left:0; top:0; width:90px; font-weight:700; color:#333; line-height:1.3; }
.popup-box.popup-review .popup-body { width:550px; }
.popup-box .popup-body .re-box { position:relative; padding:20px; min-height:250px; }
.popup-box .popup-body .re-box dt { font-size:24px; font-weight:500; color:#222; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.popup-box .popup-body .re-box dd { margin-top:20px; font-size:16px; font-weight:300; color:#888; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.popup-box .popup-body .re-box .date {  position:absolute; left:20px; bottom:20px; font-family:var(--subFont); font-size:16px; font-weight:500; color:#ccc; line-height:1.3; }
.popup-box .popup-body .btn-close { transition:all 0.5s; cursor:pointer; position:absolute; right:-66px; top:0; width:46px; height:46px; border-radius:50px; border:1px solid rgba(255,255,255,0.3); text-indent:-9999em; overflow:hidden; background:url(/img/sub/btn_close.png) center center no-repeat; }
.popup-box .popup-body .btn-close:hover { transform:rotate(180deg); }
.popup-box .popup-body .slick-dots { margin-top:20px; display:flex; justify-content:center; gap:0 10px; }
.popup-box .popup-body .slick-dots button { border:none; background:#ddd; outline:none; text-indent:-9999em; overflow:hidden; padding:0; margin:0; width:10px; height:10px; border-radius:10px; }
.popup-box .popup-body .slick-dots .slick-active button { background:var(--mainColor); }
@media screen and (max-height:760px){
    .popup-box.popup-exhibition .popup-body { padding-bottom:0; max-width:550px; }
    .popup-box .popup-body .ex-box .imgbox:before { padding-bottom:85%; }
    .popup-box .popup-body .ex-box .topTit h4 { font-size:20px; }
    .popup-box .popup-body .ex-box .topTit .txt-list { margin-top:10px; }
    .popup-box .popup-body .ex-box .topTit .txt-list > div:not(:last-child) { margin-bottom:7px; } 
    .popup-box .popup-body .ex-box .topTit .txt-list > div { padding-left:80px; font-size:16px; }
    .popup-box .popup-body .ex-box .topTit .txt-list > div strong { width:80px; }
}
@media screen and (max-height:640px){
    .popup-box .popup-body { max-width:800px; }
    .popup-box .popup-body .slick-dots { margin-top:10px; }
}

@media screen and (max-width:1280px){
    .popup-box .popup-body { max-width:860px; padding:10px; }
    .popup-box .popup-body .youtube,
    .popup-box .popup-body .ex-box .slick-slide { border-radius:10px; }
}
@media screen and (max-width:1024px){
    .popup-box .popup-body .btn-close { right:0; top:-50px; width:40px; height:40px; background-size:14px auto; }
    .popup-box .popup-body .re-box dt { font-size:22px; }
    .popup-box .popup-body .re-box dd { margin-top:15px; font-size:16px; }
    .popup-box.popup-exhibition .popup-body { padding-bottom:0; max-width:640px; }
    .popup-box .popup-body .ex-box .imgbox:before { padding-bottom:85%; }
    .popup-box .popup-body .ex-box .topTit h4 { font-size:20px; }
    .popup-box .popup-body .ex-box .topTit .txt-list { margin-top:10px; }
    .popup-box .popup-body .ex-box .topTit .txt-list > div:not(:last-child) { margin-bottom:7px; } 
    .popup-box .popup-body .ex-box .topTit .txt-list > div { padding-left:80px; font-size:16px; }
    .popup-box .popup-body .ex-box .topTit .txt-list > div strong { width:80px; }
}
@media screen and (max-width:960px){
    .popup-box .popup-body { left:20px; top:50%; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); } 
    .popup-box.popup-review .popup-body { left:50%; transform:translate(-50%, -50%); }
    .popup-box.popup-exhibition .popup-body { left:50%; transform:translate(-50%, -50%); }
}
@media screen and (max-width:640px){
    .popup-box.popup-review .popup-body { left:20px; top:50%; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
    .popup-box .popup-body .re-box dt { font-size:20px; }
    .popup-box .popup-body .re-box dd { margin-top:12px; font-size:15px; -webkit-line-clamp:4; }
    .popup-box .popup-body .re-box .date { font-size:15px; }
    .popup-box .popup-body .btn-close { top:-40px; width:35px; height:35px; background-size:12px auto; }
    .popup-box.popup-exhibition .popup-body { padding-bottom:20px; }
}

/* news */
.news-box .tabmenu { margin-bottom:-105px; margin-top:50px; }
.news-box .tableBox{ margin-top:30px; border-top:1px solid var(--mainColor); }
.news-box .tableBox table { width:100%; }
.news-box .tableBox tr { border-bottom:1px solid rgba(34,34,34,0.2); }
.news-box .tableBox th { font-size:18px; font-weight:500; color:#333; height:60px; }
.news-box .tableBox td { text-align:center; font-size:16px; height:60px; }
.news-box .tableBox td a { color:#333; }
.news-box .tableBox tbody tr.off { background:#f9f9f9; color:#969696; }
.news-box .tableBox tbody tr.off td a { color:#969696; }
.news-box .tableBox tbody td span { color:#064a9b;}
.news-box .tableBox tbody td.td_left { text-align:left; padding:0 30px; }
.news-box .tableBox tbody tr .txt { margin:0 auto; display:flex; align-items:center; justify-content:center; font-size:16px; width:120px; height:43px; border:1px solid var(--mainColor); border-radius:100px; color:var(--mainColor); pointer-events:none;  }
.news-box .tableBox tbody tr.off .txt { border:1px solid #aaa; color:#aaa; }
.news-box .viewbox { margin-top:50px; }
@media screen and (max-width:1024px){
    .news-box .tabmenu { margin-bottom:-20px; margin-top:40px; }
    .news-box .tableBox { overflow:auto; }
    .news-box .tableBox table { width:900px; }
    .news-box .tableBox th { font-size:16px; height:50px; }
    .news-box .tableBox td { font-size:15px; height:50px; }
    .news-box .tableBox tbody td.td_left { padding:0 20px; }
    .news-box .tableBox tbody tr .txt { font-size:15px; width:100px; height:35px; } 
}
@media screen and (max-width:640px){
    .news-box .tabmenu,
    .news-box .viewbox { margin-top:30px; }
}
/* animation */
.news-box { opacity:0; }
.news-box { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }

/* treatmentCont */
.subCont { padding-top:60px; }
.subCont .titlebox { padding-bottom:30px; border-bottom:1px solid #ddd }
.subCont .titlebox h3 { font-family:var(--subFont); color:var(--mainColor); font-size:45px; font-weight:800; letter-spacing:-0.02em; line-height:1.3; }
.subCont .treatmentCont { margin-top:50px; min-height:120px; }
@media screen and (max-width:1400px){
    .subCont .titlebox h3 { font-size:38px; }
}
@media screen and (max-width:1280px){
    .subCont .titlebox h3 { font-size:30px; }
}
@media screen and (max-width:1024px){
    .subCont { padding-top:40px; }
    .subCont .titlebox { padding-bottom:18px; }
    .subCont .titlebox h3 { font-size:26px; }
    .subCont .treatmentCont { margin-top:30px; }
}
@media screen and (max-width:640px){
    .subCont h3 { font-size:20px; }
}

.board-search { margin-top:50px; position:relative; text-align:right;  }
.board-search select { display:inline-block; vertical-align:middle; width:140px; padding:0 10px; border:1px solid #ddd; outline:none; line-height:60px; height:60px; font-size:16px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; }
.board-search select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.board-search select::-ms-expand { display:none; }
.board-search input[type="text"] { display:inline-block; text-align:left; vertical-align:middle; margin:0 0 0 2px; width:400px; padding:0 70px 0 10px; line-height:60px; height:60px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:400; color:#666; box-sizing:border-box; background-color:#fff; }
.board-search input[type="submit"] { position:absolute; right:0; top:0; vertical-align:middle; width:70px; line-height:60px; height:60px; outline:none; border:none; background:url(/img/sub/btn_search.png) center center no-repeat; }
@media screen and (max-width:1024px){
	.board-search { margin:50px 0 0  0; }
	.board-search select { width:180px; padding:0 10px; line-height:55px; height:55px; font-size:16px; }
	.board-search input[type="text"] { width:320px; padding:0 60px 0 10px; line-height:55px; height:55px; font-size:16px; }
	.board-search input[type="submit"] {width:60px; line-height:55px; height:55px; }
}
@media screen and (max-width:640px){
	.board-search { margin:40px 0 0  0; }
	.board-search select { width:120px; padding:0 10px; line-height:45px; height:45px; font-size:15px; }
	.board-search input[type="text"] { width:calc(100% - 126px); padding:0 50px 0 10px; line-height:45px; height:45px; font-size:15px; }
	.board-search input[type="submit"] {width:50px; line-height:45px; height:45px; }
}

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

.faq-box .listbox { margin-top:40px; border-top:1px solid var(--mainColor); }
.faq-box .listbox .top { display:flex; }
.faq-box .listbox .top > span { display:flex; justify-content:center; align-items:center; height:70px; font-size:18px; font-weight:500; color:#333; line-height:1.4; letter-spacing:-0.02em; }
.faq-box .listbox .num { width:160px; display:flex; justify-content:center; }
.faq-box .listbox .cont { width:calc(100% - 160px); border-left:1px solid #ddd; min-height:70px;}
.faq-box .listbox .list { border-top:1px solid #ddd; }
.faq-box .listbox .list li { border-bottom:1px solid #ddd; }
.faq-box .listbox .list li.on .subjectBox,
.faq-box .listbox .list li:hover .subjectBox { background:#f8f8f8; }
.faq-box .listbox .subjectBox { display:flex; align-items:center; cursor:pointer; }
.faq-box .listbox .subjectBox > span { font-size:18px; font-weight:400; color:#333; line-height:1.4; letter-spacing:-0.02em; }
.faq-box .listbox .subjectBox .cont { display:flex; align-items:center; padding:20px 30px; }
.faq-box .listbox .contentBox { padding-left:160px; border-top:1px solid #ddd; }
.faq-box .listbox .contentBox .cont { width:100%; display:flex; padding:20px 30px 40px; font-size:18px; font-weight:400; color:#333; line-height:1.4; letter-spacing:-0.02em; }
@media screen and (max-width:1024px){
    .faq-box .listbox { margin-top:20px; }
    .faq-box .listbox .top > span { height:60px; font-size:16px; }
    .faq-box .listbox .num { width:140px; }
    .faq-box .listbox .cont { width:calc(100% - 140px); min-height:60px;}
    .faq-box .listbox .subjectBox > span { font-size:16px; }
    .faq-box .listbox .subjectBox .cont { padding:15px 20px; }
    .faq-box .listbox .contentBox { padding-left:140px; }
    .faq-box .listbox .contentBox .cont { padding:15px 20px 30px; font-size:16px; }
}
@media screen and (max-width:640px){
    .faq-box .listbox .top > span { height:50px; font-size:15px; }
    .faq-box .listbox .num { width:100px; }
    .faq-box .listbox .cont { width:calc(100% - 100px); min-height:50px;}
    .faq-box .listbox .subjectBox > span { font-size:15px; }
    .faq-box .listbox .subjectBox .cont { padding:10px 15px; }
    .faq-box .listbox .contentBox { padding-left:100px; }
    .faq-box .listbox .contentBox .cont { padding:10px 15px 30px; font-size:15px; }
}

.service { position:relative; }
.service .titlebox { max-width:55%; }
.service-box { margin-top:50px; width:100%; max-width:55%; overflow:hidden; position:relative; z-index:2 }
.service-box .info-box { min-height:300px; }
.service-box .info-box li:not(:last-child) { margin-bottom:20px; }
.service-box .info-box li { font-size:18px; font-weight:400; color:#333; line-height:1.4; letter-spacing:-0.02em; }
.service-box .info-box li i { color:var(--mainColor); font-size:20px; vertical-align:middle; display:inline-block; margin-right:10px; }
.service-box .info-box .btnbox { padding-top:30px; border-top:1px solid #ddd; text-align:left !important }
.service_bg { position:absolute; top:0; right:0; min-width:40%; width:40%; height:100%; background:url(/img/sub/service_bg.jpg) no-repeat center / cover; }
@media screen and (max-width:1740px) {
    .service_bg { right:20px; }
}
@media screen and (max-width:1200px) {
    .service-box .info-box { min-height:auto; max-width:100%; }
}
@media screen and (max-width:1024px) {
    .service .titlebox,
    .service-box { max-width:100%; margin-top:0; }
    .service_bg { display:none; }
    .service-box .info-box ul { position:relative; padding:50px 20px; }
    .service-box .info-box ul:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(/img/sub/service_bg.jpg) no-repeat center / cover; opacity:0.3; }
    .service-box { padding:0; }
    .service-box .info-box .btnbox { margin:0 !important; text-align:center !important }
}



/* page */
.page { margin:100px auto 0 auto; text-align:center; padding:0; } 
.page a { vertical-align:middle; position:relative; font-family:Pretendard; font-size:15px; line-height:34px; font-weight:400; color:#111; letter-spacing:-0.02em; border:none; padding:0 8px; min-width:34px; margin:0 -3px; display:inline-block; }
.page ul { display:inline-block; vertical-align:middle; }
.page li { display:inline-block; vertical-align:middle; margin:0 5px; }
.page li.on a { font-weight:500; color:#fff; background:var(--mainColor); border-radius:34px; }
.page li:hover a,
.page li a:hover { border:none; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { height:34px; width:34px; margin-right:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { height:34px; width:34px; margin-left:-4px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { height:34px; width:34px; margin-right:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { height:34px; width:34px; margin-left:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block; margin-top:-10px; font-weight:800; }
@media screen and (max-width:640px){
	.page { margin:40px auto 0 auto; }
	.page a { font-size:13px; }
    .page li { margin:0 3px; }
}

/* 24.12.20 */
.member input,
.member button,
.promotion input,
.promotion button { border: none; outline: none; appearance: none; background: transparent; }

.member .auth-button { height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; background: #52B254; font-size: 20px; font-weight: 600; }
.auth-box { width: 100%; margin: 0 auto; }
.auth-box .top { text-align: center; }
.auth-box .top img { width: 224px; height: 34px; }
.auth-box .top p { font-size: 24px; line-height: 1.6; font-weight: 600; color: #111; margin-top: 40px; }
.auth-box .top p span { color: #52B254; }
.auth-box .input-box,
.auth-box .button-box { display: flex; flex-direction: column; }
.auth-box .input-box { row-gap: 10px; margin: 40px 0 20px; }
.auth-box .input-box input { padding: 15px 30px; height: 70px; font-size: 18px; }
.auth-box .input-box input::placeholder { color: #999; }
.auth-box .button-box { row-gap: 5px; }
.auth-box .auth-button { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; background: #52B254; font-size: 20px; font-weight: 600; }
.auth-box .auth-button.gray { background: #ddd; color: #666; }
.auth-box .link-box,
.auth-box > p { margin-top: 30px; }
.auth-box .link-box { display: flex; justify-content: center; align-items: center; column-gap: 15px; }
.auth-box .link-box a { color: #999; font-size: 17px; font-weight: 500; }
.auth-box .link-box hr { background: #bbb; width: 1px; height: 12px; border: none; margin: 0; }
.auth-box > p { line-height: 1.3; font-size: 18px; font-weight: 600; color: rgba(82, 178, 84, 0.5); text-align: center; }
.auth-box > p:has(span) { text-align: left; }
.auth-box > p span { font-weight: 400; font-size: 16px; color: #999; }

.join .form-box { margin-top: 50px; }
.join .form-box * { line-height: 1.3; }
.join .form-box > span { display: block; text-align: right; }
.join .form-box em { color: var(--mainColor) !important; }
.join .column { border-top: 1px solid var(--mainColor); margin: 20px 0 30px; }
.join .column dl { display: flex; height: 70px; border-bottom: 1px solid #ddd; }
.join .column dl > * { width: 100%; height: 100%; display: flex; align-items: center; }
.join .column dl dt { flex-shrink: 0; max-width: 200px; border-right: 1px solid #ddd; font-size: 18px; color: #333; font-weight: 500; padding: 0 20px; }
.join .column dl dd { padding: 10px 20px; }
.join .column dl dd * { height: 100%; font-size: 17px; }
.join .column dl dd.row { display: flex; column-gap: 10px; }
.join .column dl dd.row button { background: var(--mainColor); color: #fff; padding: 0 20px; }
.join .column input { width: 100%; max-width: 280px; }
.join .agree { display: flex; flex-direction: column; row-gap: 20px; }
.join .agree label,
.join .agree label input { cursor: pointer; }
.join .agree label { display: flex; align-items: center; column-gap: 10px; }
.join .agree label input { width: 16px; height: 16px; border: 1px solid #ddd; appearance: none; }
.join .agree label input:checked { background: var(--mainColor) url('/img/sub/icon_checked.png') no-repeat center / 10px; border-color: var(--mainColor); }
.join .auth-button { width: 200px; }

.member .auth-box { max-width: 640px; border: 1px solid #ddd; padding: 65px 80px 40px; margin: 0 auto; }
.member .auth-box .input-box input { border: 1px solid #eee; }

@media screen and (max-width: 768px) {
	.join .column dl { height: auto; flex-direction: column; }
	.join .column dl dt,
	.join .column dl dd { padding: 20px; }
	.join .column dl dt { max-width: inherit; border-right: none; background: #f8f8f8; }
	.join .column dl dd.row button { padding: 15px 20px; }
}
@media screen and (max-width: 640px) {
	.member .auth-box { padding: 30px 20px; }
	.auth-box .top p { font-size: 21px; margin-top: 30px; }
	.auth-box .input-box { margin: 30px 0 10px; }
	.auth-box .input-box input { height: 60px; padding: 15px 20px; font-size: 16px; }
	.auth-box .auth-button { height: 60px; font-size: 18px; }
	.auth-box > p { margin-top: 20px; }
	.auth-box > p span { font-size: 15px; }
	.join .column dl dt,
	.join .column dl dd * { font-size: 16px; }
	.join .agree label span { font-size: 14px; }
	.join .auth-button { height: 50px; font-size: 18px; width: 160px; }
}

.promotion { padding-top: 180px; }
.promotion * { line-height: 1.3; }
.promotion .video-box { display: block; position: relative; padding-bottom: 56.25%; overflow: hidden; }
.promotion .video-box video,
.promotion .video-box iframe,
.promotion .video-box .img,
.promotion .video-box .img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.promotion .video-box video,
.promotion .video-box .img,
.promotion .video-box iframe { width: 100%; height: 100%; }
.promotion .video-box .img { background: #fff; border: 1px solid #ddd; }
.promotion .video-box .img img { min-width: 100%; min-height: 100%; max-width: 100%; }
.promotion .video-lock { z-index: 1; position: absolute; display: flex; align-items: center; justify-content: center; border-radius: 10px; background: rgba(0,0,0,0.7); border-radius: 10px; }
.promotion .main-video { padding-bottom: 100px; width: 100%; max-width: 940px; margin: 0 auto; }
.promotion .main-video dl { margin-bottom: 40px; }
.promotion .main-video dl dt { margin-bottom: 20px; color: #111; font-size: 45px; font-weight: 800; font-family: var(--subFont); }
.promotion .main-video dl dd { font-size: 20px; color: #333; font-weight: 300; }
.promotion .main-video .video-lock { width: 60px; height: 60px; top: 40px; right: 40px; }
.promotion .radio-box,
.promotion .radio-box label { display: flex; align-items: center; justify-content: flex-end; }
.promotion .radio-box { column-gap: 20px; padding-top: 30px; margin-bottom: 60px; border-top: 1px solid #ddd; }
.promotion .radio-box label { column-gap: 10px; }
.promotion .radio-box label span { color: #777; font-weight: 500; font-size: 17px; }
.promotion .radio-box input[type=radio] { width: 18px; height: 18px; border: 1px solid #999; border-radius: 50%; }
.promotion .radio-box input[type=radio]:checked { background: url('/img/sub/icon_radio.png') no-repeat center; }
.promotion .radio-box input[type=radio]:checked + span { color: #111; }
.promotion .video-list { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 30px; column-gap: 40px; }
.promotion .video-list .item { width: 100%; }
.promotion .video-list .video-box:has(.video-lock)::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; content: ''; display: block; background: rgba(17,17,17,0.5); }
.promotion .video-list .video-box { margin: 15px 0 20px; }
.promotion .video-list .video-lock { width: 40px; height: 40px; top: 30px; right: 30px; }
.promotion .video-list .video-lock img { width: 20px; min-width: inherit; min-height: inherit; }
.promotion .video-list .item b { color: var(--mainColor); font-size: 20px; font-weight: 600; }
.promotion .video-list .item p { color: #111; font-size: 24px; font-family: var(--subFont); line-height: 1.6; height: 3.2em; font-weight: 800; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.popup,
.popup .row,
.popup .inner { display: flex; }
.popup { width: 100%; height: 100vh; z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; }
.popup .dimmed,
.popup .row { width: 100%; height: 100%; }
.popup .dimmed { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.4); }
.popup .row { align-items: center; justify-content: center; }
.popup .inner { width: 100%; flex-direction: column; max-width: 600px; background: #f5f5f5; padding: 45px 60px; position: relative; }
.popup .close { font-size: 26px; margin-left: auto; }
.promotion .auth-box { margin-top: 45px; }
.promotion .auth-box .input-box input { border: none; background: #fff; }
@media screen and (max-width: 1500px) {
    .promotion .main-video dl dt { font-size: 34px; }
	.promotion .video-list { column-gap: 10px; }
	.promotion .video-list .item b { font-size: 18px; }
	.promotion .video-list .item p { font-size: 20px; }
}
@media screen and (max-width: 1024px) {
    .promotion .main-video dl dt { font-size: 28px; }
	.promotion .main-video .video-lock { width: 50px; height: 50px; top: 20px; right: 20px; }
	.promotion .radio-box label span { font-size: 16px; }
	.promotion .video-list { grid-template-columns: repeat(2, 1fr); }
	.promotion .video-list .item b { font-size: 16px; }
	.promotion .video-list .item span { width: 35px; height: 35px; top: 10px; right: 10px; }
	.promotion .video-list .item p { font-size: 18px; }
}
@media screen and (max-width: 768px) {
	.popup .inner { max-width: calc(100vw - 100px); }
}
@media screen and (max-width: 640px) {
	.promotion .main-video dl { margin-bottom: 30px; }
    .promotion .main-video dl dt { font-size: 20px; margin-bottom: 10px; }
	.promotion .main-video dl dd { font-size: 16px; }
	.promotion .main-video .video-lock { width: 40px; height: 40px; }
	.promotion .main-video .video-lock img { width: 30px; }
	.promotion .radio-box { column-gap: 10px; margin-bottom: 35px; }
	.promotion .radio-box label { column-gap: 5px; }
	.promotion .radio-box label span { font-size: 14px; }
	.promotion .video-list { grid-template-columns: repeat(1, 1fr); }
	.promotion .video-list .item p { height: auto; max-height: 3.2em; }

	.popup .inner { max-width: calc(100vw - 40px); padding: 30px 20px; }
	.promotion .auth-box { margin-top: 0; }
}