/* header */
header.active{ background: #fff; }

.imgbox_center { text-align:center; }
@media screen and (max-width:1280px){
	.imgbox_center img { width:100%; }
}

#subWrap .inner { position:relative; z-index:2; max-width:1500px; margin:0 auto; }
#subWrap .inner1630 { position:relative; z-index:2; max-width:1630px; margin:0 auto; }
@media screen and (max-width:1630px){
	#subWrap .inner1630 { padding:0 20px; }
}
@media screen and (max-width:1540px){
	#subWrap .inner { padding:0 20px; }
}


#subWrap #sv { position:relative; height:480px; overflow:hidden; }
#subWrap #sv .bg { position:absolute; left:0; top:0; width:100%; height:480px; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.1); }
#subWrap #sv.svCont1 .bg { background-image:url(/img/sub/bg_sv1.jpg); }
#subWrap #sv.svCont2 .bg { background-image:url(/img/sub/bg_sv2.jpg); }
#subWrap #sv.svCont3 .bg { background-image:url(/img/sub/bg_sv3.jpg); }
#subWrap #sv.svCont4 .bg { background-image:url(/img/sub/bg_sv4.jpg); }
#subWrap #sv.svCont5 .bg { background-image:url(/img/sub/bg_sv5.jpg); }
#subWrap #sv.svCont6 .bg { background-image:url(/img/sub/bg_sv6.jpg); }
@media screen and (max-width:1280px){
	#subWrap #sv,
    #subWrap #sv .bg  { height:420px; }
	#subWrap #sv .inner { padding-bottom:60px;  }
}
@media screen and (max-width:1024px){
	#subWrap #sv,
    #subWrap #sv .bg  { height:400px; }
	#subWrap #sv .inner { padding-bottom:50px; }
}
@media screen and (max-width:760px){
	#subWrap #sv,
    #subWrap #sv .bg { height:200px; }
	#subWrap #sv .inner { flex-direction:column; padding-bottom:30px; }
    #subWrap #sv.svCont1 .bg { background-image:url(/img/sub/bg_sv1_m.jpg); }
    #subWrap #sv.svCont2 .bg { background-image:url(/img/sub/bg_sv2_m.jpg); background-position:right bottom;}
    #subWrap #sv.svCont3 .bg { background-image:url(/img/sub/bg_sv3_m.jpg); }
    #subWrap #sv.svCont4 .bg { background-image:url(/img/sub/bg_sv4_m.jpg); background-position:center bottom;}
    #subWrap #sv.svCont5 .bg { background-image:url(/img/sub/bg_sv5_m.jpg); background-position:center bottom;}
    #subWrap #sv.svCont6 .bg { background-image:url(/img/sub/bg_sv6_m.jpg); background-position:center bottom;}
}

/* animation */
#subWrap #sv .subTitle,
#subWrap #sv .location { opacity:0; }
#subWrap #sv .bg { animation:m_vsImg 1.8s; transform:scale(1); }
#subWrap #sv .subTitle { animation:blur_txt 1.8s 0.3s; animation-fill-mode:both; }
#subWrap #sv .location { animation:ani_2 0.8s 0.2s; animation-fill-mode:both; }

#subContainer {}

.title-box { text-align:center; margin-bottom:100px; padding-top:100px; }
.title-box h2 span { font-weight:500; font-size:62px; color:#222; letter-spacing:-0.02em }
.title-box h2 strong { font-weight:500; }
@media screen and (max-width:1024px){
    .title-box { margin-bottom:80px; padding-top:80px; }
    .title-box h2 span { font-size:46px; }
}
@media screen and (max-width:640px){
    .title-box h2 span { font-size:30px; }
    .title-box { margin-bottom:60px; padding-top:60px; }
}

/* animation */
.title-box h2 { overflow:hidden; }
.title-box h2 span { display:block; opacity:0; }
.title-box h2 span { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }

h3.stitle { font-size:28px; font-weight:600; color:#222; padding-bottom:30px; }
@media screen and (max-width:1024px){
	h3.stitle { font-size:24px; }
}

/* COMPANY */
.company-introduction .listbox { margin-top:0; background-color:#f8f8f8; padding-bottom:120px; } 
.company-introduction .listbox .titbox dt { font-weight:600; font-size:42px; color:#111; letter-spacing:-0.02em } 
.company-introduction .listbox .titbox dd { margin-top:10px; font-weight:300; font-size:20px; color:#222; letter-spacing:-0.02em } 
.company-introduction .listbox ul { display:flex; justify-content:center; gap:20px 20px; margin-top:80px; }
.company-introduction .listbox li { width:290px; text-align:center; padding-top:55px; height:267px; box-shadow:0px 0px 20px rgba(0, 0, 0, 0.05); background:#fff }
.company-introduction .listbox li .icon { margin:0 auto; display:flex; justify-content:center; align-items:center; width:88px; height:88px; background-color:#f0f0f0; border-radius:50%; }
.company-introduction .listbox li strong { margin-top:30px; display:block; font-weight:500; font-size:22px; color:#222; letter-spacing:-0.02em } 
.company-introduction .introduction-cont2 { padding:130px 0; background-color:#fff }
.company-introduction .introduction-cont2 .inner { display:flex; flex-wrap:wrap;}
.company-introduction .introduction-cont2 .imgbox { width:835px; }
.company-introduction .introduction-cont2 .txtbox { width:calc(100% - 835px); padding-left:90px; }
.company-introduction .introduction-cont2 .txtbox dt { font-size:50px; font-weight:300; color:#222; line-height:1.3 }
.company-introduction .introduction-cont2 .txtbox dt strong { font-weight:600;}
.company-introduction .introduction-cont2 .txtbox dd { padding-top:20px; }
.company-introduction .introduction-cont2 .txtbox dd .txt { margin-top:20px; font-size:20px; font-weight:300; color:#666; line-height:1.4; letter-spacing:-0.02em }
.company-introduction .introduction-cont3 { padding:130px 0 120px; background:url(/img/sub/introduction_bg.jpg) center top repeat; }
.company-introduction .introduction-cont3 .inner { display:flex; flex-wrap:wrap;}
.company-introduction .introduction-cont3 .imgbox { position:relative;width:650px; z-index:5 }
.company-introduction .introduction-cont3 .txtbox { position:relative; z-index:5; width:calc(100% - 650px); padding-top:170px; }
.company-introduction .introduction-cont3 .txtbox p { position:absolute; right:-70px; top:40px; z-index:5; color:rgba(255,255,255,0.05); font-family: 'Cormorant Garamond', serif; font-size:130px; font-weight:600;}
.company-introduction .introduction-cont3 .txtbox dt { font-size:50px; font-weight:600; color:#fff; line-height:1.3 }
.company-introduction .introduction-cont3 .txtbox dd { padding-top:20px; }
.company-introduction .introduction-cont3 .txtbox dd .txt { margin-top:20px; font-size:20px; font-weight:300; color:#ccc; line-height:1.3; letter-spacing:-0.02em  }
.company-introduction .introduction-cont3 .txtbox dd .txt_b { margin-top:50px; font-size:18px; font-weight:300; color:#fff; line-height:1.3; letter-spacing:-0.02em  }
.company-introduction .introduction-cont3 .txtbox dd .txt_b span { display:block; margin-top:20px; font-size:18px; font-weight:500; }
.company-introduction .introduction-cont3 .txtbox dd .txt_b span strong { font-weight:600; font-size:34px; }
.company-introduction .introduction-cont2 .control_box { position:relative; margin-top:49px; padding:0 145px 0 120px; }
.company-introduction .introduction-cont2 .control_box > p { position:absolute; left:0; top:-8px; font-size:20px; font-weight:600; color:#333; }
.company-introduction .introduction-cont2 .progress { display:block; width:100%; height:2px; overflow:hidden; background-color:#e0e0e0; background-image:linear-gradient(to right, #044567, #044567); background-repeat:no-repeat; background-size:0 100%; transition: background-size .4s ease-in-out; }
.company-introduction .introduction-cont2 .btnbox { position:absolute; right:0; top:-23px; }
.company-introduction .introduction-cont2 .btnbox button { width:50px; height:50px; border:1px solid #e1e1e1; border-radius:50%; margin-left:8px; background:none; outline:none; transition:all 0.4s ease-in-out; }
.company-introduction .introduction-cont2 .btnbox i { color:#e1e1e1; font-size:13px; transition:all 0.4s ease-in-out;}
.company-introduction .introduction-cont2 .btnbox button:hover { border:1px solid #044567; }
.company-introduction .introduction-cont2 .btnbox button:hover i { color:#044567;}
.company-introduction .introduction-cont2 .slick-slide { position:relative;  }
.company-introduction .introduction-cont2 .slick-slide:after { content: ""; display:block; padding-bottom:56.5%; }
.company-introduction .introduction-cont2 .slick-slide img { position: absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }

@media screen and (max-width:1540px){
    .company-introduction .listbox li strong { margin-top:20px; font-size:20px; } 
	.company-introduction .introduction-cont1 { padding:108px 0 0 0; }
	.company-introduction .introduction-cont1 .txtbox-1 { font-size:18px; }
	.company-introduction .introduction-cont1 .txtbox-2 { padding-top:70px; font-size:20px; }
	.company-introduction .introduction-cont1 .txtbox-2 strong { font-size:38px; }
	.company-introduction .introduction-cont2 .imgbox { width:55%; }
	.company-introduction .introduction-cont2 .imgbox .slick-slide img { width:100%; }
	.company-introduction .introduction-cont2 .txtbox { width:45%; padding-left:60px;}
	.company-introduction .introduction-cont2 .txtbox dt { font-size:36px; }
	.company-introduction .introduction-cont2 .txtbox dd { padding-top:15px; }
	.company-introduction .introduction-cont2 .txtbox dd .txt { margin-top:15px; font-size:18px; }
	.company-introduction .introduction-cont3 .imgbox { width:43%;}
	.company-introduction .introduction-cont3 .imgbox img { width:100%;}
	.company-introduction .introduction-cont3 .txtbox { width:57%;}
	.company-introduction .introduction-cont3 .txtbox p { right:-70px; top:40px; font-size:90px; }
	.company-introduction .introduction-cont3 .txtbox dt { font-size:36px; }
	.company-introduction .introduction-cont3 .txtbox dd { padding-top:15px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt { margin-top:15px; font-size:18px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b { margin-top:40px; font-size:16px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b span { margin-top:20px; font-size:16px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b span strong { font-size:24px; }
}
@media screen and (max-width:1024px){
    .company-introduction .listbox { padding-bottom:80px; }
    .company-introduction .listbox .titbox dt { font-size:30px; } 
    .company-introduction .listbox .titbox dd { font-size:18px; }
	.company-introduction .listbox ul { flex-wrap:wrap; margin-top:60px; }
	.company-introduction .listbox li { width:calc(48% - 10px); height:200px; padding-top:35px; }
    .company-introduction .listbox li strong { margin-top:15px; font-size:18px; } 
	.company-introduction .introduction-cont1 { padding:70px 0 0 0; }
	.company-introduction .introduction-cont1 .txtbox-1 { font-size:17px; }
	.company-introduction .introduction-cont1 .txtbox-1 p br { display:none }
	.company-introduction .introduction-cont1 .txtbox-2 { padding-top:50px; font-size:19px; }
	.company-introduction .introduction-cont1 .txtbox-2 strong { font-size:30px; }
	.company-introduction .introduction-cont2 { padding:80px 0; }
	.company-introduction .introduction-cont2 .imgbox { width:100%; }
	.company-introduction .introduction-cont2 .txtbox { width:100%; padding-left:0; padding-top:50px; }
	.company-introduction .introduction-cont2 .txtbox dt { font-size:26px; }
	.company-introduction .introduction-cont2 .txtbox dd .txt { font-size:17px; }
	.company-introduction .introduction-cont3 .imgbox { width:100%; max-width:520px; margin:0 auto; }
	.company-introduction .introduction-cont3 .imgbox img { margin:0 auto}
	.company-introduction .introduction-cont3 { padding:80px 0 70px; }
	.company-introduction .introduction-cont3 .inner { flex-direction:column-reverse; }
	.company-introduction .introduction-cont3 .txtbox { width:100%; padding-top:120px; }
	.company-introduction .introduction-cont3 .txtbox p { right:10px; top:40px; font-size:60px; }
	.company-introduction .introduction-cont3 .txtbox dt { font-size:26px; }
	.company-introduction .introduction-cont3 .txtbox dt br { display:none }
	.company-introduction .introduction-cont3 .txtbox dd .txt {font-size:17px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt br { display:none }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b { margin-top:40px; font-size:16px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b span { margin-top:20px; font-size:16px; }
	.company-introduction .introduction-cont3 .txtbox dd .txt_b span strong { font-size:28px; }
}
@media screen and (max-width:760px){
	.company-introduction .listbox li { padding-top:35px; }
}
@media screen and (max-width:640px){
    .company-introduction .listbox { padding-bottom:60px; }
	.company-introduction .listbox ul { margin-top:40px; }
	.company-introduction .listbox li { padding-top:35px; }
    .company-introduction .listbox li strong { margin-top:12px; font-size:16px; } 
}

/* animation */
.company-introduction .introduction-cont1 .txtbox-1,
.company-introduction .introduction-cont1 .txtbox-2 { opacity:0; }
.company-introduction .introduction-cont1.subOn .txtbox-1 { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-introduction .introduction-cont1.subOn .txtbox-2 { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-introduction .listbox li { opacity:0; }
.company-introduction .listbox.subOn li:nth-child(1) { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-introduction .listbox.subOn li:nth-child(2) { animation:ani_2 0.5s 0.4s; animation-fill-mode:both; }
.company-introduction .listbox.subOn li:nth-child(3) { animation:ani_2 0.5s 0.6s; animation-fill-mode:both; }
.company-introduction .listbox.subOn li:nth-child(4) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-introduction .listbox.subOn li:nth-child(5) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-introduction .introduction-cont2 .imgbox,
.company-introduction .introduction-cont2 .txtbox { opacity:0; }
.company-introduction .introduction-cont2.subOn .imgbox { animation:ani_2 0.5s 0.2s; animation-fill-mode:both; }
.company-introduction .introduction-cont2.subOn .txtbox { animation:ani_1 0.5s 0.2s; animation-fill-mode:both; }
.company-introduction .introduction-cont3 .txtbox,
.company-introduction .introduction-cont3 .txtbox p { opacity:0; }
.company-introduction .introduction-cont3.subOn .txtbox { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.company-introduction .introduction-cont3.subOn .txtbox p { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.company-introduction .introduction-cont3 .imgbox:before { content:""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:height 1.2s, opacity 1.5s; z-index:1 }
.company-introduction .introduction-cont3.subOn .imgbox:before { height:0; opacity:0; }


/* lawyer */
.lawyer .title-box h2 strong { font-weight:500; }
.lawyer .title-box:nth-child(3) { padding-top:0 }
.lawyer .title-box:nth-child(3) { text-align:left }
.lawyer .title-box:nth-child(3) h2 span { font-weight:100 }
.lawyer .lawyer-list { margin:60px 0 120px; }
.lawyer .lawyer-list:nth-child(4) { margin-top:-40px; }
.lawyer .lawyer-list > ul { display:flex; gap:75px 20px; flex-wrap:wrap; }
.lawyer .lawyer-list > ul > li { width:calc((100% - 60px) / 4)}
.lawyer .lawyer-list > ul > li .imgbox { position:relative; }
.lawyer .lawyer-list > ul > li .imgbox:after { content: ""; display:block; padding-bottom:127.8%; }
.lawyer .lawyer-list > ul > li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.lawyer .lawyer-list > ul > li .txtbox { padding:30px 0 0 0; }
.lawyer .lawyer-list > ul > li .txtbox h4 { font-size:18px; font-weight:700; color:#222; line-height:1.3 }
.lawyer .lawyer-list > ul > li .txtbox h4 strong { font-size:36px; font-weight:700; }
@media screen and (max-width:1280px){
	.lawyer .lawyer-list > ul > li .txtbox > p { font-size:16px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 { font-size:17px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 strong { font-size:28px; }
}
@media screen and (max-width:1024px){
    .lawyer .lawyer-list { margin:60px 0 100px; }
	.lawyer .lawyer-list > ul { display:flex; gap:55px 20px; }
	.lawyer .lawyer-list > ul > li { width:calc((100% - 40px) / 3)}
	.lawyer .lawyer-list > ul > li .txtbox { padding:22px 0 0 0; }
	.lawyer .lawyer-list > ul > li .txtbox > p { font-size:15px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 { font-size:16px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 strong { font-size:22px; }
}
@media screen and (max-width:760px){
	.lawyer .lawyer-list > ul > li { width:calc((100% - 20px) / 2)}
}
@media screen and (max-width:640px){
    .lawyer .lawyer-list { margin:40px 0 80px; }
	.lawyer .lawyer-list > ul { display:flex; gap:45px 10px; }
	.lawyer .lawyer-list > ul > li { width:calc((100% - 10px) / 2)}
	.lawyer .lawyer-list > ul > li .txtbox { padding:15px 0 0 0; }
	.lawyer .lawyer-list > ul > li .txtbox > p { margin-bottom:5px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 { font-size:15px; }
	.lawyer .lawyer-list > ul > li .txtbox h4 strong { font-size:20px; }
}

/* animation */
.lawyer .lawyer-list > ul > li { opacity:0; }
.lawyer .lawyer-list > ul > li:nth-child(4n+1).subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.lawyer .lawyer-list > ul > li:nth-child(4n+2).subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.lawyer .lawyer-list > ul > li:nth-child(4n+3).subOn { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.lawyer .lawyer-list > ul > li:nth-child(4n+4).subOn  { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.lawyer .lawyer-list > ul > li:nth-child(3n+1).subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.lawyer .lawyer-list > ul > li:nth-child(3n+2).subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.lawyer .lawyer-list > ul > li:nth-child(3n+3).subOn { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
}
@media screen and (max-width:760px){
	.lawyer .lawyer-list > ul > li:nth-child(2n+1).subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.lawyer .lawyer-list > ul > li:nth-child(2n+2).subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
}

.lawyer .lawyer-list:nth-child(2) > ul > li:nth-child(4n+1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.lawyer .lawyer-list:nth-child(2) > ul > li:nth-child(4n+2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.lawyer .lawyer-list:nth-child(2) > ul > li:nth-child(4n+3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.lawyer .lawyer-list:nth-child(2) > ul > li:nth-child(4n+4)  { animation:ani_3 0.8s 0.9s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
	.lawyer .lawyer-list:nth-child(2)  > ul > li:nth-child(3n+1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.lawyer .lawyer-list:nth-child(2)  > ul > li:nth-child(3n+2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
	.lawyer .lawyer-list:nth-child(2)  > ul > li:nth-child(3n+3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
}
@media screen and (max-width:760px){
	.lawyer .lawyer-list:nth-child(2)  > ul > li:nth-child(2n+1) { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
	.lawyer .lawyer-list:nth-child(2)  > ul > li:nth-child(2n+2) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
}

.s-best-list { margin-top:130px; padding-top:45px; border-top:1px solid #ddd; position:relative; margin-top:65px; }
.s-best-list .slick-slider {  }
.s-best-list .box { height:422px; cursor:pointer; }
.s-best-list .box .info-top { padding:36px 30px 35px 30px; }
.s-best-list .box .keyword { min-height:66px; }
.s-best-list .box .keyword a { display:inline-block; padding:8px 13px; margin-top:3px; background-color:#be9b56; border-radius:30px; font-size:14px; font-weight:600; color:#fff; }
.s-best-list .box .keyword a:nth-child(n+1):nth-child(-n+3) {  }
.s-best-list .box .tit { margin-top:25px; font-size:26px; font-weight:700; color:#222; max-height:28px; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.s-best-list .box .expense { margin-top:25px; }
.s-best-list .box .expense .ex-before { position:relative; color:#888; font-size:16px; display:inline-block; }
.s-best-list .box .expense .ex-before:before { content:""; display:block; width:calc(100% + 4px); height:1px; background-color:#888; position:absolute; left:-2px; top:50%; transform:translateY(calc(-50% - 0.5px)); }
.s-best-list .box .expense .ex-atfer { margin-top:12px; font-weight:300; color:#222; font-size:20px; }
.s-best-list .box .expense .ex-atfer strong { font-weight:600; color:#155aa1; }
.s-best-list .box .expense .ex-atfer strong:first-child { display:inline-block; margin-right:8px; }
.s-best-list .box .expense .ex-atfer span { font-weight:500; }
.s-best-list .box .expense .ex-atfer i { color:#155aa1; font-size:18px; display:inline-block; vertical-align:middle; }
.s-best-list .box .date { margin-top:30px; color:#777; font-size:15px; font-weight:300; }
.s-best-list .box .info-bottom { display:flex; justify-content:space-between; align-items:flex-end; padding:15px 30px 15px 30px; background-color:#fff; }
.s-best-list .box .info-bottom .imgbox { position:relative; max-width:105px; width:100%; }
.s-best-list .box .info-bottom .imgbox:after { content: ""; display:block; padding-bottom:124%; }
.s-best-list .box .info-bottom .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.s-best-list .box .info-bottom .txtbox { text-align:right; }
.s-best-list .box .info-bottom .txtbox span { display:block; color:#666; font-size:14px; font-weight:400; }
.s-best-list .box .info-bottom .txtbox strong { display:block; color:#222; font-size:32px; font-weight:700; letter-spacing:0.07em; margin-top:5px; margin-right:-3px; }
.s-best-list .slick-slide { margin:0 0 0 33px; padding:0 0 16px 0; box-shadow:3px 3px 5px #f6f6f6; background-color:#f9f9f9;  }
.s-best-list .slick-list { margin:0 0 0 -33px; padding:0 6px 0 0; }
.s-best-list .btnbox { position:absolute; right:-4px; top:65px; }
.s-best-list .btnbox button { border:none; background:none; outline:none; }
.s-best-list .btnbox button i { font-size:20px; color:#222; }
.s-best-list.lawyer-list li { position:relative; }
.s-best-list.lawyer-list li .imgbox { position:relative; }
.s-best-list.lawyer-list li .imgbox:after { content: ""; display:block; padding-bottom:127.8%; }
.s-best-list.lawyer-list li .imgbox img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.s-best-list.lawyer-list li .txtbox { padding:29px 0 0 0; }
.s-best-list.lawyer-list li .txtbox > p { font-size:17px; font-weight:500; color:#be9b56; margin-bottom:10px; }
.s-best-list.lawyer-list li .txtbox h4 { font-size:18px; font-weight:700; color:#222; }
.s-best-list.lawyer-list li .txtbox h4 strong { font-size:36px; font-weight:700; }
.s-best-list.lawyer-list .slick-slide { padding:0 !important; box-shadow:none !important; background:none !important;  }
/* Cursor */
.cursor { position:fixed; left:0;top:0; pointer-events:none !important; z-index:999999 !important;  background:none; display:none; }
.cursor.more { display:block; position:absolute; width:180px; height:180px; border-radius:50%; pointer-events:none; transform:translate(-50%, -50%); }
.cursor.more .cursor_arrows { pointer-events: none;position:absolute; top:50%; left:50%; background:none; transform:translate(-50%, -50%); width:100%; height:100%; border:1px solid #044567;  border-radius:180px; }
.cursor.more .cursor_arrows:before { content:'Learn more'; display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:absolute; top:0; left:0; font-family:'Cormorant Garamond', serif; color:#044567; font-size:18px; font-weight:600; }
.cursor.click { display:block; position:absolute; width:56px; height:56px; border-radius:50%; pointer-events:none; transform:translate(-50%, -50%); }
.cursor.click .cursor_click { pointer-events: none;position:absolute; top:50%; left:50%; background:none; transform:translate(-50%, -50%); width:100%; height:100%; background:url(/img/sub/click_btn.png) no-repeat center center; }
.cursor.click .cursor_click:before { content:'Click'; display:flex; align-items:center; justify-content:center; width:100%; height:100%; position:absolute; top:38px; left:0; font-family:'Cormorant Garamond', serif; color:#044567; font-size:15px; font-weight:600; }
@media screen and (max-width:1280px){
	.s-best-list.lawyer-list li .txtbox > p { font-size:16px; }
	.s-best-list.lawyer-list li .txtbox h4 { font-size:17px; }
	.s-best-list.lawyer-list li .txtbox h4 strong { font-size:28px; }
	.cursor.more { width:160px; height:160px; }
}
@media screen and (max-width:1024px){
	.s-best-list .box { height:380px; }
	.s-best-list .box .info-top { padding:30px 0 25px 30px; }
	.s-best-list .box .tit { margin-top:22px; font-size:22px; }
	.s-best-list .box .expense { margin-top:22px; }
	.s-best-list .box .expense .ex-atfer { margin-top:10px; font-size:18px; }
	.s-best-list .box .info-bottom .txtbox strong { font-size:28px; }
	.s-best-list .box .info-bottom { padding:15px 55px 15px 30px; }
	.s-best-list.lawyer-list li .txtbox { padding:22px 0 0 0; }
	.s-best-list.lawyer-list li .txtbox > p { font-size:15px; }
	.s-best-list.lawyer-list li .txtbox h4 { font-size:16px; }
	.s-best-list.lawyer-list li .txtbox h4 strong { font-size:22px; }
	.cursor.more { width:120px; height:120px; }
	.cursor.more .cursor_arrows:before { font-size:16px; }
}
@media screen and (max-width:640px){
	.s-best-list.lawyer-list li .txtbox { padding:15px 0 0 0; }
	.s-best-list.lawyer-list li .txtbox > p { margin-bottom:5px; }
	.s-best-list.lawyer-list li .txtbox h4 { font-size:15px; }
	.s-best-list.lawyer-list li .txtbox h4 strong { font-size:20px; }
	.cursor.more { width:100px; height:100px; }
	.cursor.more .cursor_arrows:before { font-size:14px; }
	.cursor.click { display:none }
}

.lawyer .lawyer-view { position:relative; margin-top:95px; height:570px; display:flex; justify-content:center; align-items:flex-end; background:url(/img/sub/lawyer_viewtop_bg.jpg) no-repeat center center / cover;}
.lawyer .lawyer-view .imgbox { text-align:center; }
.lawyer .lawyer-view .imgbox img { max-width:100%; width:100%; margin:0 auto;}
.lawyer .lawyer-view .txtbox { position:absolute; left:65px; bottom:60px; }
.lawyer .lawyer-view .txtbox > p { text-transform:uppercase; font-family: 'Cormorant Garamond', serif; font-size:17px; font-weight:600; color:#044567; }
.lawyer .lawyer-view .txtbox h4 { margin-top:30px; font-size:38px; font-weight:300; color:#222; }
.lawyer .lawyer-view .txtbox h4 strong { font-weight:700; font-size:77px; }
.lawyer .lawyer-view-info { padding-bottom:120px; }
.lawyer .lawyer-view-info .top-box { padding:85px 0 95px; border-bottom:2px solid #d5d5d5; display:flex; }
.lawyer .lawyer-view-info .top-box > div { width:50%; }
.lawyer .lawyer-view-info .top-box .l-box { font-size:38px; font-weight:200; color:#222; line-height:1.4; margin-top:-8px; }
.lawyer .lawyer-view-info .top-box .l-box strong { font-weight:500; }
.lawyer .lawyer-view-info .top-box .r-box { font-size:18px; font-weight:300; color:#666; line-height:1.6; }
.lawyer .lawyer-view-info .info-list { margin-top:85px; display:flex; }
.lawyer .lawyer-view-info .info-list > div { width:50%; }
.lawyer .lawyer-view-info .info-list .box p { font-size:24px; font-weight:600; color:#222; }
.lawyer .lawyer-view-info .info-list .box p .icon { position:relative; display:inline-block; width:40px; vertical-align:middle; margin:0 10px 0 0; }
.lawyer .lawyer-view-info .info-list .box p .icon:before { content:""; display:block; width:21px; height:21px; background:rgba(24,46,105,0.3); position:absolute; right:-11px; top:-4px; border-radius:20px; }
.lawyer .lawyer-view-info .info-list .l-box ul { display:flex; gap:40px 40px; flex-wrap:wrap; margin-top:45px; }
.lawyer .lawyer-view-info .info-list .l-box ul li img { border:1px solid #dfdfdf; width:300px; }
.lawyer .lawyer-view-info .info-list .r-box .list { margin-top:45px; display:flex; }
.lawyer .lawyer-view-info .info-list .r-box .list > ul { width:50%; margin-top:-10px; }
.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:not(:last-child) { margin-bottom:18px; }
.lawyer .lawyer-view-info .info-list .r-box .list > ul > li { position:relative; font-size:18px; color:#666; font-weight:500; padding-left:12px; line-height:1.4; }
.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:before { content:""; display:block; width:6px; height:2px; background:#666; position:absolute; left:0; top:12px; }
@media screen and (max-width:1280px){
	.lawyer .lawyer-view { height:550px; }
	.lawyer .lawyer-view .txtbox { left:40px; bottom:50px; }
	.lawyer .lawyer-view .txtbox > p { font-size:16px; }
	.lawyer .lawyer-view .txtbox h4 { margin-top:25px; font-size:32px; }
	.lawyer .lawyer-view .txtbox h4 strong { font-size:55px; }
	.lawyer .lawyer-view-info .top-box { padding:70px 0 80px; }
	.lawyer .lawyer-view-info .top-box .l-box { font-size:34px; margin-top:-8px; }
	.lawyer .lawyer-view-info .top-box .r-box { font-size:17px; }
	.lawyer .lawyer-view-info .info-list { margin-top:75px; }
	.lawyer .lawyer-view-info .info-list .box p { font-size:22px; }
	.lawyer .lawyer-view-info .info-list .box p .icon { width:40px; margin:0 10px 0 0; }
	.lawyer .lawyer-view-info .info-list .box p .icon:before { width:21px; height:21px; }
	.lawyer .lawyer-view-info .info-list .l-box { padding-right:50px; }
	.lawyer .lawyer-view-info .info-list .l-box ul { gap:30px 30px; margin-top:40px; }
	.lawyer .lawyer-view-info .info-list .l-box ul li img { width:260px; }
	.lawyer .lawyer-view-info .info-list .r-box .list { margin-top:40px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul { margin-top:-10px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:not(:last-child) { margin-bottom:15px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li { font-size:17px; padding-left:12px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:before { width:6px; height:2px; top:12px; }
}
@media screen and (max-width:1160px){
	.lawyer .lawyer-view-info .info-list .l-box ul li img { width:300px; }
}
@media screen and (max-width:1024px){
	.lawyer .lawyer-view { height:480px; }
	.lawyer .lawyer-view .imgbox img { width:80%; }
	.lawyer .lawyer-view .txtbox { left:40px; bottom:50px; }
	.lawyer .lawyer-view .txtbox > p { font-size:16px; }
	.lawyer .lawyer-view .txtbox h4 { margin-top:25px; font-size:28px; }
	.lawyer .lawyer-view .txtbox h4 strong { font-size:50px; }
    .lawyer .lawyer-view-info { padding-bottom:100px; }
	.lawyer .lawyer-view-info .top-box { padding:50px 0 50px; flex-direction:column; }
	.lawyer .lawyer-view-info .top-box > div { width:100%; }
	.lawyer .lawyer-view-info .top-box .l-box { font-size:24px; margin-top:0; }
	.lawyer .lawyer-view-info .top-box .r-box { font-size:16px; margin-top:30px; }
	.lawyer .lawyer-view-info .info-list { margin-top:50px; }
	.lawyer .lawyer-view-info .info-list .box p { font-size:18px; }
	.lawyer .lawyer-view-info .info-list .box p .icon { width:35px; margin:0 10px 0 0; }
	.lawyer .lawyer-view-info .info-list .box p .icon:before { width:18px; height:18px; right:-8px; }
	.lawyer .lawyer-view-info .info-list { flex-direction:column; }
	.lawyer .lawyer-view-info .info-list > div { width:100%; }
	.lawyer .lawyer-view-info .info-list .l-box { padding-right:0; }
	.lawyer .lawyer-view-info .info-list .l-box ul { gap:30px 20px; margin-top:30px; }
	.lawyer .lawyer-view-info .info-list .l-box ul li { width:calc((100% - 40px) / 3)}
	.lawyer .lawyer-view-info .info-list .l-box ul li img { width:100%; }
	.lawyer .lawyer-view-info .info-list .r-box { margin-top:50px; }
	.lawyer .lawyer-view-info .info-list .r-box .list { margin-top:30px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul { margin-top:-10px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:not(:last-child) { margin-bottom:15px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li { font-size:16px; padding-left:10px; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul > li:before { width:5px; height:1px; top:10px; }
}
@media screen and (max-width:760px){
	.lawyer .lawyer-view .imgbox img { width:75%; }
	.lawyer .lawyer-view .txtbox { left:0; top:0; padding:20px 0 0 20px; }
	.lawyer .lawyer-view .txtbox > p { font-size:15px; }
	.lawyer .lawyer-view .txtbox h4 { margin-top:15px; font-size:18px; }
	.lawyer .lawyer-view .txtbox h4 strong { font-size:32px; }
	.lawyer .lawyer-view-info .info-list .l-box ul li { width:calc((100% - 20px) / 2)}
	.lawyer .lawyer-view-info .info-list .r-box .list { margin-top:0; display:flex; flex-direction:column; }
	.lawyer .lawyer-view-info .info-list .r-box .list > ul { width:100%;  margin-top:35px; }
}
@media screen and (max-width:640px){
    .lawyer .lawyer-view-info { padding-bottom:80px; }
}


/* animation */
.lawyer .lawyer-view .txtbox > p,
.lawyer .lawyer-view .txtbox h4 { opacity:0; }
.lawyer .lawyer-view .imgbox { animation:blur_txt 1.2s 0.3s; animation-fill-mode:both; }
.lawyer .lawyer-view .txtbox.subOn > p { animation:ani_2 0.5s 0.3s; animation-fill-mode:both; }
.lawyer .lawyer-view .txtbox.subOn h4 { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }


/* media */
.media .listbox { }
.media .listbox > ul { display:flex; gap:60px 30px; flex-wrap:wrap; }
.media .listbox > ul > li { width:calc((100% - 90px) / 4)}
.media .listbox > ul > li .imgbox { position:relative; overflow:hidden; }
.media .listbox > ul > li .imgbox:after { content: ""; display:block; padding-bottom:56.0%; }
.media .listbox.review-left > ul > li .imgbox:after { content: ""; display:block; padding-bottom:71.0%; }
.media .listbox > ul > li .imgbox img { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.media .listbox > ul > li .imgbox:before { content:''; display:block; position:absolute; top:0; left:-75%; z-index:2; width:50%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform:skewX(-30deg); }
.media .listbox > ul > li a:hover .imgbox::before { animation:shine .75s; }
.media .listbox > ul > li .txtbox { padding:20px 0 }
.media .listbox > ul > li .txtbox .sns-tit { text-transform:uppercase; color:#be9b56; font-size:16px; font-weight:700; font-family: 'Cormorant Garamond', serif; padding-bottom:10px; }
.media .listbox > ul > li .txtbox p { font-size:20px; font-weight:600; line-height:1.4; color:#222; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.media.review-revive .listbox > ul > li .txtbox p { -webkit-line-clamp:5; }
.media .listbox > ul > li .txtbox .date { position:relative; margin-top:18px; display:block; font-size:14px; font-weight:300; color:#777; padding-left:17px; }
.media .listbox > ul > li .txtbox .date:before { content:""; display:block; width:12px; height:11px; background:url(/img/sub/date_icon.png) no-repeat center center; position:absolute; left:0; top:2px; }
.media .type { margin-bottom:20px; padding:10px 20px 9px; line-height:1.3; display:inline-block; background:#044567; font-size:16px; color:#fff; font-weight:700; letter-spacing:-0.02em }
@media screen and (max-width:1440px){
	.media .listbox > ul { gap:50px 20px; }
	.media .listbox > ul > li { width:calc((100% - 80px) / 4)}
    .media .type { padding:8px 15px 7px; font-size:15px; }
}
@media screen and (max-width:1024px){
	.media .listbox > ul > li .txtbox { padding:18px 0 }
	.media .listbox > ul > li .txtbox .sns-tit { font-size:15px; }
	.media .listbox > ul > li .txtbox p { font-size:18px; }
	.media .listbox > ul > li .txtbox .date { margin-top:15px; }
    .media .type { padding:8px 10px 7px; font-size:14px; }
}
@media screen and (max-width:860px){
	.media .listbox > ul > li { width:calc((100% - 20px) / 2)}
}
@media screen and (max-width:640px){
	.media .listbox { margin:0 -15px 0; }
	.media .listbox > ul { gap:0; }
	.media .listbox > ul > li { width:calc((100% - 15px) / 2); padding-left:15px; margin-top:20px; }
	.media .listbox > ul > li .txtbox { padding:15px 0 }
	.media .listbox > ul > li .txtbox .sns-tit { font-size:14px; padding-bottom:8px; }
	.media .listbox > ul > li .txtbox p { font-size:16px; }
	.media .listbox > ul > li .txtbox .date { margin-top:13px; font-size:13px; }
    .media .type { padding:5px 10px 4px; font-size:14px; }
}

/* contact */
.contact-location .location-top { background:#f8f8f8; padding-bottom:120px; }
.contact-location .map-box { display:flex; }
.contact-location .map-box .imgbox {  width:46%; display:flex; justify-content:center; padding:0 30px; padding-top:25px;  }
.contact-location .map-box .imgbox .map-img { max-width:480px; position:relative;}
.contact-location .map-box .imgbox .m_img img { max-width:100%; }
.contact-location .map-box .imgbox .icon { width:330px; height:330px; display:block; position:absolute; }
.contact-location .map-box .imgbox .icon span { display:block; border-radius:50%;  position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.contact-location .map-box .imgbox .icon .i1 { width:15px; height:15px; background-color:#eacf70; opacity:0.8;}
.contact-location .map-box .imgbox .icon .i2 { width:113px; height:113px; background-color:#eacf70; opacity:0.15; }
.contact-location .map-box .imgbox .icon .i3 { width:210px; height:210px; background-color:#eacf70; opacity:0.15; }
.contact-location .map-box .imgbox .icon .i4 { width:330px; height:330px; background-color:#eacf70; opacity:0.1; }
.contact-location .map-box .imgbox .icon1 { top:-25px; left:-10px; }
.contact-location .map-box .imgbox .icon2 { bottom:75px; right:-55px; }
.contact-location .map-box .imgbox .icon3 { bottom:155px; right:0; }
.contact-location .map-box .imgbox .icon4 { bottom:80px; right:40px; }
.contact-location .map-box .location-map { width:calc(100% - 46%); }
.contact-location .map-box .location-map .nav { display:flex; flex-wrap: wrap; gap:10px 12px; }
.contact-location .map-box .location-map .nav li { width:calc((100% - 48px) / 5); }
.contact-location .map-box .location-map .nav.m5 li { width:calc((100% - 48px) / 5); }
.contact-location .map-box .location-map .nav.m4 li { width:calc((100% - 36px) / 4); }
.contact-location .map-box .location-map .nav.m3 li { width:calc((100% - 24px) / 3); }
.contact-location .map-box .location-map .nav li a { display:flex; align-items:center;  justify-content:center; width:100%; height:53px; border:1px solid #ddd; font-size:17px; font-weight:300; color:#222; transition:all 0.3s ease-in-out; }
.contact-location .map-box .location-map .nav li.on a { border:none; background-color:#044567; font-weight:700; color:#fff; }
.contact-location .map-box .map-cont { margin-top:30px; }
.contact-location .map-box .map-cont,
.contact-location .map-box .map-cont > div,
.contact-location .map-box .wrap_map { width:100% !important; height:400px !important;}
.contact-location .map-box .tab-cont { position:relative; }
.contact-location .map-box .tab-cont .tcont { position:absolute; left:0; top:0; width:100%; opacity:0; visibility:hidden; z-index:-111; }
.contact-location .map-box .tab-cont .tcont.on { opacity:1; visibility:visible; z-index:1; }
.contact-location .map-box .info { margin-top:35px; }
.contact-location .map-box .info li:not(:last-child) { margin-bottom:30px; }
.contact-location .map-box .info li { position:relative; font-size:16px; font-weight:300; color:#666; padding-left:160px; min-height:16px; }
.contact-location .map-box .info li strong {  position:absolute; left:0; top:-2px; font-family: 'Cormorant Garamond', serif; font-size:20px; color:#333; font-weight:700; }
.contact-location .map-box .info li strong i { width:26px; display:inline-block; vertical-align:middle; color:#044567; font-size:18px; margin-top:-2px; }
.contact-location .picture-box { margin:135px 0 120px; }
.contact-location .picture-box h3 { font-size:40px; font-weight:600; color:#222; }
.contact-location .picture-box h3 span { font-weight:600; }
.contact-location .picture-box .big-box { position:relative; }
.contact-location .picture-box .swiper-container { width:100%; height:100%; margin:0; }
.contact-location .picture-box .l-mySwiper2 { margin:60px 0 0 0; width:100%; }
.contact-location .picture-box .l-mySwiper2 .swiper-slide { position:relative; overflow:hidden; }
.contact-location .picture-box .l-mySwiper2 .swiper-slide:after { content: ""; display:block; padding-bottom:50.0%; }
.contact-location .picture-box .l-mySwiper2 .swiper-slide img { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.contact-location .picture-box .l-mySwiper { position:relative; padding:35px 0 40px; }
.contact-location .picture-box .l-mySwiper .swiper-slide { opacity:0.4; position:relative; overflow:hidden; }
.contact-location .picture-box .l-mySwiper .swiper-slide:after { content: ""; display:block; padding-bottom:60.0%; }
.contact-location .picture-box .l-mySwiper .swiper-slide img { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.contact-location .picture-box .l-mySwiper .swiper-slide-thumb-active { opacity:1; }
.contact-location .picture-box .swiper-pagination-progressbar {  position:absolute; bottom:0; left:0; top:auto !important; width:100%; background:#d3d3d3 !important; height:1px !important; }
.contact-location .picture-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#044567 !important; }
.contact-location .picture-box .btnbox { position:absolute; right:-4px; top:-65px; }
.contact-location .picture-box .btnbox > div { width:32px; height:22px; margin:0; padding:0;}
.contact-location .picture-box .btnbox > div:after { display:none }
.contact-location .picture-box .btnbox .swiper-button-prev { right:40px; left:unset; }
.contact-location .picture-box .btnbox .swiper-button-next { right:0; left:unset; }
.contact-location .picture-box .btnbox span i { font-size:20px; color:#222; }
@media screen and (max-width:1280px){
	.contact-location .map-box .map-cont,
	.contact-location .map-box .map-cont > div,
	.contact-location .map-box .wrap_map { height:340px !important;}
	.contact-location .map-box .location-map .nav li a { font-size:16px; }
	.contact-location .map-box .imgbox { width:500px; }
	.contact-location .map-box .location-map { width:calc(100% - 500px); }
}
@media screen and (max-width:1024px){
    .contact-location .location-top { padding-bottom:100px; }
	.contact-location .map-box { flex-direction:column; }
	.contact-location .map-box .map-cont { margin-top:20px; }
	.contact-location .map-box .imgbox,
	.contact-location .map-box .location-map { width:100%; }
	.contact-location .map-box .location-map { margin-top:40px; min-height:540px; }
	.contact-location .map-box .location-map .nav li a { height:48px; }
	.contact-location .map-box .info li:not(:last-child) { margin-bottom:20px; }
	.contact-location .map-box .info li { font-size:15px; padding-left:100px; }
	.contact-location .map-box .info li strong { font-size:18px; }
	.contact-location .map-box .info li strong i { font-size:17px; }
	.contact-location .picture-box { margin:100px 0 100px; }
	.contact-location .picture-box h3 { font-size:28px; }
	.contact-location .picture-box .l-mySwiper2 { margin:50px 0 0 0 }
	.contact-location .picture-box .l-mySwiper { padding:25px 0 30px; }
	.contact-location .map-box .imgbox { max-width:480px; margin:0 auto; }
	.contact-location .map-box .imgbox .icon .i1 { width:10px; height:10px;}
	.contact-location .map-box .imgbox .icon .i2 { width:80px; height:80px; }
	.contact-location .map-box .imgbox .icon .i3 { width:150px; height:150px; }
	.contact-location .map-box .imgbox .icon .i4 { width:240px; height:240px; }
	.contact-location .map-box .imgbox .icon1 { top:-20px; left:0; }
	.contact-location .map-box .imgbox .icon2 { bottom:45px; right:-70px; }
	.contact-location .map-box .imgbox .icon3 { bottom:115px; right:-25px; }
	.contact-location .map-box .imgbox .icon4 { bottom:40px; right:15px; }
	.contact-location .map-box .location-map { width:100%; }
}
@media screen and (max-width:640px){
    .contact-location .location-top { padding-bottom:80px; }
	.contact-location .map-box .location-map .nav li { width:calc((100% - 36px) / 3) !important; }
	.contact-location .map-box .location-map .nav li a { height:42px; font-size:15px; }
	.contact-location .map-box .map-cont,
	.contact-location .map-box .map-cont > div,
	.contact-location .map-box .wrap_map { height:260px !important;}
	.contact-location .map-box .location-map { margin-top:40px; min-height:500px; }
	.contact-location .picture-box { margin:80px 0 80px; }
	.contact-location .picture-box h3 { font-size:22px; }
	.contact-location .picture-box .l-mySwiper2 { margin:35px 0 0 0 }
	.contact-location .picture-box .l-mySwiper2 .swiper-slide:after { padding-bottom:65.0%; }
	.contact-location .picture-box .l-mySwiper .swiper-slide:after { padding-bottom:55.0%; }
	.contact-location .picture-box .btnbox { top:-45px; }
}
@media screen and (max-width:560px){
	.contact-location .map-box .imgbox { max-width:360px; margin:0 auto; }
	.contact-location .map-box .imgbox .icon .i1 { width:5px; height:5px;}
	.contact-location .map-box .imgbox .icon .i2 { width:50px; height:50px; }
	.contact-location .map-box .imgbox .icon .i3 { width:100px; height:100px; }
	.contact-location .map-box .imgbox .icon .i4 { width:150px; height:150px; }
	.contact-location .map-box .imgbox .icon1 { top:-80px; left:-70px; }
	.contact-location .map-box .imgbox .icon2 { bottom:-15px; right:-100px; }
	.contact-location .map-box .imgbox .icon3 { bottom:35px; right:-65px; }
	.contact-location .map-box .imgbox .icon4 { bottom:-20px; right:-40px; }
}

/* animation */
.contact-location .map-box .tab-cont .tcont.on { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.contact-location .map-box .imgbox { opacity:0; }
.contact-location .map-box .imgbox { animation:ani_3 0.8s 0.2s; animation-fill-mode:both; }
.contact-location .picture-box h3 { overflow:hidden; }
.contact-location .picture-box h3 span { display:block; opacity:0; }
.contact-location .picture-box.subOn h3 span { animation:ani_3 0.5s 0.2s; animation-fill-mode:both; }
.contact-location .picture-box .big-box { opacity:0; }
.contact-location .picture-box.subOn .big-box { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.contact-location .map-box .imgbox .icon,
.contact-location .map-box .imgbox .icon span { opacity:0; } 
.contact-location .map-box .imgbox .icon.off .i1 { opacity:0.8 !important; }
.contact-location .map-box.subOn .imgbox .icon .i2,
.contact-location .map-box .imgbox .icon.on .i2 { animation:map_over2 1.0s 0s infinite;}
.contact-location .map-box.subOn .imgbox .icon .i3,
.contact-location .map-box .imgbox .icon.on .i3 { animation:map_over3 1.0s 0.04s infinite;}
.contact-location .map-box.subOn .imgbox .icon .i4,
.contact-location .map-box .imgbox .icon.on .i4 { animation:map_over4 1.0s 0.08s infinite;}
.contact-location .map-box .imgbox .icon.off span { opacity:0 !important; } 
.contact-location .map-box.subOn .imgbox .icon1 { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }
.contact-location .map-box.subOn .imgbox .icon2 { animation:ani_5 0.5s 0.6s; animation-fill-mode:both; }
.contact-location .map-box.subOn .imgbox .icon3 { animation:ani_5 0.5s 0.9s; animation-fill-mode:both; }
.contact-location .map-box.subOn .imgbox .icon4 { animation:ani_5 0.5s 1.2s; animation-fill-mode:both; }
.contact-location .map-box.subOn .imgbox .icon5 { animation:ani_5 0.5s 1.5s; animation-fill-mode:both; }
.contact-location .map-box.subOn .imgbox .icon6 { animation:ani_5 0.5s 1.8s; animation-fill-mode:both; }

/* business */
.business-field .listbox { margin-bottom:120px; }
.business-field .listbox ul { display:flex; flex-wrap:wrap; gap:40px; }
.business-field .listbox ul:not(:last-child) { margin-bottom:40px }
.business-field .listbox ul > li { position:relative; width:calc((100% - 40px) / 2); overflow:hidden }
.business-field .listbox ul > li .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s ease-in-out;}
.business-field .listbox ul > li .imgbox { position:relative; overflow:hidden; }
.business-field .listbox ul > li .imgbox:after { content:''; display:block; padding-bottom:68.5%; }
.business-field .listbox ul > li .imgbox img { position:absolute; transition:all 1.0s; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.business-field .listbox ul > li .txtbox { position:absolute; top:0; left:0; width:100%; height:100%; padding:0 60px; }
.business-field .listbox ul > li .txtbox .top { position:absolute; bottom:20%; left:60px; transition:all 0.3s ease-in-out; }
.business-field .listbox ul > li .txtbox .top .num { margin-left:-20px; font-family:'Cormorant Garamond'; font-weight:600; font-size:30px; letter-spacing:-0.02em; color:#044567; transition:all 0.3s ease-in-out; }
.business-field .listbox ul > li .txtbox .top dt { margin-top:5px; font-weight:600; font-size:40px; letter-spacing:-0.02em; color:#fff; line-height:1.3 }
.business-field .listbox ul > li .txtbox .top dd { margin-top:40px; font-weight:300; font-size:18px; letter-spacing:-0.02em; color:#aaa; line-height:1.5; opacity:0; transition:all 0.3s ease-in-out; }
.business-field .listbox ul > li .txtbox .btn { position:absolute; left:60px; bottom:15%; }
.business-field .listbox ul > li .txtbox .btn a { width:240px; height:65px; display:flex; align-items:center; justify-content:center; background:#044567; }
.business-field .listbox ul > li .txtbox .btn a span { display:inline-block; font-weight:600; font-size:18px; color:#fff; letter-spacing:-0.02em; padding-right:47px; background:url(/img/sub/field_arr.png) no-repeat right center; }
.business-field .listbox ul > li:hover .imgbox img { filter:blur(10px); }
.business-field .listbox ul > li:hover .txtbox .top { bottom:50%; }
.business-field .listbox ul > li:hover .txtbox .top dd { opacity:1; }
.business-field .listbox ul > li:hover .txtbox .top .num { color:#fff; }
.business-field .listbox ul > li:hover .bg { opacity:1; }
@media screen and (max-width:1280px){
    .business-field .listbox ul { gap:25px; }
    .business-field .listbox ul:not(:last-child) { margin-bottom:25px }
    .business-field .listbox ul > li { width:calc((100% - 25px) / 2); }
    .business-field .listbox ul > li .txtbox { padding:0 40px; }
    .business-field .listbox ul > li .txtbox .top { bottom:10%; left:40px; }
    .business-field .listbox ul > li .txtbox .top .num { margin-left:-20px; font-size:28px; }
    .business-field .listbox ul > li .txtbox .top dt { margin-top:5px; font-size:36px; }
    .business-field .listbox ul > li .txtbox .top dd { margin-top:30px; font-size:18px; }
    .business-field .listbox ul > li .txtbox .top dd br { display:none }
    .business-field .listbox ul > li .txtbox .btn { left:40px; bottom:10%; }
    .business-field .listbox ul > li .txtbox .btn a { width:200px; height:55px; }
    .business-field .listbox ul > li .txtbox .btn a span { font-size:18px; padding-right:40px; }
    .business-field .listbox ul > li:hover .txtbox .top { bottom:38%; }
}
@media screen and (max-width:1024px){
    .business-field .listbox { margin-bottom:100px; }
    .business-field .listbox ul { gap:15px; }
    .business-field .listbox ul:not(:last-child) { margin-bottom:15px }
    .business-field .listbox ul > li { width:calc((100% - 15px) / 2); }
    .business-field .listbox ul > li .txtbox { padding:0 25px; }
    .business-field .listbox ul > li .txtbox .top { bottom:unset; left:25px; top:30px; }
    .business-field .listbox ul > li .txtbox .top .num { margin-left:-15px; font-size:24px; }
    .business-field .listbox ul > li .txtbox .top dt { margin-top:5px; font-size:30px; }
    .business-field .listbox ul > li .txtbox .top dd { margin-top:25px; font-size:16px; opacity:1; }
    .business-field .listbox ul > li .txtbox .top dd br { display:none }
    .business-field .listbox ul > li .txtbox .btn { left:25px; bottom:10%; }
    .business-field .listbox ul > li .txtbox .btn a { width:180px; height:50px; }
    .business-field .listbox ul > li .txtbox .btn a span { font-size:16px; padding-right:35px; }
    .business-field .listbox ul > li:hover .txtbox .top { bottom:unset; }
    .business-field .listbox ul > li .imgbox img,
    .business-field .listbox ul > li:hover .imgbox img { filter:blur(0); }
    .business-field .listbox ul > li .txtbox .top .num { color:#fff; }
    .business-field .listbox ul > li .bg { opacity:1; }
}
@media screen and (max-width:1024px){
    .business-field .listbox ul > li .imgbox:after { padding-bottom:80%; }
}
@media screen and (max-width:760px){
    .business-field .listbox { margin:0 auto; margin-bottom:80px; max-width:600px; }
    .business-field .listbox ul { gap:10px; }
    .business-field .listbox ul:not(:last-child) { margin-bottom:10px }
    .business-field .listbox ul > li { width:100%; }
    .business-field .listbox ul > li .imgbox:after { padding-bottom:68.5%; }
    .business-field .listbox ul > li .txtbox { padding:0 25px; }
    .business-field .listbox ul > li .txtbox .top { bottom:unset; left:25px; top:30px; padding-right:25px; }
    .business-field .listbox ul > li .txtbox .top .num { margin-left:-15px; font-size:24px; }
    .business-field .listbox ul > li .txtbox .top dt { margin-top:5px; font-size:30px; }
    .business-field .listbox ul > li .txtbox .top dd { margin-top:20px; font-size:16px; }
    .business-field .listbox ul > li .txtbox .btn { left:25px; bottom:10%; }
    .business-field .listbox ul > li .txtbox .btn a { width:160px; height:45px; }
    .business-field .listbox ul > li .txtbox .btn a span { font-size:15px; padding-right:35px; }
    .business-field .listbox ul > li:hover .txtbox .top { bottom:unset; }
}
@media screen and (max-width:500px){
    .business-field .listbox ul > li .imgbox:after { padding-bottom:80%; }
}

/* animation */
.business-field .listbox ul > li { opacity:0; }
.business-field .listbox ul > li.subOn { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.business-field .listbox ul > li:nth-child(2n).subOn { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.business-field .listbox ul:first-child > li { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.business-field .listbox ul:first-child > li:nth-child(2n) { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }

/* recruit */
.recruit .stit h3 { color:#222; font-size:36px; font-weight:500; line-height:1.3; letter-spacing:-0.02em;}
.recruit .top-info { background-color:#f8f8f8; padding-bottom:120px; } 
.recruit .top-info .txtbox { text-align:center; color:#222; font-size:48px; font-weight:300; line-height:1.5; letter-spacing:-0.02em; }
.recruit .top-info .txtbox strong { font-weight:600; display:block }
.recruit .top-info .stit { margin-top:80px; }
.recruit .top-info .listbox { margin-top:50px; }
.recruit .top-info .listbox ul { display:flex; justify-content:center; text-align:center; gap:0 45px;  }
.recruit .top-info .listbox ul li { width:calc((100% - 90px) / 3); }
.recruit .top-info .listbox ul li dt { margin-top:30px; color:#222; font-size:24px; font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.recruit .top-info .listbox ul li dd { margin-top:20px; color:#555; font-size:18px; font-weight:300; line-height:1.5; letter-spacing:-0.02em; }
.recruit .cont-info { padding:120px 0; }
.recruit .cont-info .listbox { margin-top:30px; }
.recruit .cont-info .listbox ul { display:flex; gap:45px; }
.recruit .cont-info .listbox ul li { width:calc((100% - 90px) / 3); }
.recruit .cont-info .listbox ul li .imgbox { position:relative; overflow:hidden; }
.recruit .cont-info .listbox ul li .imgbox:after { content:''; display:block; padding-bottom:68.1%; }
.recruit .cont-info .listbox ul li .imgbox img { position:absolute; transition:all 1.0s; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.recruit .cont-info .listbox ul li dt { margin-top:30px; color:#333; font-size:26px; font-weight:600; line-height:1.3; letter-spacing:-0.02em; }
.recruit .cont-info .listbox ul li dd { margin-top:15px; color:#666; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; }
.recruit .process-info { padding:120px 0;  background:url(/img/sub/process_bg.jpg) center top repeat; overflow:hidden }
.recruit .process-info .stit h3 { color:#fff }
.recruit .process-info .listbox { margin-top:30px; }
.recruit .process-info .listbox ul { display:flex; flex-wrap:wrap; justify-content:space-between; gap:0 100px; }
.recruit .process-info .listbox li { position:relative; width:calc((100% - 300px) / 4); text-align:center; }
.recruit .process-info .listbox li:after { content:''; display:block; padding-bottom:100%; }
.recruit .process-info .listbox li .circle { position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; border:1px solid rgba(255,255,255,0.1); border-radius:100%; }
.recruit .process-info .listbox li .txt strong { display:block; margin:20px 0 10px; color:#fff; font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-0.02em; }
.recruit .process-info .listbox li .txt { color:#fff; font-size:20px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; }
.recruit .process-info .listbox li:last-child .circle { background:#222; border:none }
.recruit .process-info .listbox li:before { content:''; display:block; content:""; width:14px; height:10px; background:url(/img/sub/process_arr.png) no-repeat center center; position:absolute; left:-52px; top:50%; transform:translateY(-50%); }
.recruit .process-info .listbox li:first-child:before { display:none } 
.recruit .process-info .list { margin-top:120px; }
.recruit .process-info .list ul { margin-top:30px; }
.recruit .process-info .list ul li:not(:last-child) { margin-bottom:15px }
.recruit .process-info .list ul li { position:relative; color:#ccc; font-size:18px; font-weight:300; line-height:1.3; letter-spacing:-0.02em; padding-left:15px; }
.recruit .process-info .list ul li:before { content:''; display:block; position:absolute; top:10px; left:0; width:6px; height:1px; background:#ccc; }
@media screen and (max-width:1540px){
    .recruit .stit h3 { font-size:30px; }
    .recruit .top-info .txtbox { font-size:40px; }
    .recruit .top-info .stit { margin-top:70px; }
    .recruit .top-info .listbox ul li dt { font-size:22px; }
    .recruit .top-info .listbox ul li dd { font-size:17px; }
    .recruit .cont-info .listbox ul li dt { font-size:24px; }
    .recruit .cont-info .listbox ul li dd { font-size:17px; }
    .recruit .process-info .listbox ul { gap:0 80px; }
    .recruit .process-info .listbox li { width:calc((100% - 240px) / 4); }
    .recruit .process-info .listbox li .txt strong { margin:20px 0 10px; font-size:16px; }
    .recruit .process-info .listbox li .txt { font-size:20px;  }
    .recruit .process-info .listbox li:before { left:-42px; }
    .recruit .process-info .list ul { margin-top:30px; }
    .recruit .process-info .list ul li:not(:last-child) { margin-bottom:15px }
    .recruit .process-info .list ul li { font-size:17px; }
    .recruit .process-info .list ul li:before { top:10px; }
}
@media screen and (max-width:1280px){
    .recruit .top-info .listbox { margin-top:50px; }
    .recruit .top-info .listbox ul { gap:0 30px; }
    .recruit .top-info .listbox ul li { width:calc((100% - 60px) / 3); }
    .recruit .cont-info .listbox ul { display:flex; gap:30px; }
    .recruit .cont-info .listbox ul li { width:calc((100% - 60px) / 3); }
    .recruit .process-info .listbox ul { gap:0 60px; }
    .recruit .process-info .listbox li { width:calc((100% - 180px) / 4); }
    .recruit .process-info .listbox li:before { left:-32px; }
}
@media screen and (max-width:1024px){
    .recruit .stit h3 { font-size:26px; }
    .recruit .top-info { padding-bottom:100px; } 
    .recruit .top-info .txtbox { font-size:30px; }
    .recruit .top-info .stit { margin-top:50px; }
    .recruit .top-info .listbox { margin-top:30px; }
    .recruit .top-info .listbox ul { gap:0 20px; }
    .recruit .top-info .listbox ul li { width:calc((100% - 40px) / 3); }
    .recruit .top-info .listbox ul li .icon img { width:100px; }
    .recruit .top-info .listbox ul li dt { margin-top:25px; font-size:20px; }
    .recruit .top-info .listbox ul li dd { margin-top:15px; font-size:16px; }
    .recruit .top-info .listbox ul li dd br { display:none }
    .recruit .cont-info { padding:100px 0; }
    .recruit .cont-info .listbox { margin-top:30px; }
    .recruit .cont-info .listbox ul { display:flex; gap:20px; }
    .recruit .cont-info .listbox ul li { width:calc((100% - 60px) / 3); }
    .recruit .cont-info .listbox ul li dt { margin-top:25px; font-size:20px; }
    .recruit .cont-info .listbox ul li dd { margin-top:15px; font-size:16px; }
    .recruit .process-info { padding:100px 0; }
    .recruit .process-info .listbox { margin-top:30px; }
    .recruit .process-info .listbox ul { gap:0 50px; }
    .recruit .process-info .listbox li { width:calc((100% - 150px) / 4); }
    .recruit .process-info .listbox li .icon img { width:55px; }
    .recruit .process-info .listbox li .txt strong { margin:15px 0 8px; font-size:16px; }
    .recruit .process-info .listbox li .txt { font-size:18px;  }
    .recruit .process-info .listbox li:before { left:-28px; }
    .recruit .process-info .listbox li:nth-child(3):before { display:none } 
    .recruit .process-info .list { margin-top:80px; }
    .recruit .process-info .list ul { margin-top:20px; }
    .recruit .process-info .list ul li:not(:last-child) { margin-bottom:15px }
    .recruit .process-info .list ul li { font-size:16px; }
    .recruit .process-info .list ul li:before { top:10px; }
}
@media screen and (max-width:860px){
    .recruit .top-info .txtbox { font-size:28px; }
    .recruit .top-info .listbox ul li .icon img { width:80px; }
    .recruit .process-info .listbox ul { gap:0 36px; }
    .recruit .process-info .listbox li { width:calc((100% - 108px) / 4); }
    .recruit .process-info .listbox li .icon img { width:45px; }
    .recruit .process-info .listbox li .txt strong { margin:10px 0 2px; font-size:14px; }
    .recruit .process-info .listbox li .txt { font-size:16px;  }
    .recruit .process-info .listbox li:before { left:-28px; }
}
@media screen and (max-width:640px){
    .recruit .stit h3 { font-size:20px; }
    .recruit .top-info { padding-bottom:80px; } 
    .recruit .top-info .txtbox { font-size:20px; }
    .recruit .top-info .stit { margin-top:50px; }
    .recruit .top-info .listbox { margin-top:30px; }
    .recruit .top-info .listbox ul { gap:40px 10px; flex-wrap:wrap; }
    .recruit .top-info .listbox ul li { width:calc((100% - 20px) / 2); }
    .recruit .top-info .listbox ul li .icon img { width:70px; }
    .recruit .top-info .listbox ul li dt { margin-top:20px; font-size:18px; }
    .recruit .top-info .listbox ul li dd { margin-top:12px; font-size:15px; }
    .recruit .cont-info { padding:80px 0; }
    .recruit .cont-info .listbox { margin-top:20px; }
    .recruit .cont-info .listbox ul { display:flex; gap:40px 10px; flex-wrap:wrap; justify-content:center; }
    .recruit .cont-info .listbox ul li { width:calc((100% - 20px) / 2); }
    .recruit .cont-info .listbox ul li dt { margin-top:20px; font-size:18px; }
    .recruit .cont-info .listbox ul li dd { margin-top:12px; font-size:15px; }
    .recruit .process-info { padding:80px 0; }
    .recruit .process-info .listbox { margin-top:30px; }
    .recruit .process-info .listbox ul { gap:40px 36px; flex-wrap:wrap; }
    .recruit .process-info .listbox li { width:calc((100% - 36px) / 2); }
    .recruit .process-info .listbox li .icon img { width:50px; }
    .recruit .process-info .listbox li .txt strong { margin:15px 0 8px; font-size:15px; }
    .recruit .process-info .listbox li .txt { font-size:17px;  }
    .recruit .process-info .listbox li:before { left:-22px; }
    .recruit .process-info .list { margin-top:60px; }
    .recruit .process-info .list ul { margin-top:15px; }
    .recruit .process-info .list ul li:not(:last-child) { margin-bottom:12px }
    .recruit .process-info .list ul li { font-size:15px; }
}

/* animation */
.recruit .top-info .txtbox { opacity:0; }
.recruit .top-info .txtbox { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.recruit .top-info .listbox li { opacity:0; }
.recruit .top-info .listbox.subOn li:nth-child(1) { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.recruit .top-info .listbox.subOn li:nth-child(2) { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
.recruit .top-info .listbox.subOn li:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.recruit .top-info .listbox.subOn li:nth-child(4) { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
.recruit .top-info .listbox.subOn li:nth-child(5) { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.recruit .cont-info .listbox li { opacity:0; }
.recruit .cont-info .listbox.subOn li:nth-child(1) { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.recruit .cont-info .listbox.subOn li:nth-child(2) { animation:ani_3 0.8s 0.4s; animation-fill-mode:both; }
.recruit .cont-info .listbox.subOn li:nth-child(3) { animation:ani_3 0.8s 0.7s; animation-fill-mode:both; }
.recruit .cont-info .listbox.subOn li:nth-child(4) { animation:ani_3 0.8s 1.0s; animation-fill-mode:both; }
.recruit .cont-info .listbox.subOn li:nth-child(5) { animation:ani_3 0.8s 1.3s; animation-fill-mode:both; }
.recruit .process-info .listbox li { opacity:0; }
.recruit .process-info .listbox.subOn li:nth-child(1) { animation:ani_1 0.8s 0.1s; animation-fill-mode:both; }
.recruit .process-info .listbox.subOn li:nth-child(2) { animation:ani_1 0.8s 0.4s; animation-fill-mode:both; }
.recruit .process-info .listbox.subOn li:nth-child(3) { animation:ani_1 0.8s 0.7s; animation-fill-mode:both; }
.recruit .process-info .listbox.subOn li:nth-child(4) { animation:ani_1 0.8s 1.0s; animation-fill-mode:both; }
.recruit .process-info .listbox.subOn li:nth-child(5) { animation:ani_1 0.8s 1.3s; animation-fill-mode:both; }
.recruit .process-info .list { opacity:0; }
.recruit .process-info .list.subOn { animation:ani_4 0.8s 0.3s; animation-fill-mode:both; }


.board-view-box { padding-top:100px; margin-bottom:120px; }
.board-view-box .sub-titleBox-cont .s-txt { font-weight:300; }
.board-view-box .sub-titleBox-cont h2 { margin-top:30px; font-size:50px; font-weight:100; line-height:1.2; }
.board-view-box .sub-titleBox-cont h2 span { font-weight:100; }
.board-view-box .info { margin-top:30px; }
.board-view-box .info ul { display:flex; }
.board-view-box .info li:not(:last-child) { margin-right:28px; }
.board-view-box .info li { color:#777; font-size:15px; font-weight:300;}
.board-view-box .view-cont { margin-top:45px; border-top:2px solid #222; min-height:280px; padding:35px 20px 50px 20px; color:#333; font-size:16px; font-weight:300; line-height:1.5; }
.board-view-box .view-cont img { max-width:100% !important; height:auto !important }
.board-view-box.review-view .view-cont { text-align:center; }
.board-view-box .pn-box { border-top:1px solid #e5e5e5; }
.board-view-box .pn-box li { border-bottom:1px solid #e5e5e5; display:flex; }
.board-view-box .pn-box li strong { position:relative; width:140px; height:65px; text-align:left; padding-left:20px; font-family: 'Cormorant Garamond', serif; font-size:15px; color:#044567; font-weight:500; background-color:#fff; display:flex; align-items:center; }
.board-view-box .pn-box li strong:before { content:''; display:block; position:absolute; top:50%; right:0; transform:translateY(calc(-50% - 0.5px)); z-index:2; width:2px; height:23px; background:#eee; }
.board-view-box .pn-box li strong:after { content:''; display:block; position:absolute; top:50%; right:30px; transform:translateY(calc(-50% - 0.5px)); width:8px; height:5px; background:url(/img/sub/arr_icon.png) no-repeat center center; }
.board-view-box .pn-box li:first-child strong:after {  transform:rotate(180deg) translateY(calc(-50% - 0.5px)); margin-top:-5px;}
.board-view-box .pn-box li span { width:calc(100% - 140px); display:flex; align-items:center; padding:0 35px;}
.board-view-box .pn-box li a { color:#888; font-size:15px; font-weight:300; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.board-view-box .comment-box { position:relative; margin-top:40px; background-color:#f9f9f9; padding:45px; }
.board-view-box .comment-box dl { display:flex; flex-wrap:wrap; }
.board-view-box .comment-box dt { width:230px; color:#be9b56; font-size:18px; font-weight:600; }
.board-view-box .comment-box dt i { font-size:20px; display:inline-block; margin:0 5px 0; vertical-align:middle; }
.board-view-box .comment-box dd { position:relative; width:calc(100% - 230px); color:#666; font-size:16px; font-weight:400; padding-left:30px; line-height:1.6; }
.board-view-box .comment-box dd:before { content:''; display:block; position:absolute; top:5px; left:0; z-index:2; width:1px; height:10px; background:#aaa; }
.board-view-box .comment-box dd .txt-info { position:relative; margin-top:25px; }
.board-view-box .comment-box dd .txt-info span { position:relative; color:#999; font-size:15px; font-weight:300; display:inline-block; margin-left:17px; padding-left:17px; }
.board-view-box .comment-box dd .txt-info span:before { content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:2; width:1px; height:10px; background:#ddd; }
.board-view-box .comment-box dd .txt-info span:first-child { margin-left:0; padding-left:0; }
.board-view-box .comment-box dd .txt-info span:first-child:before { display:none; }
@media screen and (max-width:1024px){
    .board-view-box { padding-top:100px; margin-bottom:100px; }
	.board-view-box .sub-titleBox-cont h2 { margin-top:30px; font-size:34px; }
	.board-view-box .info { margin-top:25px; }
	.board-view-box .info li { font-size:14px; }
	.board-view-box .view-cont { margin-top:35px; min-height:220px; padding:25px 20px 40px 20px; }
	.board-view-box .btn a { width:200px; height:60px; font-size:17px; }
	.board-view-box .btn a i { margin-right:8px; font-size:19px; }
	.board-view-box .comment-box { padding:35px; }
	.board-view-box .comment-box dt { width:150px; font-size:16px; }
	.board-view-box .comment-box dt i { font-size:18px; }
	.board-view-box .comment-box dd { width:calc(100% - 150px); }
}
@media screen and (max-width:760px){
	.board-view-box .comment-box { padding:25px 20px; }
	.board-view-box .comment-box dt { width:100%; }
	.board-view-box .comment-box dd { width:100%; padding:15px 0 0; }
	.board-view-box .comment-box dd:before { display:none; }
}
@media screen and (max-width:640px){
    .board-view-box { padding-top:80px; margin-bottom:80px; }
	.board-view-box .sub-titleBox-cont h2 { margin-top:20px; font-size:20px; }
	.board-view-box .info { margin-top:20px; }
	.board-view-box .info li { font-size:14px; }
	.board-view-box .info li:not(:last-child) { margin-right:15px; }
	.board-view-box .view-cont { margin-top:30px; min-height:150px; padding:20px 15px 40px 15px; border-top:1px solid #222; font-size:15px; }
	.board-view-box .pn-box li strong { width:90px; height:55px; padding-left:10px; font-size:14px; }
	.board-view-box .pn-box li strong:before { height:18px; }
	.board-view-box .pn-box li strong:after { right:20px; }
	.board-view-box .pn-box li span { width:calc(100% - 90px); padding:0 15px;}
	.board-view-box .pn-box li a { color:#888; font-size:14px; } 
	.board-view-box .btn a { width:180px; height:55px; font-size:16px; }
	.board-view-box .btn a i { margin-right:6px; font-size:18px; }
}

.board-writer { margin-top:65px; }
.board-writer table,
.board-writer th,
.board-writer td { border:none; }
.board-writer table { width:100%; border-top:1px solid #222; }
.board-writer tbody th { border-bottom:1px solid #ddd; background-color:#f9f9f9; text-align:center; color:#222; font-size:18px; font-weight:600; padding:20px 0;}
.board-writer tbody th.th_top { vertical-align:top; padding-top:24px; }
.board-writer tbody td { border-bottom:1px solid #ddd; background-color:#fff; text-align:left; padding:15px 20px; }
.board-writer tbody input::placeholder,
.board-writer tbody textarea::placeholder { color:rgba(34,34,34,0.4); }
.board-writer tbody input[type="text"],
.board-writer tbody input[type="password"] { color:#222; font-size:16px; font-weight:300; padding:0 10px; border:1px solid #e8e8e8; height:50px; background-color:#fff; outline:none; }
.board-writer tbody input.ip1 { width:300px; }
.board-writer tbody input.ip2 { width:100%; }
.board-writer tbody select { position:relative; width:300px; font-size:16px; font-weight:300; padding:0 10px; border:1px solid #e8e8e8; height:50px; background-color:#fff; outline:none;0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff url(/img/sub/icon_select_down.png) right center no-repeat; outline:none; }
.board-writer tbody select::-ms-expand { display:none; }
.board-writer tbody textarea { width:100%; height:280px; color:#222; font-size:16px; font-weight:300; padding:10px; border:1px solid #e8e8e8; background-color:#fff; outline:none; }
@media screen and (max-width:1024px){
	.board-writer table .col1 { width:140px; }
	.board-writer tbody input.ip1 { width:100%; }
	.board-writer tbody th { font-size:17px; padding:16px 0;}
	.board-writer tbody th.th_top { padding-top:20px; }
	.board-writer tbody td { padding:13px 15px; }
	.board-writer tbody input[type="text"],
	.board-writer tbody input[type="password"] { height:45px; }
	.board-writer tbody select { width:100%; height:45px; }
	.board-writer tbody textarea { height:220px; }
}
@media screen and (max-width:860px){
	.board-writer table { width:100%; border-top:1px solid #222; }
	.board-writer table .col1 { width:100%; }
	.board-writer tbody th { display:flex; width:100%; padding:15px 15px 0 0; font-size:16px; background-color:#fff; border-bottom:none }
	.board-writer tbody td { display:flex; width:100%; padding:8px 0 0; border-bottom:none }
	.board-writer tbody textarea { height:180px; }
}


.board-ch { margin:30px 0 0; text-align:center;  }
.board-ch input[type="checkbox"],
.board-ch input[type="radio"]{opacity:0; height:auto; line-height:auto;}
.board-ch input[type="checkbox"] + span,
.board-ch input[type="radio"] + span { position:relative; padding:0 0 0 18px; font-weight:300; font-size:15px; line-height:1.1 !important; display:inline-block; }
.board-ch input[type="checkbox"] + span:after,
.board-ch input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 -15px; width:22px; height:22px; vertical-align:middle; background-color:#f4f4f4; position:absolute; left:0; top:-4px; }
.board-ch input[type="checkbox"]:checked + span:after,
.board-ch input[type="radio"]:checked + span:after { background:#044567 url(/img/main/icon_ch_on1.png) no-repeat center center; }
.board-ch a { display:inline-block; margin-left:15px; color:#044567; font-size:16px; font-weight:600; vertical-align:middle; }

.board-btn { margin-top:35px; }
.board-btn.btn-r { display:flex; justify-content:flex-end;}
.board-btn.btn-r.online { margin-top:-40px; }
.board-btn a,
.board-btn button { width:220px; height:65px; background:#044567; font-size:18px; font-weight:600; color:#fff; display:flex; align-items:center; justify-content:center; margin:0 auto; outline:none; border:none }
.board-btn a i,
.board-btn button i { display:inline-block; margin-right:8px; font-size:20px; }
.board-btn.btn-r a { margin:0; }
@media screen and (max-width:1024px){
	.board-btn.btn-r.online { margin-top:-35px; }
	.board-btn a,
	.board-btn button { width:200px; height:60px; font-size:17px; }
	.board-btn a i,
	.board-btn button i { margin-right:8px; font-size:19px; }
}
@media screen and (max-width:640px){
	.board-btn.btn-r.online { margin-top:-30px; }
	.board-btn a,
	.board-btn button { width:150px; height:50px; font-size:15px; }
	.board-btn a i,
	.board-btn button i { margin-right:6px; font-size:17px; }
}
@media screen and (max-width:480px){
	.board-btn.btn-r.online { margin-top:30px; }
	.board-btn a,
	.board-btn button { width:100%; height:45px; }
}


.popup-box { position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999999; }
.popup-box .bg { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.popup-box .body-cont { position:absolute; left:50%; top:50%; width:700px; transform:translate(-50%, -50%); background-color:#f8f5ee; border-radius:10px; text-align:center; padding:90px 20px; overflow:hidden; }
.popup-box .body-cont:before { content:""; display:block; position:absolute; left:50%; bottom:0; transform:translateX(-50%); height:900px; width:900px; background-color:#fff; border-radius:100%;}
.popup-box .body-cont .ip-box { position:relative; z-index:2; }
.popup-box .body-cont .ip-box .title { font-size:50px; font-weight:700; color:#222; }
.popup-box .body-cont .ip-box .txtbox { margin-top:25px; font-size:18px; font-weight:300; color:#222; line-height:1.5; }
.popup-box .body-cont .ip-box input { width:70%; margin-top:45px; height:55px; padding:0 18px; font-size:18px; font-weight:300; color:#222; border:1px solid #e8e8e8; outline:none; }
.popup-box .body-cont .ip-box input::placeholder { color:rgba(34,34,34,0.4); }
.popup-box .body-cont .ip-box .btn { margin:35px auto 0; display:flex; justify-content:center; align-items:center; width:200px; height:64px; background-color:#be9b56; font-size:18px; font-weight:600; color:#fff; border:0; outline:0; }
.popup-box .body-cont .btn_close { position:absolute; right:30px; top:30px; z-index:2; color:#222; font-size:25px; cursor:pointer; }
@media screen and (max-width:1024px){
	.popup-box .body-cont { width:600px; padding:70px 20px; }
	.popup-box .body-cont:before { height:800px; width:800px; }
	.popup-box .body-cont .ip-box .title { font-size:38px;}
	.popup-box .body-cont .ip-box .txtbox { margin-top:20px; font-size:17px; }
	.popup-box .body-cont .ip-box input { width:70%; margin-top:40px; height:50px; padding:0 12px; font-size:17px; }
	.popup-box .body-cont .ip-box .btn { margin:35px auto 0;  width:160px; height:55px; font-size:17px; }
	.popup-box .body-cont .btn_close { right:25px; top:25px; font-size:25px; }
}
@media screen and (max-width:760px){
	.popup-box .body-cont { width:calc(100% - 80px); padding:50px 20px; left:40px; transform:translate(0, -50%); }
	.popup-box .body-cont .ip-box .title { font-size:22px;}
	.popup-box .body-cont .ip-box .txtbox { margin-top:20px; font-size:15px; }
	.popup-box .body-cont .ip-box input { width:70%; margin-top:30px; height:45px; padding:0 10px; font-size:16px; }
	.popup-box .body-cont .ip-box .btn { margin:30px auto 0;  width:120px; height:45px; font-size:16px; }
	.popup-box .body-cont .btn_close { right:15px; top:15px; }
}
@media screen and (max-width:480px){
	.popup-box .body-cont:before { height:560px; width:560px; }
}

.page { margin:50px auto 120px auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:15px; font-weight:400; color:#555; border:none; width:40px; height:40px; display:flex; align-items:center; justify-content:center;}
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:500; color:#fff; background-color:#044567; border:none; padding:10px 0; border-radius:50px; }
.page .p-btn { display:inline-block; vertical-align:middle; display:inline-block; vertical-align:middle; height:40px; padding:0; width:25px; overflow:hidden; border:none; text-indent:-9999em; }
.page .btn_prev { margin-right:8px; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { margin-left:8px; background:url(/img/sub/btn_b_next.png) center center no-repeat; }
.page .btn_first { margin-right:0; background:url(/img/sub/btn_b_first.png) center center no-repeat; }
.page .btn_last { margin-left:0; background:url(/img/sub/btn_b_last.png) center center no-repeat; }
.page li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }
@media screen and (max-width:760px){
	.page { margin:40px auto 100px auto; }
}
@media screen and (max-width:760px){
	.page { margin:40px auto 100px auto; }
	.page li { margin:0; } 
	.page a { font-size:14px; width:36px; height:36px; }
	.page .btn_prev { margin-right:3px; }
	.page .btn_next { margin-left:3px; }
}
@media screen and (max-width:640px){
	.page { margin:40px auto 80px auto; }
}

.btm-banner-box { width:100%; height:500px; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(/img/sub/bg_btm_banner.jpg); }
.btm-banner-box.introduction {  }
.btm-banner-box .txtbox { width:100%; height:100%; display:flex; align-items:center; justify-content: center; flex-direction:column; text-align:center; }
.btm-banner-box .txtbox dt { color:#fff; font-size:50px; font-weight:600; }
.btm-banner-box .txtbox dd { margin-top:25px; color:rgba(255,255,255,0.8); font-size:20px; font-weight:300; }
.btm-banner-box .txtbox .btn { position:relative; margin-top:75px; }
.btm-banner-box .txtbox .btn a { position:relative; z-index:5; display:block; padding-left:40px; color:#fff; font-size:18px; font-weight:400; transition:all 0.4s ease-in-out; }
.btm-banner-box .txtbox .btn a span {  font-weight:400; transition:all 0.4s ease-in-out; display:inline-block }
.btm-banner-box .txtbox .btn .txt-chart { display:block; width:65px; height:65px; position:absolute; left:0; top:0; transform:rotate(118deg) translate(0); margin-top:-25px; z-index:1; }
.btm-banner-box .txtbox .btn .circle { stroke:#fff; fill:none; stroke-width:0.7; stroke-dasharray:100; stroke-dashoffset:15; }
.btm-banner-box .txtbox .btn i { position:absolute; left:24px; top:-2px; font-size:18px; color:#044567; opacity:0; transition:all 0.4s ease-in-out; }
.btm-banner-box .txtbox .btn a:hover i { opacity:1; }
.btm-banner-box .txtbox .btn a:hover span { transform:translateX(35px);  }
@media screen and (max-width:1024px){
	.btm-banner-box { height:300px; }
	.btm-banner-box .txtbox dt { font-size:28px; }
	.btm-banner-box .txtbox dd { margin-top:18px; font-size:16px; }
	.btm-banner-box .txtbox .btn { margin-top:50px; }
	.btm-banner-box .txtbox .btn a { padding-left:30px; font-size:16px; }
	.btm-banner-box .txtbox .btn .txt-chart { width:55px; height:55px; margin-top:-21px; }
	.btm-banner-box .txtbox .btn i { left:22px; font-size:16px; }
}
@media screen and (max-width:640px){
	.btm-banner-box { height:220px; }
	.btm-banner-box .txtbox dt { font-size:22px; }
	.btm-banner-box .txtbox dd { margin-top:15px; font-size:15px; }
	.btm-banner-box .txtbox .btn { margin-top:40px; }
	.btm-banner-box .txtbox .btn a { font-size:15px; }
	.btm-banner-box .txtbox .btn .txt-chart { width:55px; height:55px; margin-top:-21px; }
	.btm-banner-box .txtbox .btn i { left:22px; font-size:16px; }
}