.subtitleTop { z-index:10; }
.subtitleTop,
.subtitleTop .bg { position:relative; height:520px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.subtitleTop .bg,
.subtitleTop .visual-box { overflow:hidden; }
.subTopCont1 .bg { background-image:url(/img/sub/visualsub_bg1.png); }
.subTopCont2 .bg { background-image:url(/img/sub/visualsub_bg2.png); }
.subTopCont3 .bg { background-image:url(/img/sub/visualsub_bg3.png); }
.subTopCont4 .bg { background-image:url(/img/sub/visualsub_bg4.png); }
.subTopCont5 .bg { background-image:url(/img/sub/visualsub_bg5.png); }
.subTopCont6 .bg { background-image:url(/img/sub/visualsub_bg6.png); }

.subtitleTop .sub-titleBox { position:absolute; bottom:0; left:0; height:80px; width:100%; z-index:2; }
.subtitleTop .sub-titleBox:before { content:""; display:block; position:absolute; left:0; top:0; width:20%; height:80px; background:var(--mainColor); }
.subtitleTop .sub-titleBox > div { display:flex; height:80px; align-items:center; }
.subtitleTop .sub-titleBox .home a { display:block; width:80px; height:80px; background:url(/img/sub/home_icon.png) center center no-repeat; }
.subtitleTop .depthMenu { position:relative; width:310px; height:80px; padding:0 45px 0 40px; background:#fff }
.subtitleTop .depthMenu:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:20px; background-color:#e5e5e5; }
.subtitleTop .depthMenu:after { content:""; display:block; position:absolute; right:40px; top:50%; transform:translateY(calc(-50% - 1px)); width:10px; height:10px; background:url(/img/sub/arr_sublnb.png) center center no-repeat; transition:all 0.3s ease-in-out;  }
.subtitleTop .depthMenu.on:after { transform:rotate(-180deg); margin-top:-6px; }
.subtitleTop .depthMenu .stit { position:relative; letter-spacing:-0.02em; font-weight:500; font-size:19px; color:#333; line-height:1.3; cursor:pointer; display:flex; align-items:center; width:100%; height:80px; z-index:2 }
.subtitleTop .submenu-box { display:none; position:absolute; left:0; top:80px; width:100%; background-color:#f8f8f8; }
.subtitleTop .submenu-box ul { padding:30px 40px; }
.subtitleTop .submenu-box li:not(:last-child) { margin-bottom:15px; }
.subtitleTop .submenu-box li a { color:#aaa; letter-spacing:-0.02em; font-size:17px; font-weight:300; line-height:1.3; transition:all 0.3s ease-in-out }
.subtitleTop .submenu-box li a:hover { color:var(--mainColor); }
.subtitleTop .subm10 { display:none; height:0; width:0; }
.subtitleTop h3 { position:absolute; right:20px; bottom:-1px; }
.subtitleTop h3 span { font-style:italic; color:rgba(255,255,255,0.50); font-size:140px; font-weight:600; line-height:0.7; letter-spacing:-0.05em; font-family:var(--mainFont); min-width:50px; }
@media screen and (max-width:1600px){
    .subtitleTop h3 { right:15px; }
    .subtitleTop h3 span { font-size:130px; min-width:45px; }
    .subtitleTop .sub-titleBox .inner1600 { padding:0 }
}
@media screen and (max-width:1400px){
    .subtitleTop h3 { right:12px; }
    .subtitleTop h3 span { font-size:110px; min-width:40px; }
    .subtitleTop .sub-titleBox,
    .subtitleTop .sub-titleBox:before,
    .subtitleTop .sub-titleBox > div { height:60px; }
    .subtitleTop .sub-titleBox .home a { width:60px; height:60px; }
    .subtitleTop .depthMenu { width:250px; height:60px; padding:0 40px 0 35px; }
    .subtitleTop .depthMenu:not(:last-child):before { height:16px; }
    .subtitleTop .depthMenu:after { right:35px; }
    .subtitleTop .depthMenu .stit { font-size:18px; height:60px;}
    .subtitleTop .submenu-box { top:60px; }
    .subtitleTop .submenu-box ul { padding:28px 35px; }
    .subtitleTop .submenu-box li a { font-size:18px; }
}
@media screen and (max-width:1280px){
    .subtitleTop h3 { right:8px; }
    .subtitleTop h3 span { font-size:90px; min-width:25px; }
    .subtitleTop,
    .subtitleTop .bg { height:460px; }
}
@media screen and (max-width:1024px){
    .subtitleTop h3 { right:10px; bottom:57px; }
    .subtitleTop h3 span { font-size:80px; min-width:20px; }
    .subtitleTop,
    .subtitleTop .bg { height:380px; }
    .subtitleTop .depthMenu { width:calc(50% - 30px); }
    .subtitleTop .depthMenu:not(:last-child):before { height:10px; }
    .subtitleTop .depthMenu .stit { font-size:16px; }
    .subtitleTop .submenu-box ul { padding:22px 25px; }
    .subtitleTop .submenu-box li a { font-size:16px; }
    .subtitleTop .submenu-box li:not(:last-child) { margin-bottom:10px; }
}
@media screen and (max-width:640px){
    .subtitleTop h3 { right:7px; bottom:47px; }
    .subtitleTop h3 span { font-size:50px; min-width:15px; }
    .subtitleTop,
    .subtitleTop .bg { height:280px; }
    .subtitleTop .sub-titleBox,
    .subtitleTop .sub-titleBox:before,
    .subtitleTop .sub-titleBox > div { height:50px; }
    .subtitleTop .sub-titleBox .home a { width:50px; height:50px; background-size:14px; }
    .subtitleTop .depthMenu { width:calc(50% - 25px); height:50px; padding:0 25px 0 15px; }
    .subtitleTop .depthMenu:after { right:15px; background-size:7px; }
    .subtitleTop .depthMenu .stit { font-size:16px; height:50px;}
    .subtitleTop .submenu-box { top:50px; }
    .subtitleTop .submenu-box ul { padding:15px; }
    .subtitleTop .submenu-box li a { font-size:16px; }
}
@media screen and (max-width:420px){
    .subtitleTop .depthMenu { width:calc(45% - 25px); }
    .subtitleTop .depthMenu.dep2 { width:calc(55% - 25px); }
}

/* animation */
.subtitleTop .bg { transform:scale(1.25); animation:bgs1 1.2s 0.01s; animation-fill-mode:both; }
.subtitleTop h3 span { display:inline-block }
.subtitleTop h3 span > span { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }


#subContents { padding:120px 0 200px; }
#subContents .location { display:flex; justify-content:flex-end; }
#subContents .location dl { display:flex; align-items:center; }
#subContents .location dt { background:url(/img/sub/home_icon1.png) center center no-repeat; overflow:hidden; width:15px; height:15px; text-indent:-9999em; }
#subContents .location dd span { display:inline-block; padding-left:25px; margin-left:25px; color:#aaa; letter-spacing:-0.02em; font-size:17px; font-weight:300; line-height:1.3; background:url(/img/sub/location_arr_icon.png) left center no-repeat; }
#subContents .location dd strong { display:inline-block; padding-left:25px; margin-left:25px; color:#111; letter-spacing:-0.02em; font-size:17px; font-weight:500; line-height:1.3; background:url(/img/sub/location_arr_icon.png) left center no-repeat; }
@media screen and (max-width:1400px){
    #subContents { padding:100px 0 180px; }
    #subContents .location dd span,
    #subContents .location dd strong { padding-left:20px; margin-left:20px; font-size:16px; }
}
@media screen and (max-width:1024px){
    #subContents { padding:80px 0 140px; }
    #subContents .location { display:none }
}
@media screen and (max-width:640px){
    #subContents { padding:50px 0 100px; }
}

.subTitle-box { }
.subTitle-box h3 { font-size:66px; font-weight:400; color:#111; line-height:1.3; letter-spacing:-0.02em; }
.subTitle-box h3 span { font-weight:400; }
.subTitle-box .txt { margin-top:20px; font-size:26px; font-weight:300; color:#333; line-height:1.4; }
@media screen and (max-width:1280px){
    .subTitle-box h3 { font-size:48px; }
    .subTitle-box .txt { margin-top:15px; font-size:22px; }
}
@media screen and (max-width:1024px){
    .subTitle-box h3 { font-size:38px; }
    .subTitle-box .txt { margin-top:12px; font-size:19px; }
}
@media screen and (max-width:640px){
    .subTitle-box h3 { font-size:28px; }
    .subTitle-box .txt { margin-top:10px; font-size:15px; }
}
/* animation */
.subTitle-box h3 { overflow:hidden }
.subTitle-box h3 span { display:block; animation:ani_3 .8s 0.5s; animation-fill-mode:both; }
.subTitle-box .txt { display:block; animation:ani_5 .8s 1.0s; animation-fill-mode:both; }

#subCont { margin-top:-15px; }

#subCont .btnbox { margin-top:100px; text-align:center; }
#subCont .btnbox a,
#subCont .btnbox button { display:inline-block; text-align:center; border:none; outline:none; background:none; margin:0 8px;  }
#subCont .btnbox a span,
#subCont .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:#000; min-width:180px; height:60px; color:#fff; font-size:17px; font-weight:400; }
#subCont .btnbox i { display:inline-block; vertical-align:middle; margin-right:10px; }
#subCont .btnbox span.fc_mc { background-color:var(--mainColor); }
@media screen and (max-width:1024px){	
	#subCont .btnbox { margin-top:80px; }
	#subCont .btnbox a span,
	#subCont .btnbox button span { height:60px; font-size:16px; }
}
@media screen and (max-width:640px){	
    #subCont .btnbox { margin-top:60px; }
    #subCont .btnbox a,
    #subCont .btnbox button { margin:0 3px; }
	#subCont .btnbox a span,
	#subCont .btnbox button span { min-width:160px; height:50px; font-size:15px; }
}

/* tabmenu */
.tabmenu { margin-top:80px; }
.tabmenu > ul { text-align:center; display:flex; flex-wrap:wrap; }
.tabmenu > ul > li { margin-left:-1px; }
.tabmenu.m2 > ul > li { width:50%; }
.tabmenu.m3 > ul > li { width:33.333%; }
.tabmenu.m4 > ul > li { width:25%; }
.tabmenu.m5 > ul > li { width:20%; }
.tabmenu.m6 > ul > li { width:16.666%; }
.tabmenu > ul > li a { position:relative; color:#666; font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; height:87px; display:flex; justify-content:center; align-items:center; border:1px solid #ccc; text-align:center; transition:all 0.3s; }
.tabmenu > ul > li.active a { color:#fff; background:var(--mainColor); border:1px solid var(--mainColor); }
@media screen and (max-width:1024px){	
    .tabmenu { margin-top:60px; }
    .tabmenu > ul > li a { font-size:19px; height:75px; }
}
@media screen and (max-width:640px){	
    .tabmenu { margin-top:40px; }
    .tabmenu > ul > li a { font-size:15px; height:60px; }
	.tabmenu.m5 > ul > li,
	.tabmenu.m6 > ul > li { width:33.33%; }
}

.tab-s { margin-top:80px; }
.tab-s > ul { display:flex; flex-wrap:wrap; gap:10px 0; }
.tab-s > ul > li { position:relative; }
.tab-s > ul > li:not(:last-child) { margin-right:20px; padding-right:20px; }
.tab-s > ul > li:not(:last-child):before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:2px; height:15px; background:#e5e5e5; }
.tab-s > ul > li a { color:#ccc; font-weight:400; font-size:21px; line-height:1.3; letter-spacing:-0.03em; }
.tab-s > ul > li.active a { color:var(--mainColor); }
@media screen and (max-width:1024px){
	.tab-s { margin-top:60px; }
	.tab-s > ul > li:not(:last-child) { margin-right:15px; padding-right:15px; }
	.tab-s > ul > li:not(:last-child):before { width:1px; height:13px; }
	.tab-s > ul > li a { font-size:19px; }
}
@media screen and (max-width:640px){
	.tab-s { margin-top:40px; }
	.tab-s > ul > li:not(:last-child) { margin-right:12px; padding-right:12px; }
	.tab-s > ul > li:not(:last-child):before { height:11px; }
	.tab-s > ul > li a { font-size:17px; }
}

/* greeting */
.greeting-box { margin-top:80px; display:flex; overflow:hidden }
.greeting-box .imgbox { position:relative; }
.greeting-box .txtbox { padding-left:120px; }
.greeting-box .txtbox dt { font-size:52px; font-weight:400; color:#111; letter-spacing:-0.02em; line-height:1.55; }
.greeting-box .txtbox dt span { color:var(--mainColor); }
.greeting-box .txtbox dd { padding-top:20px; }
.greeting-box .txtbox dd p { margin-top:40px; font-size:21px; font-weight:300; color:#333; letter-spacing:-0.02em; line-height:1.75;}
.greeting-box .txtbox dd p.stxt { display:flex; justify-content:flex-end; align-items:center; padding-right:20% }
.greeting-box .txtbox dd p.stxt strong { display:inline-block; margin-left:20px; font-size:260%; font-family: 'InkLipquid';}
@media screen and (max-width:1640px){
    .greeting-box .txtbox { padding-left:100px; }
    .greeting-box .txtbox dd p br { display:none }
    .greeting-box .txtbox dd p .m_br { display:block }
    .greeting-box .txtbox dt { font-size:45px; }
    .greeting-box .txtbox dd { padding-top:15px; }
    .greeting-box .txtbox dd p { margin-top:35px; font-size:20px; }
	.greeting-box .txtbox dd p.stxt { padding-right:6% }
}
@media screen and (max-width:1280px){
    .greeting-box { margin-top:60px; }
    .greeting-box .txtbox { padding-left:70px; }
    .greeting-box .txtbox dt { font-size:38px; }
    .greeting-box .txtbox dd { padding-top:10px; }
    .greeting-box .txtbox dd p { margin-top:20px; font-size:18px; }
    .greeting-box .imgbox img { width:480px; }
}
@media screen and (max-width:1024px){
    .greeting-box { margin-top:50px; flex-wrap:wrap; }
    .greeting-box .imgbox { max-width:400px; margin:0 auto }
    .greeting-box .imgbox img { width:100%; }
    /*.greeting-box .imgbox:before {content:""; display:block; padding-bottom:60%; }
    .greeting-box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }*/
    .greeting-box .txtbox { padding-left:0; padding-top:30px; width:100%;}
    .greeting-box .txtbox dt { font-size:30px; }
    .greeting-box .txtbox dd p { margin-top:20px; font-size:17px; }
}
@media screen and (max-width:640px){
    .greeting-box { margin-top:30px; }
    .greeting-box .txtbox dt { font-size:24px; }
    .greeting-box .txtbox dd p { font-size:16px; }
}

/* animation */
.greeting-box .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.greeting-box .imgbox:after { animation:ani_w100 0.8s 0.1s; animation-fill-mode:both; }
.greeting-box .txtbox dt,
.greeting-box .txtbox dd { opacity:0; }
.greeting-box .txtbox dt { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.greeting-box .txtbox dd { animation:ani_2 0.9s 0.9s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .greeting-box .imgbox:after { top:unset; bottom:0; }
    .greeting-box .imgbox:after { animation:ani_h100 0.8s 0.1s; animation-fill-mode:both; }
}

/* management */
.management-box { margin-top:80px; }
.management-box .listbox ul { display:flex; flex-wrap:wrap; gap:20px; }
.management-box .listbox ul > li { position:relative; width:calc((100% - 60px) / 4); }
.management-box .listbox ul > li .imgbox { position:relative; transition:all 0.5s; overflow:hidden }
.management-box .listbox ul > li .imgbox:before {content:""; display:block; padding-bottom:135%; }
.management-box .listbox ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.5s; }
.management-box .listbox ul > li .imgbox span.tit { position:absolute; left:30px; bottom:40px; transition:all 0.5s; opacity:1; }
.management-box .listbox ul > li .imgbox span.tit strong { color:#fff; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.management-box .listbox ul > li .txtbox { position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.5s; opacity:0; }
.management-box .listbox ul > li .txtbox dl { position:absolute; left:0; bottom:-30px; padding:40px 30px; transition:all 0.5s 0.1s; opacity:0; }
.management-box .listbox ul > li .txtbox dt strong { color:#fff; font-size:42px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.management-box .listbox ul > li .txtbox dt span { display:block; margin-top:10px; color:#fff; font-size:21px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; }
.management-box .listbox ul > li .txtbox dd { margin-top:40px; color:#fff; font-size:21px; font-weight:300; line-height:1.45; letter-spacing:-0.04em; }
.management-box .listbox ul > li:hover .imgbox { border-radius:30px; }
.management-box .listbox ul > li:hover .imgbox img { filter:blur(10px); background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%); }
.management-box .listbox ul > li:hover .imgbox span.tit { opacity:0;}
.management-box .listbox ul > li:hover .txtbox { opacity:1; }
.management-box .listbox ul > li:hover .txtbox dl { bottom:0; opacity:1; }
@media screen and (max-width:1440px){
	.management-box .listbox ul > li .imgbox span.tit { left:20px; bottom:30px; }
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:28px; }
	.management-box .listbox ul > li .txtbox dl { padding:30px 20px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:32px; }
	.management-box .listbox ul > li .txtbox dt span { font-size:19px; }
	.management-box .listbox ul > li .txtbox dd { margin-top:35px; font-size:19px; }
}
@media screen and (max-width:1280px){
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:22px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:26px; }
	.management-box .listbox ul > li .txtbox dt span { font-size:17px; }
	.management-box .listbox ul > li .txtbox dd { margin-top:30px; font-size:17px; }
}
@media screen and (max-width:1100px){
	.management-box .listbox ul > li { width:calc((100% - 20px) / 2); }
}
@media screen and (max-width:1024px){
	.management-box { margin-top:60px; }
	.management-box .listbox ul > li .imgbox span.tit { display:none }
	.management-box .listbox ul > li:hover .txtbox { opacity:1; }
	.management-box .listbox ul > li .txtbox { opacity:1; }
	.management-box .listbox ul > li .txtbox dl,
	.management-box .listbox ul > li:hover .txtbox dl { bottom:0; opacity:1; }
	.management-box .listbox ul > li:hover .imgbox img { filter:blur(0); }
	.management-box .listbox ul > li .imgbox img { background:linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%); }
}
@media screen and (max-width:860px){
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:20px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:24px; }
	.management-box .listbox ul > li .txtbox dt span { margin-top:5px; font-size:16px; }
	.management-box .listbox ul > li .txtbox dd { margin-top:25px; font-size:16px; }
	.management-box .listbox ul > li .imgbox,
	.management-box .listbox ul > li:hover .imgbox { border-radius:0; }
}
@media screen and (max-width:640px){
	.management-box { margin-top:40px; }
	.management-box .listbox ul { gap:10px; }
	.management-box .listbox ul > li { width:calc((100% - 10px) / 2); }
	.management-box .listbox ul > li .imgbox span.tit strong { font-size:18px; }
	.management-box .listbox ul > li .txtbox dt strong { font-size:22px; }
	.management-box .listbox ul > li .txtbox dt span { margin-top:5px; font-size:15px; }
	.management-box .listbox ul > li .txtbox dd { margin-top:25px; font-size:15px; }
	.management-box .listbox ul > li .txtbox dl { padding:20px; }
}
@media screen and (max-width:480px){
	.management-box .listbox ul > li { width:100%; }
	.management-box .listbox ul > li .imgbox:before { padding-bottom:80%; }
}

/* animation */
.management-box .listbox > ul > li:nth-child(1) { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.management-box .listbox > ul > li:nth-child(2) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.management-box .listbox > ul > li:nth-child(3) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.management-box .listbox > ul > li:nth-child(4) { animation:ani_4 0.8s 0.7s; animation-fill-mode:both; }
@media screen and (max-width:1100px){
	.management-box .listbox > ul > li:nth-child(1),
	.management-box .listbox > ul > li:nth-child(2),
	.management-box .listbox > ul > li:nth-child(3),
	.management-box .listbox > ul > li:nth-child(4) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}

/* business */
.business-box { margin-top:80px; }
.business-box .listbox > ul > li { display:flex; align-items:center; }
.business-box .listbox > ul > li > div { width:50%; }
.business-box .listbox > ul > li .imgbox { position:relative; transition:all 0.5s; overflow:hidden }
.business-box .listbox > ul > li .imgbox:before {content:""; display:block; padding-bottom:62.2%; }
.business-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.5s; }
.business-box .listbox > ul > li .txtbox { padding-left:80px; max-width:800px; }
.business-box .listbox > ul > li .txtbox dt .stxt { display:flex; align-items:center; }
.business-box .listbox > ul > li .txtbox dt .icon img { margin-bottom:4px; }
.business-box .listbox > ul > li .txtbox dt .link { margin:0 0 25px 12px; }
.business-box .listbox > ul > li .txtbox dt strong { margin-left:20px; color:#111; font-size:48px; font-weight:700; line-height:1.3; letter-spacing:-0.08em; }
.business-box .listbox > ul > li .txtbox dt span.stxt { margin-top:15px; display:block; color:#aaa; font-size:28px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.business-box .listbox > ul > li .txtbox dd { margin-top:90px; color:#3a3a3a; font-size:23px; font-weight:300; line-height:1.65; letter-spacing:-0.04em; }
.business-box .listbox > ul > li:nth-child(2n) { flex-direction:row-reverse; }
.business-box .listbox > ul > li:nth-child(2n) .txtbox { padding:0 80px 0 0; text-align:right; }
.business-box .listbox > ul > li:nth-child(2n) .txtbox dt .stxt { justify-content:flex-end; }
@media screen and (max-width:1720px){
	.business-box .listbox > ul > li .txtbox dd br { display:none}
	.business-box .listbox > ul > li .txtbox dd span.m_br { display:block}
}
@media screen and (max-width:1440px){
	.business-box .listbox > ul > li .imgbox:before { padding-bottom:70%; }
	.business-box .listbox > ul > li .txtbox { padding:0 50px; }
	.business-box .listbox > ul > li .txtbox dt .icon img { margin-top:6px; }
	.business-box .listbox > ul > li .txtbox dt strong { margin-left:15px; font-size:38px; }
	.business-box .listbox > ul > li .txtbox dt span.stxt { margin-top:15px; font-size:23px; }
	.business-box .listbox > ul > li .txtbox dd { margin-top:60px; font-size:21px; }
	.business-box .listbox > ul > li .txtbox dt .link { margin:0 0 20px 10px; }
	.business-box .listbox > ul > li:nth-child(2n) .txtbox { padding:0 50px; }
}
@media screen and (max-width:1280px){
	.business-box .listbox > ul > li .imgbox:before { padding-bottom:70%; }
	.business-box .listbox > ul > li .txtbox { padding:0 30px; }
	.business-box .listbox > ul > li .txtbox dt .icon img { margin-top:0; }
	.business-box .listbox > ul > li .txtbox dt strong { margin-left:15px; font-size:30px; }
	.business-box .listbox > ul > li .txtbox dt span.stxt { margin-top:12px; font-size:21px; }
	.business-box .listbox > ul > li .txtbox dd { margin-top:40px; font-size:19px; }
	.business-box .listbox > ul > li:nth-child(2n) .txtbox { padding:0 30px; }
	.business-box .listbox > ul > li .txtbox dt .link { margin:0 0 12px 10px; }
	.business-box .listbox > ul > li .txtbox dt .link img { width:16px; }
}
@media screen and (max-width:1024px){
	.business-box .listbox > ul > li { flex-wrap:wrap; }
	.business-box .listbox > ul > li:not(:last-child) { margin-bottom:40px; }
	.business-box .listbox > ul > li > div { width:100%; }
	.business-box .listbox > ul > li .imgbox:before { padding-bottom:45%; }
	.business-box .listbox > ul > li .txtbox { padding:0 20px; max-width:100%; margin-top:40px; }
	.business-box .listbox > ul > li .txtbox dt .icon img { margin-top:-4px; }
	.business-box .listbox > ul > li .txtbox dt strong { margin-left:15px; font-size:24px; }
	.business-box .listbox > ul > li .txtbox dt span.stxt { margin-top:12px; font-size:19px; }
	.business-box .listbox > ul > li .txtbox dd { margin-top:40px; font-size:17px; }
	.business-box .listbox > ul > li .txtbox dt .link { margin:0 0 10px 10px; }
	.business-box .listbox > ul > li .txtbox dt .link img { width:14px; }
	.business-box .listbox > ul > li:nth-child(2n) .txtbox { padding:0 20px; text-align:left }
	.business-box .listbox > ul > li:nth-child(2n) .txtbox dt .stxt { justify-content:flex-start; }
}
@media screen and (max-width:640px){
	.business-box .listbox > ul > li:not(:last-child) { margin-bottom:30px; }
	.business-box .listbox > ul > li > div { width:100%; }
	.business-box .listbox > ul > li .imgbox:before { padding-bottom:50%; }
	.business-box .listbox > ul > li .txtbox { margin-top:30px; }
	.business-box .listbox > ul > li .txtbox dt .icon img { margin-top:-6px; }
	.business-box .listbox > ul > li .txtbox dt strong { margin-left:10px; font-size:22px; }
	.business-box .listbox > ul > li .txtbox dt span.stxt { margin-top:10px; }
	.business-box .listbox > ul > li .txtbox dt .link { margin:0 0 8px 8px; }
	.business-box .listbox > ul > li .txtbox dt .link img { width:12px; }
	.business-box .listbox > ul > li .txtbox dd { margin-top:30px; }
}


/* animation */
.business-box .listbox > ul > li .imgbox:after { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; right:0; top:0; }
.business-box .listbox > ul > li:nth-child(2n).subOn .imgbox:after { left:0; right:unset;  }
.business-box .listbox > ul > li.subOn .imgbox:after { animation:ani_w100 0.8s 0.1s; animation-fill-mode:both; }
.business-box .listbox > ul > li .txtbox dt,
.business-box .listbox > ul > li .txtbox dd { opacity:0; }
.business-box .listbox > ul > li.subOn .txtbox dt { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.business-box .listbox > ul > li.subOn .txtbox dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
.business-box .listbox > ul > li:nth-child(2n).subOn .txtbox dt { animation:ani_1 0.5s 0.3s; animation-fill-mode:both; }
.business-box .listbox > ul > li:nth-child(2n).subOn .txtbox dd { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .business-box .listbox > ul > li .imgbox:after { top:unset; bottom:0; }
    .business-box .listbox > ul > li.subOn .imgbox:after { animation:ani_h100 0.8s 0.1s; animation-fill-mode:both; }
	.business-box .listbox > ul > li.subOn .txtbox dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
	.business-box .listbox > ul > li.subOn .txtbox dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
	.business-box .listbox > ul > li:nth-child(2n).subOn .txtbox dt { animation:ani_4 0.5s 0.3s; animation-fill-mode:both; }
	.business-box .listbox > ul > li:nth-child(2n).subOn .txtbox dd { animation:ani_4 0.5s 0.5s; animation-fill-mode:both; }
}

/* history-box */
.history-box .nav { margin-top:80px; position:sticky; top:120px; z-index:2; }
.history-box .nav ul { display:flex; flex-wrap:wrap; }
.history-box .nav ul.m3 li { width:33.33% }
.history-box .nav ul.m4 li { width:25% }
.history-box .nav ul.m5 li { width:20% }
.history-box .nav ul li a { transition:all 0.3s; position:relative; width:100%; height:90px; display:flex; display:flex; align-items:center; justify-content:center; border-bottom:1px solid #e5e5e5; background:#fff; color:#ccc; font-size:23px; font-weight:300; line-height:1.3; letter-spacing:-0.04em;}
.history-box .nav ul li a:before { content:""; display:block; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:var(--mainColor); }
.history-box .nav ul li.on a { font-weight:500; color:var(--mainColor); }
.history-box .nav ul li.on a:before { width:100%; }
.history-box .history-list { margin-top:110px; }
.history-box .history-list .contBox { display:flex; flex-wrap:wrap; }
.history-box .history-list .leftNav .navBox { position:sticky; top:310px; width:176px; padding-bottom:80px; }
.history-box .history-list .leftNav .year { color:#222; font-size:26px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.history-box .history-list .leftNav .num { font-family:var(--subFont); color:#eee; font-size:150px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.history-box .history-list .leftNav .txt { color:var(--mainColor); font-size:28px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.history-box .history-list .list { width:calc(100% - 176px); margin-top:35px; padding:0 0 0 120px; }
.history-box .history-list .list > li { border-bottom:1px solid #e5e5e5; padding-bottom:80px; }
.history-box .history-list .list > li:not(:last-child) { margin-bottom:120px; } 
.history-box .history-list .list dl { position:relative; }
.history-box .history-list .list dt { position:absolute; left:-120px; top:0; z-index:1; font-family:var(--subFont); color:#111; font-size:150px; font-weight:600; line-height:1.3; letter-spacing:-0.04em; }
.history-box .history-list .list dt span { font-family:var(--subFont); display:none }
.history-box .history-list .list dd { padding-top:93px; overflow:hidden; width:calc(100% - 296px) }
.history-box .history-list .list dd .imgbox { margin-bottom:-40px; position:relative; overflow:hidden; width:100%; }
.history-box .history-list .list dd .imgbox:before { content:""; display:block; padding-bottom:41.8%; }
.history-box .history-list .list dd .imgbox img { position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.history-box .history-list .list dd ul { margin-top:80px; }
.history-box .history-list .list dd ul li:not(:last-child) { margin-bottom:20px; } 
.history-box .history-list .list dd ul li { display:flex; }
.history-box .history-list .list dd ul li strong { width:100px; color:var(--mainColor); font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.04em;}
.history-box .history-list .list dd ul li span { width:calc(100% - 100px); color:#333; font-size:23px; font-weight:300; line-height:1.3; letter-spacing:-0.04em;}
@media screen and (max-width:1440px){
	.history-box .nav ul li a { font-size:21px; }
	.history-box .history-list .leftNav .navBox { width:156px; }
	.history-box .history-list .leftNav .year { font-size:23px; }
	.history-box .history-list .leftNav .num { font-size:135px; }
	.history-box .history-list .leftNav .txt { font-size:26px; }
	.history-box .history-list .list { width:calc(100% - 156px); margin-top:32px; }
	.history-box .history-list .list > li:not(:last-child) { margin-bottom:100px; } 
	.history-box .history-list .list dt { left:-120px; font-size:135px; }
	.history-box .history-list .list dd { padding-top:93px; width:calc(100% - 276px); }	 
	.history-box .history-list .list dd ul li:not(:last-child) { margin-bottom:20px; } 
	.history-box .history-list .list dd ul li strong { width:90px; font-size:21px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 90px); font-size:21px; }
}
@media screen and (max-width:1280px){
	.history-box .nav ul li a { font-size:19px; }
	.history-box .history-list .leftNav .navBox { width:130px; padding-bottom:60px; }
	.history-box .history-list .leftNav .year { font-size:19px; }
	.history-box .history-list .leftNav .num { font-size:110px; }
	.history-box .history-list .leftNav .txt { font-size:21px; }
	.history-box .history-list .list { width:calc(100% - 130px); margin-top:28px; padding:0 0 0 95px; }
	.history-box .history-list .list > li { padding-bottom:60px; }
	.history-box .history-list .list > li:not(:last-child) { margin-bottom:80px; } 
	.history-box .history-list .list dt { left:-95px; font-size:110px; }
	.history-box .history-list .list dd { padding-top:93px; width:calc(100% - 225px);}	 
	.history-box .history-list .list dd ul li:not(:last-child) { margin-bottom:20px; } 
	.history-box .history-list .list dd ul li strong { font-size:19px; }
	.history-box .history-list .list dd ul li span { font-size:19px; }
}
@media screen and (max-width:1024px){
	.history-box .nav { top:100px; margin-top:60px;}
	.history-box .nav ul li a { font-size:17px; height:70px; }
	.history-box .history-list { margin-top:90px; }
	.history-box .history-list .leftNav { padding-top:40px; }
	.history-box .history-list .leftNav.dpM { display:none }
	.history-box .history-list .leftNav .navBox { width:100%; padding-bottom:0; display:flex; align-items:center; }
	.history-box .history-list .leftNav .year { font-size:21px; }
	.history-box .history-list .leftNav .num { display:none }
	.history-box .history-list .leftNav .txt { font-size:21px; margin-left:10px; }
	.history-box .history-list .list { width:100%; margin-top:20px; padding:0; }
	.history-box .history-list .list > li { padding-bottom:40px; }
	.history-box .history-list .list > li:not(:last-child) { margin-bottom:40px; } 
	.history-box .history-list .list dt { left:0; font-size:80px; }
	.history-box .history-list .list dt span { display:inline-block }
	.history-box .history-list .list dd { padding-top:50px; width:100%; }
	.history-box .history-list .list dd .imgbox { margin-bottom:-30px; width:100%; }
	.history-box .history-list .list dd ul { margin-top:60px; }
	.history-box .history-list .list dd ul li:not(:last-child) { margin-bottom:15px; } 
	.history-box .history-list .list dd ul li strong { width:70px; font-size:17px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 70px); font-size:17px; }
}
@media screen and (max-width:640px){
	.history-box .nav { margin-top:40px; }
	.history-box .nav ul li a { font-size:15px; height:60px; }
	.history-box .history-list { margin-top:60px; }
	.history-box .history-list .leftNav { padding-top:20px; }
	.history-box .history-list .leftNav .year { font-size:19px; }
	.history-box .history-list .leftNav .txt { font-size:19px; margin-left:8px; }
	.history-box .history-list .list { margin-top:20px; }
	.history-box .history-list .list > li { padding-bottom:30px; }
	.history-box .history-list .list > li:not(:last-child) { margin-bottom:30px; } 
	.history-box .history-list .list dt { font-size:50px; }
	.history-box .history-list .list dt span { display:inline-block }
	.history-box .history-list .list dd { padding-top:30px; }
	.history-box .history-list .list dd .imgbox { margin-bottom:-20px; }
	.history-box .history-list .list dd .imgbox:before { padding-bottom:40%; }
	.history-box .history-list .list dd ul { margin-top:40px; }
	.history-box .history-list .list dd ul li:not(:last-child) { margin-bottom:12px; } 
	.history-box .history-list .list dd ul li strong { width:60px; font-size:15px; }
	.history-box .history-list .list dd ul li span { width:calc(100% - 60px); font-size:15px; }
}


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

/* organization */
.organization-box { margin-top:80px; }
.organization-box .org-1 { margin:0 auto; width:276px; position:relative; z-index:5;}
.organization-box .org-1 { margin-top:60px; }
.organization-box .org-0 { margin-top:0; }
.organization-box .org-0 .tit { position:relative; }
.organization-box .org-0 .tit:before { content:""; display:block; position:absolute; left:50%; bottom:-60px; transform:translateX(-50%); width:2px; height:60px; background:#e5e5e5; }
.organization-box .org-1 .tit { position:relative; z-index:5; width:100%; height:90px; background:#004098; border-radius:90px; padding:10px; display:flex; align-items:center; }
.organization-box .org-1 .tit > span { background:#fff; width:70px; height:70px; border-radius:70px; display:flex; align-items:center; justify-content:center; }
.organization-box .org-1 .tit .txt { padding-left:30px; color:#fff; font-size:26px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.organization-box .org-box { position:relative; padding-top:60px; display:flex; justify-content:space-between; }
.organization-box .org-box:before { content:""; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:60px; background:#e5e5e5; }
.organization-box .org-box:after { content:""; display:block; position:absolute; left:50%; top:60px; transform:translateX(-50%); width:calc(100% - 240px); height:2px; background:#e5e5e5; }
.organization-box .org-box .list { padding-top:60px; width:240px; position:relative; }
.organization-box .org-box .list:before { content:""; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:60px; background:#e5e5e5; }
.organization-box .org-box .list .tit { margin:0 auto; width:100%; height:90px; background:#fff; border-radius:90px; padding:10px; display:flex; align-items:center; box-shadow:0px 0px 40px 0px rgba(0, 64, 152, 0.10); }
.organization-box .org-box .list .tit > span { background:#004098; width:70px; height:70px; border-radius:70px; display:flex; align-items:center; justify-content:center; }
.organization-box .org-box .list .tit .txt { padding-left:30px; color:#004098; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.organization-box .org-box .list dd ul { position:relative; }
.organization-box .org-box .list dd ul:before { content:""; display:block; position:absolute; left:0; top:0; width:1px; height:calc(100% - 22px); background-image:linear-gradient(to bottom, #004098 50%, transparent 50%); background-position:0 0, 5px 5px; background-size:1px 10px; }
.organization-box .org-box .list dd li { margin-top:20px; padding-left:60px; position:relative; }
.organization-box .org-box .list dd li:before { content:""; display:block; position:absolute; left:4px; top:50%; transform:translateY(calc(-50% - 0.5px)); width:20px; height:1px; background-image:linear-gradient(to right, #004098 50%, transparent 50%); background-position:0 0, 5px 5px; background-size:10px 1px; }
.organization-box .org-box .list dd li:after { content:""; display:block; position:absolute; left:20px; top:50%; transform:translateY(calc(-50% - 0.5px)); width:10px; height:10px; background:#004098; border-radius:10px; }
.organization-box .org-box .list dd li .sbox { min-height:50px; width:100%; padding:5px 10px;border-radius:50px; border:2px solid #004098; display:flex; align-items:center; justify-content:center; text-align:center; color:#004098; font-size:22px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.organization-box .org-box .list.org-3 { width:auto; }
.organization-box .org-box .list.org-3 .tit { width:240px; }
.organization-box .org-box .list.org-3 dd { display:flex; gap:0 58px; padding-top:45px; position:relative; }
.organization-box .org-box .list.org-3 dd:before { content:""; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:45px; background:#e5e5e5; }
.organization-box .org-box .list.org-3 dd:after { content:""; display:block; position:absolute; left:50%; top:45px; transform:translateX(-50%); width:calc(100% - 180px); height:2px; background:#e5e5e5; }
.organization-box .org-box .list.org-3 dd .box { padding-top:45px; position:relative; }
.organization-box .org-box .list.org-3 dd .box:before { content:""; display:block; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:45px; background:#e5e5e5; }
.organization-box .org-box .list.org-3 dd p { text-align:center; width:180px; height:50px; background:#004098; border-radius:70px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:23px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.organization-box .org-box .list.org-3 dd li { padding-left:45px; }
@media screen and (max-width:1440px){
	.organization-box .org-1 {  width:250px; }
	.organization-box .org-1 .tit,
	.organization-box .org-box .list .tit { height:80px;padding:10px; }
	.organization-box .org-1 .tit > span,
	.organization-box .org-box .list .tit > span { width:60px; height:60px; }
	.organization-box .org-1 .tit .txt { padding-left:30px; font-size:24px; }
	.organization-box .org-box { padding-top:60px; }
	.organization-box .org-box:after { width:calc(100% - 200px); }
	.organization-box .org-box .list { padding-top:60px; width:200px; }
	.organization-box .org-box .list .tit .txt { font-size:21px; }
	.organization-box .org-box .list dd li .sbox { font-size:21px; }
	.organization-box .org-box .list.org-3 .tit { width:200px; }
	.organization-box .org-box .list.org-3 dd { gap:0 35px;  }
	.organization-box .org-box .list.org-3 dd p { width:160px; font-size:21px; }
	.organization-box .org-box .list.org-3 dd:after { top:45px; width:calc(100% - 160px); }
}
@media screen and (max-width:1280px){
	.organization-box .org-1 { width:200px; }
	.organization-box .org-1 .tit,
	.organization-box .org-box .list .tit { height:70px; padding:10px; }
	.organization-box .org-1 .tit > span,
	.organization-box .org-box .list .tit > span { width:50px; height:50px; }
	.organization-box .org-1 .tit > span img { width:30px; }
	.organization-box .org-box .list .tit > span img { width:25px; }
	.organization-box .org-1 .tit .txt { padding-left:20px; font-size:21px; }
	.organization-box .org-box { padding-top:50px;}
	.organization-box .org-box:before { width:2px; height:50px; }
	.organization-box .org-box:after { top:50px; width:calc(100% - 160px); }
	.organization-box .org-box .list { padding-top:50px; width:160px; }
	.organization-box .org-box .list:before { width:2px; height:50px; }
	.organization-box .org-box .list .tit .txt { padding-left:10px; font-size:18px; }
	.organization-box .org-box .list dd li { margin-top:20px; padding-left:40px; }
	.organization-box .org-box .list dd li:before { left:4px; width:20px; height:1px; }
	.organization-box .org-box .list dd li:after { left:20px; width:7px; height:7px; }
	.organization-box .org-box .list dd li .sbox { min-height:45px; border:2px solid #004098; font-size:18px; }
	.organization-box .org-box .list.org-3 .tit { width:150px; }
	.organization-box .org-box .list.org-3 dd { gap:0 15px; padding-top:35px; }
	.organization-box .org-box .list.org-3 dd:before { width:2px; height:35px; }
	.organization-box .org-box .list.org-3 dd:after { top:35px; width:calc(100% - 130px); height:2px; }
	.organization-box .org-box .list.org-3 dd .box { padding-top:35px; }
	.organization-box .org-box .list.org-3 dd .box:before { width:2px; height:35px; }
	.organization-box .org-box .list.org-3 dd p { width:130px; height:40px; font-size:18px; }
	.organization-box .org-box .list.org-3 dd li { padding-left:35px; }
}
@media screen and (max-width:1024px){
	.organization-box { margin-top:60px; }
	.organization-box .org-1 { width:200px; margin-top:40px; }
	.organization-box .org-0 { margin-top:0; }
	.organization-box .org-0 .tit:before { bottom:-40px; height:40px; }
	.organization-box .org-1 .tit,
	.organization-box .org-box .list .tit { height:70px; padding:10px; }
	.organization-box .org-1 .tit > span,
	.organization-box .org-box .list .tit > span { width:50px; height:50px; }
	.organization-box .org-1 .tit > span img { width:30px; }
	.organization-box .org-box .list .tit > span img { width:25px; }
	.organization-box .org-1 .tit .txt { padding-left:20px; font-size:21px; }
	.organization-box .org-box { padding-top:0; flex-wrap:wrap;  }
	.organization-box .org-box:before { width:50%; height:2px; left:0; top:-35px; transform:translate(0); }
	.organization-box .org-box:after { height:70%; width:2px; top:-35px; left:0; transform:translate(0); }
	.organization-box .org-box .list { padding-top:50px; width:100%; padding-left:40px; }
	.organization-box .org-box .list:before { width:40px; height:2px; left:0; top:85px; transform:translate(0, 0);}
	.organization-box .org-box .list .tit { width:200px; margin:0; }
	.organization-box .org-box .list .tit .txt { padding-left:10px; font-size:18px; }
	.organization-box .org-box .list dd li { margin-top:20px; padding-left:40px; width:200px; }
	.organization-box .org-box .list dd li:before { left:4px; width:20px; height:1px; }
	.organization-box .org-box .list dd li:after { left:20px; width:7px; height:7px; }
	.organization-box .org-box .list dd li .sbox { min-height:45px; border:2px solid #004098; font-size:18px; }
	.organization-box .org-box .list.org-3 .tit { width:200px; }
	.organization-box .org-box .list.org-3 dd { gap:0 15px; }
	.organization-box .org-box .list.org-3 dd:before { left:30% }
	.organization-box .org-box .list.org-3 dd:after { top:35px; width:calc(100% - 200px); }
	.organization-box .org-box .list.org-3 dd .box { padding-top:35px; }
	.organization-box .org-box .list.org-3 dd .box:before { width:2px; height:35px; }
	.organization-box .org-box .list.org-3 dd p { width:200px; height:40px; font-size:18px; margin:0 auto }
	.organization-box .org-box .list.org-3 dd li { padding-left:35px; }
	.organization-box .org-box .list dt { position:relative;}
	.organization-box .org-box .list:last-child dt:after { content:""; display:block; position:absolute; left:-40px; bottom:35px; width:2px; height:500%; background:#e5e5e5; }
}
@media screen and (max-width:640px){
	.organization-box { margin-top:40px; }
	.organization-box .org-box .list .tit { width:170px; }
	.organization-box .org-box .list .tit .txt { font-size:16px; }
	.organization-box .org-box .list dd li { margin-top:20px; padding-left:40px; width:170px; }
	.organization-box .org-box .list dd li:before { left:4px; width:20px; height:1px; }
	.organization-box .org-box .list dd li:after { left:20px; width:7px; height:7px; }
	.organization-box .org-box .list dd li .sbox { font-size:16px; }
	.organization-box .org-box .list.org-3 .tit { width:170px; }
	.organization-box .org-box .list.org-3 dd { gap:0 15px; }
	.organization-box .org-box .list.org-3 dd:after { top:35px; width:calc(100% - 150px); }
	.organization-box .org-box .list.org-3 dd .box { padding-top:35px; }
	.organization-box .org-box .list.org-3 dd .box:before { width:2px; height:35px; }
	.organization-box .org-box .list.org-3 dd p { width:150px; font-size:16px; }
	.organization-box .org-box .list.org-3 dd li { width:150px; }
	.organization-box .org-box .list dt { position:relative;}
	.organization-box .org-box .list:last-child dt:after { content:""; display:block; position:absolute; left:-40px; bottom:35px; width:2px; height:500%; background:#e5e5e5; }
}

/* animation */
.organization-box .org-1,
.organization-box .org-box .list .tit,
.organization-box .org-box .list dd { opacity:0; }
.organization-box.subOn .org-1 { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.organization-box.subOn .org-box .list .tit { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }
.organization-box.subOn .org-box .list dd { animation:ani_4 0.8s 0.8s; animation-fill-mode:both; }

/* product */
.product-main { margin-top:80px; }
.product-main .listbox > ul { display:flex; flex-wrap:wrap; gap:80px; }
.product-main .listbox > ul > li { width:calc((100% - 80px) / 2) }
.product-main .listbox > ul > li .imgbox { position:relative; overflow:hidden; }
.product-main .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:65.8%; }
.product-main .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:scale(1); }
.product-main .listbox > ul > li > a:hover .imgbox img { transform:scale(1.1); }
.product-main .listbox > ul > li .txtbox dt { margin-top:40px; color:#222; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.product-main .listbox > ul > li .txtbox dd { margin-top:15px; color:#555; font-size:19px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1280px){
	.product-main .listbox > ul { gap:60px; }
	.product-main .listbox > ul > li { width:calc((100% - 60px) / 2) }
	.product-main .listbox > ul > li .txtbox dt { margin-top:35px; font-size:30px; }
	.product-main .listbox > ul > li .txtbox dd { margin-top:15px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.product-main { margin-top:60px; }
	.product-main .listbox > ul { gap:40px; }
	.product-main .listbox > ul > li { width:calc((100% - 40px) / 2) }
	.product-main .listbox > ul > li .txtbox dt { margin-top:30px; font-size:24px; }
	.product-main .listbox > ul > li .txtbox dd { margin-top:12px; font-size:17px; }
}
@media screen and (max-width:640px){
	.product-main { margin-top:40px; }
	.product-main .listbox > ul { gap:30px 10px; }
	.product-main .listbox > ul > li { width:calc((100% - 10px) / 2) }
	.product-main .listbox > ul > li .txtbox dt { margin-top:20px; font-size:20px; }
	.product-main .listbox > ul > li .txtbox dd { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:480px){
	.product-main .listbox > ul > li { width:100% }
	.product-main .listbox > ul > li .txtbox dt { margin-top:15px; font-size:18px; }
	.product-main .listbox > ul > li .txtbox dd { margin-top:6px; font-size:14px; }
}

/* animation */
.product-main { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.product-view { margin-top:80px; }
.product-view .productTitle { color:#222; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.06em; padding-bottom:20px; border-bottom:1px solid #000; }
.product-view .viewImgbox { margin-top:40px; padding:0 20px; }
.product-view .viewImgbox .v-box { display:flex; flex-wrap:wrap; gap:35px; }
.product-view .viewImgbox .bigImg { width:63%; }
.product-view .viewImgbox .sImg { width:calc(37% - 35px); }
.product-view .viewImgbox .bigImg .imgbox { position:relative; overflow:hidden }
.product-view .viewImgbox .bigImg .imgbox:before {content:""; display:block; padding-bottom:60.4%; }
.product-view .viewImgbox .bigImg .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-view .viewImgbox .bigImg .txtbox { margin-top:30px; }
.product-view .viewImgbox .bigImg .txtbox strong { color:#222; font-size:30px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-view .viewImgbox .sImg .bg { position:relative; background:#f8f8f8; padding:40px 20px; }
.product-view .viewImgbox .sImg .imgbox { position:relative; width:100%; overflow:hidden; }
.product-view .viewImgbox .sImg .imgbox:before {content:""; display:block; padding-bottom:103%; }
.product-view .viewImgbox .sImg .imgbox .scroll-box { position:absolute; left:0; top:0; width:100%; height:100%; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul { display:flex; flex-wrap:wrap; gap:10px; padding:0 20px; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li { position:relative; width:calc((100% - 20px) / 3); }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li .img-i { position:relative; display:block; width:100%; height:100%; cursor:pointer; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li .img-i:after { content:''; display:block; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #e5e5e5; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li .img-i.on:after { content:''; display:block; position:absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid var(--mainColor); }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li .img-i:before {content:""; display:block; padding-bottom:100%; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li .img-i img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"] { position:absolute; right:5px; bottom:5px; cursor:pointer; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"] { opacity:0; height:auto; line-height:auto; }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"] + span:before { content:''; display:block; width:20px; height:20px; position:absolute; right:5px; bottom:5px; border:1px solid #e5e5e5; background:#fff }
.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"]:checked + span:before { border:1px solid var(--mainColor); background:var(--mainColor) url(/img/sub/icon_check.png) center center no-repeat; }
.product-view .viewImgbox .sImg .btn-view { margin-top:10px; display:flex; gap:10px; }
.product-view .viewImgbox .sImg .btn-view .btn-compare { width:calc(100% - 75px - 10px); }
.product-view .viewImgbox .sImg .btn-view .btn-reset { width:75px; }
.product-view .viewImgbox .sImg .btn-view a { width:100%; height:75px; display:flex; align-items:center; justify-content:center; }
.product-view .viewImgbox .sImg .btn-view .btn-compare a { background:var(--mainColor); color:#fff; font-size:21px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.product-view .viewImgbox .sImg .btn-view .btn-reset a { background:#333; }
.product-view .viewImgbox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.product-view .viewImgbox .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:4px }
.product-view .viewImgbox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:#ccc; width:4px; border-radius:4px; }
.product-view .viewImgbox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.product-view .viewImgbox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.product-view .viewImgbox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.product-view .viewImgbox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:#ccc; border-radius:4px; }
.product-view .view-compare { margin-top:115px; }
.product-view .view-compare .box { padding-top:50px; border:1px solid #e5e5e5; display:flex; flex-wrap:wrap; gap:40px; padding:40px; }
.product-view .view-compare .box .list { position:relative; width:calc((100% - 40px) / 2); }
.product-view .view-compare .box .list dt { width:163px; height:50px; display:flex; align-items:center; justify-content:center; background:#333; color:#fff; font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-view .view-compare .box .list dd { margin-top:20px; width:100%; height:440px; padding:20px; background:#f8f8f8; display:flex; align-items:center; justify-content:center; } 
.product-view .view-compare .box .list dd img { max-width:100%; max-height:400px; }
.product-view .view-compare .box .list .txt { position:absolute; right:0; top:10px; color:#888; font-size:21px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.product-view .view-compare .txt_b { margin-top:20px; text-align:right; color:#888; font-size:15px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; }
@media screen and (max-width:1440px){
	.product-view .productTitle { font-size:34px; } 
	.product-view .viewImgbox .v-box { gap:30px; }
	.product-view .viewImgbox .sImg { width:calc(37% - 30px); }
	.product-view .viewImgbox .sImg .bg { padding:20px 10px; }
	.product-view .viewImgbox .sImg .imgbox .scroll-box ul {  padding:0 10px; }
	.product-view .viewImgbox .bigImg .txtbox strong { font-size:28px; }
	.product-view .view-compare { margin-top:90px; }
	.product-view .view-compare .box { padding-top:50px; gap:30px; padding:30px; }
	.product-view .view-compare .box .list { width:calc((100% - 30px) / 2); }
	.product-view .view-compare .box .list dt { width:155px; height:48px; font-size:21px; }
	.product-view .view-compare .box .list .txt { top:10px; font-size:19px; }
	.product-view .view-compare .txt_b { margin-top:20px; font-size:15px; }
}
@media screen and (max-width:1280px){
	.product-view .productTitle { font-size:30px; } 
	.product-view .viewImgbox .v-box { gap:20px; }
	.product-view .viewImgbox .sImg { width:calc(37% - 20px); }
	.product-view .viewImgbox .bigImg .txtbox { margin-top:20px; }
	.product-view .viewImgbox .bigImg .txtbox strong { font-size:24px; }
	.product-view .viewImgbox .sImg .btn-view .btn-compare { width:calc(100% - 60px - 10px); }
	.product-view .viewImgbox .sImg .btn-view .btn-reset { width:60px; }
	.product-view .viewImgbox .sImg .btn-view .btn-reset img { width:20px; }
	.product-view .viewImgbox .sImg .btn-view a { height:60px; }
	.product-view .viewImgbox .sImg .btn-view .btn-compare a { font-size:19px; }
	.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"] + span:before { width:15px; height:15px; }
	.product-view .viewImgbox .sImg .imgbox .scroll-box ul li input[type="checkbox"]:checked + span:before { background-size:16px auto; }
	.product-view .view-compare { margin-top:70px; }
	.product-view .view-compare .box { padding-top:40px; gap:20px; padding:20px; }
	.product-view .view-compare .box .list { width:calc((100% - 20px) / 2); }
	.product-view .view-compare .box .list dt { width:155px; height:46px; font-size:19px; }
	.product-view .view-compare .box .list .txt { top:10px; font-size:17px; }
	.product-view .view-compare .txt_b { margin-top:15px; font-size:14px; }
}
@media screen and (max-width:1024px){
	.product-view { margin-top:60px; }
	.product-view .productTitle { font-size:24px; padding-bottom:10px; } 
	.product-view .viewImgbox .v-box { gap:20px; }
	.product-view .viewImgbox .bigImg,
	.product-view .viewImgbox .sImg { width:100%; }
	.product-view .viewImgbox .bigImg .txtbox { margin-top:15px; }
	.product-view .viewImgbox .bigImg .txtbox strong { font-size:20px; }
	.product-view .viewImgbox .sImg .imgbox:before { padding-bottom:58.5%; }
	.product-view .viewImgbox .sImg .imgbox .scroll-box ul li { width:calc((100% - 40px) / 5); }
	.product-view .view-compare { margin-top:50px; }
	.product-view .view-compare .box { padding-top:30px; gap:25px; padding:20px; }
	.product-view .view-compare .box .list { width:100%; }
	.product-view .view-compare .box .list dt { width:150px; height:45px; font-size:17px; }
	.product-view .view-compare .box .list dd { margin-top:10px; height:auto; padding:20px;  }
	.product-view .view-compare .box .list dd img { max-width:100%; max-height:auto; }
	.product-view .view-compare .box .list .txt { top:10px; font-size:15px; }
	.product-view .view-compare .txt_b { margin-top:15px; font-size:14px; }
}
@media screen and (max-width:640px){
	.product-view { margin-top:40px; }
	.product-view .productTitle { font-size:24px; } 
	.product-view .viewImgbox { margin-top:20px; padding:0; }
	.product-view .viewImgbox .bigImg .txtbox { margin-top:10px; }
	.product-view .viewImgbox .bigImg .txtbox strong { font-size:17px; }
	.product-view .viewImgbox .sImg .imgbox:before { padding-bottom:72%; }
	.product-view .viewImgbox .sImg .imgbox .scroll-box ul li { width:calc((100% - 30px) / 4); }
	.product-view .viewImgbox .sImg .btn-view .btn-compare { width:calc(100% - 50px - 10px); }
	.product-view .viewImgbox .sImg .btn-view .btn-reset { width:50px; }
	.product-view .viewImgbox .sImg .btn-view .btn-reset img { width:18px; }
	.product-view .viewImgbox .sImg .btn-view a { height:50px; }
	.product-view .viewImgbox .sImg .btn-view .btn-compare a { font-size:17px; }
	.product-view .view-compare { margin-top:40px; }
	.product-view .view-compare .box { padding-top:20px; gap:25px; padding:20px; }
	.product-view .view-compare .box .list { width:100%; }
	.product-view .view-compare .box .list dt { width:120px; height:40px; font-size:15px; }
	.product-view .view-compare .box .list dd { padding:15px;  }
	.product-view .view-compare .box .list .txt { top:10px; font-size:13px; }
	.product-view .view-compare .txt_b { margin-top:10px; font-size:12px; }
}

/* animation */
.product-view { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.product-box .view-tabmenu { margin-top:180px; background:#333; position:sticky; top:120px; left:0; width:100%; z-index:2 }
.product-box .view-tabmenu ul { margin:0 auto; max-width:1600px; display:flex; }
.product-box .view-tabmenu ul.m2 > li { width:50%; }
.product-box .view-tabmenu ul.m3 > li { width:33.333%; }
.product-box .view-tabmenu ul.m4 > li { width:25%; }
.product-box .view-tabmenu ul.m5 > li { width:20%; }
.product-box .view-tabmenu ul > li a { transition:all 0.3s; width:100%; height:75px; display:flex; align-items:center; justify-content:center; color:#999; font-size:19px; font-weight:500; line-height:1.3; letter-spacing:-0.03em; }
.product-box .view-tabmenu ul > li.active a { background:var(--mainColor); color:#fff; }
.product-box .bg-box { background:#f8f8f8; margin-bottom:-200px; padding:120px 0 200px; }
.product-box .bg-box .tabCont { margin-top:60px; background:#fff; padding:80px; }
.product-box .bg-box .tabCont:first-child { margin-top:0; }
.product-box .bg-box .tabCont h4.tit { color:#111; font-size:32px; font-weight:400; line-height:1.3; letter-spacing:-0.05em; }
.product-box .bg-box .tabCont h4.tit img { vertical-align:middle; margin-right:10px; }
.product-box .bg-box .tabCont div.txt {  margin-top:15px; color:#333; font-size:21px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont > div { margin-top:30px; }
.product-box .bg-box .tabCont .box-1 { display:flex; flex-wrap:wrap; gap:20px;}
.product-box .bg-box .tabCont .box-1 .imgbox { width:50%; display:flex; align-items:center; justify-content:center; border:1px solid #e5e5e5; padding:0 20px; }
.product-box .bg-box .tabCont .box-1 .imgbox img { max-width:100%; }
.product-box .bg-box .tabCont .box-1 .imgbox,
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:553px; }
.product-box .bg-box .tabCont .box-1 .txtbox { width:calc(50% - 20px); }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box ul { padding-right:20px; }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:not(:last-child) { margin-bottom:13px; }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li { transition:all 0.3s; border:1px solid #e5e5e5; display:flex; align-items:center; padding:15.5px 30px; }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dt { color:#333; font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dd { margin-top:10px; color:#555; font-size:21px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:hover { background:var(--mainColor); }
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:hover dt,
.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:hover dd { color:#fff }
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding:0; }
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { width:4px }
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background:var(--mainColor); width:4px; border-radius:4px; }
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active, 
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active,
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle,
.product-box .bg-box .tabCont .box-1 .txtbox .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle.active { background:var(--mainColor); border-radius:4px; }
.product-box .bg-box .tabCont .dataTable table { width:100%; border-top:2px solid #000}
.product-box .bg-box .tabCont .dataTable thead th { height:75px; background:#f8f8f8; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#333; font-size:21px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont .dataTable tbody td { height:75px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; text-align:center; color:#555; font-size:21px; font-weight:300; line-height:1.3; letter-spacing:-0.04em;  }
.product-box .bg-box .tabCont .dataTable thead th.noLine,
.product-box .bg-box .tabCont .dataTable tbody td.noLine { border-left:none }
.product-box .bg-box .tabCont .list { margin-top:30px; }
.product-box .bg-box .tabCont .list li:not(:last-child) { margin-bottom:10px; }
.product-box .bg-box .tabCont .list li { background:#f8f8f8; padding:40px; }
.product-box .bg-box .tabCont .list li dt { color:#333; font-size:23px; font-weight:400; line-height:1.3; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont .list li dd { margin-top:10px; color:#555; font-size:21px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.product-box .bg-box .tabCont .usage-list { background:#f8f8f8; padding:30px 40px; }
.product-box .bg-box .tabCont .usage-list > ul { display:flex; flex-wrap:wrap; gap:10px 0 }
.product-box .bg-box .tabCont .usage-list > ul > li:not(:last-child) { margin-right:30px; } 
.product-box .bg-box .tabCont .usage-list > ul > li { display:flex; align-items:center; }
.product-box .bg-box .tabCont .usage-list > ul > li > span { margin-right:10px; width:50px; height:50px; background:#e0e0e0; border-radius:50px;  display:flex; align-items:center; justify-content:center; }
.product-box .bg-box .tabCont .usage-list > ul > li > strong { color:#333; font-size:23px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
@media screen and (max-width:1440px){
	.product-box .view-tabmenu { margin-top:150px; }
	.product-box .view-tabmenu ul > li a { height:70px; font-size:19px; }
	.product-box .bg-box .tabCont { margin-top:50px; padding:60px; }
	.product-box .bg-box .tabCont h4.tit { font-size:30px; }
	.product-box .bg-box .tabCont h4.tit img { margin-right:10px; }
	.product-box .bg-box .tabCont div.txt { margin-top:15px; font-size:19px; }
	.product-box .bg-box .tabCont > div { margin-top:30px; }
	.product-box .bg-box .tabCont .box-1 { gap:20px;}
	.product-box .bg-box .tabCont .box-1 .imgbox,
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:553px; }
	.product-box .bg-box .tabCont .box-1 .txtbox { width:calc(50% - 20px); }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box ul { padding-right:20px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:not(:last-child) { margin-bottom:13px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li { padding:15.5px 30px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dt { font-size:21px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dd { margin-top:10px; font-size:19px; }
	.product-box .bg-box .tabCont .dataTable thead th,
	.product-box .bg-box .tabCont .dataTable tbody td { height:70px; font-size:21px; }
	.product-box .bg-box .tabCont .list { margin-top:30px; }
	.product-box .bg-box .tabCont .list li:not(:last-child) { margin-bottom:10px; }
	.product-box .bg-box .tabCont .list li { padding:30px; }
	.product-box .bg-box .tabCont .list li dt { font-size:21px; }
	.product-box .bg-box .tabCont .list li dd { margin-top:10px; font-size:19px; }
	.product-box .bg-box .tabCont .usage-list { padding:30px 30px; }
	.product-box .bg-box .tabCont .usage-list > ul > li > strong { font-size:21px; }
}
@media screen and (max-width:1400px){
    .product-box .bg-box { margin-bottom:-180px; padding:100px 0 180px; }
}
@media screen and (max-width:1280px){
	.product-box .view-tabmenu { margin-top:120px; }
	.product-box .view-tabmenu ul > li a { height:60px; font-size:17px; }
	.product-box .bg-box .tabCont { margin-top:40px; padding:40px; }
	.product-box .bg-box .tabCont h4.tit { font-size:24px; }
	.product-box .bg-box .tabCont h4.tit img { margin-right:8px; height:28px; }
	.product-box .bg-box .tabCont div.txt { margin-top:12px; font-size:17px; }
	.product-box .bg-box .tabCont > div { margin-top:20px; }
	.product-box .bg-box .tabCont .box-1 { gap:10px;}
	.product-box .bg-box .tabCont .box-1 .imgbox,
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:475px; }
	.product-box .bg-box .tabCont .box-1 .txtbox { width:calc(50% - 10px); }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box ul { padding-right:10px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li:not(:last-child) { margin-bottom:10px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li { padding:15px 20px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dt { font-size:19px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dd { margin-top:8px; font-size:17px; }
	.product-box .bg-box .tabCont .dataTable thead th,
	.product-box .bg-box .tabCont .dataTable tbody td { height:65px; font-size:19px; }
	.product-box .bg-box .tabCont .list { margin-top:20px; }
	.product-box .bg-box .tabCont .list li:not(:last-child) { margin-bottom:10px; }
	.product-box .bg-box .tabCont .list li { padding:20px; }
	.product-box .bg-box .tabCont .list li dt { font-size:19px; }
	.product-box .bg-box .tabCont .list li dd { margin-top:8px; font-size:17px; }
	.product-box .bg-box .tabCont .usage-list { padding:20px; }
	.product-box .bg-box .tabCont .usage-list > ul > li > strong { font-size:19px; }
}
@media screen and (max-width:1024px){
    .product-box .bg-box { margin-bottom:-140px; padding:80px 0 140px; }
	.product-box .view-tabmenu { margin-top:90px; }
	.product-box .view-tabmenu ul > li a { height:55px; font-size:16px; }
	.product-box .bg-box .tabCont { margin-top:30px; padding:30px; }
	.product-box .bg-box .tabCont h4.tit { font-size:20px; }
	.product-box .bg-box .tabCont h4.tit img { margin-right:5px; height:24px; }
	.product-box .bg-box .tabCont div.txt { margin-top:10px; font-size:16px; }
	.product-box .bg-box .tabCont > div { margin-top:15px; }
	.product-box .bg-box .tabCont .box-1 .imgbox,
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:340px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li { padding:13px 10px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dt { font-size:17px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dd { font-size:15px; }
	.product-box .bg-box .tabCont .dataTable thead th,
	.product-box .bg-box .tabCont .dataTable tbody td { height:60px; font-size:17px; }
	.product-box .bg-box .tabCont .list { margin-top:20px; }
	.product-box .bg-box .tabCont .list li:not(:last-child) { margin-bottom:10px; }
	.product-box .bg-box .tabCont .list li dt { font-size:17px; }
	.product-box .bg-box .tabCont .list li dd { font-size:15px; }
	.product-box .bg-box .tabCont .usage-list > ul > li:not(:last-child) { margin-right:20px; } 
	.product-box .bg-box .tabCont .usage-list > ul > li > span { margin-right:8px; width:45px; height:45px; }
	.product-box .bg-box .tabCont .usage-list > ul > li > span img { max-width:20px }
	.product-box .bg-box .tabCont .usage-list > ul > li:nth-child(2) > span img { max-width:16px }
	.product-box .bg-box .tabCont .usage-list > ul > li > strong { font-size:17px; }
}
@media screen and (max-width:760px){
	.product-box .bg-box .tabCont .box-1 .imgbox,
	.product-box .bg-box .tabCont .box-1 .txtbox { width:100%; }
	.product-box .bg-box .tabCont .box-1 .imgbox { padding:20px; height:auto; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:342px; }
}
@media screen and (max-width:640px){
    .product-box .bg-box { margin-bottom:-100px; padding:60px 0 100px; }
	.product-box .view-tabmenu { margin-top:60px; top:100px; }
	.product-box .view-tabmenu ul > li a { height:50px; font-size:15px; }
	.product-box .bg-box .tabCont { margin-top:20px; padding:10px; }
	.product-box .bg-box .tabCont h4.tit { font-size:18px; }
	.product-box .bg-box .tabCont h4.tit img { height:20px; }
	.product-box .bg-box .tabCont div.txt { margin-top:8px; font-size:15px; }
	.product-box .bg-box .tabCont .box-1 .imgbox { padding:10px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box { height:302px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li { padding:10px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dt { font-size:16px; }
	.product-box .bg-box .tabCont .box-1 .txtbox .scroll-box li dd { margin-top:7px; font-size:14px; }
	.product-box .bg-box .tabCont .dataTable thead th,
	.product-box .bg-box .tabCont .dataTable tbody td { height:55px; font-size:16px; }
	.product-box .bg-box .tabCont .list { margin-top:20px; }
	.product-box .bg-box .tabCont .list li:not(:last-child) { margin-bottom:10px; }
	.product-box .bg-box .tabCont .list li { padding:15px; }
	.product-box .bg-box .tabCont .list li dt { font-size:16px; }
	.product-box .bg-box .tabCont .list li dd { font-size:14px; }
	.product-box .bg-box .tabCont .usage-list { padding:15px; }
	.product-box .bg-box .tabCont .usage-list > ul { gap:10px 15px; }
	.product-box .bg-box .tabCont .usage-list > ul > li { width:calc((100% - 15px) / 2 ); }
	.product-box .bg-box .tabCont .usage-list > ul > li:not(:last-child) { margin-right:0; } 
	.product-box .bg-box .tabCont .usage-list > ul > li > span { margin-right:5px; width:38px; height:38px; }
	.product-box .bg-box .tabCont .usage-list > ul > li > span img { max-width:17px }
	.product-box .bg-box .tabCont .usage-list > ul > li:nth-child(2) > span img { max-width:13px }
	.product-box .bg-box .tabCont .usage-list > ul > li > strong { font-size:15px; }
}

/* animation */
.product-box .bg-box { opacity:0; }
.product-box .bg-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.product-compare { margin-top:80px; }
.product-compare .box { display:flex; flex-wrap:wrap; gap:2px; }
.product-compare .box:not(:last-child) { margin-bottom:20px; }
.product-compare .box .list { width:40%; }
.product-compare .box .txtbox { width:calc(20% - 4px); }
.product-compare .box .cbox { text-align:center; }
.product-compare .box .cbox .imgbox,
.product-compare .box .cbox .txt { background:#f8f8f8; }
.product-compare .box .cbox.txtbox .imgbox,
.product-compare .box .cbox.txtbox .txt { background:#e5e5e5; }
.product-compare .box .cbox .tit { background:#333; padding:3px; color:#fff; font-size:19px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; height:65px; display:flex; align-items:center; justify-content:center; }
.product-compare .box .cbox .imgbox { min-height:440px; padding:20px 40px; color:#222; font-size:19px; font-weight:400; line-height:1.3; letter-spacing:-0.03em; display:flex; align-items:center; justify-content:center; }
.product-compare .box .cbox .imgbox img { max-width:70%; width:100%; max-height:392px; }
.product-compare .box .cbox .txt { margin-top:2px; padding:3px; color:#555; font-size:19px; font-weight:300; line-height:1.3; letter-spacing:-0.03em; height:70px; display:flex; align-items:center; justify-content:center; }
.product-compare .box .cbox.txtbox .txt { color:#222; font-weight:400; }
@media screen and (max-width:1280px){
	.product-compare .box .cbox .tit { font-size:17px; height:60px; }
	.product-compare .box .cbox .imgbox { min-height:400px; font-size:17px; }
	.product-compare .box .cbox .txt { font-size:17px; height:60px; }
}
@media screen and (max-width:1024px){
	.product-compare { margin-top:60px; }
	.product-compare .box .cbox .tit { font-size:16px; }
	.product-compare .box .cbox .imgbox { min-height:350px; font-size:16px; }
	.product-compare .box .cbox .txt { font-size:16px; }
	
}
@media screen and (max-width:760px){
	.product-compare .box .list,
	.product-compare .box .txtbox,
	.product-compare .box .cbox .tit { width:100%; }
	.product-compare .box .cbox { display:flex; flex-wrap:wrap; gap:2px; }
	.product-compare .box .cbox .boxCont { display:flex; align-items: center; gap:2px; width:100%; }
	.product-compare .box .cbox .imgbox { position:relative; width:calc(100% - 400px - 10px); padding:5px 0; }
	.product-compare .box .cbox .imgbox:before { content:""; display:block;  background:#f8f8f8; position:absolute; left:0; top:0; width:100%; height:100%; z-index:-1 }
	.product-compare .box .cbox .txt { width:100px; margin:0; height:100%;  }
	.product-compare .box .cbox .imgbox,
	.product-compare .box .cbox .txt { min-height:auto; }
	.product-compare .box .cbox.txtbox .tit { display:none }
	.product-compare .box .cbox .tit,
	.product-compare .box .cbox.txtbox .imgbox,
	.product-compare .box .cbox.txtbox .txt { height:50px; min-height:auto; }
	.product-compare .box .cbox .tit,
	.product-compare .box .cbox .imgbox,
	.product-compare .box .cbox .txt { font-size:15px; }
	.product-compare .box .list-2 { flex-direction:column-reverse; }
}
@media screen and (max-width:640px){
	.product-compare .box .cbox .imgbox { width:calc(100% - 320px - 10px)}
	.product-compare .box .cbox .txt { width:80px; margin:0; }
	.product-compare .box .cbox .tit,
	.product-compare .box .cbox.txtbox .imgbox,
	.product-compare .box .cbox.txtbox .txt { height:40px; }
	.product-compare .box .cbox .tit,
	.product-compare .box .cbox .imgbox,
	.product-compare .box .cbox .txt { font-size:14px; }
	.product-compare .box .cbox .imgbox img { max-width:100%; }
}
@media screen and (max-width:480px){
	.product-compare .box .cbox .imgbox { width:calc(100% - 280px - 10px)}
	.product-compare .box .cbox .txt { width:70px; margin:0; }
	.product-compare .box .cbox .tit,
	.product-compare .box .cbox .imgbox,
	.product-compare .box .cbox .txt { font-size:13px; }
}

/* animation */
.product-compare { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* distributor */
.distributor-list { margin-top:80px; }
.distributor-list > ul { display:flex; flex-wrap:wrap; gap:80px 35px; }
.distributor-list > ul > li { width:calc((100% - 70px) / 3) }
.distributor-list > ul > li .imgbox { position:relative; overflow:hidden; background:#f0f0f0; }
.distributor-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:68.5%; }
.distributor-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:scale(1); }
.distributor-list > ul > li > a:hover .imgbox img { transform:scale(1.1); }
.distributor-list > ul > li .txtbox { margin-top:25px; display:flex; }
.distributor-list > ul > li .txtbox .title { transition:all 0.3s; width:calc(100% - 110px); padding:7px 10px 0 0; color:#111; font-size:23px; font-weight:400; line-height:1.3; word-break:break-word !important; }
.distributor-list > ul > li .txtbox .view { transition:all 0.3s; width:110px; height:38px; color:#333; font-size:14px; font-weight:400; line-height:1.3; border:1px solid #ccc; border-radius:50px; display:flex; justify-content:center; align-items:center; }
.distributor-list > ul > li > a:hover .txtbox .title { color:var(--mainColor); }
.distributor-list > ul > li > a:hover .txtbox .view { border:1px solid var(--mainColor); color:var(--mainColor); }
@media screen and (max-width:1440px){
	.distributor-list > ul { gap:60px 25px; }
	.distributor-list > ul > li { width:calc((100% - 50px) / 3) }
	.distributor-list > ul > li .txtbox .title { font-size:22px; }
}
@media screen and (max-width:1280px){
	.distributor-list > ul { gap:50px 20px; }
	.distributor-list > ul > li { width:calc((100% - 40px) / 3) }
	.distributor-list > ul > li .txtbox { margin-top:20px; }
	.distributor-list > ul > li .txtbox .title { width:calc(100% - 105px); padding:5px 10px 0 0; font-size:21px; }
	.distributor-list > ul > li .txtbox .view { width:105px; height:36px; font-size:13px; }
}
@media screen and (max-width:1024px){
	.distributor-list { margin-top:60px; }
	.distributor-list > ul { gap:40px 20px; }
	.distributor-list > ul > li { width:calc((100% - 20px) / 2) }
	.distributor-list > ul > li .txtbox { margin-top:15px; }
	.distributor-list > ul > li .txtbox .title { padding:8px 10px 0 0; font-size:19px; }
}
@media screen and (max-width:640px){
	.distributor-list { margin-top:40px; }
	.distributor-list > ul { gap:30px 10px; }
	.distributor-list > ul > li { width:calc((100% - 10px) / 2) }
	.distributor-list > ul > li .txtbox { margin-top:12px; flex-wrap:wrap; }
	.distributor-list > ul > li .txtbox .title { width:100%; font-size:16px; padding:0; text-align:center}
	.distributor-list > ul > li .txtbox .view { width:95px;; height:32px; font-size:11px; margin:4px auto 0; }
}

/* animation */
.distributor-list { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* styling */
.styling-list { margin-top:80px; }
.styling-list > ul { display:flex; flex-wrap:wrap; gap:80px 35px; }
.styling-list > ul > li { width:calc((100% - 70px) / 3) }
.styling-list > ul > li .imgbox { position:relative; overflow:hidden; background:#f0f0f0; }
.styling-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:88%; }
.styling-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:scale(1); }
.styling-list > ul > li > a:hover .imgbox img { transform:scale(1.1); }
.styling-list > ul > li .txtbox { margin-top:25px; display:flex; }
.styling-list > ul > li .txtbox .title { transition:all 0.3s; width:calc(100% - 130px); padding-right:10px; color:#111; font-size:23px; font-weight:400; line-height:1.3; word-break:break-word !important; }
.styling-list > ul > li:hover .txtbox .title { color:var(--mainColor); }
.styling-list > ul > li .txtbox .type { width:130px; text-align:right; color:var(--mainColor); font-size:14px; font-weight:400; line-height:1.3; padding-top:5px; }
.styling-list-new { margin-top:80px; }
.styling-list-new .listbox { display:flex; flex-wrap:wrap; gap:80px 35px; }
.styling-list-new .listbox > figure { width:calc((100% - 70px) / 3); padding:0; margin:0; }
.styling-list-new .listbox > figure .imgbox { position:relative; overflow:hidden; background:#fff; }
.styling-list-new .listbox > figure .imgbox:before { content:""; display:block; padding-bottom:88%; }
.styling-list-new .listbox > figure .imgbox img { background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:scale(1); }
.styling-list-new .listbox > figure:hover .imgbox img{ transform:scale(1.1) rotate(.001deg);}
.styling-list-new .listbox > figure .txtbox { margin-top:25px; display:flex; }
.styling-list-new .listbox > figure .txtbox .title { transition:all 0.3s; width:calc(100% - 130px); padding-right:10px; color:#111; font-size:23px; font-weight:400; line-height:1.3; word-break:break-word !important; }
.styling-list-new .listbox > figure:hover .txtbox .title { color:var(--mainColor); }
.styling-list-new .listbox > figure .txtbox .type { width:130px; text-align:right; color:var(--mainColor); font-size:14px; font-weight:400; line-height:1.3; padding-top:5px; }
@media screen and (max-width:1440px){
	.styling-list > ul { gap:60px 25px; }
	.styling-list > ul > ul > li { width:calc((100% - 50px) / 3) }
	.styling-list > ul > li .txtbox .title { font-size:22px; }
	.styling-list-new .listbox { gap:60px 25px; }
	.styling-list-new .listbox > figure { width:calc((100% - 50px) / 3) }
	.styling-list-new .listbox > figure .txtbox .title { font-size:22px; }
}
@media screen and (max-width:1280px){
	.styling-list > ul { gap:50px 20px; }
	.styling-list > ul > li { width:calc((100% - 40px) / 3) }
	.styling-list > ul > li .txtbox { margin-top:20px; }
	.styling-list > ul > li .txtbox .title { width:calc(100% - 110px); font-size:21px; }
	.styling-list > ul > li .txtbox .type { width:110px; font-size:13px; padding-top:5px; }
	.styling-list-new .listbox { gap:50px 20px; }
	.styling-list-new .listbox > figure { width:calc((100% - 40px) / 3) }
	.styling-list-new .listbox > figure .txtbox { margin-top:20px; }
	.styling-list-new .listbox > figure .txtbox .title { width:calc(100% - 110px); font-size:21px; }
	.styling-list-new .listbox > figure .txtbox .type { width:110px; font-size:13px; padding-top:5px; }
}
@media screen and (max-width:1024px){
	.styling-list { margin-top:60px; }
	.styling-list > ul { gap:40px 20px; }
	.styling-list > ul > li { width:calc((100% - 20px) / 2) }
	.styling-list > ul > li .txtbox { margin-top:15px; }
	.styling-list > ul > li .txtbox .title { font-size:19px; }
	.styling-list > ul > li .txtbox .type { padding-top:3px; }
	.styling-list-new { margin-top:60px; }
	.styling-list-new .listbox { gap:40px 20px; }
	.styling-list-new .listbox > figure { width:calc((100% - 20px) / 2) }
	.styling-list-new .listbox > figure .txtbox { margin-top:15px; }
	.styling-list-new .listbox > figure .txtbox .title { font-size:19px; }
	.styling-list-new .listbox > figure .txtbox .type { padding-top:3px; }
}
@media screen and (max-width:640px){
	.styling-list { margin-top:40px; }
	.styling-list > ul { gap:30px 10px; }
	.styling-list > ul > li { width:calc((100% - 10px) / 2) }
	.styling-list > ul > li .txtbox { margin-top:12px; flex-wrap:wrap; }
	.styling-list > ul > li .txtbox .title { width:100%; font-size:16px; padding:0; text-align:center}
	.styling-list > ul > li .txtbox .type { width:100%; text-align:center; font-size:12px; margin-top:4px; padding:0; }
	.styling-list-new { margin-top:40px; }
	.styling-list-new .listbox { gap:30px 10px; }
	.styling-list-new .listbox > figure { width:calc((100% - 10px) / 2) }
	.styling-list-new .listbox > figure .txtbox { margin-top:12px; flex-wrap:wrap; }
	.styling-list-new .listbox > figure .txtbox .title { width:100%; font-size:16px; padding:0; text-align:center}
	.styling-list-new .listbox > figure .txtbox .type { width:100%; text-align:center; font-size:12px; margin-top:4px; padding:0; }
}

/* animation */
.styling-list { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

/* layerpopup */
.pswp--open { z-index:9999 !important; }
.pswp--open * { background:none; }
.pswp .pswp__bg { background:#fff !important; transition:all 0.3s ease-in-out; }
.pswp__counter { display:none !important; }
.pswp__button.pswp__button--close { transition:all 0.3s ease-in-out; position:absolute; right:100px; top:60px; z-index:999; overflow:hidden; text-indent:-9999em; cursor:pointer; width:40px !important; height:40px !important; border:none !important; outline:none; background:none; }
.pswp__button.pswp__button--close:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0;  background:url(/img/sub/btn_close.png) center center no-repeat;  -webkit-transform:rotate(0deg); transform:rotate(0deg);  -webkit-transition:all 0.3s; transition:all 0.3s; }
.pswp__button.pswp__button--close:before { background-size:100% 100% }
.pswp__button.pswp__button--close:hover:before { -webkit-transform:rotate(90deg); transform:rotate(90deg); }
.pswp--open .pswp__ui { max-width:1200px; margin:0 auto; }
.pswp--open .pswp__caption { position:absolute; top:50px; left:50%; transform:translateX(-50%); width:100%; max-width:1200px; text-align:center }
.pswp--open .pswp__caption .stxt strong { color:#111; font-size:30px; font-weight:300; text-transform:uppercase; transition:all 0.3s ease-in-out; }
.pswp--open .pswp__caption .stxt .type { display:inline-block; margin-left:20px; font-size:100%; color:var(--mainColor) }
.pswp--open .pswp__button.btn__arrow { z-index:10; position:fixed; top:50% !important; width:65px; height:65px; margin:0 !important; padding:0 !important; border-radius:50%; transform:translateY(-50%) !important; border:none; background:none; outline:none; }
.pswp--open .pswp__button.pswp__button--arrow--left { left:100px; background:var(--mainColor) url(/img/sub/btn_p_left.png) center center no-repeat; visibility: visible !important; }
.pswp--open .pswp__button.pswp__button--arrow--right { right:100px; background:var(--mainColor) url(/img/sub/btn_p_right.png) center center no-repeat; visibility: visible !important; }
.pswp--open .pswp__button--arrow--left:before,
.pswp--open .pswp__button--arrow--right:before { display:none; }
.pswp--open .pswp__top-bar, 
.pswp--open .pswp__caption { background:none; }
@media screen and (max-width:1350px){
	.pswp--open .pswp__caption .btn_more { right:55px; top:60px; font-size:18px; }
	.pswp--open .pswp__ui { padding:0 80px; }
}
@media screen and (max-width:1260px){
	.pswp--open .pswp__caption .btn_more { right:50px; font-size:16px; }
	.pswp--open .pswp__scroll-wrap { margin:20px 20px 20px 20px !important; width:calc(100% - 40px) !important; height:calc(100% - 40px) !important; }
	.pswp--open .pswp__button.pswp__button--arrow--left { left:80px; }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:80px;}
	.pswp--open .pswp__caption { top:40px; }
	.pswp--open .pswp__ui { padding:0 60px; width:calc(100% - 120px) !important;}
	.pswp__button.pswp__button--close { top:10px; }
}
@media screen and (max-width:1024px){
	.pswp--open .pswp__caption .stxt strong { font-size:24px; }
	.pswp--open .pswp__caption .stxt .type { margin-left:15px; font-size:85%;}
	.pswp--open .pswp__caption .btn_more { top:40px; font-size:16px; }
	.pswp--open .pswp__ui { padding:0 40px; width:calc(100% - 80px) !important;}
}
@media screen and (max-width:865px){
	.pswp--open .pswp__caption .btn_more { top:25px; font-size:15px; }
	.pswp--open .pswp__button.pswp__button--arrow--left { left:40px; }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:40px; }
	.pswp--open .pswp__ui { padding:0 20px; width:calc(100% - 40px) !important;}
}
@media screen and (max-width:640px){
	.pswp--open .pswp__caption .stxt strong { font-size:20px; }
	.pswp--open .pswp__caption .stxt .type { margin-left:10px; font-size:82%;}
	.pswp--open .pswp__caption .btn_more { top:25px; right:40px; font-size:12px; }
	.pswp--open .pswp__caption .btn_more:before { right:-30px; width:20px; }
	.pswp__button.pswp__button--close { width:30px !important; height:30px !important; right:0; }
	.pswp--open .pswp__button.btn__arrow { width:40px; height:40px; }
	.pswp--open .pswp__button.pswp__button--arrow--left { left:10px; }
	.pswp--open .pswp__button.pswp__button--arrow--right { right:10px; }
	.pswp--open .pswp__ui { width:100% !important;}
}

/* gallery-list */
.gallery-list { margin-top:80px; border-top:1px solid #000; padding-top:80px; }
.gallery-list > ul { display:flex; flex-wrap:wrap; gap:100px 50px; }
.gallery-list > ul > li { width:calc((100% - 100px) / 3) }
.gallery-list > ul > li .imgbox { position:relative; overflow:hidden; background:#f0f0f0; image-rendering:-webkit-optimize-contrast; backface-visibility:hidden; }
.gallery-list > ul > li .imgbox:before { content:""; display:block; padding-bottom:60%; }
.gallery-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:translateZ(0) scale(1); image-rendering:-webkit-optimize-contrast; backface-visibility:hidden; }
.gallery-list > ul > li > a:hover .imgbox img { transform:translateZ(0) scale(1.1);  }
.gallery-list > ul > li .txtbox { position:relative; }
.gallery-list > ul > li .txtbox dt { transition:all 0.3s; padding-top:50px; color:#222; font-size:26px; font-weight:400; line-height:1.5; }
.gallery-list > ul > li > a:hover .txtbox dt { color:var(--mainColor); }
.gallery-list > ul > li .txtbox dd { margin-top:15px; color:#666; font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.gallery-list > ul > li .txtbox .date { position:absolute; left:0; top:-80px; width:80px; height:80px; background:#fff; text-align:center; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.gallery-list > ul > li .txtbox .date span { color:#666; font-size:13px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.gallery-list > ul > li .txtbox .date strong { color:#333; font-size:26px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
@media screen and (max-width:1440px){
	.gallery-list > ul { gap:80px 40px; }
	.gallery-list > ul > li { width:calc((100% - 80px) / 3) }
	.gallery-list > ul > li .txtbox dt { padding-top:40px; font-size:24px; }
	.gallery-list > ul > li .txtbox dd { margin-top:15px; font-size:20px;}
	.gallery-list > ul > li .txtbox .date { top:-70px; width:70px; height:70px; }
	.gallery-list > ul > li .txtbox .date span { font-size:12px; }
	.gallery-list > ul > li .txtbox .date strong { font-size:24px;}
}
@media screen and (max-width:1280px){
	.gallery-list > ul { gap:70px 30px; }
	.gallery-list > ul > li { width:calc((100% - 30px) / 2) }
}
@media screen and (max-width:1024px){
	.gallery-list *{ word-break:break-word !important; }
	.gallery-list { margin-top:60px; padding-top:60px; }
	.gallery-list > ul { gap:60px 20px; }
	.gallery-list > ul > li { width:calc((100% - 20px) / 2) }
	.gallery-list > ul > li .txtbox dt { padding-top:30px; font-size:22px; }
	.gallery-list > ul > li .txtbox dd { margin-top:13px; font-size:18px;}
	.gallery-list > ul > li .txtbox .date { top:-60px; width:60px; height:60px; }
	.gallery-list > ul > li .txtbox .date span { font-size:11px; }
	.gallery-list > ul > li .txtbox .date strong { font-size:22px;}
}
@media screen and (max-width:640px){
	.gallery-list { margin-top:40px; padding-top:40px; }
	.gallery-list > ul { gap:40px 10px; }
	.gallery-list > ul > li { width:calc((100% - 10px) / 2) }
	.gallery-list > ul > li .txtbox dt { padding-top:20px; font-size:19px; }
	.gallery-list > ul > li .txtbox dd { margin-top:10px; font-size:15px;}
	.gallery-list > ul > li .txtbox .date { top:-55px; width:55px; height:55px; }
	.gallery-list > ul > li .txtbox .date span { font-size:11px; }
	.gallery-list > ul > li .txtbox .date strong { font-size:20px;}
}

/* animation */
.gallery-list { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* award */
.award-box .listbox { margin-top:80px; }
.award-box .listbox > ul { display:flex; flex-wrap:wrap; gap:100px 40px; }
.award-box .listbox > ul > li { width:calc((100% - 120px) / 4); }
.award-box .listbox > ul > li .imgbox { transition:all 0.3s; position:relative; overflow:hidden; border:1px solid #e9e9e9 }
.award-box .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:104%; }
.award-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.3s; transform:scale(1); }
.award-box .listbox > ul > li > a:hover .imgbox { border:1px solid var(--mainColor); }
.award-box .listbox > ul > li > a:hover .imgbox img { transform:scale(1.1); }
.award-box .listbox > ul > li .txtbox .type { margin-top:30px; color:var(--mainColor); font-size:20px; font-weight:300; line-height:1.3; }
.award-box .listbox > ul > li .txtbox dt { margin-top:10px; color:#222; font-size:26px; font-weight:400; line-height:1.3; }
.award-box .listbox > ul > li .txtbox dd { margin-top:20px; color:#666; font-size:20px; font-weight:300; line-height:1.3; }
.award-pop { position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); visibility:hidden; z-index:-1; transition:all 0.3s; opacity:0; width:100%; height:100%; }
.award-pop.on { visibility:visible; z-index:1000; opacity:1; }
.award-pop .bg { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.80); }
.award-pop .awardBody { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:5; max-width:700px; width:100%; }
.award-pop .awardBody .box { position:relative; background-color:#fff; padding:65px 70px 40px; }
.award-pop .awardBody .box .txtbox { padding-bottom:35px; border-bottom:1px solid #e9e9e9; }
.award-pop .awardBody .box .txtbox .type { color:var(--mainColor); font-size:21px; line-height:1.3; font-weight:300; }
.award-pop .awardBody .box .txtbox dt { margin-top:20px; color:#222; font-size:34px; line-height:1.3; font-weight:400; }
.award-pop .awardBody .box .txtbox dd { text-align:right; color:#222; font-size:23px; line-height:1.3; font-weight:400; }
.award-pop .awardBody .box .imgbox { text-align:center; padding:20px; }
.award-pop .awardBody .box .imgbox img { width:100%; }
.award-pop .btn_close { cursor:pointer; position:absolute; top:35px; right:40px; color:#222; font-size:23px; line-height:1.3; font-weight:400; }
@media screen and (max-width:1280px){
	.award-box .listbox > ul { gap:80px 30px; }
	.award-box .listbox > ul > li { width:calc((100% - 90px) / 4); }
	.award-box .listbox > ul > li .txtbox .type { margin-top:25px; font-size:19px; }
	.award-box .listbox > ul > li .txtbox dt { margin-top:10px; font-size:24px; }
	.award-box .listbox > ul > li .txtbox dd { margin-top:18px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.award-box .listbox { margin-top:60px; }
	.award-box .listbox > ul { gap:60px 20px; }
	.award-box .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.award-box .listbox > ul > li .txtbox .type { margin-top:20px; font-size:17px; }
	.award-box .listbox > ul > li .txtbox dt { margin-top:8px; font-size:22px; }
	.award-box .listbox > ul > li .txtbox dd { margin-top:15px; font-size:17px; }
	.award-pop .awardBody { max-width:600px; }
	.award-pop .awardBody .box { padding:45px 40px 20px; }
	.award-pop .awardBody .box .txtbox { padding-bottom:20px; }
	.award-pop .awardBody .box .txtbox .type { font-size:19px; }
	.award-pop .awardBody .box .txtbox dt { margin-top:15px; font-size:28px; }
	.award-pop .awardBody .box .txtbox dd { font-size:21px; }
	.award-pop .awardBody .box .imgbox { padding:10px; }
	.award-pop .btn_close { top:25px; right:25px; font-size:21px; }
}
@media screen and (max-width:640px){
	.award-box .listbox { margin-top:40px; }
	.award-box .listbox > ul { gap:40px 10px; }
	.award-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.award-box .listbox > ul > li .txtbox .type { margin-top:15px; font-size:15px; }
	.award-box .listbox > ul > li .txtbox dt { margin-top:7px; font-size:19px; }
	.award-box .listbox > ul > li .txtbox dd { margin-top:12px; font-size:15px; }
	.award-pop .awardBody { max-width:100%; width:calc(100% - 40px); left:20px; transform:translate(0, -50%); }
	.award-pop .awardBody .box { padding:25px 20px 0; }
	.award-pop .awardBody .box .txtbox { padding-bottom:15px; }
	.award-pop .awardBody .box .txtbox .type { font-size:17px; }
	.award-pop .awardBody .box .txtbox dt { margin-top:10px; font-size:23px; }
	.award-pop .awardBody .box .txtbox dd { font-size:19px; }
	.award-pop .btn_close { top:20px; right:20px; font-size:19px; }
}
@media screen and (max-height:760px){
	.award-pop .awardBody { max-width:500px; }
	.award-pop .awardBody .box { padding:45px 40px 10px; }
	.award-pop .awardBody .box .txtbox { padding-bottom:20px; }
	.award-pop .awardBody .box .txtbox .type { font-size:19px; }
	.award-pop .awardBody .box .txtbox dt { margin-top:15px; font-size:28px; }
	.award-pop .awardBody .box .txtbox dd { font-size:21px; }
	.award-pop .btn_close { top:25px; right:25px; font-size:21px; }
}
@media screen and (max-height:650px){
	.award-pop .awardBody { max-width:360px; }
	.award-pop .awardBody .box { padding:25px 20px 0; }
	.award-pop .awardBody .box .txtbox { padding-bottom:15px; }
	.award-pop .awardBody .box .txtbox .type { font-size:17px; }
	.award-pop .awardBody .box .txtbox dt { margin-top:10px; font-size:23px; }
	.award-pop .awardBody .box .txtbox dd { font-size:19px; }
	.award-pop .btn_close { top:20px; right:20px; font-size:19px; }
}

/* animation */
.award-box .listbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

/* board view */
.board-view { margin-top:80px; }
.board-view .top-box { text-align:center; padding:60px 20px; border-top:1px solid #000; border-bottom:1px solid #e0e0e0; }
.board-view .top-box .title { font-size:32px; font-weight:500; color:#222; line-height:1.3; letter-spacing:-0.05em; }
.board-view .top-box .info { display:flex; justify-content:center; align-items:center; margin-top:30px; }
.board-view .top-box .txt { font-size:21px; font-weight:300; color:#666; line-height:1.3; letter-spacing:-0.03em; }
.board-view .top-box .txt span { display:inline-block; background:#ccc; border-radius:20px; padding:5px 12px; color:#fff; font-size:14px; font-weight:300; line-height:1.4 }
.board-view .top-box .txt span.p {  background:var(--mainColor); }
.board-view .top-box .txt strong { font-weight:400; color:#222; }
.board-view .top-box .txt:not(:last-child) { margin-right:40px; }
.board-view .viewCont .contents { min-height:180px; padding:50px 0; line-height:1.4 }
.board-view .viewCont .attach { margin-top:60px; padding:35px 30px; 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 { width:155px; font-size:21px; font-weight:400; color:#222; line-height:1.3; }
.board-view .viewCont .attach li a { transition:all 0.3s; position:relative; width:calc(100% - 155px); font-size:21px; font-weight:300; color:#666; line-height:1.3; padding:0 120px 0 34px; word-break:break-word !important; }
.board-view .viewCont .attach li a i { font-size:23px; vertical-align:middle; margin-right:10px; }
.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:0; top:0; font-weight:300;}
.board-view .btn_pn { margin-top:50px; }
.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
.board-view .btn_pn dl { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:flex; background-color:#f8f8f8; }
.board-view .btn_pn dt { position:relative; width:138px; height:80px; display:flex; align-items: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:21px; font-weight:400; color:#222; display:inline-block; padding-left:30px; }
.board-view .btn_pn dt span i { display:inline-block; vertical-align:middle; margin-right:10px; }
.board-view .btn_pn dd { width:calc(100% - 138px); display:flex; align-items:center; padding:0 30px; }
.board-view .btn_pn dd a { font-size:21px; font-weight:300; color:#666; min-height:24px; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
@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 { font-size:18px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:35px; }
	.board-view .viewCont .contents { padding:40px 0; }
	.board-view .viewCont .attach { margin-top:50px; padding:30px 20px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:20px; }
	.board-view .viewCont .attach li strong { width:140px; font-size:19px; }
	.board-view .viewCont .attach li a { width:calc(100% - 140px); font-size:19px; padding-left:30px; }
	.board-view .viewCont .attach li a i { font-size:21px; margin-right:8px; }
	.board-view .btn_pn { margin-top:40px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:10px; }
	.board-view .btn_pn dt { width:125px; height:70px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:19px; padding-left:20px; }
	.board-view .btn_pn dt span i { margin-right:8px; }
	.board-view .btn_pn dd { width:calc(100% - 125px); padding:0 20px; }
	.board-view .btn_pn dd a { font-size:19px; min-height:21px; }
}
@media screen and (max-width:1024px){
	.board-view { margin-top:60px; }
	.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:17px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:25px; }
	.board-view .top-box .txt span { padding:4px 10px; font-size:12px; }
	.board-view .viewCont .contents { padding:35px 0; }
	.board-view .viewCont .attach { margin-top:40px; padding:25px 15px; }
	.board-view .viewCont .attach li:not(:last-child) { margin-bottom:15px; }
	.board-view .viewCont .attach li strong { width:120px; font-size:17px; }
	.board-view .viewCont .attach li a { width:calc(100% - 120px); font-size:17px; padding-left:25px; padding-right:110px;}
	.board-view .viewCont .attach li a i { font-size:19px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:1px; }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.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:17px; padding-left:10px; }
	.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:17px; min-height:21px; }	
}
@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 { font-size:15px; margin-top:5px; }
	.board-view .top-box .txt:not(:last-child) { margin-right:20px; }
	.board-view .viewCont .contents { padding:30px 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%; font-size:15px; padding-left:24px; }
	.board-view .viewCont .attach li a i { font-size:19px; margin-right:5px; }
	.board-view .viewCont .attach li a > i { top:0; }
	.board-view .btn_pn { margin-top:30px; }
	.board-view .btn_pn dl:not(:last-child) { margin-bottom:5px; }
	.board-view .btn_pn dt { width:85px; height:60px; } 
	.board-view .btn_pn dt:before { height:18px; } 
	.board-view .btn_pn dt span { font-size:15px; padding-left:10px; }
	.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 { font-size:15px; min-height:21px; }
}

/* animation */
.board-view { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



/* download-box */
.download-box .listbox { margin-top:50px; }
.download-box .listbox > ul { display:flex; flex-wrap:wrap; gap:80px; }
.download-box .listbox > ul > li { width:calc((100% - 80px) / 2); }
.download-box .listbox > ul > li .box { position:relative; border:1px solid #e9e9e9; overflow:hidden; }
.download-box .listbox > ul > li .box .imgbox img { width:100%; }
.download-box .listbox > ul > li .box .txtbox { position:absolute; left:0; top:0; width:70%; padding-left:60px; }
.download-box .listbox > ul > li .box .txtbox .icon { transition:all 0.3s; display:flex; align-items:center; justify-content:center; margin-top:98px; width:170px; height:170px; background:#fff; border-radius:170px; filter:drop-shadow(0px 0px 10px rgba(255, 42, 29, 0.10)); }
.download-box .listbox > ul > li .box .txtbox dt { margin-top:20px; color:#222; font-size:34px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.download-box .listbox > ul > li .box .txtbox dd { transition:all 0.3s; opacity:0; margin-top:20px; color:#333; font-size:23px; font-weight:300; line-height:1.5; letter-spacing:-0.03em; }
.download-box .listbox > ul > li > a:hover .box .txtbox .icon { margin-top:48px; }
.download-box .listbox > ul > li > a:hover .box .txtbox dd { opacity:1; }
@media screen and (max-width:1640px){
	.download-box .listbox > ul { gap:60px; }
	.download-box .listbox > ul > li { width:calc((100% - 60px) / 2); }
	.download-box .listbox > ul > li .box .txtbox { padding-left:50px; }
	.download-box .listbox > ul > li .box .txtbox .icon { margin-top:80px; width:150px; height:150px; }
	.download-box .listbox > ul > li .box .txtbox .icon img { height:50% }
	.download-box .listbox > ul > li .box .txtbox dt { margin-top:15px; font-size:30px; }
	.download-box .listbox > ul > li .box .txtbox dd { margin-top:15px; font-size:21px; }
	.download-box .listbox > ul > li > a:hover .box .txtbox .icon { margin-top:40px; }
}
@media screen and (max-width:1280px){
	.download-box .listbox > ul { gap:40px; }
	.download-box .listbox > ul > li { width:calc((100% - 40px) / 2); }
	.download-box .listbox > ul > li .box .imgbox { position:relative; overflow:hidden; }
	.download-box .listbox > ul > li .box .imgbox:before { content:""; display:block; padding-bottom:60%; }
	.download-box .listbox > ul > li .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%;  object-fit:cover; -o-object-fit:cover; }
	.download-box .listbox > ul > li .box .txtbox { padding-left:50px; width:100%; }
	.download-box .listbox > ul > li .box .txtbox .icon { margin-top:60px; width:130px; height:130px; }
	.download-box .listbox > ul > li .box .txtbox dt { margin-top:12px; font-size:26px; }
	.download-box .listbox > ul > li .box .txtbox dd { margin-top:12px; font-size:20px; }
	.download-box .listbox > ul > li > a:hover .box .txtbox .icon { margin-top:30px; }
}
@media screen and (max-width:1024px){
	.download-box .listbox > ul { gap:20px; }
	.download-box .listbox > ul > li { width:calc((100% - 20px) / 2); }
	.download-box .listbox > ul > li .box .imgbox:before { padding-bottom:70%; }
	.download-box .listbox > ul > li .box .txtbox { padding-left:30px; display:flex; flex-direction:column; justify-content:center; height:100%; }
	.download-box .listbox > ul > li .box .txtbox .icon { margin-top:0; width:110px; height:110px; }
	.download-box .listbox > ul > li .box .txtbox dt { font-size:20px; }
	.download-box .listbox > ul > li .box .txtbox dd { opacity:1; margin-top:8px; font-size:16px; }
	.download-box .listbox > ul > li > a:hover .box .txtbox .icon { margin-top:0; }
}
@media screen and (max-width:760px){
	.download-box .listbox > ul > li .box .imgbox:before { padding-bottom:85%; }
	.download-box .listbox > ul > li .box .txtbox { padding:0 30px; }
	.download-box .listbox > ul > li .box .txtbox dd br { display:none}
}
@media screen and (max-width:640px){
	.download-box .listbox > ul { gap:10px; }
	.download-box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.download-box .listbox > ul > li .box .imgbox:before { padding-bottom:90%; }
	.download-box .listbox > ul > li .box .txtbox { padding:0 20px; }
	.download-box .listbox > ul > li .box .txtbox .icon { width:90px; height:90px; }
	.download-box .listbox > ul > li .box .txtbox .icon img { height:47% }
	.download-box .listbox > ul > li .box .txtbox dt { font-size:19px; }
	.download-box .listbox > ul > li .box .txtbox dd { font-size:15px; }
}
@media screen and (max-width:540px){
	.download-box .listbox > ul { gap:10px; }
	.download-box .listbox > ul > li { width:100%; }
	.download-box .listbox > ul > li .box .imgbox:before { padding-bottom:50%; }
}
@media screen and (max-width:420px){
	.download-box .listbox > ul > li .box .imgbox:before { padding-bottom:55%; }
}

/* animation */
.download-box .listbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


/* faq */
.faq-box .listbox { margin-top:80px; }
.faq-box .listbox > ul { border-top:1px solid #000;}
.faq-box .listbox > ul > li { border-bottom:1px solid #e5e5e5; }
.faq-box .listbox > ul > li > p { position:relative; cursor:pointer; padding:30px 80px 30px 150px; min-height:115px; font-size:20px; color:#111; font-weight:400; line-height:1.4; display:flex; align-items:center; word-break:break-word !important; } 
.faq-box .listbox > ul > li > p a { color:#111; line-height:1.4; }
.faq-box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:60px; top:50%; transform:translateY(-50%); width:29px; height:29px; background:url(/img/sub/faq_arr.png) center center no-repeat; }
.faq-box .listbox > ul > li.on > p:before { background:url(/img/sub/faq_arr_on.png) center center no-repeat; }
.faq-box .listbox > ul > li > p strong { position:absolute; left:0; top:50%; transform:translateY(-50%); width:150px; text-align:center; color:#111; font-weight:500; font-size:35px; letter-spacing:-0.05em; line-height:1.3; }
.faq-box .listbox > ul > li .contentBox { position:relative; border-top:1px solid #e5e5e5; background-color:#f8f8f8; padding:50px 60px 50px 0; display:flex; }
.faq-box .listbox > ul > li .contentBox > strong { color:var(--mainColor); font-weight:500; font-size:35px; letter-spacing:-0.05em; line-height:1.3; width:150px; text-align:center;  }
.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 150px); color:#555; font-size:17px; line-height:1.6; font-weight:300; letter-spacing:-0.03em; word-break:break-word !important; }
@media screen and (max-width:1280px){
	.faq-box .listbox > ul > li > p { padding:30px 60px 30px 100px; min-height:90px; font-size:21px; } 
	.faq-box .listbox > ul > li > p:before { right:40px; }
	.faq-box .listbox > ul > li > p strong { font-size:30px; width:100px; }
	.faq-box .listbox > ul > li .contentBox { padding:50px 50px 50px 0; }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:30px; width:100px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 100px); font-size:16px; }
}
@media screen and (max-width:1024px){
	.faq-box .listbox { margin-top:60px; }
	.faq-box .listbox > ul > li > p { padding:20px 50px 20px 80px; min-height:80px; font-size:20px; } 
	.faq-box .listbox > ul > li > p:before { right:20px; width:20px; background-size:20px auto; }
	.faq-box .listbox > ul > li.on > p:before { background-size:20px auto; }
	.faq-box .listbox > ul > li > p strong { font-size:26px; width:80px; }
	.faq-box .listbox > ul > li .contentBox { padding:40px 30px 40px 0;  }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:26px; width:80px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 80px); font-size:15px; }
}
@media screen and (max-width:640px){
	.faq-box .listbox { margin-top:40px; }
	.faq-box .listbox > ul > li > p { padding:15px 40px 15px 50px; min-height:60px; font-size:17px; } 
	.faq-box .listbox > ul > li > p:before { right:10px; width:10px; background-size:10px auto; }
	.faq-box .listbox > ul > li.on > p:before { background-size:10px auto; }
	.faq-box .listbox > ul > li > p strong { font-size:20px; width:50px; }
	.faq-box .listbox > ul > li .contentBox { padding:15px 10px 20px 0; }
	.faq-box .listbox > ul > li .contentBox > strong { font-size:20px; width:50px; }
	.faq-box .listbox > ul > li .contentBox .txt { width:calc(100% - 50px); }
}

/* animation */
.faq-box .listbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

/* talent */
.talent-box .listbox { margin-top:80px; }
.talent-box .listbox > ul { display:flex; flex-wrap:wrap; gap:100px 35px; justify-content:center; }
.talent-box .listbox > ul > li { width:calc((100% - 70px) / 3) }
.talent-box .listbox > ul > li .imgbox { position:relative; overflow:hidden; }
.talent-box .listbox > ul > li .imgbox:before { content:""; display:block; padding-bottom:115%; }
.talent-box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.talent-box .listbox > ul > li .txtbox { text-align:center; }
.talent-box .listbox > ul > li .txtbox dt { margin-top:40px; color:#111; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.talent-box .listbox > ul > li .txtbox dt span { display:block; margin-top:10px; color:#aaa; font-size:23px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .listbox > ul > li .txtbox dd { margin-top:20px; color:#555; font-size:23px; font-weight:300; line-height:1.55; letter-spacing:-0.04em; }
.talent-box .bg { margin-top:150px; padding:150px 0 105px; background:#f8f8f8; }
.talent-box .work-info { margin-top:80px; display:flex; flex-wrap:wrap; }
.talent-box .work-info .nav { width:38%; }
.talent-box .work-info .nav ul { display:flex; flex-wrap:wrap; gap:10px; }
.talent-box .work-info .nav ul li { position:relative; width:calc((100% - 20px) / 3); cursor:pointer; }
.talent-box .work-info .nav ul li:before { content:""; display:block; padding-bottom:100%; }
.talent-box .work-info .nav ul li .box { transition:all 0.3s; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; background:#fff; display:flex; align-items:center; justify-content:center; flex-direction:column; }
.talent-box .work-info .nav ul li .box span { display:block; margin-bottom:30px; }
.talent-box .work-info .nav ul li .box strong { transition:all 0.3s; display:block; color:#333; font-size:23px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .work-info .nav ul li.active .box { background:var(--mainColor); }
.talent-box .work-info .nav ul li.active .box span { display:none }
.talent-box .work-info .nav ul li.active .box strong { color:#fff; font-weight:700; }
.talent-box .work-info .tabCont { width:62%; padding-left:10%; }
.talent-box .work-info .tabCont .info { display:none; }
.talent-box .work-info .tabCont .info.active { display:block; }
.talent-box .work-info .tabCont .info .title { color:var(--mainColor); font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; overflow:hidden }
.talent-box .work-info .tabCont .info .title span { opacity:0; display:block; font-weight:500; }
.talent-box .work-info .tabCont .info .list { margin-top:20px; padding-top:60px; border-top:1px solid #000; }
.talent-box .work-info .tabCont .info .list dl:not(:last-child) { margin-bottom:60px; padding-bottom:60px; border-bottom:1px solid #ddd; }
.talent-box .work-info .tabCont .info .list dt { color:#111; font-size:23px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .work-info .tabCont .info .list dd { margin-top:10px; color:#555; font-size:23px; font-weight:300; line-height:1.3; letter-spacing:-0.04em; }
.talent-box .work-info .tabCont .info .list dl { opacity:0; }
.talent-box .work-info .tabCont .info .title span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(1) { animation:ani_2 0.8s 0.1s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(2) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(3) { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(4) { animation:ani_2 0.8s 0.7s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(5) { animation:ani_2 0.8s 0.9s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(6) { animation:ani_2 0.8s 1.1s; animation-fill-mode:both; }
.talent-box .work-info .tabCont .info .list dl:nth-child(7) { animation:ani_2 0.8s 1.3s; animation-fill-mode:both; }
@media screen and (max-width:1440px){
	.talent-box .listbox > ul { gap:80px 25px; }
	.talent-box .listbox > ul > ul > li { width:calc((100% - 50px) / 3) }
	.talent-box .listbox > ul > li .txtbox dt { margin-top:35px; font-size:34px; }
	.talent-box .listbox > ul > li .txtbox dt span { margin-top:10px; font-size:21px;}
	.talent-box .listbox > ul > li .txtbox dd { margin-top:18px; font-size:21px; }
	.talent-box .work-info .nav { width:42%; }
	.talent-box .work-info .tabCont { width:58%; padding-left:8%; }
}
@media screen and (max-width:1400px){
	.talent-box .work-info .nav ul li .box span { margin-bottom:25px; }
	.talent-box .work-info .nav ul li .box strong { font-size:21px; }
	.talent-box .work-info .tabCont .info .title { font-size:32px; }
	.talent-box .work-info .tabCont .info .list { margin-top:20px; padding-top:50px; }
	.talent-box .work-info .tabCont .info .list dl:not(:last-child) { margin-bottom:50px; padding-bottom:50px; }
	.talent-box .work-info .tabCont .info .list dt { font-size:21px; }
	.talent-box .work-info .tabCont .info .list dd { margin-top:10px; font-size:21px; }
	.talent-box .work-info .nav { width:45%; }
	.talent-box .work-info .tabCont { width:55%; padding-left:5%; }
}
@media screen and (max-width:1280px){
	.talent-box .listbox > ul { gap:60px 20px; }
	.talent-box .listbox > ul > li { width:calc((100% - 40px) / 3) }
	.talent-box .listbox > ul > li .txtbox dt { margin-top:30px; font-size:26px; }
	.talent-box .listbox > ul > li .txtbox dt span { margin-top:8px; font-size:19px;}
	.talent-box .listbox > ul > li .txtbox dd { margin-top:13px; font-size:19px; }
	.talent-box .work-info .nav ul li .box span { margin-bottom:20px; }
	.talent-box .work-info .nav ul li .box strong { font-size:19px; }
	.talent-box .work-info .tabCont .info .title { font-size:26px; }
	.talent-box .work-info .tabCont .info .list { margin-top:15px; padding-top:40px; }
	.talent-box .work-info .tabCont .info .list dl:not(:last-child) { margin-bottom:40px; padding-bottom:40px; }
	.talent-box .work-info .tabCont .info .list dt { font-size:19px; }
	.talent-box .work-info .tabCont .info .list dd { margin-top:10px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.talent-box .listbox { margin-top:60px; }
	.talent-box .listbox > ul { gap:50px 20px; }
	.talent-box .listbox > ul > li { width:calc((100% - 20px) / 2) }
	.talent-box .listbox > ul > li .txtbox dt { margin-top:25px; font-size:24px; }
	.talent-box .bg { margin-top:100px; padding:100px 0 90px; }
	.talent-box .work-info { margin-top:60px; }
	.talent-box .work-info .nav { width:100%; }
	.talent-box .work-info .tabCont { width:100%; padding-left:0; margin-top:30px; }
	.talent-box .work-info .nav ul li { width:calc((100% - 40px) / 5); }
}
@media screen and (max-width:860px){
	.talent-box .work-info .nav ul li { width:calc((100% - 30px) / 4); }
}
@media screen and (max-width:640px){
	.talent-box .listbox { margin-top:40px; }
	.talent-box .listbox > ul { gap:30px 10px; }
	.talent-box .listbox > ul > li { width:calc((100% - 10px) / 2) }
	.talent-box .listbox > ul > li .txtbox dt { margin-top:20px; font-size:20px; }
	.talent-box .listbox > ul > li .txtbox dt span { margin-top:5px; font-size:16px;}
	.talent-box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:16px; }
	.talent-box .listbox > ul > li .txtbox dd br { display:none }
	.talent-box .bg { margin-top:60px; padding:60px 0 50px; }
	.talent-box .work-info { margin-top:40px; }
	.talent-box .work-info .nav ul li { width:calc((100% - 20px) / 3); }
	.talent-box .work-info .nav ul li .box span { margin-bottom:15px; }
	.talent-box .work-info .nav ul li .box strong { font-size:17px; }
	.talent-box .work-info .tabCont .info .title { font-size:24px; text-align:center }
	.talent-box .work-info .tabCont .info .list { margin-top:12px; padding-top:30px; }
	.talent-box .work-info .tabCont .info .list dl:not(:last-child) { margin-bottom:30px; padding-bottom:30px; }
	.talent-box .work-info .tabCont .info .list dt { font-size:17px; }
	.talent-box .work-info .tabCont .info .list dd { font-size:17px; }
}

/* animation */
.talent-box .listbox > ul > li { opacity:0 }
.talent-box .listbox.subOn > ul > li:nth-child(1) { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.talent-box .listbox.subOn > ul > li:nth-child(3) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.talent-box .work-info { opacity:0; }
.talent-box .work-info.subOn  { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.talent-box .listbox.subOn > ul > li:nth-child(1),
	.talent-box .listbox.subOn > ul > li:nth-child(2),
	.talent-box .listbox.subOn > ul > li:nth-child(3) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}


/* recruit */
.recruit-list .listbox { margin-top:60px; }
.recruit-list .listbox table { width:100%; border-top:1px solid #000; }
.recruit-list .listbox thead th { position:relative; padding:43px 0; color:#111; font-weight:400; font-size:17px; line-height:1.3; letter-spacing:-0.03em; border-bottom:1px solid #e0e0e0; background:#f8f8f8;}
.recruit-list .listbox thead th:after { content:""; display:block; background:#e0e0e0; position:absolute; top:50%; left:0; width:1px; height:15px; transform:translateY(-50%); }
.recruit-list .listbox thead th:first-child:after{ display:none; }
.recruit-list .listbox tbody tr {position:relative;}
.recruit-list .listbox tbody tr:after {content:""; position:absolute; bottom:0; left:0; width:0; height:1px; transition:0.7s; background: var(--mainColor); }
.recruit-list .listbox tbody tr:hover:after { width:100%; }
.recruit-list .listbox tbody td { text-align:center; padding:43px 0; color:#666; font-weight:300; font-size:16px; line-height:1.3; letter-spacing:-0.03em; border-bottom:1px solid #e0e0e0; }
.recruit-list .listbox tbody td.td_left { padding-left:40px; padding-right:40px; text-align:left; }
.recruit-list .listbox tbody td a { transition:all 0.3s; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight:400; font-size:17px; line-height:1.3; color:#222; }
.recruit-list .listbox tbody tr td a:hover { color:var(--mainColor); }
.recruit-list .listbox tbody td span { display:inline-block; background:#ccc; border-radius:20px; padding:5px 12px; color:#fff; font-size:14px; font-weight:300; line-height:1.4 }
.recruit-list .listbox tbody td span.p {  background:var(--mainColor); }
@media screen and (max-width:1024px){
	.recruit-list .listbox { margin-top:40px; }
	.recruit-list .listbox .w1,
	.recruit-list .listbox .w3 { display:none }
	.recruit-list .listbox .w4 { width:100px !important }
	.recruit-list .listbox thead th:nth-child(2):after{ display:none; }
	.recruit-list .listbox thead th { padding:25px 0; font-size:16px; }
	.recruit-list .listbox tbody td { padding:25px 0; font-size:15px; }
	.recruit-list .listbox tbody td.td_left { padding-left:20px; padding-right:20px; }
	.recruit-list .listbox tbody td a { font-size:16px; -webkit-line-clamp:2; }
	.recruit-list .listbox tbody td span { padding:4px 10px; font-size:12px; }
}
@media screen and (max-width:640px){
	.recruit-list .listbox { margin-top:30px; }
	.recruit-list .listbox thead th { padding:20px 0; }
	.recruit-list .listbox tbody td { padding:20px 0; font-size:14px; }
	.recruit-list .listbox tbody td.td_left { padding-left:5px; padding-right:5px; }
}

/* search */
#subCont .search-box { margin-top:80px; padding:60px; background:#f8f8f8; }
#subCont .search-box .s-ipbox { position:relative; display:flex; flex-wrap:wrap; padding-right:195px; }
#subCont .search-box .s-ipbox select { width:470px; height:70px; line-height:70px; padding:0 30px; font-size:19px; color:#111; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; }
#subCont .search-box .s-ipbox select::-ms-expand { display:none; }
#subCont .search-box .s-ipbox input { width:calc(100% - 470px - 15px); margin-left:15px; height:70px; padding:0 30px; font-size:19px; color:#111; font-weight:400; border:none; outline:none; background:#fff; border-radius:0; }
#subCont .search-box .s-ipbox button { position:absolute; right:0; top:0; display:inline-block; text-align:center; border:none; outline:none; background:none; padding:0; }
#subCont .search-box .s-ipbox button span { margin:0 auto; display:flex; justify-content:center; align-items:center; position:relative; text-align:center; background-color:#000; min-width:180px; height:70px; color:#fff; font-size:19px; font-weight:500; }
@media screen and (max-width:1024px){	
    #subCont .search-box { margin-top:60px; padding:40px; }
    #subCont .search-box .s-ipbox select { width:250px; height:60px; line-height:60px; padding:0 25px; font-size:17px; }
    #subCont .search-box .s-ipbox input { width:calc(100% - 250px - 10px); margin-left:10px; height:60px; padding:0 25px; font-size:17px; }
    #subCont .search-box .s-ipbox button span { min-width:170px; height:60px; font-size:17px; }
}
@media screen and (max-width:760px){	
    #subCont .search-box .s-ipbox { padding-right:0; }
    #subCont .search-box .s-ipbox select { width:100%; }
    #subCont .search-box .s-ipbox input { width:100%; margin-left:0; margin-top:8px; padding:0 175px 0 25px; }
    #subCont .search-box .s-ipbox button { top:unset; bottom:0; }
    #subCont .search-box .s-ipbox button span { min-width:150px; }
}
@media screen and (max-width:640px){	
    #subCont .search-box { margin-top:40px; padding:20px; }
    #subCont .search-box .s-ipbox select { padding:0 10px; height:50px; line-height:50px; }
    #subCont .search-box .s-ipbox input { height:60px; padding:0 110px 0 10px; }
    #subCont .search-box .s-ipbox button span { min-width:90px; height:50px; }
}

/* page */
.page { margin:80px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:17px; line-height:42px; font-weight:300; color:#aaa; border:none; padding:0; min-width:42px; margin:0 2px; 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-color:#ff7b0f; border:none; padding:0 4px; border-radius:50px; }
.page li:hover a,
.page li a:hover { border:none; /* background:none; */ }
.page li.on:hover a  { background-color:#ff7b0f; }
.page .btn_pn { display:inline-block; vertical-align:middle; padding:0; }
.page .btn_prev { display:inline-block; vertical-align:middle; padding:0; height:42px; width:42px; border-radius:50px; border:1px solid #e5e5e5; 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; padding:0; height:42px; width:42px; border-radius:50px; border:1px solid #e5e5e5; margin-left:8px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; padding:0; height:42px; width:42px; border-radius:50px; border:1px solid #e5e5e5; margin-right:4px; overflow:hidden; text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; padding:0; height:42px; width:42px; border-radius:50px; border:1px solid #e5e5e5; margin-left:4px; overflow:hidden; 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 -20px 0; }
	.page a { font-size:14px; line-height:35px; min-width:35px; margin:0 -1px; }
	.page .btn_prev,
	.page .btn_next,
	.page .btn_first,
	.page .btn_last { height:35px; width:35px; }
	.page .btn_prev { margin-right:4px; }
	.page .btn_next { margin-left:4px; }
	.page .btn_first { margin-right:1px; }
	.page .btn_last { margin-left:1px; }
}




/* customer */
.inquiry-box { margin-top:80px; }
.register-box .txt_tr { margin-top:40px; text-align:right; font-weight:400; font-size:16px; color:#333; }
.register-box .stit { margin:-20px 0 50px; text-align:center; color:#111; font-size:25px; font-weight:600; }
.register-box span.s { color:#ff7b0f; font-size:20px; font-weight:400; }
.register-box > ul { margin-top:20px; display:flex; flex-wrap:wrap; gap:20px 12px; }
.register-box > ul > li { position:relative; display:flex; align-items:center; flex-wrap:wrap; width:100%;  }
.register-box > ul > li.w50 { width:calc((100% - 12px) / 2) }
.register-box > ul > li > div { width:100% }
.register-box > ul > li .sel-box { background:#f3f3f3; }
.register-box > ul > li label.tit { position:absolute; left:40px; top:50%; z-index:1; transform:translateY(-50%); font-size:18px; color:#111; font-weight:600; line-height:1.6; display:inline-block; transition:all 0.3s }
.register-box > ul > li label.tit span { font-weight:300; }
.register-box > ul > li.tit-top label.tit { top:23px; transform:translateY(0); }
.register-box > ul > li input[type="text"],
.register-box > ul > li input[type="password"] { height:80px; padding:0 40px; width:100%; font-size:18px; color:#111; font-weight:400; border:none; outline:none; background:#f3f3f3; border-radius:0; }
.register-box > ul > li select { width:100%; height:80px; line-height:80px; padding:0 40px; font-size:18px; color:#111; font-weight:400; border:none; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; background:#f3f3f3 url(/img/sub/icon_select_down.png) right center no-repeat; }
.register-box > ul > li select::-ms-expand { display:none; }
.register-box > ul > li textarea { width:100%; height:207px; line-height:1.6; padding:30px 40px; font-size:18px; color:#111; font-weight:400; border:none; outline:none; background:#f3f3f3; border-radius:0; }
.register-box > ul > li input.ip02 { width:calc(33.333% - 18px); }
.register-box > ul > li select.sel01 { width:calc(33.333% - 13px); margin-left:13px; }
.register-box > ul > li select.sel02 { width:calc(100% - 160px); margin-left:160px; }
.register-box > ul > li .stxt { font-size:18px; color:#111; font-weight:600; width:36px; display:inline-block; text-align:center; }
.register-box > ul > li .ip-box { background:#f3f3f3; padding:13px 0 13px 162px; display:flex; flex-wrap:wrap; align-items:center; }
.register-box > ul > li .ip-box .ipcont { position:relative; display:flex; padding-left:160px; }
.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
.register-box > ul > li .ip-box .ipcont .upload-name { width:100%; height:65px; outline:none; border:none; padding:0 20px; font-size:18px; color:#111; border-radius:0 }
.register-box > ul > li .ip-box .ipcont .upload-name.on { padding:4px 0 4px 45px; background:url(/img/sub/file_icon.png) 20px center no-repeat; }
.register-box > ul > li .ip-box .ipcont .file { position:absolute; left:0; top:7px; width:145px; height:50px; background:#434343; border:none; cursor:pointer; margin-left:10px; display:flex; align-items:center; justify-content:center; border-radius:50px }
.register-box > ul > li .ip-box .ipcont .file span{ text-align:center; font-size:16px; color:#fff; font-weight:500; padding:2px 20px 2px 0; background:url(/img/sub/search_icon.png) right center no-repeat;}
.register-box > ul > li .ip-box .ipcont .file input{display:none}
.register-box > ul > li .ip-box .download { margin-left:10px; }
.register-box > ul > li .ip-box .download a { width:145px; height:50px; background:#ff7b0f; border:none; text-align:center; font-size:16px; color:#fff; font-weight:500; padding:2px 0; display:flex; align-items:center; justify-content:center; border-radius:50px }
.register-box > ul > li.careers .ip-box { padding:13px 0 13px 210px }
.register-box > ul > li .kcaptcha_ip { background:#f3f3f3; position:relative; padding:0 50px 0 340px; width:600px; }
.register-box > ul > li .kcaptcha_ip .imgbox { position:absolute; left:170px; top:0; }
.register-box > ul > li .kcaptcha_ip .imgbox img { width:175px; }
.register-box > ul > li .kcaptcha_ip input { border:none }
.register-box > ul > li .kcaptcha_ip .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.register-box > ul > li .kcaptcha_ip .btn i { color:#555; font-size:18px; }
.register-box > ul > li .privacy-box { background:#f3f3f3; padding:44px 0 30px 40px; }
.register-box > ul > li .privacy-box .scroll-box { margin-top:30px; height:120px; overflow:auto; }
.register-box > ul > li .sel-focus:focus ~ .tit,
.register-box > ul > li.on label.tit { opacity:0; z-index:-1 }
.register-box .ch { margin-top:25px; }
.register-box .ch_list .ch { margin-top:0; }
.register-box .ch input[type="checkbox"],
.register-box .ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.register-box .ch input[type="checkbox"] + span,
.register-box .ch input[type="radio"] + span { position:relative; padding:0 0 0 20px; font-weight:300; font-size:16px; line-height:1.4 !important; display:inline-block; color:#111; }
.register-box .ch input[type="checkbox"] + span:before,
.register-box .ch input[type="radio"] + span:before { content:''; display:block; margin:3px 0 0 0; width:14px; height:14px; vertical-align:middle; background:none; border:1px solid #d7d7d7; border-radius:50px; position:absolute; left:-10px; top:-1px; }
.register-box .ch input[type="checkbox"] + span:after,
.register-box .ch input[type="radio"] + span:after { content:''; display:block; width:6px; height:6px; vertical-align:middle; background:none; border:none; border-radius:50px; position:absolute; left:-5px; top:7px; }
.register-box .ch input[type="checkbox"]:checked + span:after,
.register-box .ch input[type="radio"]:checked + span:after { background:#ff7b0f; }
.register-box .btnbox { margin-top:65px; }
@media screen and (max-width:1024px){	
    .inquiry-box { margin-top:60px; }
    .register-box .stit { margin:-20px 0 40px; font-size:20px; }
	.register-box > ul { gap:20px 10px; }
    .register-box > ul > li label.tit { left:25px; font-size:17px; }
    .register-box > ul > li.tit-top label.tit { top:20px; transform:translateY(0); }
	.register-box > ul > li input[type="text"],
	.register-box > ul > li input[type="password"] { height:70px; padding:0 25px; font-size:16px; }
	.register-box > ul > li select { height:70px; line-height:70px; padding:0 25px; font-size:16px; }
	.register-box > ul > li textarea { height:200px; padding:25px; font-size:16px; }
    .register-box > ul > li select.sel02 { width:calc(100% - 120px); margin-left:120px; }
    .register-box > ul > li .ip-box { padding:10px 0 10px 120px }
    .register-box > ul > li .ip-box .ipcont { padding-left:140px; }
	.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
    .register-box > ul > li .ip-box .ipcont .upload-name { font-size:16px; height:60px; }
	.register-box > ul > li .ip-box .ipcont .file {width:130px; height:50px; }
	.register-box > ul > li .ip-box .ipcont .file span{ font-size:15px; }
    .register-box > ul > li .ip-box .download a { width:130px; 15px; }
    .register-box > ul > li.careers .ip-box { padding:13px 0 13px 180px }
	.register-box > ul > li .kcaptcha_ip { padding:0 50px 0 280px; }
    .register-box > ul > li .kcaptcha_ip .imgbox { left:140px; }
	.register-box > ul > li .kcaptcha_ip .imgbox img { width:150px; }
	.register-box > ul > li .kcaptcha_ip .btn i { font-size:17px; }
    .register-box > ul > li .privacy-box { padding:35px 0 25px 25px; }
    .register-box > ul > li .privacy-box .scroll-box { margin-top:30px; height:100px; }
	.register-box .ch { margin-top:25px; }
	.register-box .ch input[type="checkbox"] + span,
	.register-box .ch input[type="radio"] + span { font-size:16px; }
}
@media screen and (max-width:960px){
    .register-box > ul > li .ip-box .ipcont { width:100%; margin-top:3px; }
}
@media screen and (max-width:640px){	
    .inquiry-box { margin-top:40px; }
    .register-box .stit { margin:-10px 0 -20px; font-size:18px; }
	.register-box > ul { gap:10px 0; }
    .register-box > ul > li.w50 { width:100%; }
    .register-box > ul > li label.tit { left:10px; line-height:1.2; }
    .register-box > ul > li.tit-top label.tit { top:18px; transform:translateY(0); }
	.register-box > ul > li input[type="text"],
	.register-box > ul > li input[type="password"] { height:60px; padding:0 10px; }
	.register-box > ul > li select { height:60px; line-height:60px; padding:0 10px; background:#f3f3f3 url(/img/sub/icon_select_down_m.png) right center no-repeat; }
	.register-box > ul > li textarea { height:150px; padding:18px 10px; }
	.register-box > ul > li input.ip02 { width:calc(50% - 15px); }
	.register-box > ul > li select.sel01 { width:calc(100% - 1px); margin:10px 0 0; }
    .register-box > ul > li select.sel02 { width:calc(100% - 90px); margin-left:90px; }
	.register-box > ul > li .stxt { width:30px; }
    .register-box > ul > li .ip-box { padding:10px 0 10px 90px }
    .register-box > ul > li .ip-box .ipcont { padding-left:0; padding-top:40px; }
	.register-box > ul > li .ip-box .ipcont:not(:last-child) { margin-bottom:10px; }
    .register-box > ul > li .ip-box .ipcont .upload-name { height:45px; padding:0 10px; }
	.register-box > ul > li .ip-box .ipcont .file { left:0; height:40px; width:110px; top:2px; }
    .register-box > ul > li .ip-box .download a { width:110px; height:40px; }
    .register-box > ul > li.careers .ip-box { padding:13px 0 13px 110px }
	.register-box > ul > li .kcaptcha_ip { padding:0 50px 0 100px; }
    .register-box > ul > li .kcaptcha_ip .imgbox { left:110px; top:10px; }
	.register-box > ul > li .kcaptcha_ip .imgbox img { width:150px; }
    .register-box > ul > li .kcaptcha_ip input { margin-top:20px; }
    .register-box > ul > li .privacy-box { padding:30px 0 10px 10px; }
    .register-box > ul > li .privacy-box .scroll-box { margin-top:28px; }
    .register-box > ul > li span.m_br { display:block; }
	.register-box .ch { margin-top:25px; }
}

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


/* search */
#subCont.result-box { margin-top:120px; }
.result-box .result-list .listbox { margin-top:150px; }
.result-box .result-list .tab-s { margin-bottom:-70px; }
.result-box .listbox .title-box { position:relative; }
.result-box .listbox .title-box h4 { color:#222; font-size:36px; font-weight:500; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .title-box .btn { position:absolute; bottom:0; right:0 }
.result-box .listbox .title-box .btn a { color:#ccc; font-size:17px; font-weight:500; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .list { margin-top:20px; padding-top:80px; border-top:1px solid #000; }
.result-box .listbox .list > ul { display:flex; flex-wrap:wrap; }
.result-box .listbox .list > ul > li { position:relative; }
.result-box .listbox .list > ul > li .txtbox { margin-top:30px; }
.result-box .listbox .list > ul > li .txtbox .txt-1 { color:#111; font-size:23px; font-weight:500; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .list > ul > li .txtbox .txt-2 { margin-top:20px; color:var(--mainColor); font-size:21px; font-weight:500; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .list > ul > li .txtbox .txt-3 { margin-top:10px; color:#888; font-size:16px; font-weight:300; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .list > ul > li .imgbox { position:relative; overflow:hidden }
.result-box .listbox .list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.result-box .listbox .list > ul > li .imgbox:before { content:""; display:block; }
.result-box .listbox .list-p > ul { gap:30px; }
.result-box .listbox .list-p > ul > li { width:calc((100% - 90px) / 4); }
.result-box .listbox .list-p > ul > li .imgbox:before {padding-bottom:100%; }
.result-box .listbox .list-v > ul { gap:30px; }
.result-box .listbox .list-v > ul > li { width:calc((100% - 60px) / 3);}
.result-box .listbox .list-v > ul > li .imgbox:before {padding-bottom:68.5%; }
.result-box .listbox .list-s > ul { gap:30px; }
.result-box .listbox .list-s > ul > li { width:calc((100% - 60px) / 3); }
.result-box .listbox .list-s > ul > li .imgbox:before {padding-bottom:88.5%; }
.result-box .listbox .list-d > ul { gap:20px 40px; }
.result-box .listbox .list-d > ul > li { width:calc((100% - 40px) / 2); }
.result-box .listbox .list-d > ul > li a { position:relative; height:77px; padding:0 80px 0 40px; background:#f8f8f8; display:flex; align-items:center; color:#333; font-size:21px; font-weight:300; letter-spacing:-0.03em; line-height:1.3; }
.result-box .listbox .list-d > ul > li a:before { content:""; display:block; position:absolute; right:40px; top:50%; transform:translateY(calc(-50% - 0.5px)); width:25px; height:23px; background:url(/img/sub/icon_dwon.png) center center no-repeat; }
@media screen and (max-width:1280px){
	#subCont.result-box { margin-top:100px; }
	.result-box .result-list .listbox { margin-top:120px; }
	.result-box .result-list .tab-s { margin-bottom:-50px; }
	.result-box .listbox .title-box h4 { font-size:28px; }
	.result-box .listbox .title-box .btn a { font-size:16px; }
	.result-box .listbox .list { margin-top:18px; padding-top:60px; }
	.result-box .listbox .list > ul > li .txtbox { margin-top:25px; }
	.result-box .listbox .list > ul > li .txtbox .txt-1 { font-size:21px; }
	.result-box .listbox .list > ul > li .txtbox .txt-2 { margin-top:18px; font-size:19px; }
	.result-box .listbox .list > ul > li .txtbox .txt-3 { margin-top:10px; font-size:15px; }
	.result-box .listbox .list-p > ul,
	.result-box .listbox .list-v > ul,
	.result-box .listbox .list-s > ul { gap:20px; }	
	.result-box .listbox .list-p > ul > li,
	.result-box .listbox .list-v > ul > li,
	.result-box .listbox .list-s > ul > li { width:calc((100% - 40px) / 3); }
	.result-box .listbox .list-d > ul { gap:20px 30px; }
	.result-box .listbox .list-d > ul > li { width:calc((100% - 30px) / 2); }
	.result-box .listbox .list-d > ul > li a { height:72px; padding:0 65px 0 30px; font-size:19px; }
	.result-box .listbox .list-d > ul > li a:before { right:30px; }
}
@media screen and (max-width:1024px){
	#subCont.result-box { margin-top:80px; }
	.result-box .result-list .listbox { margin-top:100px; }
	.result-box .result-list .tab-s { margin-bottom:-40px; }
	.result-box .listbox .title-box h4 { font-size:24px; }
	.result-box .listbox .title-box .btn a { font-size:15px; }
	.result-box .listbox .list { margin-top:15px; padding-top:40px; }
	.result-box .listbox .list > ul > li .txtbox { margin-top:20px; }
	.result-box .listbox .list > ul > li .txtbox .txt-1 { font-size:18px; }
	.result-box .listbox .list > ul > li .txtbox .txt-2 { margin-top:12px; font-size:16px; }
	.result-box .listbox .list > ul > li .txtbox .txt-3 { margin-top:7px; font-size:14px; }
	.result-box .listbox .list-p > ul,
	.result-box .listbox .list-v > ul,
	.result-box .listbox .list-s > ul { gap:10px; }	
	.result-box .listbox .list-p > ul > li,
	.result-box .listbox .list-v > ul > li,
	.result-box .listbox .list-s > ul > li { width:calc((100% - 20px) / 3); }
	.result-box .listbox .list-d > ul { gap:10px; }
	.result-box .listbox .list-d > ul > li { width:calc((100% - 10px) / 2); }
	.result-box .listbox .list-d > ul > li a { height:70px; padding:0 50px 0 20px; font-size:16px; }
	.result-box .listbox .list-d > ul > li a:before { right:20px; background-size:20px auto;}
}
@media screen and (max-width:640px){
	.result-box .result-list .listbox { margin-top:60px; }
	.result-box .result-list .tab-s { margin-bottom:-20px; }
	.result-box .listbox .title-box h4 { font-size:19px; }
	.result-box .listbox .title-box .btn a { font-size:14px; }
	.result-box .listbox .list {  margin-top:10px; padding-top:20px; }
	.result-box .listbox .list > ul > li .txtbox { margin-top:15px; }
	.result-box .listbox .list > ul > li .txtbox .txt-1 { font-size:16px; }
	.result-box .listbox .list > ul > li .txtbox .txt-2 { margin-top:8px; font-size:15px; }
	.result-box .listbox .list > ul > li .txtbox .txt-3 { margin-top:5px; font-size:13px; }
	.result-box .listbox .list-d > ul > li { width:100%; }
	.result-box .listbox .list-d > ul > li a { height:65px; padding:0 45px 0 15px; font-size:14px; }
	.result-box .listbox .list-d > ul > li a:before { right:15px; background-size:18px auto;} 
	.result-box .listbox .list-p > ul,
	.result-box .listbox .list-v > ul,
	.result-box .listbox .list-s > ul { gap:30px 10px; }
	.result-box .listbox .list-p > ul > li,
	.result-box .listbox .list-v > ul > li,
	.result-box .listbox .list-s > ul > li { width:calc((100% - 10px) / 2); }
}

/* animation 
.result-box .result-list,
.result-box .result-view{ opacity:0; }
.result-box .result-list,
.result-box .result-view { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }	*/