@charset "utf-8";

/* common */
.s_wrap .sv{position:relative; overflow: hidden;}
.s_wrap .sv .bg_ctn{position:relative; }
.s_wrap .sv .bg_ctn::after{content:''; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 10; animation:bg 1.3s 0.2s both}
.s_wrap .sv .bg_ctn .bg{height: 100vh; background-position:50% 50%; background-repeat: no-repeat; animation:bgPosition 1.3s 0.2s both}


.s_wrap .sv .tit{position:absolute; top: 44%; left:240px; transform:translateY(-50%);}
.s_wrap .sv .tit p.split2{font-weight:bold; font-size:24px; color: #e60012;}
.s_wrap .sv .tit h2{font-size:45px; color: #fff; margin-top: 25px; animation:zoomOut 1.4s 1.3s both;}
.s_wrap .sv .tit p.sub_t{font-weight:300; font-size:20px; color: #fff; margin-top: 10px; animation:fadeUp 1s 1.3s both;}
.s_wrap.c .sv .tit h2{color: #222}
.s_wrap.c .sv .tit p.sub_t{color: #222;}
.s_wrap .sv .tit p.split2 span{display:inline-block; animation:split 1s 0.2s both}
.s_wrap .lnb{position:relative; z-index: 10; margin-top: -100px;}
.s_wrap .lnb::before{content:''; position:absolute; top: 0; left: 0; height: 100px; width: 30%; background: #fff;}
.s_wrap .sv .sub_btn{ margin-top:20px; width: 210px; height: 50px; box-sizing:border-box; border-radius:10px; background: #fff; animation:fadeUp 1s 1.5s both;}
.s_wrap .sv .sub_btn a{display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-weight:600; font-size:16px; color: #222; text-align: center; line-height: 58px; border-radius:10px; transition:0.3s}
.s_wrap .sv .sub_btn a i{ display:inline-block; margin-right:10px; width: 16px; height: 16px; background:url(/img/sub/icon_reservation.png) 50% 50% no-repeat; background-size:cover; transition:0.3s}
.s_wrap .sv .sub_btn a:hover {background: #e60012; color: #fff;}
.s_wrap .sv .sub_btn a:hover i { background:url(/img/sub/icon_reservationW.png) 50% 50% no-repeat; background-size:cover; }

.s_wrap .lnb {overflow: hidden;}
.s_wrap .lnb > div{display:flex; }
.s_wrap .lnb nav{position:relative; max-width:  950px; min-width: 615px; box-sizing: border-box; background: #fff; padding-right: 240px; box-sizing:border-box; }
.s_wrap .lnb nav::after{content:''; position:absolute; top: -41px; left: 98%; font-weight:900; font-size:141px; color: #fff; text-transform: uppercase; animation:top 1s 0.8s both}
.s_wrap .sb_lnb01 nav::after{content:'BUSINESS';}
.s_wrap .sb_lnb01.sb_rent nav::after{content:'RENTACAR';}
.s_wrap .sb_lnb01.sb_cert nav::after{content:'CERTIFICATE';}
.s_wrap .sb_lnb02 nav::after{content:'MICE';}
.s_wrap .sb_lnb02.sb_cert nav::after{content:'CERTIFICATE';}
.s_wrap .sb_lnb03 nav::after{content:'INFORMATION'; left: 99.4%; }
.s_wrap .sb_lnb010 nav::after{content:'INQUIRY'; left: 99.4%; }
.s_wrap .lnb nav > ul{display:flex;}
.s_wrap .lnb nav > ul > li{position:relative;}
.s_wrap .lnb nav > ul > li::after{content:''; position:absolute; width: 0; top: 0; left: 50%; transform:translateX(-50%); height: 10px; background: #e60012;}
.s_wrap .lnb nav > ul > li > a{display:flex; align-items:center; justify-content:center; height: 100px; padding: 0 30px; text-transform: uppercase; font-size:16px;}
.s_wrap .lnb nav > ul > li:nth-of-type(2) > a{text-transform: none;}
.s_wrap .lnb nav > ul > li.on::after{width: 100%;}
.s_wrap .lnb nav > ul > li.on > a{color: #e60012;}
.s_wrap .lnb h3{position:relative; top: -42px; left: -10px;  text-transform: uppercase;}
.s_wrap .lnb nav > ul > li > a.tt{text-transform: capitalize;}

@keyframes bg{
	0%{width: 100%;}
	100%{width: 0;}
}
@keyframes bgPosition{
	0%{transform:translateX(25%);}
	100%{transform:translateX(0);}
}
@keyframes top{
	0%{top: 70px}
	100%{top: -41px;}
}
@keyframes fadeUp{
	0%{opacity: 0; transform:translateY(80px);}
	100%{opacity: 1; transform:translateY(0)}
}
@keyframes zoomOut{
	0%{
		opacity: 0;
		transform:scale(1.3);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}
@keyframes split{
	0%{
		opacity: 0;
		transform:scale(0.5);
	}
	50%{
		transform:scale(1.2);
	}
	100%{
		opacity: 1;
		transform:scale(1);
	}
}

@media screen and (max-height: 800px){
	.s_wrap .sv .bg_ctn .bg{min-height: 350px;}
}
@media screen and (max-width: 1800px){
	.s_wrap .lnb nav{padding-right: 100px;}
}
@media screen and (max-width: 1600px){
	.s_wrap .lnb{margin-top: -71px;}
	.s_wrap .lnb::before{height: 71px;}
	.s_wrap .lnb nav::after{font-size:100px; top: -29px;}
	.s_wrap .lnb nav > ul > li > a{height: 71px;}

	@keyframes top{
		0%{top: 70px}
		100%{top: -29px;}
	}
}

@media screen and (max-width: 1500px){
	.s_wrap .sv .tit{left: 100px;}
	.s_wrap .lnb nav > ul > li > a{padding: 0 20px;}
}
@media screen and (max-width: 1200px){
	.s_wrap{margin-top: 80px;}
	.s_wrap .sv .tit{left: 16px;}
	.s_wrap .sv .tit h2{font-size:36px; margin-top: 14px;}
	.s_wrap .sv .tit p.split2{font-size:20px;}
	.s_wrap .lnb{display:none; }
	.s_wrap .sv .bg_ctn .bg{height: 60vh;}
} 
@media screen and (max-width: 1000px){
	.s_wrap .sv .sub_btn{ margin-top:15px; width: 210px; height: 50px; }
}	
@media screen and (max-width: 800px){
	.s_wrap .sv .tit h2{font-size:30px;}
}	
@media screen and (max-width: 600px){
	.s_wrap .sv .tit h2{font-size:30px;}
	.s_wrap .sv .tit h2 br{display:none; }
	.s_wrap .sv .bg_ctn .bg{height: 550px;}
}


.subCont { padding-top:150px; }
.pCon { padding:150px 0; }
@media screen and (max-width:1500px){
	.subCont { padding-top:120px; }
	.pCon { padding:120px 0; }
}
@media screen and (max-width:1200px){
	.subCont { padding-top:90px; }
	.pCon { padding:90px 0; }
}
@media screen and (max-width:1024px){
	.subCont { padding-top:70px; }
	.pCon { padding:70px 0; }
}
@media screen and (max-width:640px){
	.subCont { padding-top:50px; }
	.pCon { padding:50px 0; }
}

.subCont * { letter-spacing:-0.03em }
.subCont .bg { background:#f5f5f5; }

.subTitle_box { text-align:center }
.subTitle_box.txt_al { text-align:left }
.subTitle_box h4 { color:#111; font-size:50px; font-weight:700; line-height:1.3; }
.subTitle_box h4 span { font-weight:700; }
.subTitle_box .txt { margin-top:30px; color:#111; font-size:22px; font-weight:300; line-height:1.54; }
.subTitle_box .txt span { font-weight:300; }
.subTitle_box .stit { margin:20px 0 -20px; color:#111; font-size:22px; font-weight:300; line-height:1.54; }
.subTitle_box .stit span { font-weight:600; }
@media screen and (max-width:1500px){
	.subTitle_box h4 { font-size:40px; }
	.subTitle_box .txt { margin-top:25px; font-size:21px; }
	.subTitle_box .stit { margin:15px 0 -15px; font-size:21px; }
}
@media screen and (max-width:1200px){
	.subTitle_box h4 { font-size:32px; }
	.subTitle_box .txt { margin-top:18px; font-size:19px; }
	.subTitle_box .stit { margin:15px 0 -12px; font-size:19px; }
}
@media screen and (max-width:1024px){
	.subTitle_box h4 { font-size:28px; }
	.subTitle_box .txt { margin-top:14px; font-size:18px; }
	.subTitle_box .stit { font-size:18px; }
}
@media screen and (max-width:640px){
	.subTitle_box h4 { font-size:24px; }
	.subTitle_box .txt { margin-top:10px; font-size:17px; }
	.subTitle_box .stit { margin:10px 0 -12px; font-size:17px; }
}

/* animation */
.subTitle_box h4 { overflow:hidden; }
.subTitle_box h4 span { display:block; opacity:0 }
.subTitle_box.subOn h4 span { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
.subTitle_box .txt { overflow:hidden; }
.subTitle_box .txt span { display:block; opacity:0 }
.subTitle_box.subOn .txt span { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
.subTitle_box .stit { overflow:hidden; }
.subTitle_box .stit span { display:block; opacity:0 }
.subTitle_box.subOn .stit span { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

.brandCont { overflow:hidden }
.brandCont .top_box { margin:100px 0 150px; }
.brandCont .top_box .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.brandCont .top_box .listbox > ul > li { width:calc((100% - 60px) / 3); border-radius:20px; border:1px solid #ddd; background:#fff; position:relative; top:0; transition:all 0.4s; }
.brandCont .top_box .listbox > ul > li:hover { top:-20px; border:1px solid var(--mainColor); filter:drop-shadow(0px 0px 20px rgba(230, 0, 18, 0.10)); }
.brandCont .top_box .listbox.m4 > ul { gap:20px; }
.brandCont .top_box .listbox.m4 > ul > li { width:calc((100% - 60px) / 4); }
.brandCont .top_box .listbox > ul > li .box { padding:50px; }
.brandCont .top_box .listbox > ul > li:hover .box { }
.brandCont .top_box .listbox > ul > li dt { margin-top:30px; color:#222; font-size:26px; font-weight:700; line-height:1.3; }
.brandCont .top_box .listbox > ul > li dd { margin-top:15px; color:#333; font-size:20px; font-weight:300; line-height:1.5; }
.brandCont .feature_box .listbox > ul > li { display:flex; flex-wrap:wrap; flex-direction:row-reverse; align-items:center; gap:100px; }
.brandCont .feature_box .listbox > ul > li:not(:last-child) { margin-bottom:150px; } 
.brandCont .feature_box .listbox > ul > li:nth-child(2) { flex-direction:row; }
.brandCont.system_box .feature_box .listbox > ul > li { flex-direction:row; }
.brandCont.system_box .feature_box .listbox > ul > li:nth-child(2) { flex-direction:row-reverse; }
.brandCont .feature_box .listbox > ul > li > div { width:calc((100% - 100px) / 2); }
.brandCont .feature_box .listbox > ul > li .imgbox { position:relative;  }
.brandCont .feature_box .listbox > ul > li .imgbox:before{ content:""; display:block; padding-bottom:71.9%; }
.brandCont .feature_box .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; } 
.brandCont .feature_box .listbox > ul > li .txtbox dt { color:#222; font-size:46px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.brandCont .feature_box .listbox > ul > li .txtbox dd { margin-top:30px; }
.brandCont .feature_box .listbox > ul > li .txtbox dd p { color:#333; font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; }
.brandCont .feature_box .listbox > ul > li .txtbox dd p:not(:last-child) { margin-bottom:20px; } 
.brandCont .feature_box .listbox > ul > li .txtbox dd p span.stxt { font-size:85%; margin-top:2%; display:block }
.brandCont .worry_box { overflow:hidden }
.brandCont .worry_box .listbox { margin-top:60px; }
.brandCont .worry_box .listbox > ul { display:flex; flex-wrap:wrap; gap:100px; }
.brandCont .worry_box .listbox > ul > li { width:calc((100% - 300px) / 4); text-align:center; }
.brandCont .worry_box .listbox > ul > li .circle { position:relative; }
.brandCont .worry_box .listbox > ul > li .circle:after{ content:""; display:block; position:absolute; right:-100px; top:50%; transform:translateY(-50%); transition:all 0.3s; width:100px; height:40px; background:url(/img/common/worry_arr.svg) center no-repeat; }
.brandCont .worry_box .listbox > ul > li.active .circle:after{ background:url(/img/common/worry_arr_on.svg) center no-repeat; }
.brandCont .worry_box .listbox > ul > li .circle:before{ content:""; display:block; position:absolute; right:-100px; top:50%; transform:translateY(-50%); width:100px; height:2px; background-image:linear-gradient(to right, rgba(0,0,0,0.2) 20%, transparent 20%); background-position: 0 0, 4px 2px; background-size:8px 2px; }
.brandCont .worry_box .listbox > ul > li:last-child .circle:before,
.brandCont .worry_box .listbox > ul > li:last-child .circle:after { display:none; }
.brandCont .worry_box .listbox > ul > li .circle img { max-width:100%; border-radius:300px; }
.brandCont .worry_box .listbox > ul > li .txtbox dt { margin-top:30px; color:#222; font-size:30px; font-weight:700; line-height:1.3; }
.brandCont .worry_box .listbox > ul > li .txtbox dd { margin-top:10px; color:#333; font-size:20px; font-weight:300; line-height:1.5; }
.brandCont .satisfaction_box { overflow:hidden }
.brandCont .satisfaction_box .listbox { margin-top:60px; display:flex; flex-wrap:wrap; gap:40px; }
.brandCont .satisfaction_box .listbox .box { width:calc((100% - 40px) / 2); }
.brandCont .satisfaction_box .listbox .box dt { color:#fff; font-size:24px; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center; height:100px; border-radius:20px; background:#2B3B42;}
.brandCont .satisfaction_box .listbox .box.box-2 dt { background:#768692;}
.brandCont .satisfaction_box .listbox .box > dl > dd > ul { display:flex; gap:10px; margin-top:10px; }
.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li { width:calc((100% - 10px) / 2); }
.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox { height:272px; border-radius:20px; background:#fff; padding:50px 5px 0; display:flex; flex-direction:column; text-align:center }
.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox { margin-top:30px; color:#222; font-size:22px; font-weight:300; line-height:1.63; }
.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox strong { font-weight:700; }
.brandCont .system_list .listbox { position:relative; margin-top:60px; display:flex; flex-direction:row-reverse; flex-wrap:wrap; gap:30px; }
.brandCont .system_list .listbox .slick-slide { position:relative;  }
.brandCont .system_list .listbox .slick-slide:before { content:""; display:block; padding-bottom:65.5%; }
.brandCont .system_list .listbox .slick-slide > div { position:absolute; left:0; top:0; width:100%; height:100%; }
.brandCont .system_list .listbox .slider { width:calc(955px - 15px); }
.brandCont .system_list .listbox .slider .item { position:relative; width:100%; }
.brandCont .system_list .listbox .slider .item .imgbox img { max-width:100%; image-rendering:-webkit-optimize-contrast; transform: translateZ(0); backface-visibility:hidden; }
.brandCont .system_list .listbox .slick-list,
.brandCont .system_list .listbox .slick-track { height:100%; border:none; outline:none }
.brandCont .system_list .listbox .list { width:calc(100% - 955px - 15px); }
.brandCont .system_list .listbox .list li { cursor:pointer; position:relative; overflow:hidden; border-radius:20px; border:1px solid #fff; background:#fff; height:100px; padding:35px 40px; display:flex; flex-direction:column; transition:all 0.3s }
.brandCont .system_list .listbox .list li.on { height:270px; border:1px solid var(--mainColor); }
.brandCont .system_list .listbox .list li:not(:last-child) { margin-bottom:10px; }
.brandCont .system_list .listbox .list li dt { color:#ccc; font-size:24px; font-weight:600; line-height:1.3; transition:all 0.3s }
.brandCont .system_list .listbox .list li.on dt { color:var(--mainColor); font-size:32px; font-weight:700; }
.brandCont .system_list .listbox .list li dd { margin-top:20px; color:#333; font-size:20px; font-weight:300; line-height:1.5; letter-spacing:-0.04em; opacity:0; transition:all 0.3s }
.brandCont .system_list .listbox .list li dd .txt_b { margin-top:10%; color:#666; font-size:16px; font-weight:300; line-height:1.3; }
.brandCont .system_list .listbox .list li.on dd { opacity:1; }
.brandCont .system_list .listbox .list li .arr { position:absolute; right:40px; top:30px; width:40px; height:40px; background:url(/img/common/system_arr.svg) center no-repeat; transition:all 0.3s }
.brandCont .system_list .listbox .list li.on .arr { background:url(/img/common/system_arr_on.svg) center no-repeat; }
.brandCont .system_list .listbox .slick-dots,
.brandCont .system_list .listbox .btn-pn { display:none !important }
.brandCont .network_list { overflow:hidden }
.brandCont .network_list .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; margin-top:60px; }
.brandCont .network_list .listbox > ul > li { position:relative; width:calc((100% - 60px) / 3); }
.brandCont .network_list .listbox > ul > li:before { content:""; display:block; padding-bottom:98%; }
.brandCont .network_list .listbox > ul > li .box { position:absolute; left:0; top:0; width:100%; height:100%; border-radius:20px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden } 
.brandCont .network_list .listbox > ul > li:nth-child(1) .box { background-image:url(/img/tour/sub/network_bg01_1.jpg); }
.brandCont .network_list .listbox > ul > li:nth-child(2) .box { background-image:url(/img/tour/sub/network_bg01_2.jpg); }
.brandCont .network_list .listbox > ul > li:nth-child(3) .box { background-image:url(/img/tour/sub/network_bg01_3.jpg); }
.brandCont .network_list.rent_network .listbox > ul > li:nth-child(2) .box { background-image:url(/img/rent/sub/rent_network_bg01_2.jpg); }
.brandCont .network_list .listbox > ul > li .num { position:absolute; left:50px; top:60px; z-index:3; color:#fff; font-size:20px; font-weight:700; line-height:1.3; }
.brandCont .network_list .listbox > ul > li .txt { position:absolute; left:50px; bottom:50px; z-index:3; color:#fff; font-size:28px; font-weight:700; line-height:1.42; letter-spacing:-0.04em; }
.brandCont .network_list .listbox > ul > li .over { position:absolute; left:0; bottom:0; width:100%; height:0; opacity:0.9; background:linear-gradient(96deg, #ED5B04 -3.51%, #E60012 52.92%, #80000A 112.83%); transition:all 0.5s; }
.brandCont .network_list .listbox > ul > li:hover .over { height:100%; }
.brandCont .network_global .global_map { position:relative; margin-top:60px; }
.brandCont .network_global .global_map .imgbox img { max-width:100%; }
.brandCont .network_global .global_map .listbox { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; }
.brandCont .network_global .global_map .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.brandCont .network_global .global_map .listbox > ul > li { position:relative; width:calc((100% - 60px) / 3); height:297px; border-radius:20px; border:1px solid #ddd; background:#fff; transition:all 0.3s; }
.brandCont .network_global .global_map .listbox > ul > li:hover { border:1px solid var(--mainColor); }
.brandCont .network_global .global_map .listbox > ul > li:nth-child(2) { margin-top:30px; }
.brandCont .network_global .global_map .listbox > ul > li .box { position:relative; width:100%; height:100%; padding:40px; }
.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { display:block; color:#333; font-size:22px; font-weight:600; line-height:1.3; margin-top:20px; }
.brandCont .network_global .global_map .listbox > ul > li .box .num { position:absolute; right:40px; bottom:40px; }
.brandCont .network_global .global_map .listbox > ul > li .box .num span { color:#222; font-size:60px; font-weight:700; line-height:1.3; transition:all 0.3s; }
.brandCont .network_global .global_map .listbox > ul > li:hover .box .num span { color:var(--mainColor); }
.brandCont .network_global .logo_list { margin-top:20px; }
.brandCont .network_global .logo_list > ul { display:flex; justify-content:space-between; }
.brandCont .network_global .logo_list > ul > li img { max-width:100%; }
.brandCont .network_global .network_box { margin-top:60px; display:flex; align-items:center; flex-wrap:wrap; }
.brandCont .network_global .network_box > div { width:50% }
.brandCont .network_global .network_box .imgbox img { max-width:100%; }
.brandCont .network_global .network_box .box > ul { display:flex; flex-wrap:wrap; gap:30px; }
.brandCont .network_global .network_box .box > ul > li { transition:all 0.3s; position:relative; width:calc((100% - 30px) / 2); height:298px; padding:40px; border:1px solid #ddd; border-radius:20px; background:#fff; }
.brandCont .network_global .network_box .box > ul > li:hover { border:1px solid var(--mainColor); }
.brandCont .network_global .network_box .box > ul > li .txt { color:#666; font-size:20px; font-weight:400; line-height:1.3; }
.brandCont .network_global .network_box .box > ul > li .txt strong { display:block; color:#333; font-size:22px; font-weight:600; line-height:1.3; margin-bottom:10px; transition:all 0.3s; }
.brandCont .network_global .network_box .box > ul > li:hover .txt strong { color:var(--mainColor); }
.brandCont .network_global .network_box .box > ul > li .num { position:absolute; right:40px; bottom:40px; color:#222; font-size:20px; font-weight:700; line-height:1.3; }
.brandCont .network_global .network_box .box > ul > li .num span { color:#222; font-size:60px; font-weight:700; line-height:1.3; transition:all 0.3s; }
.brandCont .network_global .network_box .box > ul > li:hover .num span { color:var(--mainColor); }
@media screen and (max-width:1500px){
	.brandCont .top_box { margin:80px 0 130px; }
	.brandCont .top_box .listbox > ul { gap:25px; }
	.brandCont .top_box .listbox > ul > li { width:calc((100% - 50px) / 3); }
	.brandCont .top_box .listbox > ul > li .box { padding:40px; }
	.brandCont .top_box .listbox > ul > li dt { margin-top:25px; font-size:24px; }
	.brandCont .top_box .listbox > ul > li dd { margin-top:15px; font-size:19px; }
	.brandCont .top_box .listbox > ul > li dd br { display:none; }
	.brandCont .feature_box .listbox > ul > li { gap:80px; }
	.brandCont .feature_box .listbox > ul > li:not(:last-child) { margin-bottom:130px; } 
	.brandCont .feature_box .listbox > ul > li > div { width:calc((100% - 80px) / 2); }
	.brandCont .feature_box .listbox > ul > li .txtbox dt { font-size:40px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd { margin-top:25px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p { font-size:19px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p:not(:last-child) { margin-bottom:15px; } 
	.brandCont .worry_box .listbox { margin-top:50px; }
	.brandCont .worry_box .listbox > ul { gap:80px; }
	.brandCont .worry_box .listbox > ul > li { width:calc((100% - 240px) / 4); }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li .circle:before{ right:-80px; width:80px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dt { margin-top:25px; font-size:24px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:19px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dd br { display:none; }
	.brandCont .satisfaction_box .listbox { margin-top:50px; gap:30px; }
	.brandCont .satisfaction_box .listbox .box { width:calc((100% - 30px) / 2); }
	.brandCont .satisfaction_box .listbox .box dt { font-size:23px; height:90px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox { height:260px; padding:40px 5px 0; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox { margin-top:25px; font-size:21px; }
	.brandCont .system_list .listbox { margin-top:50px; gap:30px; }
	.brandCont .system_list .listbox .slider { width:calc(840px - 15px); }
	.brandCont .system_list .listbox .list { width:calc(100% - 840px - 15px); }
	.brandCont .system_list .listbox .list li { height:86px; padding:30px 35px; }
	.brandCont .system_list .listbox .list li.on { height:250px; }
	.brandCont .system_list .listbox .list li dt { font-size:22px; }
	.brandCont .system_list .listbox .list li.on dt { font-size:29px; }
	.brandCont .system_list .listbox .list li dd { margin-top:20px; font-size:19px; }
	.brandCont .system_list .listbox .list li dd br { display:none }
	.brandCont .system_list .listbox .list li .arr { right:35px; top:25px; }
	.brandCont .network_list .listbox > ul { gap:25px; margin-top:50px; }
	.brandCont .network_list .listbox > ul > li { width:calc((100% - 50px) / 3); }
	.brandCont .network_list .listbox > ul > li .num { left:40px; top:50px; font-size:19px; }
	.brandCont .network_list .listbox > ul > li .txt { left:40px; bottom:40px; font-size:26px; }
	.brandCont .network_global .global_map { margin-top:50px; }
	.brandCont .network_global .global_map .listbox > ul { gap:25px; }
	.brandCont .network_global .global_map .listbox > ul > li { width:calc((100% - 50px) / 3); height:260px; }
	.brandCont .network_global .global_map .listbox > ul > li .box { padding:30px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { font-size:21px; margin-top:18px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num { right:30px; bottom:30px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num span { font-size:52px; }
	.brandCont .network_global .network_box .box > ul { gap:25px; }
	.brandCont .network_global .network_box .box > ul > li { width:calc((100% - 25px) / 2); height:270px; padding:30px; }
	.brandCont .network_global .network_box .box > ul > li .txt { font-size:19px; }
	.brandCont .network_global .network_box .box > ul > li .txt strong { font-size:21px; margin-bottom:10px; }
	.brandCont .network_global .network_box .box > ul > li .num { right:30px; bottom:30px; font-size:21px; }
	.brandCont .network_global .network_box .box > ul > li .num span { font-size:52px; }
}
@media screen and (max-width:1280px){
	.brandCont .system_list .listbox { gap:20px; }
	.brandCont .system_list .listbox .slider { width:calc(740px - 10px); }
	.brandCont .system_list .listbox .list { width:calc(100% - 740px - 10px); }
	.brandCont .system_list .listbox .list li { height:79px; padding:25px 30px; }
	.brandCont .system_list .listbox .list li.on { height:212px; }
	.brandCont .system_list .listbox .list li dt { font-size:21px; }
	.brandCont .system_list .listbox .list li.on dt { font-size:27px; }
	.brandCont .system_list .listbox .list li dd { margin-top:16px; font-size:18px; }
	.brandCont .system_list .listbox .list li .arr { right:30px; top:19px; }
}
@media screen and (max-width:1200px){
	.brandCont .top_box { margin:70px 0 100px; }
	.brandCont .top_box .listbox > ul { gap:20px; }
	.brandCont .top_box .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.brandCont .top_box .listbox.m4 > ul { gap:15px; }
	.brandCont .top_box .listbox.m4 > ul > li { width:calc((100% - 45px) / 4); }
	.brandCont .top_box .listbox > ul > li .box { padding:35px; }
	.brandCont .top_box .listbox > ul > li dt { margin-top:20px; font-size:22px; }
	.brandCont .top_box .listbox > ul > li dd { margin-top:12px; font-size:18px; }
	.brandCont .feature_box .listbox > ul > li { gap:60px; }
	.brandCont .feature_box .listbox > ul > li:not(:last-child) { margin-bottom:100px; } 
	.brandCont .feature_box .listbox > ul > li > div { width:calc((100% - 60px) / 2); }
	.brandCont .feature_box .listbox > ul > li .txtbox dt { font-size:32px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd { margin-top:20px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p { font-size:18px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p:not(:last-child) { margin-bottom:12px; } 
	.brandCont .worry_box .listbox { margin-top:40px; }
	.brandCont .worry_box .listbox > ul { gap:60px; }
	.brandCont .worry_box .listbox > ul > li { width:calc((100% - 180px) / 4); }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li .circle:before{ right:-60px; width:60px; }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li.active .circle:after { background-size:30px auto }
	.brandCont .worry_box .listbox > ul > li .txtbox dt { margin-top:20px; font-size:22px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:18px; }
	.brandCont .satisfaction_box .listbox { margin-top:40px; gap:20px; }
	.brandCont .satisfaction_box .listbox .box { width:calc((100% - 20px) / 2); }
	.brandCont .satisfaction_box .listbox .box dt { font-size:22px; height:80px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox { height:240px; padding:30px 5px 0; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox { margin-top:20px; font-size:20px; }
	.brandCont .system_list .listbox { margin-top:40px; gap:20px; }
	.brandCont .system_list .listbox .slider { width:calc(650px - 10px); }
	.brandCont .system_list .listbox .list { width:calc(100% - 650px - 10px); }
	.brandCont .system_list .listbox .list li { height:65px; padding:18px 25px; }
	.brandCont .system_list .listbox .list li.on { height:194px; }
	.brandCont .system_list .listbox .list li dt { font-size:20px; }
	.brandCont .system_list .listbox .list li.on dt { font-size:23px; }
	.brandCont .system_list .listbox .list li dd { margin-top:10px; font-size:17px; }
	.brandCont .system_list .listbox .list li .arr { right:25px; top:10px; width:30px; }
	.brandCont .system_list .listbox .list li .arr,
	.brandCont .system_list .listbox .list li.on .arr { background-size:30px auto}
	.brandCont .network_list .listbox > ul { gap:20px; margin-top:40px; }
	.brandCont .network_list .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.brandCont .network_list .listbox > ul > li .num { left:30px; top:40px; font-size:18px; }
	.brandCont .network_list .listbox > ul > li .txt { left:30px; bottom:30px; font-size:23px; }
	.brandCont .network_global .global_map { margin-top:40px; }
	.brandCont .network_global .global_map .listbox > ul { gap:20px; }
	.brandCont .network_global .global_map .listbox > ul > li { width:calc((100% - 40px) / 3); height:220px; }
	.brandCont .network_global .global_map .listbox > ul > li .box { padding:20px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { font-size:20px; margin-top:15px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon img { height:50px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num { right:20px; bottom:20px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num span { font-size:40px; }
	.brandCont .network_global .network_box .box > ul { gap:20px; }
	.brandCont .network_global .network_box .box > ul > li { width:calc((100% - 20px) / 2); height:240px; padding:20px; }
	.brandCont .network_global .network_box .box > ul > li .txt { font-size:18px; }
	.brandCont .network_global .network_box .box > ul > li .txt strong { font-size:20px; margin-bottom:8px; }
	.brandCont .network_global .network_box .box > ul > li .num { right:20px; bottom:20px; font-size:20px; }
	.brandCont .network_global .network_box .box > ul > li .num span { font-size:40px; }
}
@media screen and (max-width:1024px){
	.brandCont .top_box { margin:60px 0 80px; }
	.brandCont .top_box .listbox > ul { gap:10px; }
	.brandCont .top_box .listbox > ul > li { width:calc((100% - 20px) / 3); border-radius:10px; }
	.brandCont .top_box .listbox > ul > li:hover { top:0; }
	.brandCont .top_box .listbox.m4 > ul { gap:10px; }
	.brandCont .top_box .listbox.m4 > ul > li { width:calc((100% - 30px) / 4); }
	.brandCont .top_box .listbox > ul > li .box { padding:30px; }
	.brandCont .top_box .listbox > ul > li .icon img { height:70px; }
	.brandCont .top_box .listbox > ul > li dt { margin-top:18px; font-size:20px; }
	.brandCont .top_box .listbox > ul > li dd { margin-top:10px; font-size:17px; }
	.brandCont .feature_box .listbox > ul > li { gap:40px; }
	.brandCont .feature_box .listbox > ul > li:not(:last-child) { margin-bottom:80px; } 
	.brandCont .feature_box .listbox > ul > li > div { width:calc((100% - 40px) / 2); }
	.brandCont .feature_box .listbox > ul > li .imgbox img { border-radius:10px; } 
	.brandCont .feature_box .listbox > ul > li .txtbox dt { font-size:26px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd { margin-top:15px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p { font-size:17px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p:not(:last-child) { margin-bottom:10px; } 
	.brandCont .worry_box .listbox { margin-top:30px; }
	.brandCont .worry_box .listbox > ul { gap:60px; }
	.brandCont .worry_box .listbox > ul > li { width:calc((100% - 180px) / 4); }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li .circle:before{ right:-60px; width:60px; }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li.active .circle:after { background-size:25px auto }
	.brandCont .worry_box .listbox > ul > li .txtbox dt { margin-top:18px; font-size:20px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dd { margin-top:10px; font-size:17px; }
	.brandCont .satisfaction_box .listbox { margin-top:30px; gap:15px; }
	.brandCont .satisfaction_box .listbox .box { width:calc((100% - 15px) / 2); }
	.brandCont .satisfaction_box .listbox .box dt { font-size:20px; height:65px; border-radius:10px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul { gap:5px; margin-top:5px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li { width:calc((100% - 5px) / 2); }
	.brandCont .network_global .global_map .listbox > ul > li:nth-child(2) { margin-top:15px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox { height:240px; padding:30px 5px 0; border-radius:10px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox { margin-top:18px; font-size:18px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .icon img { height:60px; }
	.brandCont .system_list .listbox { margin-top:30px; gap:10px; }
	.brandCont .system_list .listbox .slider { width:100%; }
	.brandCont .system_list .listbox .list { width:100%; }
	.brandCont .system_list .listbox .list li { height:60px; padding:17px 20px; border-radius:10px; }
	.brandCont .system_list .listbox .list li.on { height:auto; }
	.brandCont .system_list .listbox .list li:not(:last-child) { margin-bottom:5px; }
	.brandCont .system_list .listbox .list li dt { font-size:18px; }
	.brandCont .system_list .listbox .list li.on dt { font-size:21px; }
	.brandCont .system_list .listbox .list li dd { margin-top:8px; font-size:16px; }
	.brandCont .system_list .listbox .list li dd .txt_b { margin-top:5%; font-size:15px; }
	.brandCont .system_list .listbox .list li .arr { right:20px; top:10px; width:25px; }
	.brandCont .system_list .listbox .list li .arr,
	.brandCont .system_list .listbox .list li.on .arr { background-size:25px auto }
	.brandCont .network_list .listbox > ul { gap:10px; margin-top:30px; }
	.brandCont .network_list .listbox > ul > li { width:calc((100% - 20px) / 3); }
	.brandCont .network_list .listbox > ul > li .box { border-radius:10px; }
	.brandCont .network_list .listbox > ul > li .num { left:20px; top:30px; font-size:16px; }
	.brandCont .network_list .listbox > ul > li .txt { left:20px; bottom:20px; font-size:20px; }
	.brandCont .network_global .global_map { margin-top:30px; }
	.brandCont .network_global .global_map .listbox > ul { gap:10px; }
	.brandCont .network_global .global_map .listbox > ul > li { width:calc((100% - 20px) / 3); height:160px; border-radius:10px; }
	.brandCont .network_global .global_map .listbox > ul > li .box { padding:20px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { font-size:18px; margin-top:12px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon img { height:42px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num { right:20px; bottom:20px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num span { font-size:32px; }
	.brandCont .network_global .logo_list > ul { flex-wrap:wrap; gap:5px 10px; text-align:center; }
	.brandCont .network_global .logo_list > ul > li { width:calc((100% - 20px) / 3)}
	.brandCont .network_global .network_box .box > ul { gap:20px; }
	.brandCont .network_global .network_box .box > ul > li { width:calc((100% - 20px) / 2); height:200px; border-radius:10px; }
	.brandCont .network_global .network_box .box > ul > li .txt { font-size:16px; }
	.brandCont .network_global .network_box .box > ul > li .txt strong { font-size:18px; margin-bottom:8px; }
	.brandCont .network_global .network_box .box > ul > li .num { font-size:18px; }
	.brandCont .network_global .network_box .box > ul > li .num span { font-size:32px; }
}
@media screen and (max-width:860px){
	.brandCont .top_box .listbox.m4 > ul > li { width:calc((100% - 10px) / 2); }
	.brandCont .network_global .network_box > div { width:100% }
	.brandCont .network_global .network_box .box { margin-top:20px; }
	.brandCont .network_global .network_box .box > ul { gap:10px; }
	.brandCont .network_global .network_box .box > ul > li { width:calc((100% - 10px) / 2); height:200px; }
}
@media screen and (max-width:760px){
	.brandCont .feature_box .listbox > ul > li > div { width:100%; }
	.brandCont .feature_box .listbox > ul > li .txtbox dt br,
	.brandCont .feature_box .listbox > ul > li .txtbox dd p br { display:none }
	.brandCont .feature_box .listbox > ul > li .imgbox:before{ padding-bottom:55%; }
	.brandCont .worry_box .listbox > ul { margin:0 auto; max-width:500px; }
	.brandCont .worry_box .listbox > ul > li { width:calc((100% - 60px) / 2); }
	.brandCont .worry_box .listbox > ul > li .circle { margin:0 auto; }
	.brandCont .satisfaction_box .listbox .box { width:100%; }

	.brandCont .network_list .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { font-size:16px; margin-top:10px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon img { height:35px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num span { font-size:28px; }
	.brandCont .network_global .network_box .box > ul > li .txt { font-size:14px; }
	.brandCont .network_global .network_box .box > ul > li .txt strong { font-size:16px; margin-bottom:5px; }
	.brandCont .network_global .network_box .box > ul > li .num { font-size:16px; }
	.brandCont .network_global .network_box .box > ul > li .num span { font-size:28px; }
}
@media screen and (max-width:640px){
	.brandCont .top_box { margin:40px 0 60px; }
	.brandCont .top_box .listbox > ul { gap:10px; }
	.brandCont .top_box .listbox > ul > li,
	.brandCont .top_box .listbox.m4 > ul > li { width:100%; }
	.brandCont .top_box .listbox > ul > li .box { padding:30px; }
	.brandCont .top_box .listbox > ul > li .icon img { height:60px; }
	.brandCont .top_box .listbox > ul > li dt { margin-top:16px; font-size:19px; }
	.brandCont .top_box .listbox > ul > li dd { margin-top:8px; font-size:16px; }
	.brandCont .feature_box .listbox > ul > li { gap:25px; }
	.brandCont .feature_box .listbox > ul > li:not(:last-child) { margin-bottom:40px; } 
	.brandCont .feature_box .listbox > ul > li .txtbox dt { font-size:22px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd { margin-top:12px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p { font-size:16px; }
	.brandCont .feature_box .listbox > ul > li .txtbox dd p:not(:last-child) { margin-bottom:10px; } 
	.brandCont .worry_box .listbox { margin-top:20px; }
	.brandCont .worry_box .listbox > ul { max-width:400px; }
	.brandCont .worry_box .listbox > ul { gap:40px; }
	.brandCont .worry_box .listbox > ul > li { width:calc((100% - 40px) / 2); }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li .circle:before{ right:-40px; width:40px; }
	.brandCont .worry_box .listbox > ul > li .circle:after,
	.brandCont .worry_box .listbox > ul > li.active .circle:after { background-size:20px auto }
	.brandCont .worry_box .listbox > ul > li .txtbox dt { margin-top:16px; font-size:19px; }
	.brandCont .worry_box .listbox > ul > li .txtbox dd { margin-top:8px; font-size:16px; }
	.brandCont .satisfaction_box .listbox { margin-top:20px; gap:10px; }
	.brandCont .satisfaction_box .listbox .box dt { font-size:19px; height:60px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox { height:auto; padding:30px 5px;}
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .txtbox { margin-top:15px; font-size:17px; }
	.brandCont .satisfaction_box .listbox .box > dl > dd > ul > li .sbox .icon img { height:50px; }
	.brandCont .system_list .listbox { margin-top:20px; }
	.brandCont .system_list .listbox .list li { height:50px; padding:15px 15px; }
	.brandCont .system_list .listbox .list li dt { font-size:16px; }
	.brandCont .system_list .listbox .list li.on dt { font-size:19px; }
	.brandCont .system_list .listbox .list li dd { margin-top:8px; font-size:15px; }
	.brandCont .system_list .listbox .list li dd .txt_b { margin-top:3%; font-size:14px; }
	.brandCont .system_list .listbox .list li .arr { right:15px; top:4px; width:20px; }
	.brandCont .system_list .listbox .list li .arr,
	.brandCont .system_list .listbox .list li.on .arr { background-size:20px auto}
	.brandCont .network_list .listbox > ul > li { width:100%; }
	.brandCont .network_list .listbox > ul > li:before { padding-bottom:50%; }
	.brandCont .network_list .listbox > ul > li .num { font-size:15px; }
	.brandCont .network_list .listbox > ul > li .txt { font-size:19px; }
	.brandCont .network_global .global_map { margin-top:30px; }
	.brandCont .network_global .global_map .listbox > ul { gap:5px; }
	.brandCont .network_global .global_map .listbox > ul > li { width:calc((100% - 10px) / 3); height:130px; }
	.brandCont .network_global .global_map .listbox > ul > li .box { padding:15px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon strong { font-size:16px; margin-top:5px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .icon img { height:30px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num { right:15px; bottom:15px; }
	.brandCont .network_global .global_map .listbox > ul > li .box .num span { font-size:28px; }
	.brandCont .network_global .network_box .box > ul { gap:5px; }
	.brandCont .network_global .network_box .box > ul > li { width:calc((100% - 5px) / 2); height:160px; }
	.brandCont .network_global .network_box .box > ul > li .txt { font-size:13px; }
	.brandCont .network_global .network_box .box > ul > li .txt strong { font-size:15px; }
	.brandCont .network_global .network_box .box > ul > li .num { font-size:15px; }
	.brandCont .network_global .network_box .box > ul > li .num span { font-size:28px; }
}

/* animation */
.brandCont .top_box .listbox > ul > li { opacity:0 }
.brandCont .top_box .listbox.subOn  > ul > li:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .top_box .listbox.subOn  > ul > li:nth-child(2) { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.brandCont .top_box .listbox.subOn  > ul > li:nth-child(3) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.brandCont .top_box .listbox.subOn  > ul > li:nth-child(4) { animation:ani_3 0.8s 1.2s; animation-fill-mode:both; }
.brandCont .feature_box .listbox > ul > li .imgbox:after { content:""; display:block; width:100%; height:100%; background:#f5f5f5; position:absolute; right:0; bottom:0; }
.brandCont.system_box .feature_box .listbox > ul > li .imgbox:after { background:#fff; }
.brandCont .feature_box .listbox > ul > li:nth-child(2n) .imgbox:after { left:0; right:unset;  }
.brandCont .feature_box .listbox > ul > li.subOn .imgbox:after { animation:ani_w100 0.8s 0.5s; animation-fill-mode:both; }
.brandCont .feature_box .listbox > ul > li .txtbox dt,
.brandCont .feature_box .listbox > ul > li .txtbox dd { opacity:0 }
.brandCont .feature_box .listbox > ul > li.subOn .txtbox dt { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .feature_box .listbox > ul > li.subOn .txtbox dd { animation:ani_2 0.8s 0.6s; animation-fill-mode:both; }
.brandCont .worry_box .listbox > ul > li { opacity:0 }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(1) { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(2) { animation:ani_1 0.8s 0.6s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(3) { animation:ani_1 0.8s 0.9s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(4) { animation:ani_1 0.8s 1.2s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(5) { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.brandCont .worry_box .listbox > ul > li .circle:after,
.brandCont .worry_box .listbox > ul > li .circle:before { opacity:0; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(1) .circle:before { animation:ani_5 0.8s 0.6s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(1) .circle:after { animation:ani_5 0.8s 0.8s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(2) .circle:before { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(2) .circle:after { animation:ani_5 0.8s 1.1s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(3) .circle:before { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(3) .circle:after { animation:ani_5 0.8s 1.4s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(4) .circle:before { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(4) .circle:after { animation:ani_5 0.8s 1.7s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(5) .circle:before { animation:ani_5 0.8s 1.8s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(5) .circle:after { animation:ani_5 0.8s 2.0s; animation-fill-mode:both; }
.brandCont .worry_box .listbox > ul > li .txtbox { opacity:0; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(1) .txtbox { animation:ani_5 0.8s 0.9s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(2) .txtbox { animation:ani_5 0.8s 1.2s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(3) .txtbox { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(4) .txtbox { animation:ani_5 0.8s 1.8s; animation-fill-mode:both; }
.brandCont .worry_box .listbox.subOn > ul > li:nth-child(5) .txtbox { animation:ani_5 0.8s 2.1s; animation-fill-mode:both; }
.brandCont .system_list .listbox .slider,
.brandCont .system_list .listbox .list { opacity:0; }
.brandCont .system_list .listbox.subOn .list { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .system_list .listbox.subOn .slider { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .system_list .tabmenu { opacity:0; }
.brandCont .system_list .tabmenu.subOn { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
.brandCont .satisfaction_box .listbox .box { opacity:0; }
.brandCont .satisfaction_box .listbox.subOn .box { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .satisfaction_box .listbox.subOn .box-2 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .network_list .listbox > ul > li { opacity:0; }
.brandCont .network_list .listbox.subOn > ul > li:nth-child(1) { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .network_list .listbox.subOn > ul > li:nth-child(2) { animation:ani_5 0.8s 0.4s; animation-fill-mode:both; }
.brandCont .network_list .listbox.subOn > ul > li:nth-child(3) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .network_global .listbox > ul > li { opacity:0; }
.brandCont .network_global .listbox.subOn  > ul > li:nth-child(1) { animation:bgs3 0.8s 0.2s; animation-fill-mode:both; }
.brandCont .network_global .listbox.subOn  > ul > li:nth-child(2) { animation:bgs3 0.8s 0.4s; animation-fill-mode:both; }
.brandCont .network_global .listbox.subOn  > ul > li:nth-child(3) { animation:bgs3 0.8s 0.6s; animation-fill-mode:both; }
.brandCont .network_global .network_box > div { opacity:0; }
.brandCont .network_global .network_box.subOn .imgbox { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .network_global .network_box.subOn .box { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.brandCont .system_list .listbox.subOn .list { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .system_list .listbox.subOn .slider { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}
@media screen and (max-width:860px){
	.brandCont .network_global .network_box.subOn .imgbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .network_global .network_box.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
}
@media screen and (max-width:760px){
	.brandCont .satisfaction_box .listbox.subOn .box { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .satisfaction_box .listbox.subOn .box-2 { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .feature_box .listbox > ul > li:nth-child(2n) .imgbox:after { left:unset; right:0;  }
}


.brandCont .customer_box { position:relative; padding:80px 90px 130px; display:flex; justify-content:center; align-items:center; gap:0 75px; border-radius:20px; border:1px solid #eee; background:#fff;}
.brandCont .customer_box .box1 { position:relative; z-index:1; }
.brandCont .customer_box .box1:before{ content:""; display:block; position:absolute; right:-8px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:16px; background:var(--mainColor); }
.brandCont .customer_box .box1 img { border-radius:20px; max-width:100%; }
.brandCont .customer_box .box2 { position:relative; }
.brandCont .customer_box .box2 .circle_box:before{ content:""; display:block; position:absolute; left:-75px; top:50%; transform:translateY(-50%); height:3px; width:calc(100% + (75px * 2)); background:var(--mainColor); }
.brandCont .customer_box .box2 .circle_box { position:relative; padding:55px; border-radius:300px; border:1px dashed rgba(0,0,0,0.3); }
.brandCont .customer_box .box2 .circle { position:relative; z-index:3; border:20px solid rgba(230, 0, 18, 0.05); border-radius:290px; }
.brandCont .customer_box .box2 .sbox { position:relative; width:250px; height:250px; border-radius:250px; padding:5px; background:linear-gradient(143deg, #EA3C08 0%, #E60012 49%, #80000A 100%); box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.10); }
.brandCont .customer_box .box2 .sbox:after{ content:""; display:block; position:absolute; left:-8px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:16px; background:var(--mainColor); }
.brandCont .customer_box .box2 .sbox:before{ content:""; display:block; position:absolute; right:-8px; top:50%; transform:translateY(-50%); width:16px; height:16px; border-radius:16px; background:var(--mainColor); }
.brandCont .customer_box .box2 .sbox span { width:100%; height:100%; border-radius:250px; background:#fff; display:flex; align-items:center; justify-content:center;  }
.brandCont .customer_box .box2 .txt { position:absolute; z-index:5; left:50%; bottom:-50px; transform:translateX(-50%); width:216px; height:60px; color:#fff; font-size:22px; font-weight:700; line-height:1.3; border-radius:60px; background:linear-gradient(90deg, #EA3C08 -9.26%, #E60012 52.53%, #80000A 123.61%); display:flex; align-items:center; justify-content:center;  }
.brandCont .customer_box .box3 { position:relative; padding-left:50px; max-width:370px; width:26%; }
.brandCont .customer_box .box3:after{ content:""; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:49px; height:calc(100% - 70px); border:1px solid #ddd; border-right:none; border-radius:20px 0 0 20px; }
.brandCont .customer_box .box3:before{ content:""; display:block; position:absolute; left:-8px; top:50%; z-index:2; transform:translateY(-50%); width:16px; height:16px; border-radius:16px; background:var(--mainColor); }
.brandCont .customer_box .box3 ul { position:relative; width:100%; }
.brandCont .customer_box .box3 ul:after{ content:""; display:block; position:absolute; left:-49px; top:50%; transform:translateY(calc(-50% + 0.5px)); width:49px; height:1px; background:#ddd; }
.brandCont .customer_box .box3 li { height:70px; border-radius:80px; background:#333; color:#fff; font-size:22px; font-weight:500; line-height:1.3; text-align:center; display:flex; align-items:center; justify-content:center; }
.brandCont .customer_box .box3 li:not(:last-child) { margin-bottom:20px; }
@media screen and (max-width:1500px){
	.brandCont .customer_box { padding:80px 50px 130px; gap:0 75px; }
	.brandCont .customer_box .box2 .circle_box { padding:45px; }
}
@media screen and (max-width:1200px){
	.brandCont .customer_box { padding:60px 30px 110px; gap:0 50px;}
	.brandCont .customer_box .box2 .circle_box:before{ left:-50px; width:calc(100% + (50px * 2)); }
	.brandCont .customer_box .box2 .circle_box { padding:40px; }
	.brandCont .customer_box .box2 .circle { border-width:15px; }
	.brandCont .customer_box .box2 .sbox { width:210px; height:210px; padding:5px; }
	.brandCont .customer_box .box2 .txt { font-size:20px; }
	.brandCont .customer_box .box3 { padding-left:30px; }
	.brandCont .customer_box .box3:after{ width:29px; height:calc(100% - 60px); }
	.brandCont .customer_box .box3 ul:after{ left:-29px; width:29px; }
	.brandCont .customer_box .box3 li { height:60px; font-size:20px; }
}
@media screen and (max-width:1024px){
	.brandCont .customer_box { padding:50px 20px 100px; gap:0 40px; border-radius:10px; }
	.brandCont .customer_box .box1:before{ right:-8px; width:16px; height:16px; }
	.brandCont .customer_box .box1 img { border-radius:10px; }
	.brandCont .customer_box .box2 .circle_box:before{ left:-40px; height:2px; width:calc(100% + (40px * 2)); }
	.brandCont .customer_box .box2 .circle_box { padding:40px; }
	.brandCont .customer_box .box2 .circle { border-width:15px; }
	.brandCont .customer_box .box2 .sbox { width:210px; height:210px; padding:5px; }
	.brandCont .customer_box .box2 .sbox:after{ left:-8px; width:16px; height:16px; }
	.brandCont .customer_box .box2 .sbox:before{ right:-8px; width:16px; height:16px; }
	.brandCont .customer_box .box2 .txt { bottom:-40px; width:216px; height:50px; font-size:19px; }
	.brandCont .customer_box .box3 { padding-left:30px; }
	.brandCont .customer_box .box3:after{ width:29px; height:calc(100% - 50px); border-radius:10px 0 0 10px; }
	.brandCont .customer_box .box3:before{ left:-8px; width:16px; height:16px; }
	.brandCont .customer_box .box3 ul:after{ left:-29px; width:29px; }
	.brandCont .customer_box .box3 li { height:50px; font-size:19px; }
	.brandCont .customer_box .box3 li:not(:last-child) { margin-bottom:15px; }
}
@media screen and (max-width:960px){
	.brandCont .customer_box { padding:30px 40px; gap:30px; flex-direction:column;}
	.brandCont .customer_box .box1:before{ left:50%; bottom:-6px; right:unset; top:unset; transform:translate(-50%, 0); width:12px; height:12px; }
	.brandCont .customer_box .box2 .circle_box:before{ top:-30px; left:50%; width:2px; height:calc(100% + (30px * 2)); transform:translate(-50%, 0); }
	.brandCont .customer_box .box2 .circle_box { padding:30px; }
	.brandCont .customer_box .box2 .circle { border-width:10px; }
	.brandCont .customer_box .box2 .sbox { width:170px; height:170px; padding:3px; }
	.brandCont .customer_box .box2 .sbox img { height:30px; }
	.brandCont .customer_box .box2 .sbox:after{ left:50%; bottom:-6px; right:unset; top:unset; transform:translate(-50%, 0); width:12px; height:12px; }
	.brandCont .customer_box .box2 .sbox:before{ left:50%; top:-6px; right:unset; bottom:unset; transform:translate(-50%, 0); width:12px; height:12px;}
	.brandCont .customer_box .box2 .txt { bottom:unset; width:180px; height:50px; font-size:19px; top:50%; left:50%; margin-left:35%; transform:translateY(-50%); }
	.brandCont .customer_box .box3 { padding:0; width:100%; max-width:390px; }
	.brandCont .customer_box .box3:after{ display:none }
	.brandCont .customer_box .box3:before{ left:50%; top:-6px; right:unset; bottom:unset; transform:translate(-50%, 0); width:12px; height:12px;}
	.brandCont .customer_box .box3 ul:after{ display:none }
	.brandCont .customer_box .box3 li { height:50px; font-size:19px; }
	.brandCont .customer_box .box3 li:not(:last-child) { margin-bottom:15px; }
}
@media screen and (max-width:640px){
	.brandCont .customer_box { padding:20px 70px;}
	.brandCont .customer_box .box2 .circle_box { padding:25px; }
	.brandCont .customer_box .box2 .sbox { width:150px; height:150px; padding:3px; }
	.brandCont .customer_box .box2 .sbox img { height:28px; }
	.brandCont .customer_box .box2 .txt { width:140px; height:40px; font-size:16px; margin-left:35%; }
	.brandCont .customer_box .box3 { padding:0; width:100%; max-width:390px; }
	.brandCont .customer_box .box3 li { height:40px; font-size:16px; }
	.brandCont .customer_box .box3 li:not(:last-child) { margin-bottom:10px; }
}


/* animation */
.brandCont .customer_box > div { opacity:0 }
.brandCont .customer_box.subOn .box1 { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .customer_box.subOn .box2 { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
.brandCont .customer_box.subOn .box3 { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:960px){
	.brandCont .customer_box.subOn .box1 { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .customer_box.subOn .box2 { animation:ani_5 0.8s 0.3s; animation-fill-mode:both; }
	.brandCont .customer_box.subOn .box3 { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
}


.mice_box .top_box { margin:100px 0 150px; }
.mice_box .top_box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px; }
.mice_box .top_box .listbox > ul > li { width:calc((100% - 60px) / 4); border-radius:20px; border:1px solid #ddd; background:#fff; position:relative; top:0; transition:all 0.4s; }
.mice_box .top_box .listbox > ul > li:hover { top:-20px; border:1px solid var(--mainColor); filter:drop-shadow(0px 0px 20px rgba(230, 0, 18, 0.10)); }
.mice_box .top_box .listbox > ul > li .box { position:relative; padding:40px; height:307px; }
.mice_box .top_box .listbox > ul > li .box .icon strong { display:block; color:#333; font-size:22px; font-weight:600; line-height:1.3; margin-top:20px; }
.mice_box .top_box .listbox > ul > li .box .num { position:absolute; right:40px; bottom:40px; }
.mice_box .top_box .listbox > ul > li .box .num span { color:#222; font-size:60px; font-weight:700; line-height:1.3; transition:all 0.3s; }
.mice_box .top_box .listbox > ul > li:hover .box .num span { color:var(--mainColor); }
.mice_box .top_box .listbox .txt_b { margin-top:20px; display:flex; justify-content:flex-end; color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.mice_box .mice-list .listbox { margin-top:60px; }
.mice_box .mice-list .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.mice_box .mice-list .listbox > ul > li { position:relative; width:calc((100% - 60px) / 3); }
.mice_box .mice-list .listbox > ul > li a { cursor:default; }
.mice_box .mice-list .listbox > ul > li .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.mice_box .mice-list .listbox > ul > li .imgbox:before{ content:""; display:block; padding-bottom:62.3%; }
.mice_box .mice-list .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.4s; } 
.mice_box .mice-list .listbox > ul > li:hover .imgbox img { transform:scale(1.15); }
.mice_box .mice-list .listbox > ul > li .type { position:absolute; left:15px; top:15px; z-index:3; padding:4px 10px; color:#fff; font-size:16px; font-weight:700; line-height:1.3; display:flex; justify-content:center; border-radius:30px; background:linear-gradient(90deg, #E60012 0%, #EA3C08 100%); }
@media screen and (max-width:1500px){
	.mice_box .top_box { margin:80px 0 130px; }
	.mice_box .top_box .listbox > ul > li .box { padding:30px; }
	.mice_box .top_box .listbox > ul > li .box .icon strong { font-size:21px; margin-top:18px; }
	.mice_box .top_box .listbox > ul > li .box .num { right:30px; bottom:30px; }
	.mice_box .top_box .listbox > ul > li .box .num span { font-size:52px; }
	.mice_box .mice-list .listbox { margin-top:50px; }
	.mice_box .mice-list .listbox > ul { gap:25px; }
	.mice_box .mice-list .listbox > ul > li { width:calc((100% - 50px) / 3); }
}
@media screen and (max-width:1200px){
	.mice_box .top_box { margin:70px 0 100px; }
	.mice_box .top_box .listbox > ul { gap:15px; }
	.mice_box .top_box .listbox > ul > li { width:calc((100% - 45px) / 4); }
	.mice_box .top_box .listbox > ul > li .box { padding:20px; height:250px; }
	.mice_box .top_box .listbox > ul > li .box .icon strong { font-size:20px; margin-top:15px; }
	.mice_box .top_box .listbox > ul > li .box .icon img { height:50px; }
	.mice_box .top_box .listbox > ul > li .box .num { right:20px; bottom:20px; }
	.mice_box .top_box .listbox > ul > li .box .num span { font-size:40px; }
	.mice_box .mice-list .listbox { margin-top:40px; }
	.mice_box .mice-list .listbox > ul { gap:20px; }
	.mice_box .mice-list .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.mice_box .mice-list .listbox > ul > li .type { left:12px; top:12px;}
}
@media screen and (max-width:1024px){
	.mice_box .top_box { margin:60px 0 80px; }
	.mice_box .top_box .listbox > ul { gap:10px; }
	.mice_box .top_box .listbox > ul > li { width:calc((100% - 30px) / 4); border-radius:10px; }
	.mice_box .top_box .listbox > ul > li:hover { top:0; }
	.mice_box .top_box .listbox > ul > li .box { padding:20px; height:200px; }
	.mice_box .top_box .listbox > ul > li .box .icon strong { font-size:18px; margin-top:12px; }
	.mice_box .top_box .listbox > ul > li .box .icon img { height:42px; }
	.mice_box .top_box .listbox > ul > li .box .num { right:20px; bottom:20px; }
	.mice_box .top_box .listbox > ul > li .box .num span { font-size:32px; }
	.mice_box .mice-list .listbox { margin-top:40px; }
	.mice_box .mice-list .listbox > ul { gap:15px; }
	.mice_box .mice-list .listbox > ul > li { width:calc((100% - 30px) / 3); }
	.mice_box .mice-list .listbox > ul > li .imgbox { border-radius:10px; }
	.mice_box .mice-list .listbox > ul > li .type { left:10px; top:10px; padding:3px 10px; font-size:15px; }
}
@media screen and (max-width:860px){
	.mice_box .top_box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.mice_box .top_box .listbox > ul > li .box { height:180px; }
	.mice_box .top_box .listbox > ul > li .box .icon strong { font-size:16px; margin-top:10px; }
	.mice_box .top_box .listbox > ul > li .box .icon img { height:35px; }
	.mice_box .top_box .listbox > ul > li .box .num { right:20px; bottom:20px; }
	.mice_box .top_box .listbox > ul > li .box .num span { font-size:28px; }
	.mice_box .mice-list .listbox > ul { gap:10px; }
	.mice_box .mice-list .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	.mice_box .top_box { margin:40px 0 60px; }
	.mice_box .top_box .listbox > ul { gap:5px; }
	.mice_box .top_box .listbox > ul > li { width:calc((100% - 5px) / 2); }
	.mice_box .top_box .listbox > ul > li .box { padding:15px; height:150px; }
	.mice_box .top_box .listbox > ul > li .box .icon strong { font-size:16px; margin-top:5px; }
	.mice_box .top_box .listbox > ul > li .box .num { right:15px; bottom:15px; }
	.mice_box .top_box .listbox > ul > li .box .num span { font-size:28px; }
}


/* animation */
.mice_box .top_box .listbox > ul > li { opacity:0 }
.mice_box .top_box .listbox.subOn  > ul > li:nth-child(1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.mice_box .top_box .listbox.subOn  > ul > li:nth-child(2) { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.mice_box .top_box .listbox.subOn  > ul > li:nth-child(3) { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
.mice_box .top_box .listbox.subOn  > ul > li:nth-child(4) { animation:ani_3 0.8s 1.2s; animation-fill-mode:both; }
.mice_box .top_box .listbox .txt_b { opacity:0 }
.mice_box .top_box .listbox.subOn .txt_b { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }
.mice_box .mice-list .listbox { opacity:0 }
.mice_box .mice-list .listbox.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }


.info_topCont { width:550px; }
.info_topCont h4 { margin-top:32px; color:#111; font-size:45px; font-weight:400; line-height:1.3; }
.info_topCont .txt { margin-top:30px; color:#222; font-size:20px; font-weight:400; line-height:1.6; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
.info_topCont .txt > p { font-size:20px; font-weight:400; line-height:1.6; }
.info_topCont .txt > p:not(:last-child) { margin-bottom:35px; }
.info_topCont .btn_more { margin-top:60px; background:linear-gradient(96deg, #ED5B04 -3.51%, #E60012 52.92%, #80000A 112.83%); outline:none; color:#fff; font-size:20px; font-weight:600; line-height:1.3; width:200px; height:60px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; border-radius:60px; }
.info_topCont .btn_more:hover { background:#fff; border:1px solid var(--mainColor); transition:all 1s; color:var(--mainColor); }
.information_top { position:absolute; left:0; top:0; width:100%; }
.information_top:before{content:''; position:absolute; top:0; left:0; height:100vh; width:30%; background:#f9f9f9; }
.information_top > div:before{content:''; position:absolute; top:0; left:0; height:100vh; width:615px; background:#f9f9f9;}
.information_top .i-box { position:absolute; top:0; left:50%; transform:translateX(-50%); height:100vh; width:100vw; }
.information_top .i-box .tit { padding-top:100px;}
.information_box .info_topCont { display:none }
.information_box .top_box { margin-top:60px; padding:100px 0; }
.information_box .top_box .listbox { position:relative; }
.information_box .top_box .listbox .box .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.information_box .top_box .listbox .box .imgbox:before{ content:""; display:block; padding-bottom:62.3%; }
.information_box .top_box .listbox .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; transition:all 0.4s; } 
.information_box .top_box .listbox .box:hover .imgbox img { transform:scale(1.15); }
.information_box .top_box .listbox .box h4 { margin-top:30px; color:#333; font-size:22px; font-weight:600; line-height:1.3; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.information_box .top_box .listbox .swiper-btn { position:absolute; top:calc(50% - 30px); transform:translateY(-50%); z-index:5; transition:all 0.3s; width:50px; height:50px; border:1px solid #ddd; outline:none; border-radius:50px; cursor:pointer; background:url(/img/tour/main/m_swiper_btn.svg) center center no-repeat }
.information_box .top_box .listbox .swiper-btn:hover { border:1px solid #e31810; background:#e31810 url(/img/tour/main/m_swiper_btn_on.svg) center center no-repeat}
.information_box .top_box .listbox .swiper-button-prev-i { left:-80px; transform:translateY(-50%) rotate(180deg); }
.information_box .top_box .listbox .swiper-button-next-i { right:-80px; }
.information_box .top_box .listbox .swiper-pagination-i { display:none; justify-content:center; margin-top:30px; gap:15px; }
.information_box .top_box .listbox .swiper-pagination-i .swiper-pagination-bullet { background:#ddd; width:10px; height:10px; opacity:1 }
.information_box .top_box .listbox .swiper-pagination-i .swiper-pagination-bullet.swiper-pagination-bullet-active { background:var(--mainColor); }
.information_box .search-box .sbox { display:flex; align-items:flex-end; }
.information_box .search-box .s-ipbox { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:0 20px; width:420px; }
.information_box .search-box .s-ipbox select { width:calc(50% - 10px); padding:10px; font-size:18px; color:#333; font-weight:600; border:none; border-bottom:2px solid #222; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/common/icon_select_bg.png) no-repeat 93% 50%; }
.information_box .search-box .s-ipbox select::-ms-expand { display:none; }
.information_box .search-box .s-ipbox input { width:calc(50% - 10px); height:45px; line-height:1.3; padding:0 50px 0 10px; font-size:18px; color:#333; font-weight:600; border:none; border-bottom:2px solid #222; border-radius:0; outline:none; background:#fff; }
.information_box .search-box .s-ipbox button { position:absolute; right:0; bottom:0; display:block; width:45px; height:45px; text-indent:-9999em; overflow:hidden; text-align:center; border:none; outline:none; background:url(/img/common/search_icon.svg) center center no-repeat; padding:0; }
.information_box .search-box .s-ipbox input::placeholder { color:#ccc; opacity:1; font-weight:300; }
.information_box .search-box .keyword { width:calc(100% - 420px); padding-left:30px; }
.information_box .search-box .keyword > ul { display:flex; flex-wrap:wrap; gap:10px 0; }
.information_box .search-box .keyword > ul > li:not(:last-child) { margin-right:10px; }
.information_box .search-box .keyword > ul > li a { height:40px; color:#666; font-size:16px; font-weight:500; line-height:1.3; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding:0 20px; border-radius:30px; border:1px solid #ddd; background:#fff; }
.information_box .search-box .keyword > ul > li.on a { border:1px solid #333; background:#333; color:#fff; }
.information_box .info-list .listbox { margin-top:60px; }
.information_box .info-list .listbox > ul { display:flex; flex-wrap:wrap; gap:60px 30px; }
.information_box .info-list .listbox > ul > li { width:calc((100% - 60px) / 3); }
.information_box .info-list .listbox > ul > li .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.information_box .info-list .listbox > ul > li .imgbox:before{ content:""; display:block; padding-bottom:62.3%; }
.information_box .info-list .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.4s; } 
.information_box .info-list .listbox > ul > li:hover .imgbox img { transform:scale(1.15); }
.information_box .info-list .listbox > ul > li .txtbox { margin-top:30px; }
.information_box .info-list .listbox > ul > li .txtbox .keyword li { display:inline-block; display:inline-block; border-radius:30px; border:1px solid #ddd; padding:4px 10px; color:#aaa; font-size:16px; font-weight:400; line-height:1.3; margin-bottom:6px; }
.information_box .info-list .listbox > ul > li .txtbox .keyword li a { color:#aaa; font-weight:400;}
.information_box .info-list .listbox > ul > li .txtbox .keyword li:not(:last-child) { margin:0 0 3px 0; }
.information_box .info-list .listbox > ul > li .txtbox h4 { color:#333; font-size:22px; font-weight:600; line-height:1.4; margin-top:9px; }
.information_box .info-list .listbox > ul > li .info { margin-top:15px; display:flex; justify-content:space-between; align-items:center; }
.information_box .info-list .listbox > ul > li .info .sbox { display:flex; align-items:center; gap:20px; }
.information_box .info-list .listbox > ul > li .info .like { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/like_icon.svg) left center no-repeat; }
.information_box .info-list .listbox > ul > li .info .share { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/share_icon.svg) left center no-repeat; }
.information_box .info-list .listbox > ul > li .info .reply { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/reply_icon.svg) left center no-repeat; }
.information_box .info-list .listbox > ul > li .info .date { color:#999; font-size:15px; font-weight:400; line-height:1.3; }
@media screen and (max-width:1780px){
	.info_topCont  { width:380px; }
	.info_topCont .txt > p br { display:none }
} 
@media screen and (max-width:1720px){
	.information_box .top_box .listbox .swiper-btn { background-color:#fff}
	.information_box .top_box .listbox .swiper-button-prev-i { left:10px; }
	.information_box .top_box .listbox .swiper-button-next-i { right:10px; }
}
@media screen and (max-width:1500px){
	.info_topCont { width:500px; }
	.info_topCont h4 { margin-top:30px; font-size:40px; }
	.info_topCont .txt { margin-top:25px; font-size:19px; }
	.info_topCont .txt > p { font-size:19px; }
	.info_topCont .txt > p:not(:last-child) { margin-bottom:30px; }
	.information_top .i-box .tit { padding-top:150px; }
	.information_box .top_box { margin-top:50px; padding:90px 0; }
	.information_box .search-box .s-ipbox { gap:0 16px; width:380px; }
	.information_box .search-box .s-ipbox select { width:calc(50% - 8px); }
	.information_box .search-box .s-ipbox input { width:calc(50% - 8px); }
	.information_box .search-box .s-ipbox button { width:45px; height:45px; }
	.information_box .search-box .keyword { width:calc(100% - 380px); padding-left:25px; }
	.information_box .search-box .keyword > ul { gap:5px 0; }
	.information_box .search-box .keyword > ul > li:not(:last-child) { margin-right:5px; }
	.information_box .search-box .keyword > ul > li a { height:40px; font-size:16px; padding:0 20px; }
	.information_box .info-list .listbox { margin-top:50px; }
	.information_box .info-list .listbox > ul { gap:50px 25px; }
	.information_box .info-list .listbox > ul > li { width:calc((100% - 50px) / 3); }
}
@media screen and (max-width:1200px){
	.info_topCont { width:45vw; }
	.info_topCont  h4 { margin-top:25px; font-size:30px; }
	.info_topCont .txt { margin-top:20px; font-size:18px; }
	.info_topCont .txt > p{ font-size:18px; }
	.info_topCont .txt > p:not(:last-child) { margin-bottom:25px; }
	.info_topCont .btn_more { margin-top:40px; font-size:19px; width:180px; height:55px; }
	.information_top:before{ width:50%; }
	.information_top > div:before{ display:none }
	.information_top:before,
	.information_top > div:before,
	.information_top .i-box { height:60vh; }
	.information_top .i-box .tit { padding-top:0; }
	.information_box .top_box { margin-top:40px; padding:70px 0; }
	.information_box .top_box .listbox .box h4 { margin-top:25px; font-size:21px; }
	.information_box .top_box .listbox .swiper-btn { width:50px; height:50px; }
	.information_box .search-box .sbox { flex-wrap:wrap; }
	.information_box .search-box .s-ipbox { width:380px; }
	.information_box .search-box .keyword { width:100%; padding:15px 0 0; }
	.information_box .search-box .keyword > ul > li a { height:38px; padding:0 15px; }
	.information_box .info-list .listbox { margin-top:40px; }
	.information_box .info-list .listbox > ul { gap:40px 20px; }
	.information_box .info-list .listbox > ul > li { width:calc((100% - 40px) / 3); }
	.information_box .info-list .listbox > ul > li .txtbox .keyword li:not(:last-child) { margin:0 6px 3px 0; }
	.information_box .info-list .listbox > ul > li .txtbox h4 { font-size:21px; }
}
@media screen and (max-width:1024px){
	.info_topCont > p { font-size:22px; color:var(--mainColor); }
	.info_topCont h4 { margin-top:20px; font-size:26px; }
	.info_topCont .txt { margin-top:15px; font-size:16px; }
	.info_topCont .txt > p{ font-size:16px; }
	.info_topCont .txt > p:not(:last-child) { margin-bottom:20px; }
	.info_topCont .btn_more { margin:40px auto 0; font-size:18px; width:170px; height:50px; }
	.information_top { display:none }
	.information_top:before,
	.information_top > div:before,
	.information_top:before,
	.information_top > div:before{ display:none }
	.information_box .info_topCont { display:block; padding:0 20px 70px; width:100%; }
	.information_box .top_box { margin-top:30px; padding:50px 0; }
	.information_box .top_box .listbox .box .imgbox { border-radius:10px; }
	.information_box .top_box .listbox .box h4 { margin-top:20px; font-size:19px; }
	.information_box .top_box .listbox .swiper-btn { width:45px; height:45px; }
	.information_box .top_box .listbox .swiper-pagination-i { display:flex; }
	.information_box .search-box .keyword > ul > li a { font-size:15px; }
	.information_box .info-list .listbox { margin-top:30px; }
	.information_box .info-list .listbox > ul { gap:30px 15px; }
	.information_box .info-list .listbox > ul > li { width:calc((100% - 30px) / 3); }
	.information_box .info-list .listbox > ul > li .imgbox { border-radius:10px; }
	.information_box .info-list .listbox > ul > li .txtbox .keyword li:not(:last-child) { margin-right:5px; }
	.information_box .info-list .listbox > ul > li .txtbox .keyword li { font-size:15px; }
	.information_box .info-list .listbox > ul > li .txtbox h4 { font-size:19px; }
}
@media screen and (max-width:860px){
	.information_box .info-list .listbox > ul { gap:20px 10px; }
	.information_box .info-list .listbox > ul > li { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
	/*.s_wrap .sv .bg_ctn .bg.bg03{ background-position:70% -1px; }
	.info_topCont { width:54vw; } */
	.info_topCont > p { font-size:19px; }
	.info_topCont h4 { margin-top:18px; font-size:23px; }
	.info_topCont .txt { margin-top:12px; }
	.info_topCont .txt > p:not(:last-child) { margin-bottom:12px; }
	.information_top:before{ width:60%; }
	.information_box .info_topCont { padding:0 20px 50px; }
	.information_box .top_box { padding:40px 0; }
	.information_box .top_box .listbox .box h4 { margin-top:15px; font-size:17px; }
	.information_box .top_box .listbox .swiper-btn { width:40px; height:40px; background-size:6px auto; }
	.information_box .search-box .s-ipbox { gap:0 10px; width:100%; }
	.information_box .search-box .s-ipbox select { width:180px; }
	.information_box .search-box .s-ipbox input { width:calc(100% - 180px - 10px); }
	.information_box .info-list .listbox > ul > li .txtbox .keyword li { font-size:14px; }
	.information_box .info-list .listbox > ul > li .txtbox h4 { font-size:17px; }
}
@media screen and (max-width:600px){
	.information_top:before,
	.information_top > div:before,
	.information_top .i-box { height:550px; }
}

/* animation */
.information_box .top_box .listbox { opacity:0 }
.information_box .top_box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.information_box .info-list .search-box { opacity:0 }
.information_box .info-list .search-box.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.information_box .info-list .listbox { opacity:0 }
.information_box .info-list .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }



.certificate_box .banner_box .listbox { position:relative; }
.certificate_box .banner_box .listbox .box { position:relative; height:100%; }
.certificate_box .banner_box .listbox .box .imgbox { position:relative; overflow:hidden; border-radius:20px; }
.certificate_box .banner_box .listbox .box .imgbox:before{ content:""; display:block; padding-bottom:33.3%; }
.certificate_box .banner_box .listbox .box .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; border-radius:20px; } 
.certificate_box .banner_box .listbox .box .txtbox { position:absolute; top:100px; left:120px; }
.certificate_box .banner_box .listbox .box .txtbox .txt-1 { color:#fff; font-size:24px; font-weight:600; line-height:1.3; }
.certificate_box .banner_box .listbox .box .txtbox .txt-2 { margin-top:20px; color:#fff; font-size:56px; font-weight:700; line-height:1.3; }
.certificate_box .banner_box .listbox .box .txtbox .txt-3 { margin-top:30px; color:#fff; font-size:24px; font-weight:400; line-height:1.3; }
.certificate_box .banner_box .listbox .box .txtbox .txt-3 strong { font-weight:700; }
.certificate_box .banner_box .listbox .box .txtbox .txt-3 span { display:block; margin-top:15px; color:#fff; font-size:18px; font-weight:400; line-height:1.3; }
.certificate_box .banner_box .listbox .box .more { position:absolute; top:50%; right:120px; transform:translateY(-50%); animation:banner_more 6s linear infinite; }
.certificate_box .banner_box .listbox .swiper-btn { position:absolute; top:50%; transform:translateY(-50%); z-index:5; transition:all 0.3s; width:50px; height:50px; border:1px solid #ddd; outline:none; border-radius:50px; cursor:pointer; background:url(/img/tour/main/m_swiper_btn.svg) center center no-repeat }
.certificate_box .banner_box .listbox .swiper-btn:hover { border:1px solid #e31810; background:#e31810 url(/img/tour/main/m_swiper_btn_on.svg) center center no-repeat}
.certificate_box .banner_box .listbox .swiper-button-prev-c { left:-80px; transform:translateY(-50%) rotate(180deg); }
.certificate_box .banner_box .listbox .swiper-button-next-c { right:-80px; }
.certificate_box .banner_box .listbox .swiper-pagination-c { display:none; justify-content:center; margin-top:30px; gap:15px; }
.certificate_box .banner_box .listbox .swiper-pagination-c .swiper-pagination-bullet { background:#ddd; width:10px; height:10px; opacity:1 }
.certificate_box .banner_box .listbox .swiper-pagination-c .swiper-pagination-bullet.swiper-pagination-bullet-active { background:var(--mainColor); }
.certificate_box .service_search { overflow:hidden }
.certificate_box .service_search .listbox { margin-top:60px; }
.certificate_box .service_search .listbox > ul { display:flex; flex-wrap:wrap; gap:30px; }
.certificate_box .service_search .listbox > ul > li { width:calc((100% - 30px) / 2); }
.certificate_box .service_search .listbox > ul > li .box { position:relative; padding:60px; border-radius:20px; border:1px solid #f5f5f5; background:#f5f5f5; transition:all 0.4s; }
.certificate_box .service_search .listbox > ul > li .box:hover { border:1px solid #ddd; background:#fff; }
.certificate_box .service_search .listbox > ul > li .box h4 { color:#222; font-size:30px; font-weight:700; line-height:1.4; }
.certificate_box .service_search .listbox > ul > li .box .btn { display:inline-block; margin-top:20px; color:#666; font-size:18px; font-weight:400; line-height:1.3; padding-right:23px; background:url(/img/cert/sub/service_arr.svg) right center no-repeat; }
.certificate_box .service_search .listbox > ul > li .box .icon { position:absolute; right:60px; bottom:60px; }
.certificate_box .service_search .listbox > ul > li .box .icon path { transition:all 0.4s }
.certificate_box .service_search .listbox > ul > li:hover .box .icon path { stroke:var(--mainColor); }
.certificate_box .tabmenu_main > ul { display:flex; margin-left:1px; }
.certificate_box .tabmenu_main > ul > li { width:25%; border:1px solid #e0e0e0; margin-left:-1px; text-align:center; overflow:hidden }
.certificate_box .tabmenu_main > ul > li a { text-align:center; width:100%; height:70px; display:flex; align-items:center; justify-content:center; color:#999; font-size:20px; font-weight:500; line-height:1.3; }
.certificate_box .tabmenu_main > ul > li.active a { background:var(--mainColor); color:#fff; font-weight:700; }
.certificate_box .tabmenu_main > ul > li.active { border:1px solid var(--mainColor); }
.certificate_box .tabmenu_main > ul > li:first-child { border-radius:20px 0px 0px 20px; }
.certificate_box .tabmenu_main > ul > li:last-child { border-radius:0 20px 20px 0; }
.certificate_box .gift_cert .listbox { display:flex; align-items:center; padding-top:60px; overflow:hidden }
.certificate_box .gift_cert .listbox ul { white-space:nowrap; display:flex; align-items:center;  }
.certificate_box .gift_cert .listbox li { display:inline-block; margin-right:30px; padding:60px; border:1px solid #ddd; background:#fff; border-radius:20px; text-align:center; position:relative; top:0; transition:all 0.4s; }
.certificate_box .gift_cert .listbox li:hover { top:-20px; border:1px solid var(--mainColor); filter:drop-shadow(0px 0px 20px rgba(230, 0, 18, 0.10)); }
.certificate_box .gift_cert .listbox li strong { margin-top:30px; display:block; color:#333; font-size:22px; font-weight:700; line-height:1.3; transition:all 0.4s }
.certificate_box .gift_cert .listbox li:hover strong { color:var(--mainColor); }
.certificate_box .gift_cert .listbox.subOn ul { animation:g_marquee 20s 0.9s infinite linear; }
.certificate_box .usage_box .listbox { padding-top:60px; }
.certificate_box .usage_box .listbox > ul { display:flex; flex-wrap:wrap; gap:20px;}
.certificate_box .usage_box .listbox > ul > li { width:calc((100% - 20px) / 2); border:1px solid #ddd; background:#fff; border-radius:20px; transition:all 0.4s; }
.certificate_box .usage_box .listbox > ul > li:hover { border:1px solid var(--mainColor); filter:drop-shadow(0px 0px 20px rgba(230, 0, 18, 0.10)); }
.certificate_box .usage_box .listbox > ul > li .box { display:flex; align-items:center; padding:60px; background:url(/img/cert/sub/usage_arr.svg) calc(100% - 60px) center no-repeat; transition:all 0.4s; }
.certificate_box .usage_box .listbox > ul > li:hover .box { padding-left:80px; }
.certificate_box .usage_box .listbox > ul > li .box .txt { margin-left:30px; color:#222; font-size:24px; font-weight:700; line-height:1.3; }
.certificate_box .usage_box .listbox > ul > li .box .icon path { transition:all 0.4s }
.certificate_box .usage_box .listbox > ul > li:hover .box .icon path { stroke:var(--mainColor); }
.certificate_box .usage_box .listbox > ul > li .info { display:none }
.certificate_box .agreement_box .listbox { padding-top:60px; }
.certificate_box .agreement_box .listbox > ul { padding:60px; border-radius:20px; border:1px dashed #000; background:#fff; }
.certificate_box .agreement_box .listbox > ul > li { position:relative; padding-left:19px; color:#333; font-size:20px; font-weight:300; line-height:1.4; }
.certificate_box .agreement_box .listbox > ul > li:before{ content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#aaa; border-radius:4px; } 
.certificate_box .agreement_box .listbox > ul > li:not(:last-child) { margin-bottom:20px; }
.certificate_box .faq_box .listbox { padding-top:60px; }
.certificate_box .faq_box .listbox > ul > li { background:#fff; border-radius:20px; padding:0 40px;}
.certificate_box .faq_box .listbox > ul > li > p { cursor:pointer; display:flex; align-items:center; position:relative; padding:30px 60px; color:#333; font-size:20px; font-weight:600; line-height:1.4; }
.certificate_box .faq_box .listbox > ul > li > p:before { content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url(/img/cert/sub/faq_arr.svg) center center no-repeat; transition:all 0.3s; }
.certificate_box .faq_box .listbox > ul > li.on > p:before { background:url(/img/cert/sub/faq_arr_on.svg) center center no-repeat; }
.certificate_box .faq_box .listbox > ul > li > p strong { position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; font-size:20px; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:40px; background:linear-gradient(148deg, #EA3C08 7.25%, #E60012 49.11%, #80000A 97.26%); }
.certificate_box .faq_box .listbox > ul > li:not(:last-child) { margin-bottom:20px; }
.certificate_box .faq_box .listbox > ul > li .contentBox { position:relative; border-top:1px solid #eee; padding:0 60px 40px; }
.certificate_box .faq_box .listbox > ul > li .contentBox > strong { position:absolute; left:0; top:0; margin-top:40px; color:#fff; font-size:20px; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:40px; background:#333; }
.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox { margin-top:45px; color:#333; font-size:20px; font-weight:400; line-height:1.4; }
.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul { padding-top:30px; }
.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:not(:last-child) { margin-bottom:10px; }
.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li { position:relative; padding-left:14px; color:#666; font-size:20px; font-weight:300; line-height:1.4; }
.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:before{ content:""; display:block; position:absolute; left:0; top:12px; width:4px; height:4px; background:#aaa; border-radius:4px; } 
.certificate_box .btnCont { margin:0 auto; width:300px; height:80px; border-radius:60px; border:1px solid rgba(230, 0, 18, 0.00); background:linear-gradient(96deg, #ED5B04 -351%, var(--mainColor) 52.92%, #80000A 112.83%); transition:all 4s; }
.certificate_box .btnCont a { border:none; background:none; outline:none; color:#fff; font-size:20px; font-weight:600; line-height:1.3; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.certificate_box .btnCont:hover { background:#fff; border:1px solid var(--mainColor); transition:all 1s; }
.certificate_box .btnCont:hover a { color:var(--mainColor); }
@media screen and (max-width:1720px){
	.certificate_box .banner_box .listbox .swiper-btn { background-color:#fff; }
	.certificate_box .banner_box .listbox .swiper-button-prev-c { left:10px; }
	.certificate_box .banner_box .listbox .swiper-button-next-c { right:10px; }
}
@media screen and (max-width:1500px){
	.certificate_box .banner_box .listbox .box .txtbox { top:70px; left:90px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-1 { font-size:22px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-2 { margin-top:15px; font-size:50px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 { margin-top:25px; font-size:22px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 span { margin-top:12px; font-size:17px; }
	.certificate_box .banner_box .listbox .box .more { right:90px; }
	.certificate_box .service_search .listbox { margin-top:50px; }
	.certificate_box .service_search .listbox > ul { gap:25px; }
	.certificate_box .service_search .listbox > ul > li { width:calc((100% - 25px) / 2); }
	.certificate_box .service_search .listbox > ul > li .box { padding:50px; }
	.certificate_box .service_search .listbox > ul > li .box h4 { font-size:26px; }
	.certificate_box .service_search .listbox > ul > li .box .btn { margin-top:18px; font-size:17px; padding-right:22px; }
	.certificate_box .service_search .listbox > ul > li .box .icon { right:50px; bottom:50px; }
	.certificate_box .tabmenu_main > ul > li a { height:65px; font-size:19px; }
	.certificate_box .gift_cert .listbox { padding-top:50px; }
	.certificate_box .gift_cert .listbox li { margin-right:25px; padding:50px; }
	.certificate_box .gift_cert .listbox li strong { margin-top:25px; font-size:21px; }
	.certificate_box .usage_box .listbox { padding-top:50px; }
	.certificate_box .usage_box .listbox > ul { gap:15px;}
	.certificate_box .usage_box .listbox > ul > li { width:calc((100% - 15px) / 2); }
	.certificate_box .usage_box .listbox > ul > li .box { padding:50px; background-position:calc(100% - 50px) center; }
	.certificate_box .usage_box .listbox > ul > li:hover .box { padding-left:70px; }
	.certificate_box .usage_box .listbox > ul > li .box .txt { margin-left:25px; font-size:23px; }
	.certificate_box .agreement_box .listbox { padding-top:50px; }
	.certificate_box .agreement_box .listbox > ul { padding:50px; }
	.certificate_box .agreement_box .listbox > ul > li { padding-left:16px; font-size:19px; }
	.certificate_box .agreement_box .listbox > ul > li:before{ top:12px; } 
	.certificate_box .agreement_box .listbox > ul > li:not(:last-child) { margin-bottom:15px; }
	.certificate_box .faq_box .listbox { padding-top:50px; }
	.certificate_box .faq_box .listbox > ul > li { padding:0 35px;}
	.certificate_box .faq_box .listbox > ul > li > p { padding:25px 50px; font-size:19px; }
	.certificate_box .faq_box .listbox > ul > li > p strong { font-size:19px; width:36px; height:36px; }
	.certificate_box .faq_box .listbox > ul > li:not(:last-child) { margin-bottom:15px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox { padding:0 50px 30px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox > strong { margin-top:30px; font-size:19px; width:36px; height:36px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox { margin-top:35px; font-size:19px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul { padding-top:25px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:not(:last-child) { margin-bottom:8px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li { padding-left:12px; font-size:19px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:before{ top:10px; } 
}
@media screen and (max-width:1200px){
	.certificate_box .banner_box .listbox .box .imgbox:before{ padding-bottom:40%; }
	.certificate_box .banner_box .listbox .box .txtbox { top:60px; left:80px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-1 { font-size:22px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-2 { margin-top:15px; font-size:50px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 { margin-top:25px; font-size:22px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 span { margin-top:12px; font-size:17px; }
	.certificate_box .banner_box .listbox .box .more { right:80px; }
	.certificate_box .banner_box .listbox .box .more img { width:160px; }
	.certificate_box .banner_box .listbox .swiper-btn { width:50px; height:50px; }
	.certificate_box .service_search .listbox { margin-top:40px; }
	.certificate_box .service_search .listbox > ul { gap:20px; }
	.certificate_box .service_search .listbox > ul > li { width:calc((100% - 20px) / 2); }
	.certificate_box .service_search .listbox > ul > li .box { padding:40px; }
	.certificate_box .service_search .listbox > ul > li .box h4 { font-size:23px; }
	.certificate_box .service_search .listbox > ul > li .box .btn { margin-top:15px; font-size:16px; padding-right:20px; }
	.certificate_box .service_search .listbox > ul > li .box .icon { right:40px; bottom:40px; }
	.certificate_box .service_search .listbox > ul > li .box .icon svg { width:70px; }
	.certificate_box .tabmenu_main > ul > li a { height:60px; font-size:18px; }
	.certificate_box .gift_cert .listbox { padding-top:40px; }
	.certificate_box .gift_cert .listbox li { margin-right:20px; padding:40px; }
	.certificate_box .gift_cert .listbox li strong { margin-top:20px; font-size:20px; }
	.certificate_box .usage_box .listbox { padding-top:40px; }
	.certificate_box .usage_box .listbox > ul { gap:10px;}
	.certificate_box .usage_box .listbox > ul > li { width:calc((100% - 10px) / 2); }
	.certificate_box .usage_box .listbox > ul > li .box { padding:40px; background-position:calc(100% - 40px) center; }
	.certificate_box .usage_box .listbox > ul > li:hover .box { padding-left:60px; }
	.certificate_box .usage_box .listbox > ul > li .box .txt { margin-left:25px; font-size:23px; }
	.certificate_box .agreement_box .listbox { padding-top:40px; }
	.certificate_box .agreement_box .listbox > ul { padding:40px; }
	.certificate_box .agreement_box .listbox > ul > li { padding-left:14px; font-size:18px; }
	.certificate_box .agreement_box .listbox > ul > li:before{ top:10px; } 
	.certificate_box .agreement_box .listbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.certificate_box .faq_box .listbox { padding-top:40px; }
	.certificate_box .faq_box .listbox > ul > li { padding:0 30px;}
	.certificate_box .faq_box .listbox > ul > li > p { padding:25px 45px; font-size:18px; }
	.certificate_box .faq_box .listbox > ul > li > p strong { font-size:18px; width:32px; height:32px; }
	.certificate_box .faq_box .listbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox { padding:0 45px 25px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox > strong { margin-top:25px; font-size:18px; width:32px; height:32px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox { margin-top:30px; font-size:18px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul { padding-top:20px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:not(:last-child) { margin-bottom:6px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li { padding-left:12px; font-size:18px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:before{ top:10px; } 
	.certificate_box .btnCont { width:280px; height:70px;  }
	.certificate_box .btnCont a { font-size:19px; }
}
@media screen and (max-width:1024px){
	.certificate_box .banner_box .listbox .box .imgbox { border-radius:10px; }
	.certificate_box .banner_box .listbox .box .imgbox:before{ padding-bottom:45%; }
	.certificate_box .banner_box .listbox .box .txtbox { top:10%; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-1 { font-size:18px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-2 { margin-top:12px; font-size:40px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 { margin-top:20px; font-size:20px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 span { margin-top:10px; font-size:16px; }
	.certificate_box .banner_box .listbox .box .more { display:none; right:70px; }
	.certificate_box .banner_box .listbox .swiper-btn { width:45px; height:45px; }
	.certificate_box .banner_box .listbox .swiper-pagination-c { display:flex; }
	.certificate_box .service_search .listbox { margin-top:30px; }
	.certificate_box .service_search .listbox > ul { gap:10px; }
	.certificate_box .service_search .listbox > ul > li { width:100%; }
	.certificate_box .service_search .listbox > ul > li .box { padding:30px; border-radius:10px; }
	.certificate_box .service_search .listbox > ul > li .box h4 { font-size:21px; }
	.certificate_box .service_search .listbox > ul > li .box .btn { margin-top:12px; font-size:16px; padding-right:20px; }
	.certificate_box .service_search .listbox > ul > li .box .icon { right:30px; bottom:30px; }
	.certificate_box .service_search .listbox > ul > li .box .icon svg { width:62px; }
	.certificate_box .tabmenu_main > ul > li:first-child { border-radius:10px 0px 0px 10px; }
	.certificate_box .tabmenu_main > ul > li:last-child { border-radius:0 10px 10px 0; }
	.certificate_box .gift_cert .listbox { padding-top:30px; }
	.certificate_box .gift_cert .listbox li { padding:30px; border-radius:10px; }
	.certificate_box .gift_cert .listbox li strong { margin-top:15px; font-size:19px; }
	.certificate_box .gift_cert .listbox li:hover { top:0; }
	.certificate_box .usage_box .listbox { padding-top:30px; }
	.certificate_box .usage_box .listbox > ul { gap:10px;}
	.certificate_box .usage_box .listbox > ul > li { width:calc((100% - 10px) / 2); border-radius:10px; }
	.certificate_box .usage_box .listbox > ul > li .box { padding:30px; background-position:calc(100% - 30px) center; }
	.certificate_box .usage_box .listbox > ul > li:hover .box { padding-left:50px; }
	.certificate_box .usage_box .listbox > ul > li .box .txt { margin-left:20px; font-size:21px; }
	.certificate_box .usage_box .listbox > ul > li .box .icon svg { width:55px; }
	.certificate_box .agreement_box .listbox { padding-top:30px; }
	.certificate_box .agreement_box .listbox > ul { padding:30px; border-radius:10px; }
	.certificate_box .agreement_box .listbox > ul > li { padding-left:12px; font-size:17px; }
	.certificate_box .agreement_box .listbox > ul > li:before{ top:9px; width:3px; height:3px; } 
	.certificate_box .agreement_box .listbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.certificate_box .faq_box .listbox { padding-top:30px; }
	.certificate_box .faq_box .listbox > ul > li { padding:0 20px; border-radius:10px; }
	.certificate_box .faq_box .listbox > ul > li > p { padding:25px 40px; font-size:17px; }
	.certificate_box .faq_box .listbox > ul > li > p:before,
	.certificate_box .faq_box .listbox > ul > li.on > p:before { background-size:11px auto }
	.certificate_box .faq_box .listbox > ul > li > p strong { font-size:17px; width:30px; height:30px; }
	.certificate_box .faq_box .listbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox { padding:0 40px 25px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox > strong { margin-top:25px; font-size:17px; width:30px; height:30px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox { margin-top:30px; font-size:17px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul { padding-top:20px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:not(:last-child) { margin-bottom:6px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li { padding-left:12px; font-size:17px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:before{ top:8px; width:3px; height:3px; } 
	.certificate_box .btnCont { width:240px; height:60px;  }
	.certificate_box .btnCont a { font-size:18px; }
}
@media screen and (max-width:640px){
	.certificate_box .banner_box .listbox .box .imgbox:before{ padding-bottom:50%; }
	.certificate_box .banner_box .listbox .box .txtbox { top:12%; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-1 { font-size:16px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-2 { margin-top:10px; font-size:28px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 { margin-top:15px; font-size:18px; }
	.certificate_box .banner_box .listbox .box .txtbox .txt-3 span { margin-top:8px; font-size:15px; }
	.certificate_box .banner_box .listbox .swiper-btn { width:40px; height:40px; background-size:6px auto; }
	.certificate_box .service_search .listbox { margin-top:20px; }
	.certificate_box .service_search .listbox > ul { gap:10px; }
	.certificate_box .service_search .listbox > ul > li { width:100%; }
	.certificate_box .service_search .listbox > ul > li .box { padding:20px; }
	.certificate_box .service_search .listbox > ul > li .box h4 { font-size:20px; }
	.certificate_box .service_search .listbox > ul > li .box .btn { margin-top:10px;}
	.certificate_box .service_search .listbox > ul > li .box .icon { right:20px; bottom:20px; }
	.certificate_box .service_search .listbox > ul > li .box .icon svg { width:55px; }
	.certificate_box .tabmenu_main > ul > li a { height:55px; font-size:17px; }
	.certificate_box .gift_cert .listbox { padding-top:20px; }
	.certificate_box .gift_cert .listbox li { padding:20px; }
	.certificate_box .gift_cert .listbox li strong { margin-top:12px; font-size:18px; }
	.certificate_box .usage_box .listbox { padding-top:20px; }
	.certificate_box .usage_box .listbox > ul { gap:5px; }
	.certificate_box .usage_box .listbox > ul > li { width:100%; }
	.certificate_box .usage_box .listbox > ul > li .box { padding:20px; background-position:calc(100% - 20px) center; }
	.certificate_box .usage_box .listbox > ul > li:hover .box { padding-left:40px; }
	.certificate_box .usage_box .listbox > ul > li .box .txt { font-size:19px; }
	.certificate_box .usage_box .listbox > ul > li .box .icon svg { width:48px; }
	.certificate_box .agreement_box .listbox { padding-top:20px; }
	.certificate_box .agreement_box .listbox > ul { padding:20px; }
	.certificate_box .agreement_box .listbox > ul > li { font-size:16px; } 
	.certificate_box .agreement_box .listbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.certificate_box .faq_box .listbox { padding-top:20px; }
	.certificate_box .faq_box .listbox > ul > li { padding:0 15px; }
	.certificate_box .faq_box .listbox > ul > li > p { padding:20px 38px; font-size:16px; }
	.certificate_box .faq_box .listbox > ul > li > p strong { font-size:16px; width:28px; height:28px}
	.certificate_box .faq_box .listbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox { padding:0 38px 20px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox > strong { margin-top:20px; font-size:16px; width:28px; height:28px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox { margin-top:25px; font-size:16px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul { padding-top:20px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:not(:last-child) { margin-bottom:5px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li { font-size:16px; }
	.certificate_box .faq_box .listbox > ul > li .contentBox .txtbox > ul > li:before{ top:8px; } 
	.certificate_box .btnCont { width:240px; height:60px;  }
	.certificate_box .btnCont a { font-size:18px; }
	.certificate_box .btnCont { width:220px; height:55px;  }
	.certificate_box .btnCont a { font-size:17px; }
}


@keyframes banner_more {
    0% { transform:translateY(-50%) rotate(0deg); }
    100% { transform:translateY(-50%) rotate(360deg); }
}

@keyframes g_marquee {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-100%, 0, 0); }			
}

/* animation */
.certificate_box .banner_box .listbox { opacity:0 }
.certificate_box .banner_box.subOn .listbox { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .gift_cert .listbox { opacity:0 }
.certificate_box .gift_cert .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .service_search .listbox > ul > li { opacity:0 }
.certificate_box .service_search .listbox.subOn > ul > li:nth-child(1) { animation:ani_1 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .service_search .listbox.subOn > ul > li:nth-child(2) { animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .usage_box .listbox { opacity:0 }
.certificate_box .usage_box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .agreement_box .listbox { opacity:0 }
.certificate_box .agreement_box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.certificate_box .faq_box .listbox { opacity:0 }
.certificate_box .faq_box .listbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.certificate_box .service_search .listbox.subOn > ul > li:nth-child(1) { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
	.certificate_box .service_search .listbox.subOn > ul > li:nth-child(2) { animation:ani_4 0.8s 0.6s; animation-fill-mode:both; }
}


.imglist-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.imglist-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.imglist-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.imglist-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; padding:60px; background-color:#fff; border:none; border-radius:20px; }
.imglist-pop .pop-body .titbox { text-align:center; }
.imglist-pop .pop-body .titbox h4 { color:#111; font-size:36px; font-weight:700; line-height:1.3; }
.imglist-pop .pop-body .titbox h4 strong { color:var(--mainColor); }
.imglist-pop .pop-body .txtbox .titbox .stxt { margin-top:10px; color:#333; font-size:18px; font-weight:400; line-height:1.3; }
.imglist-pop .pop-body .txtbox .txt { margin-top:30px; width:480px; min-height:167px; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:20px; background:#f5f5f5; padding:20px; color:#666; font-size:20px; font-weight:300; line-height:1.8; }
.imglist-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.imglist-pop .pop-body .btn_close span { position:relative; width:36px; height:36px; display:block }
.imglist-pop .pop-body .btn_close span:before { content:""; display:block; width:30px; height:3px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close span:after { content:""; display:block; width:30px; height:3px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.imglist-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1024px){
	.imglist-pop .pop-body { padding:50px; border-radius:10px; }
	.imglist-pop .pop-body .titbox h4 { font-size:24px; }
	.imglist-pop .pop-body .txtbox .titbox .stxt { margin-top:6px; font-size:16px;  }
	.imglist-pop .pop-body .txtbox .txt { margin-top:25px; min-height:160px; border-radius:10px; padding:15px; font-size:18px; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
	.imglist-pop .pop-body .btn_close span:before,
	.imglist-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
}
@media screen and (max-width:760px){
	.imglist-pop .pop-body { padding:40px 20px; }
	.imglist-pop .pop-body .titbox h4 { font-size:22px; }
	.imglist-pop .pop-body .txtbox .titbox .stxt { margin-top:5px; font-size:15px;  }
	.imglist-pop .pop-body .txtbox .txt { margin-top:20px; width:400px; min-height:130px; font-size:17px; }
	.imglist-pop .pop-body .imgbox { padding:0 30px; text-align:center; }
}
@media screen and (max-width:500px){
	.imglist-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
}
@media screen and (max-height:800px){
}
@media screen and (max-height:720px){
	.imglist-pop .pop-body { padding:40px 20px; }
	.imglist-pop .pop-body .titbox h4 { font-size:22px; }
	.imglist-pop .pop-body .txtbox .titbox .stxt { margin-top:5px; font-size:15px;  }
	.imglist-pop .pop-body .txtbox .txt { margin-top:20px; width:400px; min-height:130px; font-size:17px; }
	.imglist-pop .pop-body .btn_close { right:20px; top:20px; }
	.imglist-pop .pop-body .btn_close span:before,
	.imglist-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
}



.guide-pop { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; }
.guide-pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; }
.guide-pop .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); }
.guide-pop .pop-body { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:22; max-width:1200px; width:100%; padding:60px; background-color:#fff; border:none; border-radius:20px; }
.guide-pop .pop-body .scroll_box { height:610px; overflow:auto; }
.guide-pop .pop-body .titbox { text-align:center; }
.guide-pop .pop-body .titbox h4 { color:#111; font-size:36px; font-weight:700; line-height:1.3; }
.guide-pop .pop-body .titbox h4 strong { color:var(--mainColor); }
.guide-pop .pop-body .gCont h5 { color:#222; font-size:22px; font-weight:600; line-height:1.3; }
.guide-pop .pop-body .gCont h5 img { vertical-align:middle }
.guide-pop .pop-body .gCont:not(:last-child) { margin-bottom:80px; }
.guide-pop .pop-body .gBox_1 { margin-top:30px; padding:50px; border-radius:20px; background:rgba(230, 0, 18, 0.05); } 
.guide-pop .pop-body .gBox_1 > ul { margin-top:20px; display:flex; flex-wrap:wrap; gap:20px; }
.guide-pop .pop-body .gBox_1 > ul > li { width:calc((100% - 20px) / 2); background:#fff; border-radius:10px; display:flex; flex-direction:column; justify-content:flex-end; text-align:center; padding:30px 20px 30px; }
.guide-pop .pop-body .gBox_1 > ul > li img { width:100%; }
.guide-pop .pop-body .gBox_1 > ul > li .stxt { display:block; margin-bottom:10px; color:var(--mainColor); font-size:18px; font-weight:500; line-height:1.3; }
.guide-pop .pop-body .gBox_1 > ul > li strong { margin:33px auto 0; width:172px; height:45px; color:#fff; font-size:18px; font-weight:500; line-height:1.3; border-radius:50px; background:#333; display:flex; justify-content:center; align-items:center; }
.guide-pop .pop-body .gBox_1 > ul > li:nth-child(2) strong { margin:10px auto 0; background:var(--mainColor); }
.guide-pop .pop-body .gBox_2 .list > ul { margin-top:20px; display:flex; flex-wrap:wrap; gap:20px; }
.guide-pop .pop-body .gBox_2 .list > ul > li { width:calc((100% - 20px) / 2); border:1px solid #ddd; background:fff; border-radius:20px; }
.guide-pop .pop-body .gBox_2 .list > ul > li .box { position:relative; padding:40px; height:100%; }
.guide-pop .pop-body .gBox_2 .list > ul > li .stit { color:#222; font-size:30px; font-weight:700; line-height:1.4; }
.guide-pop .pop-body .gBox_2 .list > ul > li .stit strong { color:var(--mainColor); }
.guide-pop .pop-body .gBox_2 .list > ul > li .btn { display:inline-block; margin-top:20px; color:#666; font-size:18px; font-weight:400; line-height:1.3; padding-right:23px; background:url(/img/cert/sub/service_arr.svg) right center no-repeat; }
.guide-pop .pop-body .gBox_2 .list > ul > li .icon { position:absolute; right:40px; bottom:40px; }
.guide-pop .pop-body .gBox_2 .list > ul > li .icon path { transition:all 0.4s }
.guide-pop .pop-body .gBox_2 .list > ul > li:hover .icon path { stroke:var(--mainColor); }
.guide-pop .pop-body .gBox_2 .list > ul > li dt { color:#222; font-size:22px; font-weight:700; line-height:1.54; }
.guide-pop .pop-body .gBox_2 .list > ul > li dd { margin-top:20px; }
.guide-pop .pop-body .gBox_2 .list > ul > li dd li:not(:last-child) { margin-bottom:20px; }
.guide-pop .pop-body .gBox_2 .list > ul > li dd li { color:#666; font-size:18px; font-weight:300; line-height:1.4; }
.guide-pop .pop-body .gBox_2 .list > ul > li dd li strong { color:#333; font-size:18px; font-weight:700; line-height:1.3; display:block; margin-bottom:10px; }
.guide-pop .pop-body .gBox_2 .list > ul > li dd li strong img { vertical-align:middle }
.guide-pop .pop-body .gBox_3 .txtbox { margin-top:20px; }
.guide-pop .pop-body .gBox_3 .txtbox > ul > li:not(:last-child) { margin-bottom:15px; }
.guide-pop .pop-body .gBox_3 .txtbox > ul > li { color:#333; font-size:20px; font-weight:300; line-height:1.4; }
.guide-pop .pop-body .gBox_3 .txtbox .txt_b { margin-top:10px; color:#666; font-size:18px; font-weight:300; line-height:1.4; }
.guide-pop .pop-body .btn_close { position:absolute; right:30px; top:30px; cursor:pointer; transition:all 0.5s; }
.guide-pop .pop-body .btn_close span { position:relative; width:36px; height:36px; display:block }
.guide-pop .pop-body .btn_close span:before { content:""; display:block; width:30px; height:3px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-45deg); border-radius:2px; }
.guide-pop .pop-body .btn_close span:after { content:""; display:block; width:30px; height:3px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(45deg); border-radius:2px; }
.guide-pop .pop-body .btn_close:hover { transform:rotate(-180deg);}
@media screen and (max-width:1240px){
	.guide-pop .pop-body { left:20px; transform:translate(0, -50%); max-width:auto; width:calc(100% - 40px); }
}
@media screen and (max-width:1024px){
	.guide-pop .pop-body { padding:50px; border-radius:10px; }
	.guide-pop .pop-body .titbox h4 { font-size:24px; }
	.guide-pop .pop-body .gCont h5 { font-size:20px; }
	.guide-pop .pop-body .gCont:not(:last-child) { margin-bottom:60px; }
	.guide-pop .pop-body .gBox_1 { margin-top:20px; padding:40px; border-radius:10px; } 
	.guide-pop .pop-body .gBox_1 > ul { margin-top:15px; gap:10px; }
	.guide-pop .pop-body .gBox_1 > ul > li { width:calc((100% - 10px) / 2); border-radius:5px; padding:20px 15px 20px; }
	.guide-pop .pop-body .gBox_1 > ul > li .stxt { margin-bottom:5px; font-size:17px; }
	.guide-pop .pop-body .gBox_1 > ul > li strong { margin:25px auto 0; width:150px; height:40px; font-size:17px; }
	.guide-pop .pop-body .gBox_1 > ul > li:nth-child(2) strong { margin:8px auto 0; }
	.guide-pop .pop-body .gBox_2 .list > ul { margin-top:15px; gap:10px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li { width:calc((100% - 10px) / 2); border-radius:10px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .box { padding:30px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .stit { font-size:26px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .btn { margin-top:15px; font-size:17px; padding-right:21px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .icon { right:30px; bottom:30px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dt { font-size:21px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd { margin-top:15px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li:not(:last-child) { margin-bottom:15px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li { font-size:17px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li strong { font-size:17px; margin-bottom:8px; }
	.guide-pop .pop-body .gBox_3 .txtbox { margin-top:15px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li:not(:last-child) { margin-bottom:12px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li { font-size:19px; }
	.guide-pop .pop-body .gBox_3 .txtbox .txt_b { margin-top:8px; font-size:17px; }
	.guide-pop .pop-body .btn_close { right:20px; top:20px; }
	.guide-pop .pop-body .btn_close span:before,
	.guide-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
}
@media screen and (max-width:760px){
	.guide-pop .pop-body { padding:40px 20px; }
	.guide-pop .pop-body .titbox h4 { font-size:22px; }
	.guide-pop .pop-body .gBox_1 > ul > li,
	.guide-pop .pop-body .gBox_2 .list > ul > li { width:100%; }
	.guide-pop .pop-body .gCont h5 { font-size:19px; }
	.guide-pop .pop-body .gCont:not(:last-child) { margin-bottom:40px; }
	.guide-pop .pop-body .gBox_1 { margin-top:15px; padding:20px; } 
	.guide-pop .pop-body .gBox_1 > ul { margin-top:10px; }
	.guide-pop .pop-body .gBox_1 > ul > li { padding:15px 10px 15px; }
	.guide-pop .pop-body .gBox_1 > ul > li .stxt { margin-bottom:5px; font-size:16px; }
	.guide-pop .pop-body .gBox_1 > ul > li strong { margin:10px auto 0; font-size:16px; }
	.guide-pop .pop-body .gBox_1 > ul > li:nth-child(2) strong { margin:10px auto 0; }
	.guide-pop .pop-body .gBox_2 .list > ul { margin-top:10px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .box { padding:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .stit { font-size:22px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .btn { margin-top:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .icon { right:20px; bottom:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .icon svg { width:55px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dt { font-size:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd { margin-top:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li:not(:last-child) { margin-bottom:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li { font-size:16px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li strong { font-size:16px; margin-bottom:5px; }
	.guide-pop .pop-body .gBox_3 .txtbox { margin-top:10px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li { font-size:18px; }
	.guide-pop .pop-body .gBox_3 .txtbox .txt_b { margin-top:5px; font-size:16px; }
}
@media screen and (max-height:780px){
	.guide-pop .pop-body { padding:40px 20px; }
	.guide-pop .pop-body .titbox h4 { font-size:22px; }
	.guide-pop .pop-body .scroll_box { height:450px; } 
	.guide-pop .pop-body .gBox_1 > ul > li,
	.guide-pop .pop-body .gBox_2 .list > ul > li { width:100%; }
	.guide-pop .pop-body .gCont h5 { font-size:19px; }
	.guide-pop .pop-body .gCont:not(:last-child) { margin-bottom:40px; }
	.guide-pop .pop-body .gBox_1 { margin-top:15px; padding:20px; } 
	.guide-pop .pop-body .gBox_1 > ul { margin-top:10px; }
	.guide-pop .pop-body .gBox_1 > ul > li { padding:15px 10px 15px; }
	.guide-pop .pop-body .gBox_1 > ul > li .stxt { margin-bottom:5px; font-size:16px; }
	.guide-pop .pop-body .gBox_1 > ul > li strong { margin:10px auto 0; font-size:16px; }
	.guide-pop .pop-body .gBox_1 > ul > li:nth-child(2) strong { margin:10px auto 0; }
	.guide-pop .pop-body .gBox_2 .list > ul { margin-top:10px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .box { padding:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .stit { font-size:22px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .btn { margin-top:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .icon { right:20px; bottom:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li .icon svg { width:55px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dt { font-size:20px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd { margin-top:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li:not(:last-child) { margin-bottom:12px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li { font-size:16px; }
	.guide-pop .pop-body .gBox_2 .list > ul > li dd li strong { font-size:16px; margin-bottom:5px; }
	.guide-pop .pop-body .gBox_3 .txtbox { margin-top:10px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li:not(:last-child) { margin-bottom:10px; }
	.guide-pop .pop-body .gBox_3 .txtbox > ul > li { font-size:18px; }
	.guide-pop .pop-body .gBox_3 .txtbox .txt_b { margin-top:5px; font-size:16px; }
	.guide-pop .pop-body .btn_close { right:20px; top:20px; }
	.guide-pop .pop-body .btn_close span:before,
	.guide-pop .pop-body .btn_close span:after {  width:25px; height:2px; }
}
@media screen and (max-height:550px){
	.guide-pop .pop-body .scroll_box { height:380px; } 
}


.check_box { padding-bottom:150px; overflow:hidden }
.check_box .giftImg { display:flex; flex-wrap:wrap; align-items:center; }
.check_box .giftImg .imgbox { width:53%; }
.check_box .giftImg .imgbox img { max-width:100%; }
.check_box .giftImg .txtbox { width:calc(100% - 53%); padding-left:10%; }
.check_box .giftImg .txtbox .box { padding:60px; border-radius:20px; border:1px solid var(--mainColor); background:#fff; }
.check_box .giftImg .txtbox .box dt { display:flex; align-items:center; }
.check_box .giftImg .txtbox .box dt span { display:flex; padding:0 15px; height:30px; align-items:center; border-radius:30px; background:var(--mainColor); color:#fff; font-size:18px; font-weight:700; line-height:1.3; }
.check_box .giftImg .txtbox .box dt h4 { margin-left:15px; color:#222; font-size:24px; font-weight:600; line-height:1.3; }
.check_box .giftImg .txtbox .box dd { margin-top:20px; color:#333; font-size:20px; font-weight:300; line-height:1.6; }
.check_box .ipbox { margin-top:90px; }
.check_box .ipbox table { border-top:2px solid #000; }
.check_box .ipbox tbody th { background:#f5f5f5; text-align:center; color:#222; font-size:20px; font-weight:600; line-height:1.3; border-bottom:1px solid #eee; } 
.check_box .ipbox tbody td { background:#fff; text-align:left; padding:20px; border-bottom:1px solid #eee; } 
.check_box .ipbox tbody td input[type="text"],
.check_box .ipbox tbody td input[type="password"] { height:50px; padding:0 20px; width:100%; max-width:700px; font-size:16px; color:#666; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:15px; }
.check_box .btnCont { margin:80px auto 0; width:300px; height:80px; border-radius:60px; border:1px solid rgba(230, 0, 18, 0.00); background:linear-gradient(96deg, #ED5B04 -351%, var(--mainColor) 52.92%, #80000A 112.83%); transition:all 4s; }
.check_box .btnCont button { border:none; background:none; outline:none; color:#fff; font-size:20px; font-weight:600; line-height:1.3; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.check_box .btnCont:hover { background:#fff; border:1px solid var(--mainColor); transition:all 1s; }
.check_box .btnCont:hover button { color:var(--mainColor); }
.check_box .txt-notice { margin-top:150px; border-radius:20px; padding:60px; border:1px solid #eee; background:#fff; }
.check_box .txt-notice h4 { color:#222; font-size:24px; font-weight:600; line-height:1.3; text-align:center; }
.check_box .txt-notice .listbox { margin-top:40px; }
.check_box .txt-notice .listbox > ul { display:flex; flex-wrap:wrap; }
.check_box .txt-notice .listbox > ul > li { width:25%; border-left:1px solid #eee; text-align:center; }
.check_box .txt-notice .listbox > ul > li:first-child { border-left:none }
.check_box .txt-notice .listbox > ul > li .txtbox { margin-top:30px; color:#666; font-size:18px; font-weight:400; line-height:1.66; padding:0 10px; }
.check_box .txt-notice .listbox > ul > li .txtbox .stxt { margin-top:10px; color:#999; font-size:16px; font-weight:400; line-height:1.66; }
@media screen and (max-width:1500px){
	.check_box { padding-bottom:120px; }
	.check_box .giftImg .imgbox { width:53%; }
	.check_box .giftImg .txtbox { width:calc(100% - 53%); padding-left:8%; }
	.check_box .giftImg .txtbox .box { padding:50px; }
	.check_box .giftImg .txtbox .box dt span { padding:0 15px; height:30px; font-size:17px; }
	.check_box .giftImg .txtbox .box dt h4 { margin-left:15px; font-size:21px; }
	.check_box .giftImg .txtbox .box dd { margin-top:20px; font-size:19px; }
	.check_box .giftImg .txtbox .box dd br { display:none }
	.check_box .ipbox { margin-top:80px; }
	.check_box .ipbox tbody th { font-size:19px; } 
	.check_box .ipbox tbody td { padding:18px; } 
	.check_box .ipbox tbody td input[type="text"],
	.check_box .ipbox tbody td input[type="password"] { max-width:500px; }
	.check_box .txt-notice { margin-top:120px; padding:50px; }
	.check_box .txt-notice h4 { font-size:21px; }
	.check_box .txt-notice .listbox { margin-top:30px; }
	.check_box .txt-notice .listbox > ul > li .txtbox { margin-top:25px; font-size:17px; }
	.check_box .txt-notice .listbox > ul > li .txtbox br { display:none }
	.check_box .txt-notice .listbox > ul > li .txtbox .stxt { margin-top:10px; font-size:16px; }
}
@media screen and (max-width:1200px){
	.check_box { padding-bottom:90px; }
	.check_box .giftImg .imgbox { width:56%; }
	.check_box .giftImg .txtbox { width:calc(100% - 56%); padding-left:5%; }
	.check_box .giftImg .txtbox .box { padding:40px; }
	.check_box .giftImg .txtbox .box dt span { padding:0 13px; height:26px; font-size:16px; }
	.check_box .giftImg .txtbox .box dt h4 { margin-left:12px; font-size:20px; }
	.check_box .giftImg .txtbox .box dd { margin-top:15px; font-size:18px; }
	.check_box .ipbox { margin-top:70px; }
	.check_box .ipbox tbody th { font-size:18px; } 
	.check_box .ipbox tbody td { padding:17px; } 
	.check_box .btnCont { margin:70px auto 0; width:280px; height:70px;  }
	.check_box .btnCont button { font-size:19px; }
	.check_box .txt-notice { margin-top:90px; padding:40px; }
	.check_box .txt-notice h4 { font-size:20px; }
	.check_box .txt-notice .listbox { margin-top:25px; }
	.check_box .txt-notice .listbox > ul > li .txtbox { margin-top:20px; font-size:16px; }
	.check_box .txt-notice .listbox > ul > li .txtbox .stxt { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:1024px){
	.check_box { padding-bottom:70px; }
	.check_box .giftImg .imgbox { width:100%; }
	.check_box .giftImg .txtbox { width:100%; padding:20px 0 0; }
	.check_box .giftImg .txtbox .box { padding:30px; border-radius:10px; }
	.check_box .giftImg .txtbox .box dt span { height:26px; font-size:15px; }
	.check_box .giftImg .txtbox .box dt h4 { margin-left:10px; font-size:19px; }
	.check_box .giftImg .txtbox .box dd { margin-top:12px; font-size:17px; }
	.check_box .ipbox { margin-top:50px; }
	.check_box .ipbox tbody th { font-size:17px; } 
	.check_box .ipbox tbody td { padding:15px; } 
	.check_box .ipbox tbody td input[type="text"],
	.check_box .ipbox tbody td input[type="password"] { height:45px; padding:0 10px; font-size:15px; border-radius:8px; }
	.check_box .btnCont { margin:50px auto 0; width:240px; height:60px;  }
	.check_box .btnCont button { font-size:18px; }
	.check_box .txt-notice { margin-top:50px; padding:30px; border-radius:10px; }
	.check_box .txt-notice h4 { font-size:19px; }
	.check_box .txt-notice .listbox { margin-top:20px; }
	.check_box .txt-notice .listbox > ul { gap:20px 0; }
	.check_box .txt-notice .listbox > ul > li { width:50%; }
	.check_box .txt-notice .listbox > ul > li:nth-child(3) { border-left:none; }
	.check_box .txt-notice .listbox > ul > li .txtbox { margin-top:15px; font-size:16px; }
	.check_box .txt-notice .listbox > ul > li .txtbox .stxt { margin-top:10px; font-size:15px; }
}
@media screen and (max-width:640px){
	.check_box { padding-bottom:50px; }
	.check_box .giftImg .txtbox { padding:15px 0 0; }
	.check_box .giftImg .txtbox .box { padding:20px; }
	.check_box .giftImg .txtbox .box dt h4 { font-size:18px; }
	.check_box .giftImg .txtbox .box dd { margin-top:10px; font-size:16px; }
	.check_box .ipbox { margin-top:40px; }
	.check_box .ipbox tbody th { font-size:16px; } 
	.check_box .ipbox tbody td { padding:12px; } 
	.check_box .ipbox tbody td input[type="text"],
	.check_box .ipbox tbody td input[type="password"] { height:45px; padding:0 10px; font-size:15px; border-radius:8px; }
	.check_box .btnCont { margin:40px auto 0; width:220px; height:55px;  }
	.check_box .btnCont button { font-size:17px; }
	.check_box .txt-notice { margin-top:40px; padding:20px; }
	.check_box .txt-notice h4 { font-size:18px; }
	.check_box .txt-notice .listbox { margin-top:20px; }
	.check_box .txt-notice .listbox > ul { gap:20px 0; }
	.check_box .txt-notice .listbox > ul > li { width:100%; } 
	.check_box .txt-notice .listbox > ul > li { border-bottom:1px solid #eee; padding-bottom:20px }
	.check_box .txt-notice .listbox > ul > li:nth-child(2),
	.check_box .txt-notice .listbox > ul > li:nth-child(4) { border-left:none; }
	.check_box .txt-notice .listbox > ul > li:nth-child(4) { border-bottom:none; padding-bottom:0 }
	.check_box .txt-notice .listbox > ul > li .txtbox { margin-top:15px; font-size:16px; }
	.check_box .txt-notice .listbox > ul > li .txtbox .stxt { margin-top:10px; font-size:15px; }
}


/* animation */
.check_box .giftImg > div { opacity:0 }
.check_box .giftImg.subOn .imgbox { animation:bgs3 0.8s 0.3s; animation-fill-mode:both; }
.check_box .giftImg.subOn .txtbox { animation:bgs3 0.8s 0.6s; animation-fill-mode:both; }
.check_box .ipbox { opacity:0 }
.check_box .ipbox.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }
.check_box .txt-notice { opacity:0 }
.check_box .txt-notice.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }

.position-ip { position:absolute; left:0; top:-30px; }

/* inquiry */
.inquiry_box { padding-bottom:150px; }
.inquiry_box .txt-r { color:#e60012; font-size:18px; font-weight:300; line-height:1.3; display:flex; justify-content:flex-end; margin-bottom:10px; }
.inquiry_box .inquiry_ip input[type="text"],
.inquiry_box .inquiry_ip input[type="password"] { height:50px; padding:0 20px; width:100%; font-size:16px; color:#666; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.inquiry_box .inquiry_ip input.ip02 { width:50% }
.inquiry_box .inquiry_ip select { width:100%; height:50px; line-height:50px; padding:0 60px 0 20px; font-size:16px; color:#666; font-weight:400; border:1px solid #ddd; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:10px; background:#fff url(/img/common/icon_select_down.png) right center no-repeat; }
.inquiry_box .inquiry_ip select::-ms-expand { display: none; }
.inquiry_box .inquiry_ip select.sel01 { width:35% }
.inquiry_box .inquiry_ip textarea { width:100%; height:190px; line-height:1.6; padding:20px; font-size:16px; color:#666; font-weight:400; resize:none; border:1px solid #ddd; outline:none; background:#fff; border-radius:10px; }
.inquiry_box .inquiry_ip table { border-top:2px solid #000; background:#fff; }
.inquiry_box .inquiry_ip .ip table { border-bottom:1px solid #000; }
.inquiry_box .inquiry_ip table thead th { border:1px solid #ddd; border-width:0 0 1px 0; background:#f5f5f5; text-align:center; height:70px; color:#333; font-size:18px; font-weight:600; line-height:1.3; }
.inquiry_box .inquiry_ip table tbody th { border:1px solid #ddd; border-width:0 0 1px 0; background:#f5f5f5; text-align:center; }
.inquiry_box .inquiry_ip table tbody th strong { color:#222; font-size:18px; font-weight:600; line-height:1.3; }
.inquiry_box .inquiry_ip table tbody th strong span { color:#e60012; }
.inquiry_box .inquiry_ip table tbody td { border:1px solid #ddd; border-width:0 0 1px 0; background:#fff; text-align:left; padding:15px 20px; }
.inquiry_box .inquiry_ip .ip table tbody tr:last-child th,
.inquiry_box .inquiry_ip .ip table tbody tr:last-child td { border:none; }
.inquiry_box .inquiry_ip .ipbox { display:flex; align-items:center; min-height:60px; font-size:18px; color:#222; font-weight:400; }
.inquiry_box .inquiry_ip .ipbox .file-box { width:100%; }
.inquiry_box .inquiry_ip .ipbox .ipcont { position:relative; display:flex; flex-wrap:wrap; align-items:center; }
.inquiry_box .inquiry_ip .ipbox .ipcont:not(:last-child) { margin-bottom:10px; }
.inquiry_box .inquiry_ip .ipbox .ipcont .upload-name { text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:400px; height:60px; outline:none; border:none; padding:0 0 0 155px; font-size:16px; color:#333; background:none; border-radius:0; }
.inquiry_box .inquiry_ip .ipbox .ipcont .file { position:absolute; left:0; top:0; width:135px; height:60px; background:#fff; border:1px solid var(--mainColor); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.inquiry_box .inquiry_ip .ipbox .ipcont .file span{ text-align:center; font-size:16px; color:var(--mainColor); font-weight:300; line-height:1.3; }
.inquiry_box .inquiry_ip .ipbox .ipcont .file input{display:none}
.inquiry_box .inquiry_ip .ipbox .ipcont .stxt { color:#666; font-size:16px; font-weight:300; line-height:1.3; width:calc(100% - 400px); padding-left:20px; }
.inquiry_box .inquiry_ip .ip-code { display:flex; }
/* .inquiry_box .inquiry_ip .ip-code img { height:60px !important; } */
.inquiry_box .inquiry_ip .ip-code .btn { position:absolute; right:0; top:0; height:100%; width:50px; border:none; outline:none; background:none }
.inquiry_box .inquiry_ip .ip-code .btn i { color:#555; font-size:18px; }
.inquiry_box .inquiry_ip .ip-code button {flex-shrink: 0;display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;border-radius: 10px;border: 1px solid #ddd;background: #fff;}
.inquiry_box .ch_box { margin-top:100px; height:100px; display:flex; align-items:center; border:1px solid #ddd; border-radius:20px; padding:0 60px; transition:all 0.4s; }
.inquiry_box .ch_box.on { border:1px solid var(--mainColor); box-shadow:0px 0px 20px 0px rgba(230, 0, 18, 0.10);}
.inquiry_box .ch_box .ch label { position:relative; margin:0; padding-left:40px; }
.inquiry_box .ch_box .ch label span > strong { color:var(--mainColor); font-weight:600; }
.inquiry_box .ch_box .ch input[type="checkbox"] { opacity:0; position:absolute; left:0; top:0; }
.inquiry_box .ch_box .ch input[type="checkbox"] + span { font-weight:600; font-size:22px; color:#333; }
.inquiry_box .ch_box .ch input[type="checkbox"] + span:before  { content:''; display:block; width:25px; height:25px; vertical-align:middle; transition:all 0.3s; background:url(/img/common/ch.svg) center center no-repeat; border:none; position:absolute; left:0; top:-4px; border-radius:50px; }
.inquiry_box .ch_box .ch input[type="checkbox"]:checked + span:before { background:url(/img/common/ch_on.svg) center center no-repeat; }
.inquiry_box .privacy-box { margin-top:10px; padding:0; border:1px solid #eee; border-radius:20px; padding:50px 60px; }
.inquiry_box .privacy-box h4 { color:#333; font-size:20px; font-weight:600; line-height:1.3; }
.inquiry_box .privacy-box .p-box { margin-top:20px; }
.inquiry_box .privacy-box .p-box tbody td { color:#666; font-size:18px; font-weight:400; line-height:1.3; }
.inquiry_box .privacy-box .p-box tbody td.td_center { text-align:center;  }
.inquiry_box .privacy-box .p-box tbody td ul { padding-left:30px; }
.inquiry_box .privacy-box .p-box strong { position:relative; color:var(--mainColor); font-weight:700; }
.inquiry_box .privacy-box .p-box strong:before { content:""; display:block; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background:var(--mainColor); }
.inquiry_box .privacy-box .txt_b { margin-top:20px; color:#999; font-size:16px; font-weight:400; line-height:1.3; }
.inquiry_box .btnCont { margin:80px auto 0; width:300px; height:80px; border-radius:60px; border:1px solid rgba(230, 0, 18, 0.00); background:linear-gradient(96deg, #ED5B04 -351%, var(--mainColor) 52.92%, #80000A 112.83%); transition:all 4s; }
.inquiry_box .btnCont button { border:none; background:none; outline:none; color:#fff; font-size:20px; font-weight:600; line-height:1.3; width:100%; height:100%; display:flex; align-items:center; justify-content:center; transition:all 0.3s; }
.inquiry_box .btnCont:hover { background:#fff; border:1px solid var(--mainColor); transition:all 1s; }
.inquiry_box .btnCont:hover button { color:var(--mainColor); }
@media screen and (max-width:1500px){
	.inquiry_box { padding-bottom:120px; }
	.inquiry_box .inquiry_ip .ip table .c1 { width:220px !important }
	.inquiry_box .privacy-box { padding:40px 50px; }
}
@media screen and (max-width:1200px){
	.inquiry_box { padding-bottom:90px; }
	.inquiry_box .inquiry_ip .ip table .c1 { width:180px !important }
	.inquiry_box .inquiry_ip table thead th { height:65px; font-size:17px; }
	.inquiry_box .inquiry_ip table tbody th strong { font-size:17px; }
	.inquiry_box .inquiry_ip table tbody td { padding:12px 15px; }
	.inquiry_box .ch_box { margin-top:80px; height:85px; padding:0 50px; }
	.inquiry_box .ch_box .ch input[type="checkbox"] + span { font-size:20px; }
	.inquiry_box .ch_box .ch input[type="checkbox"] + span:before  { width:25px; height:25px; top:-4px; }
	.inquiry_box .privacy-box { margin-top:10px; padding:30px 40px; }
	.inquiry_box .privacy-box h4 { font-size:19px;}
	.inquiry_box .privacy-box .p-box { margin-top:20px; }
	.inquiry_box .privacy-box .p-box tbody td { font-size:17px; }
	.inquiry_box .privacy-box .p-box tbody td ul { padding-left:30px; }
	.inquiry_box .privacy-box .txt_b { margin-top:15px; font-size:16px; }
	.inquiry_box .btnCont { margin:70px auto 0; width:280px; height:70px;  }
	.inquiry_box .btnCont button { font-size:19px; }
}
@media screen and (max-width:1024px){
	.inquiry_box { padding-bottom:70px; }
	.inquiry_box .txt-r { font-size:16px; margin-bottom:8px; }
	.inquiry_box .inquiry_ip .ip table .c1 { width:120px !important }
	.inquiry_box .inquiry_ip table thead th { height:60px; }
	.inquiry_box .inquiry_ip table tbody td { padding:12px 15px; }
	.inquiry_box .inquiry_ip input[type="text"],
	.inquiry_box .inquiry_ip input[type="password"] { height:45px; padding:0 10px; font-size:15px; border-radius:5px; }
	.inquiry_box .inquiry_ip input.ip02 { width:50% }
	.inquiry_box .inquiry_ip select { width:100%; height:45px; padding:0 60px 0 10px; line-height:45px; border-radius:5px; }
	.inquiry_box .inquiry_ip textarea { padding:10px; border-radius:5px; height:150px; }
	.inquiry_box .ch_box { margin-top:60px; height:76px; padding:0 40px; border-radius:10px; }
	.inquiry_box .ch_box .ch label { padding-left:40px; }
	.inquiry_box .ch_box .ch input[type="checkbox"] + span { font-size:18px; }
	.inquiry_box .ch_box .ch input[type="checkbox"] + span:before  { width:25px; height:25px; top:-3px; }
	.inquiry_box .privacy-box { margin-top:10px; padding:30px 40px; border-radius:10px; }
	.inquiry_box .privacy-box h4 { font-size:19px;}
	.inquiry_box .privacy-box .p-box { margin-top:20px; }
	.inquiry_box .privacy-box .p-box tbody td ul { padding-left:30px; }
	.inquiry_box .privacy-box .txt_b { margin-top:15px; font-size:16px; }
	.inquiry_box .btnCont { margin:50px auto 0; width:240px; height:60px;  }
	.inquiry_box .btnCont button { font-size:18px; }
}
@media screen and (max-width:860px){
	.inquiry_box .inquiry_ip input.ip02,
	.inquiry_box .inquiry_ip select.sel01 { width:100% }
}
@media screen and (max-width:640px){
	.inquiry_box { padding-bottom:50px; }
	.inquiry_box .inquiry_ip .ip table .c1 { width:100% !important }
	.inquiry_box .inquiry_ip .ip table tbody tr { display:flex; flex-wrap:wrap; flex-direction:column; width:100% !important;}
	.inquiry_box .inquiry_ip .ip table th,
	.inquiry_box .inquiry_ip .ip table td { width:100% !important; padding:10px; }
	.inquiry_box .inquiry_ip .ip table th { text-align:left; padding:15px 10px 5px; border-bottom:none }
	.inquiry_box .inquiry_ip table thead th { font-size:16px; }
	.inquiry_box .inquiry_ip table tbody th strong { font-size:16px; }
	.inquiry_box .inquiry_ip table tbody td { padding:12px 15px; }
	.inquiry_box .ch_box { margin-top:50px; height:70px; padding:0 20px; }
	.inquiry_box .ch_box .ch label { padding-left:40px; }
	.inquiry_box .ch_box .ch input[type="checkbox"] + span { font-size:17px; }
	.inquiry_box .privacy-box { margin-top:10px; padding:30px 20px; }
	.inquiry_box .privacy-box h4 { font-size:18px;}
	.inquiry_box .privacy-box .p-box { margin-top:20px; }
	.inquiry_box .privacy-box .p-box table .p1 { width:50% !important }
	.inquiry_box .privacy-box .p-box tbody td { font-size:16px; }
	.inquiry_box .privacy-box .p-box tbody td ul { padding-left:30px; }
	.inquiry_box .privacy-box .txt_b { margin-top:12px; font-size:15px; }
	.inquiry_box .btnCont { margin:40px auto 0; width:220px; height:55px;  }
	.inquiry_box .btnCont button { font-size:17px; }
}
/* animation */
.inquiry_box { opacity:0 }
.inquiry_box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }




/* 페이징 */
.paging { display:flex; align-items: center; justify-content: center; margin-top: 70px; }
.paging .arr { display: flex; }
.paging .arr a:not(:last-child) { margin-right: 5px; }
.paging .arr a.last,
.paging .arr a.first { letter-spacing: -10px; }
.paging .arr a.last i,
.paging .arr a.first i { transform: translateX(-5px); font-size:16px; color: #b5b5b5; }
.paging a { width: 35px; height: 35px; border: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: center; color: #222222; font-size:16px; font-weight:600; }
.paging a {border-radius:50%; border:none; color: #666666;}
.paging a i{ font-size:16px; color: #b5b5b5; transform:translateY(-1px); }
.paging .arr a { border: 1px solid #e0e0e0; }
.paging ul { margin: 0 5px; display: flex; align-items: center; }
.paging ul li:not(:last-child) { margin-right: 5px; }
.paging ul li.on a { color: #e60012; }
.paging .arr a.first i{transform:translateX(-4px);}
.paging .arr a.last i{transform:translateX(6px);}
.paging .arr a.first i:first-of-type{transform:translateX(6px);}
.paging .arr a.last i:last-of-type{transform:translateX(-4px);}



.view_box { padding-bottom:150px; }
.view_box .tit_box .tit{ border-top: 1px solid #333333; padding: 40px 0; box-sizing:border-box;}
.view_box .tit_box .tit h2{font-size:30px; letter-spacing:-0.02em; color: #000; text-align: center;}
.view_box .tit_box .tit .tag{display:flex; flex-wrap:wrap; justify-content:center; margin-top: 24px;}
.view_box .tit_box .tit .tag li{font-size:14px; color: #777; margin-right: 22px;}
.view_box .tit_box .tit .tag li:last-of-type{margin-right: 0;}
.view_box .tit_box .data{display:flex; align-items:center; justify-content:flex-end; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 30px 60px;}
.view_box .tit_box .data .flie{display:flex;}
.view_box .tit_box .data .flie dt{position:relative; font-size:16px; color: #222; margin-right: 40px;}
.view_box .tit_box .data .flie dt::after{content:''; position:absolute; top: 4px; right: -15px; width: 1px; height: 12px; background: #dbdbdb;}
.view_box .tit_box .data .flie dd{font-weight:300; font-size:16px; color: #777;}
.view_box .tit_box .data ul{display:flex; align-items:center;}
.view_box .tit_box .data ul li{font-size:15px; color: #777; }
.view_box .tit_box .data ul li:not(:last-child){margin-right:30px;}
.view_box .tit_box .data ul li:first-child { margin-right:2px }
.view_box .tit_box .data ul li.sns > a { margin-left:26px; display:inline-block }
.view_box .tit_box .data ul li.sns img { vertical-align:middle; }
.view_box .tit_box .data ul li i { vertical-align:middle; margin-bottom:3px; }
.view_box .tit_box .data ul li .like { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/like_icon.svg) left center no-repeat; }
.view_box .tit_box .data ul li .share { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/share_icon.svg) left center no-repeat; }
.view_box .tit_box .data ul li .reply { padding:4px 0 4px 25px; color:var(--mainColor); font-size:15px; font-weight:500 ; line-height:1.3; background:url(/img/common/reply_icon.svg) left center no-repeat; }
.view_box .tit_box .data ul li .date { color:#777; font-size:15px; font-weight:400; line-height:1.3; }
.view_box .page {display:flex; flex-wrap:wrap; border-top: 1px solid #e6e6e6;text-align: center; }
.view_box .page dt{width: 200px; background: #f8f8f8; padding: 23px 0; border-bottom: 1px solid #e6e6e6; font-weight: 300; font-size:16px; color: #222;}
.view_box .page dd{width: calc(100% - 200px); padding: 23px 0; border-bottom: 1px solid #e6e6e6;font-weight:300; font-size:16px;  color: #777; text-align: left; padding-left: 30px; box-sizing:border-box;}
.view_box .page dd a{display:inline-block; vertical-align: top; color: #777; width: 100%;}
.view_box .list {margin-top: 100px; text-align: center;}
.view_box .list a{display:inline-block; vertical-align: top; width: 240px; height: 80px; line-height: 80px; border:1px solid #aaa; font-size:18px; color: #222222;}

.view_box .detail_view ul, ol { margin-left:16px; }
.view_box .detail_view ul, ol, li { list-style:inherit; }
.view_box .detail_view * { word-break:break-word; }
.view_box .detail_view { padding:100px 60px 150px; /*font:initial; font-style:initial; font-weight:initial; font-size:initial; line-height:initial; letter-spacing:initial; color:initial;*/ }
.view_box .detail_view img { max-width:100%; }
.view_box .detail_view .titBox .tit { color:#111; font-size:46px; font-weight:500; line-height:1.4; text-align:center }
.view_box .detail_view .titBox .tit h3 { font-weight:500; }
.view_box .detail_view .titBox .stxt { margin-top:30px; color:#333; font-size:24px; font-weight:300; line-height:1.6; text-align:center }
.view_box .detail_view .txtbox1 dt { color:#222; font-size:28px; font-weight:500; line-height:1.4; }
.view_box .detail_view .txtbox1 dt h4 { font-weight:500; }
.view_box .detail_view .txtbox1 dd,
.view_box .detail_view .txtCont { margin-top:20px; color:#666; font-size:20px; font-weight:300; line-height:1.6; }
.view_box .detail_view .txtCont { margin-top:30px; }
.view_box .detail_view .stit { color:#222; font-size:36px; font-weight:500; line-height:1.4; text-align:center }
.view_box .detail_view .stit h4 { font-weight:500; }
.view_box .detail_view .imgbox { display:flex; flex-wrap:wrap; gap:10px; text-align:center }
.view_box .detail_view .imgbox.m2 .box { width:calc((100% - 10px) / 2); }
.view_box .detail_view .imgbox.m3 .box { width:calc((100% - 20px) / 3); }
.view_box .detail_view .imgbox .box { position:relative; }
/* .view_box .detail_view .imgbox .box img { max-width:100%; margin:0 auto; } */
.view_box .detail_view .imgbox .box.full { width:100%; }
.view_box .detail_view .detailCont { margin-top:150px; }
.view_box .detail_view .listbox { margin-top:30px; }
.view_box .detail_view .listbox .imgbox { text-align:left; gap:0; align-items:center; margin:0; }
.view_box .detail_view .listbox .imgbox:not(:last-child) { margin-bottom:10px; }
.view_box .detail_view .listbox .imgbox .box { width:30.3%; }
.view_box .detail_view .listbox .imgbox .txt { width:calc(100% - 30.3%); padding-left:60px; }
.view_box .detail_view .listbox .imgbox .txt dt { color:#333; font-size:22px; font-weight:500; line-height:1.4; }
.view_box .detail_view .listbox .imgbox .txt dt h5 { font-weight:500; }
.view_box .detail_view .listbox .imgbox .txt dd { margin-top:15px; }
.view_box .detail_view .listbox .imgbox .txt dd,
.view_box .detail_view .listbox.listbox_1 .imgbox .txt { color:#666; font-size:20px; font-weight:300; line-height:1.6; }
.view_box .detail_view .listbox.listbox_1 .imgbox .box { width:47.75%; }
.view_box .detail_view .listbox.listbox_1 .imgbox .txt { width:calc(100% - 47.75%); }
.view_box .imgbox,
.view_box .movbox { margin-top:30px; }
.view_box .detail_v1 .imgbox { margin-top:60px; }
.view_box .detail_v1 .txtbox1 { margin-top:30px; }
.view_box .view_type1 *,
.view_box .view_type2 *,
.view_box .view_type3 *,
.view_box .view_type4 * {font-family: 'Pretendard', sans-serif; }
.view_box .view_type2 .detail_v1 .imgbox { text-align:center; justify-content:center; }
.view_box .view_type3 .detail_v1,
.view_box .view_type4 .detail_v1 { text-align:center; padding-bottom:100px; border-bottom:1px solid #ddd; }
.view_box .view_type3 .detail_v2 { margin-top:100px; }
.view_box .view_type4 .detail_v1 .stxt,
.view_box .view_type4 .imgbox { text-align:left }
.view_box .view_type4 .detail_v2 { padding-top:100px; }
.view_box .view_type4 .detail_v3 { margin-top:100px; padding-top:100px; border-top:1px solid #ddd; }
.view_box .view_type4 .detail_v3 .imgbox { gap:60px; }
.view_box .view_type4 .detail_v3 .imgbox.m2 .box { width:calc((100% - 60px) / 2); }
.view_box .view_type4 .detail_v3 .sbox { margin-top:30px; }
.view_box .view_type4 .detail_v3 .sbox h5 { color:#333; font-size:22px; font-weight:500; line-height:1.4; text-align:center; }
.view_box .view_type4 .detail_v3 .sbox .stxt { margin-top:10px; color:#666; font-size:20px; font-weight:300; line-height:1.6; }
.view_box .detail_view .detail_bot { margin-top:100px; padding-top:100px; border-top:1px solid #ddd; }
.view_box .detail_view .detail_b1 .imgbox { margin-top:100px; text-align:center; justify-content:center; }
.view_box .detail_view .detail_b1 .imgbox .box img { max-width:100%; margin:0 auto; } 
.view_box .detail_view .detail_b2 .link { margin-top:30px; }
.view_box .detail_view .detail_b2 .link li:not(:last-child) { margin-bottom:15px; }
.view_box .detail_view .detail_b2 .link li { display:flex; }
.view_box .detail_view .detail_b2 .link li > strong { width:200px; color:#444; font-size:20px; font-weight:500; line-height:1.3; }
.view_box .detail_view .detail_b2 .link li > span { width:calc(100% - 200px); color:#666; font-size:20px; font-weight:300; line-height:1.3; word-break:break-word !important; }
.view_box .detail_view .detail_b2 .link li > span a { color:#666; font-weight:300; word-break:break-word !important;}

.view_box .detail_view .box:before{ content:""; display:block; padding-bottom:76%;}
.view_box .detail_view .box img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.view_box .detail_view .imgbox .box.full img { position:relative; } 
.view_box .detail_view .imgbox .box.full:before{ display:none; }
.view_box .view_type1 .detail_v1 .box:before{ padding-bottom:76.4%; }
.view_box .view_type1 .detail_v1 .box.full:before{ padding-bottom:75.8%; }
.view_box .view_type1 .detail_v2 .box:before{ padding-bottom:76.4%; }
.view_box .view_type2 .detail_v1 .box { max-width:600px; width:100%; }
.view_box .view_type2 .detail_v1 .box:before{ padding-bottom:100%; }
.view_box .view_type2 .detail_v2 .box:before{ padding-bottom:100%; }
.view_box .view_type3 .detail_v2 .box:before{ padding-bottom:76.3%; }
.view_box .view_type3 .detail_v2 .box.full:before{ padding-bottom:75.8%; }
.view_box .view_type4 .box:before{ padding-bottom:115.6%; }
.view_box .view_type4 .listbox_1 .box:before{ padding-bottom:111.1%; }
.view_box .view_type4 .detail_v3 .box:before{ padding-bottom:48%; }
.view_box .detail_b1 .box { max-width:450px; width:100%; }
.view_box .detail_b1 .box:before{ padding-bottom:84.2%; }

/* 게시글 동영상 반응형 */
.video-container { position:relative; overflow:hidden; margin:0 auto; }
.video-container:before { content:''; display:block; padding-bottom:56.25%; /* 16:9 비율 */ }
.video-container video,
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
@media screen and (max-width:1500px){
	.view_box { padding-bottom:120px; }
	.view_box .detail_view { padding:80px 40px 120px; }
	.view_box .detail_view .titBox .tit { font-size:38px; }
	.view_box .detail_view .titBox .stxt { margin-top:25px; font-size:22px; }
	.view_box .detail_view .txtbox1 dt { font-size:26px; }
	.view_box .detail_view .txtbox1 dd,
	.view_box .detail_view .txtCont { margin-top:15px; font-size:19px; }
	.view_box .detail_view .txtCont { margin-top:25px; }
	.view_box .detail_view .stit { font-size:32px; }
	.view_box .detail_view .detailCont { margin-top:120px; }
	.view_box .detail_view .listbox { margin-top:25px; }
	.view_box .detail_view .listbox .imgbox:not(:last-child) { margin-bottom:10px; }
	.view_box .detail_view .listbox .imgbox .txt { padding-left:40px; }
	.view_box .detail_view .listbox .imgbox .txt dt { font-size:20px; }
	.view_box .detail_view .listbox .imgbox .txt dd { margin-top:12px; }
	.view_box .detail_view .listbox .imgbox .txt dd,
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { font-size:19px; }
	.view_box .imgbox,
	.view_box .movbox { margin-top:25px; }
	.view_box .detail_v1 .imgbox { margin-top:50px; }
	.view_box .detail_v1 .txtbox1 { margin-top:25px; }
	.view_box .view_type3 .detail_v1,
	.view_box .view_type4 .detail_v1 { padding-bottom:80px; }
	.view_box .view_type3 .detail_v2 { margin-top:80px; }
	.view_box .view_type4 .detail_v2 { padding-top:80px; }
	.view_box .view_type4 .detail_v3 { margin-top:80px; padding-top:80px; }
	.view_box .view_type4 .detail_v3 .imgbox { gap:40px; }
	.view_box .view_type4 .detail_v3 .imgbox.m2 .box { width:calc((100% - 40px) / 2); }
	.view_box .view_type4 .detail_v3 .sbox { margin-top:25px; }
	.view_box .view_type4 .detail_v3 .sbox h5 { font-size:20px; }
	.view_box .view_type4 .detail_v3 .sbox .stxt { margin-top:10px; font-size:19px; }
	.view_box .detail_view .detail_bot { margin-top:80px; padding-top:80px; }
	.view_box .detail_view .detail_b1 .imgbox { margin-top:80px; } 
	.view_box .detail_view .detail_b2 .link { margin-top:25px; }
	.view_box .detail_view .detail_b2 .link li:not(:last-child) { margin-bottom:12px; }
	.view_box .detail_view .detail_b2 .link li > strong { width:160px; font-size:19px; }
	.view_box .detail_view .detail_b2 .link li > span { width:calc(100% - 160px); font-size:19px; }
}
@media screen and (max-width:1200px){
	.view_box .tit_box .tit{padding: 25px 0;}
	.view_box .tit_box .tit h2{font-size:24px;}
	.view_box .tit_box .tit .tag{margin-top: 14px;}
	.view_box .tit_box .data{padding: 14px 0;}
	.view_box .list{margin-top: 50px;}

	.view_box { padding-bottom:90px; }
	.view_box .detail_view { padding:60px 20px 90px; }
	.view_box .detail_view .titBox .tit { font-size:32px; }
	.view_box .detail_view .titBox .stxt { margin-top:20px; font-size:20px; }
	.view_box .detail_view .txtbox1 dt { font-size:24px; }
	.view_box .detail_view .txtbox1 dd,
	.view_box .detail_view .txtCont { margin-top:12px; font-size:18px; }
	.view_box .detail_view .txtCont { margin-top:20px; }
	.view_box .detail_view .stit { font-size:28px; }
	.view_box .detail_view .detailCont { margin-top:90px; }
	.view_box .detail_view .listbox { margin-top:20px; }
	.view_box .detail_view .listbox .imgbox:not(:last-child) { margin-bottom:8px; }
	.view_box .detail_view .listbox .imgbox .txt { padding-left:30px; }
	.view_box .detail_view .listbox .imgbox .txt dt { font-size:18px; }
	.view_box .detail_view .listbox .imgbox .txt dd { margin-top:10px; }
	.view_box .detail_view .listbox .imgbox .txt dd,
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { font-size:17px; }
	.view_box .imgbox,
	.view_box .movbox { margin-top:20px; }
	.view_box .detail_v1 .imgbox { margin-top:40px; }
	.view_box .detail_v1 .txtbox1 { margin-top:20px; }
	.view_box .view_type3 .detail_v1,
	.view_box .view_type4 .detail_v1 { padding-bottom:60px; }
	.view_box .view_type3 .detail_v2 { margin-top:60px; }
	.view_box .view_type4 .detail_v2 { padding-top:60px; }
	.view_box .view_type4 .detail_v3 { margin-top:60px; padding-top:60px; }
	.view_box .view_type4 .detail_v3 .imgbox { gap:30px; }
	.view_box .view_type4 .detail_v3 .imgbox.m2 .box { width:calc((100% - 30px) / 2); }
	.view_box .view_type4 .detail_v3 .sbox { margin-top:20px; }
	.view_box .view_type4 .detail_v3 .sbox h5 { font-size:18px; }
	.view_box .view_type4 .detail_v3 .sbox .stxt { margin-top:8px; font-size:17px; }
	.view_box .detail_view .detail_bot { margin-top:60px; padding-top:60px; }
	.view_box .detail_view .detail_b1 .imgbox { margin-top:60px; } 
	.view_box .detail_view .detail_b2 .link { margin-top:20px; }
	.view_box .detail_view .detail_b2 .link li:not(:last-child) { margin-bottom:10px; }
	.view_box .detail_view .detail_b2 .link li > strong { width:140px; font-size:18px; }
	.view_box .detail_view .detail_b2 .link li > span { width:calc(100% - 140px); font-size:18px; }
}
@media screen and (max-width:1024px){
	.view_box { padding-bottom:70px; }
	.view_box .tit_box .data ul li:not(:last-child){margin-right:20px;}
	.view_box .detail_view { padding:40px 20px 70px; }
	.view_box .detail_view .titBox .tit { font-size:28px; }
	.view_box .detail_view .titBox .stxt { margin-top:15px; font-size:19px; }
	.view_box .detail_view .txtbox1 dt { font-size:23px; }
	.view_box .detail_view .txtbox1 dd,
	.view_box .detail_view .txtCont { margin-top:10px; font-size:17px; }
	.view_box .detail_view .txtCont { margin-top:15px; }
	.view_box .detail_view .stit { font-size:26px; }
	.view_box .detail_view .imgbox { gap:5px;  }
	.view_box .detail_view .imgbox.m2 .box { width:calc((100% - 5px) / 2); }
	.view_box .detail_view .imgbox.m3 .box { width:calc((100% - 10px) / 3); }
	.view_box .detail_view .imgbox .box.full { width:100%; }
	.view_box .detail_view .detailCont { margin-top:70px; }
	.view_box .detail_view .listbox { margin-top:15px; }
	.view_box .detail_view .listbox .imgbox:not(:last-child) { margin-bottom:5px; }
	.view_box .detail_view .listbox .imgbox .box { width:30%; }
	.view_box .detail_view .listbox .imgbox .txt { width:calc(100% - 30%); padding-left:20px; }
	.view_box .detail_view .listbox .imgbox .txt dt { font-size:17px; }
	.view_box .detail_view .listbox .imgbox .txt dd { margin-top:8px; }
	.view_box .detail_view .listbox .imgbox .txt dd,
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { font-size:16px; }
	.view_box .detail_view .listbox.listbox_1 .imgbox { align-items:flex-start; }
	.view_box .detail_view .listbox.listbox_1 .imgbox .box { width:48%; }
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { width:calc(100% - 48%); }
	.view_box .imgbox,
	.view_box .movbox { margin-top:15px; }
	.view_box .detail_v1 .imgbox { margin-top:30px; }
	.view_box .detail_v1 .txtbox1 { margin-top:15px; }
	.view_box .view_type3 .detail_v1,
	.view_box .view_type4 .detail_v1 { padding-bottom:40px; }
	.view_box .view_type3 .detail_v2 { margin-top:40px; }
	.view_box .view_type4 .detail_v2 { padding-top:40px; }
	.view_box .view_type4 .detail_v3 { margin-top:40px; padding-top:40px; }
	.view_box .view_type4 .detail_v3 .imgbox { gap:20px; }
	.view_box .view_type4 .detail_v3 .imgbox.m2 .box { width:calc((100% - 20px) / 2); }
	.view_box .view_type4 .detail_v3 .sbox { margin-top:20px; }
	.view_box .view_type4 .detail_v3 .sbox h5 { font-size:17px; }
	.view_box .view_type4 .detail_v3 .sbox .stxt { margin-top:8px; font-size:16px; }
	.view_box .detail_view .detail_bot { margin-top:40px; padding-top:40px; }
	.view_box .detail_view .detail_b1 .imgbox { margin-top:40px; } 
	.view_box .detail_view .detail_b2 .link { margin-top:15px; }
	.view_box .detail_view .detail_b2 .link li:not(:last-child) { margin-bottom:8px; }
	.view_box .detail_view .detail_b2 .link li > strong { width:130px; font-size:17px; }
	.view_box .detail_view .detail_b2 .link li > span { width:calc(100% - 130px); font-size:17px; }
}
@media screen and (max-width:960px){
	.view_box .detail_view .listbox.listbox_1 .imgbox .box { width:100%; }
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { margin:20px 0 0; padding:0; width:100%; }
}
@media screen and (max-width: 800px){
	.view_box .tit_box .tit h2{font-size:20px;}
	.view_box .page dt{width: 150px;}
	.view_box .page dd{width: calc(100% - 150px); padding-left: 15px;}
	.view_box .page dd a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.view_box .list a{height: 60px; width: 200px; line-height: 60px;}

	.view_box .detail_view .listbox .imgbox:not(:last-child) { margin-bottom:20px; }
	.view_box .detail_view .listbox .imgbox .box { width:100%; }
	.view_box .detail_view .listbox .imgbox .txt { width:100%; padding:10px 0 0; }
}
@media screen and (max-width:640px){
	.view_box { padding-bottom:50px; }
	.view_box .tit_box .data ul li:not(:last-child){margin-right:15px;}
	.view_box .tit_box .data ul li.sns > a { margin-left:15px; }
	.view_box .detail_view { padding:30px 20px 50px; }
	.view_box .detail_view .titBox .tit { font-size:25px; }
	.view_box .detail_view .titBox .stxt { margin-top:10px; font-size:18px; }
	.view_box .detail_view .txtbox1 dt { font-size:21px; }
	.view_box .detail_view .txtbox1 dd,
	.view_box .detail_view .txtCont { margin-top:8px; font-size:17px; }
	.view_box .detail_view .txtCont { margin-top:12px; }
	.view_box .detail_view .stit { font-size:22px; }
	.view_box .detail_view .detailCont { margin-top:50px; }
	.view_box .detail_view .listbox { margin-top:15px; }
	.view_box .detail_view .listbox .imgbox .txt dt { font-size:17px; }
	.view_box .detail_view .listbox .imgbox .txt dd { margin-top:8px; }
	.view_box .detail_view .listbox .imgbox .txt dd,
	.view_box .detail_view .listbox.listbox_1 .imgbox .txt { font-size:16px; }
	.view_box .imgbox,
	.view_box .movbox { margin-top:12px; }
	.view_box .detail_v1 .imgbox { margin-top:25px; }
	.view_box .detail_v1 .txtbox1 { margin-top:12px; }
	.view_box .view_type3 .detail_v1,
	.view_box .view_type4 .detail_v1 { padding-bottom:30px; }
	.view_box .view_type3 .detail_v2 { margin-top:30px; }
	.view_box .view_type4 .detail_v2 { padding-top:30px; }
	.view_box .view_type4 .detail_v3 { margin-top:30px; padding-top:30px; }
	.view_box .view_type4 .detail_v3 .imgbox { gap:10px; }
	.view_box .view_type4 .detail_v3 .imgbox.m2 .box { width:calc((100% - 10px) / 2); }
	.view_box .view_type4 .detail_v3 .sbox { margin-top:15px; }
	.view_box .view_type4 .detail_v3 .sbox h5 { font-size:16px; }
	.view_box .view_type4 .detail_v3 .sbox .stxt { margin-top:8px; font-size:15px; }
	.view_box .detail_view .detail_bot { margin-top:30px; padding-top:30px; }
	.view_box .detail_view .detail_b1 .imgbox { margin-top:30px; } 
	.view_box .detail_view .detail_b2 .link { margin-top:12px; }
	.view_box .detail_view .detail_b2 .link li:not(:last-child) { margin-bottom:5px; }
	.view_box .detail_view .detail_b2 .link li > strong { width:130px; font-size:16px; }
	.view_box .detail_view .detail_b2 .link li > span { width:calc(100% - 130px); font-size:16px; }
}


/* animation */
.view_box { opacity:0 }
.view_box.subOn { animation:ani_4 0.8s 0.5s; animation-fill-mode:both; }

.pageCont { width:100%; }
.tabmenu ul { display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:20px; }
.tabmenu ul li { height:70px; background:#fff; transition:all 0.3s; }
.tabmenu ul li.on { background:var(--mainColor); }
.tabmenu ul li a { display:flex; align-items:center; justify-content:center;  width:100%; height:100%; color:#999; font-size:20px; font-weight:500; line-height:1.3; transition:all 0.3s; }
.tabmenu ul li.on a { color:#fff; font-weight:700; }
.tabmenu.m2 ul li { width:calc(100% / 2); }
.tabmenu.m3 ul li { width:calc(100% / 3); }
.tabmenu.m4 ul li { width:calc(100% / 4); }
@media screen and (max-width:1024px){
	.tabmenu ul { border-radius:10px; }
	.tabmenu ul li { height:60px; }
	.tabmenu ul li a { font-size:18px; }
}
@media screen and (max-width:1024px){
	.tabmenu ul { border-radius:8px; }
	.tabmenu ul li { height:45px; }
	.tabmenu ul li a { font-size:16px; }
}

.system_box .tabmenu { margin:60px 0; }
@media screen and (max-width:1024px){
	.system_box .tabmenu { margin:30px 0; }
}
@media screen and (max-width:640px){
	.system_box .tabmenu { margin:15px 0; }
}