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

#subContents { }

#subWrap #sv { position:relative; height:396px; background-color:#fff; overflow:hidden}
#subWrap #sv .inner { position:relative; z-index:2; }
#subWrap #sv dl { position:absolute; top:266px; left:50%; transform:translateX(-50%); text-align:center; overflow:hidden; line-height:1.2 }
#subWrap #sv dt { display:none; }
#subWrap #sv dd { color:#222; font-size:60px; font-weight:700; white-space:nowrap; }
#subWrap .location { position:absolute; top:150px; left:0; width:100%; z-index:3; }
#subWrap .location .box { max-width:1400px; margin:0 auto; }
#subWrap .location .box > strong { display:inline-block; vertical-align:top; font-size:16px; font-weight:400; color:#aaa; }
#subWrap .location .box .submenu { position:relative; display:inline-block; vertical-align:top; margin-left:45px; }
#subWrap .location .box .submenu p { position:relative; z-index:2; cursor:pointer; font-size:16px; font-weight:400; color:#666; }
#subWrap .location .box .submenu p:before { content:""; display:block; position:absolute; left:-22px; top:2px; width:6px; height:11px; background:url(/img/sub/icon_lnb_a.png) center center no-repeat; }
#subWrap .location .box .submenu p:after { content:""; display:block; position:absolute; right:-37px; top:-5px; width:25px; height:25px; border:1px solid #ccc; border-radius:50px; background:url(/img/sub/icon_lnb_down.png) center center no-repeat; transition:all 0.3s ease-in-out; }
#subWrap .location .box .submenu p.ov:after { transform:rotate(180deg); }
#subWrap .location .box #lnb { display:none; position:absolute; top:0; left:-9px;  }
#subWrap .location .box #lnb ul { min-width:160px; background-color:#f8f8f8; padding:20px 40px 20px 20px; border-radius:5px; margin-top:35px; }
#subWrap .location .box #lnb.on { display:block; }
#subWrap .location .box #lnb li { position:relative; margin-top:20px; white-space:nowrap; }
#subWrap .location .box #lnb li:first-child { margin-top:0; }
#subWrap .location .box #lnb li.active { display:block; }
#subWrap .location .box #lnb li a { color:#aaa; font-size:14px; font-weight:400; }
#subWrap .location .box #lnb li.active a { color:#117bf6; font-weight:500; }
#subWrap .location .box #lnb li.nomenu { display:none; }
#subWrap .location .box .depth2menu { position:relative; display:inline-block; vertical-align:top; margin-left:70px; }
#subWrap .location .box .depth2menu a {  font-size:16px; font-weight:400; color:#666; }
#subWrap .location .box .depth2menu p { position:relative; z-index:2; cursor:pointer; font-size:16px; font-weight:400; color:#666; }
#subWrap .location .box .depth2menu p:before { content:""; display:block; position:absolute; left:-22px; top:2px; width:6px; height:11px; background:url(/img/sub/icon_lnb_a.png) center center no-repeat; }
#subWrap .location .box .depth2menu p:after { content:""; display:block; position:absolute; right:-37px; top:-5px; width:25px; height:25px; border:1px solid #ccc; border-radius:50px; background:url(/img/sub/icon_lnb_down.png) center center no-repeat; transition:all 0.3s ease-in-out; }
#subWrap .location .box .depth2menu p.ov:after { transform:rotate(180deg); }
#subWrap .location .box .sub_box { display:none; position:absolute; top:0; left:-9px;  }
#subWrap .location .box .sub_box ul {  background-color:#f8f8f8; padding:20px 40px 20px 20px; border-radius:5px; margin-top:35px; }
#subWrap .location .box .sub_box.on { display:block; }
#subWrap .location .box .sub_box li { position:relative; margin-top:20px; white-space:nowrap; }
#subWrap .location .box .sub_box li:first-child { margin-top:0; }
#subWrap .location .box .sub_box li.active { display:block; }
#subWrap .location .box .sub_box li a { color:#aaa; font-size:14px; font-weight:400; }
#subWrap .location .box .sub_box li.active a { color:#117bf6; font-weight:500; }
@media screen and (max-width:1440px){
	#subWrap .location .box { padding:0 20px; }
}
@media screen and (max-width:1280px){
	#subWrap #sv dd {font-size:50px; }
}
@media screen and (max-width:1024px){
	#subWrap #sv { height:326px; }
	#subWrap #sv dl { top:210px; }
	#subWrap #sv dd {font-size:40px; }
	#subWrap .location { top:130px; }
	#subWrap .location .box > strong,
	#subWrap .location .box .submenu p { font-size:14px; }
	#subWrap .location .box .submenu { margin-left:34px; }
	#subWrap .location .box .submenu p:after,
	#subWrap .location .box .depth2menu p:after { right:-32px; top:-5px; width:20px; height:20px; }
	#subWrap .location .box .depth2menu { margin-left:65px; }
	#subWrap .location .box #lnb ul { min-width:140px; }
	#subWrap .location .box #lnb li,
	#subWrap .location .box .sub_box li { margin-top:15px; }
	#subWrap .location .box #lnb li a,
	#subWrap .location .box .sub_box li a { font-size:13px; }
}
@media screen and (max-width:640px){
	#subWrap #sv { height:306px; }
	#subWrap #sv dd {font-size:30px; }
}
#subWrap #sv dd { animation:txtUp 0.8s 0.4s; animation-fill-mode:both; }

/* company-about */
.company-about { padding:115px 0 0 0; background-color:#f6f6f6; }
.company-about .about_box1 { text-align:center; }
.company-about .about_box1 h3 { color:#222; font-size:32px; font-weight:600; }
.company-about .about_box1 .txtbox { margin-top:55px; }
.company-about .about_box1 .txtbox dt { color:#00a0e9; font-size:22px; font-weight:600; }
.company-about .about_box1 .txtbox dd { padding-top:18px; color:#666; font-size:16px; font-weight:400; line-height:150%; }
.company-about .about_box2 { text-align:center; margin-top:90px;}
.company-about .about_box2 .imgbox span { display:inline-block; width:395px; }
.company-about .about_box2 .symbol_box { position:relative; max-width:952px; height:180px; margin:50px auto 0 auto; }
.company-about .about_box2 .symbol_box .logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:3; }
.company-about .about_box2 .symbol_box .logo .icon { display:block; width:67px; }
.company-about .about_box2 .symbol_box .logo .icon .cls-1,
.company-about .about_box2 .symbol_box .logo .icon .cls-2,
.company-about .about_box2 .symbol_box .logo .icon .cls-3 {fill:#fff; }
.company-about .about_box2 .symbol_box .box { position:absolute; top:0; left:0; width:530px; height:180px; display:flex; align-items:center; border-radius:500px; }
.company-about .about_box2 .symbol_box .box span { color:#fff; font-size:30px; font-weight:700; text-transform:uppercase; }
.company-about .about_box2 .symbol_box .box.l_box { left:unset; background-color:rgba(144,195,31,0.5); justify-content:flex-start; padding-left:90px; }
.company-about .about_box2 .symbol_box .box.r_box { left:unset; right:0; background-color:rgba(0,160,233,0.5); justify-content:flex-end; padding-right:90px; }
.company-about .about_box2 .symbol_box .box:before { content:""; display:block; position:absolute; top:-10px; left:-10px; width:100%; height:100%; border-radius:500px; }
.company-about .about_box2 .symbol_box .box.l_box:before { border:10px solid rgba(144,195,31,0.1); }
.company-about .about_box2 .symbol_box .box.r_box:before { border:10px solid rgba(0,160,233,0.1);  }
.company-about .about_box2 .txtbox { position:relative; margin-top:35px; padding-top:72px; color:#444; font-size:20px; font-weight:400; line-height:140%; }
.company-about .about_box2 .txtbox strong { color:#002d65; font-weight:700; }
.company-about .about_box2 .txtbox:before { content:""; display:block; width:0; height:50px; position:absolute; left:50%; margin-left:-1px; top:0; border-left:1px solid #82cef0; border-right:1px solid #74c8ef; }
.company-about .imgbox_b { margin-top:60px; text-align:center; }
.company-about .imgbox_b img { width:100%; }
@media screen and (max-width:1024px){
	.company-about { padding:90px 0 0 0; }
	.company-about .about_box1 h3 { font-size:26px; }
	.company-about .about_box1 .txtbox { margin-top:45px; }
	.company-about .about_box1 .txtbox dt { font-size:20px; }
	.company-about .about_box1 .txtbox dd { padding-top:14px; font-size:15px; }
	.company-about .about_box2 { margin-top:70px; }
	.company-about .about_box2 .imgbox span { width:280px; }
	.company-about .about_box2 .symbol_box { max-width:620px; height:140px; }
	.company-about .about_box2 .symbol_box .logo .icon { width:42px; }
	.company-about .about_box2 .symbol_box .box { width:350px; height:140px; }
	.company-about .about_box2 .symbol_box .box span {  font-size:24px; }
	.company-about .about_box2 .symbol_box .box.l_box { padding-left:50px; }
	.company-about .about_box2 .symbol_box .box.r_box { padding-right:50px; }
	.company-about .about_box2 .txtbox { margin-top:25px; padding-top:60px; font-size:18px; }
	.company-about .about_box2 .txtbox:before { height:36px; }
}
@media screen and (max-width:760px){
	.company-about { padding:60px 0 0 0; }
	.company-about .about_box1 .txtbox dd br { display:none }
	.company-about .about_box2 { margin-top:60px; }
	.company-about .about_box2 .imgbox span { width:220px; }
	.company-about .about_box2 .symbol_box { height:100px; }
	.company-about .about_box2 .symbol_box .logo .icon { width:30px; }
	.company-about .about_box2 .symbol_box .box { width:58%; height:100px; }
	.company-about .about_box2 .symbol_box .box span {  font-size:18px; }
	.company-about .about_box2 .symbol_box .box.l_box { padding-left:20px; }
	.company-about .about_box2 .symbol_box .box.r_box { padding-right:20px; }
	.company-about .about_box2 .txtbox { margin-top:25px; padding-top:50px; font-size:16px; }
	.company-about .about_box2 .txtbox:before { height:36px; }
}

/* animation */
.company-about .about_box1,
.company-about .about_box2 .imgbox,
.company-about .about_box2 .symbol_box .box,
.company-about .about_box2 .symbol_box .logo,
.company-about .about_box2 .txtbox { opacity:0; }
.company-about .about_box1 { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.company-about .about_box2.subOn .imgbox { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.company-about .about_box2.subOn .symbol_box .box.l_box { animation:ani_1 0.8s 0.8s; animation-fill-mode:both; }
.company-about .about_box2.subOn .symbol_box .box.r_box { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.company-about .about_box2.subOn .symbol_box .logo { animation:ani_5 0.8s 1.4s; animation-fill-mode:both; }
.company-about .about_box2.subOn .txtbox { animation:ani_4 0.8s 1.6s; animation-fill-mode:both; }

/* company-greeting */
.company-greeting { padding:83px 0 65px 0; background:#f6f6f6 url(/img/sub/img_greeting_b.jpg) center top no-repeat;}
.company-greeting .greeting_box1 {} 
.company-greeting .greeting_box1 .inner > div { display:inline-block; vertical-align:top; width:calc(50% - 4px); }
.company-greeting .greeting_box1 .txtbox { padding:140px 0 0 37px; }
.company-greeting .greeting_box1 .txtbox p { color:#222; font-size:22px; font-weight:600; line-height:180%; }
.company-greeting .greeting_box1 .txtbox p span { font-weight:600; }
.company-greeting .greeting_box1 .txtbox p strong { font-weight:700; font-size:32px; }
.company-greeting .greeting_box1 .txtbox p span.fc_b { color:#00a0e9; }
.company-greeting .greeting_box1 .txtbox .txt { color:#666; font-size:16px; font-weight:400; line-height:150%; }
.company-greeting .greeting_box1 .txtbox .txt.txt1 { margin-top:65px; }
.company-greeting .greeting_box1 .txtbox .txt.txt2 { margin-top:30px; }
@media screen and (max-width:1440px){
	.company-greeting { background-size:cover !important; }
	.company-greeting .greeting_box1 .imgbox img { width:100%; }
	.company-greeting .greeting_box1 .txtbox { padding:4% 0 0 3%; }
}
@media screen and (max-width:1280px){
	.company-greeting .greeting_box1 .txtbox p br,
	.company-greeting .greeting_box1 .txtbox .txt br { display:none }
	.company-greeting .greeting_box1 .txtbox .txt.txt1 { margin-top:9%; }
	.company-greeting .greeting_box1 .txtbox .txt.txt2 { margin-top:5%; }
}
@media screen and (max-width:1024px){
	.company-greeting { padding:50px 0 65px 0; }
	.company-greeting .greeting_box1 .txtbox p { font-size:16px; }
	.company-greeting .greeting_box1 .txtbox p strong { font-size:22px; }
	.company-greeting .greeting_box1 .txtbox .txt { font-size:15px; }
}
@media screen and (max-width:640px){
	.company-greeting { padding:30px 0 65px 0; }
	.company-greeting .greeting_box1 .inner > div { width:100%; }
	.company-greeting .greeting_box1 .imgbox { text-align:center; }
	.company-greeting .greeting_box1 .imgbox img { width:100%; max-width:360px; margin:0 auto; }
	.company-greeting .greeting_box1 .txtbox { margin-top:30px;}
}

/* animation */
.company-greeting .greeting_box1 .inner > div { opacity:0; }
.company-greeting .greeting_box1 .imgbox { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.company-greeting .greeting_box1 .txtbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }



/* company-history */
.company-history .history_box1 { padding:150px 0 45px 0; background-color:#f6f6f6; } 
.company-history .history_box1 .box { position:relative; text-align:center; max-width:1192px; margin:0 auto; }
.company-history .history_box1 .box:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-history .history_box1 .box .circle_box { position:relative; }
.company-history .history_box1 .box .l_circle { float:left; }
.company-history .history_box1 .box .r_circle { float:right; }
.company-history .history_box1 .box .circle_box .cbox { position:relative;width:406px; height:406px; display:flex; align-items:center; justify-content:center; text-align:center; background-color:#fff; border-radius:100%; box-shadow:3px 3px 10px #e8e8e8, -3px -3px 10px #e8e8e8; }
.company-history .history_box1 .box .circle_box .cbox:before { content:""; display:block; width:calc(100% - 22px); height:calc(100% - 22px); position:absolute; left:9px; top:9px; border:2px dotted #373737; border-radius:100%; }
.company-history .history_box1 .box .circle_box.r_circle .cbox:before { border:2px dotted #00a0e9; }
.company-history .history_box1 .box .circle_box .txtbox { color:#8fc31f; font-size:18px; font-weight:500; }
.company-history .history_box1 .box .circle_box .txtbox strong { font-weight:600; font-size:32px; display:block; margin-top:18px; }
.company-history .history_box1 .box .circle_box.r_circle .txtbox { color:#00a0e9; }
.company-history .history_box1 .box .txtCont {  position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:2; }
.company-history .history_box1 .box .txtCont .logo { width:80px; margin:0 auto; display:inline-block; }
.company-history .history_box1 .box .txtCont .txt { padding-top:30px; color:#222; font-size:20px; font-weight:600; line-height:150%; }
.company-history .history_box1 .box .txtCont .plus { position:relative; margin:50px auto 0 auto; width:36px; height:36px; }
.company-history .history_box1 .box .txtCont .plus span { position:relative; z-index:2; width:100%; height:100%; color:#fff; display:flex; align-items:center; justify-content:center; background-color:#00a0e9; border-radius:100%; }
.company-history .history_box1 .box .txtCont .plus:before { content:""; display:block; width:250px; height:0; position:absolute; left:-218px; top:50%; transform:translateY(-50%); border:1px dashed #373737; border-width:1px 0 }
.company-history .history_box1 .box .txtCont .plus:after { content:""; display:block; width:250px; height:0; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px dashed #00a0e9; border-width:1px 0 }
.company-history .history_box2 { padding:100px 0 55px 0; background-color:#eee; }
.company-history .history_box2 .listbox ul { text-align:center; display:flex; justify-content:space-around; }
.company-history .history_box2 .listbox li:first-child { margin-left:0; }
.company-history .history_box2 .listbox li:last-child { max-width:327px; }
.company-history .history_box2 .listbox li .icon { margin:0 auto; width:85px; display:inline-block; }
.company-history .history_box2 .listbox li dl { margin-top:35px; }
.company-history .history_box2 .listbox li dt { color:#00a0e9; font-size:16px; font-weight:500; }
.company-history .history_box2 .listbox li dd { padding-top:38px; color:#222; font-size:18px; font-weight:500; line-height:140%; }
.company-history .history_box2 .listbox li dd span { font-size:15px; font-weight:400;}
.company-history .history_box2 .listbox li:last-child dd { padding-top:26px; }
.company-history .history_box3 { margin-top:120px; padding-bottom:190px; }
.company-history .history_box3 h3 { color:#222; font-size:32px; font-weight:600; text-align:center; }
.company-history .history_box3 .listbox { position:relative; overflow:hidden; }
.company-history .history_box3 .listbox:after {content:""; display:block; position:absolute; left:50%; top:80px; width:1px; height:calc(100% - 115px); background-color:#ddd; }
.company-history .history_box3 .listbox .historyCont { padding:65px 0 20px 0; position:relative; }
.company-history .history_box3 .listbox .historyCont:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.company-history .history_box3 .listbox .historyCont:nth-child(1) { padding:90px 0 0 0; }
.company-history .history_box3 .listbox .historyCont > div { float:right; width:50%; z-index:2; position:relative;}
.company-history .history_box3 .listbox .historyCont .list { position:relative; left:0; float:left; text-align:right; margin-top:-30px; }
.company-history .history_box3 .listbox .historyCont .list dl { position:relative; }
.company-history .history_box3 .listbox .historyCont .list dt { position:absolute; right:-56px; top:0; width:112px; height:112px; color:#00a0e9; font-size:26px; font-weight:700; display:flex; justify-content:center; align-items:center; background-color:#eee; border-radius:100%; transition:all 0.3s ease-in-out; }
.company-history .history_box3 .listbox .historyCont .list dd { padding:0 130px 0 0; min-height:112px;}
.company-history .history_box3 .listbox .historyCont .list dd ul { padding-top:45px; }
.company-history .history_box3 .listbox .historyCont .list dd li { position:relative; padding:0 50px 0 0; margin:17px 0 0 0; font-size:16px; line-height:140%; color:#666; font-weight:400; letter-spacing:-0.02em; }
.company-history .history_box3 .listbox .historyCont .list dd li:first-child { margin:0; }
.company-history .history_box3 .listbox .historyCont .list dd li span { position:absolute; right:0; top:0; color:#222; font-weight:700; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list { left:50%; text-align:left; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dt { left:-56px; right:unset; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd { padding:0 0 0 130px; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd li { padding:0 0 0 50px; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd li span { left:0; }
@media screen and (max-width:1280px){
	.company-history .history_box1 .box { max-width:960px; }
	.company-history .history_box1 .box .circle_box .cbox { width:320px; height:320px; }
	.company-history .history_box1 .box .txtCont .plus { margin:20px auto 0 auto; }
}
@media screen and (max-width:1024px){
	.company-history .history_box1 { padding:100px 0 50px 0; } 
	.company-history .history_box1 .box { max-width:960px; }
	.company-history .history_box1 .box .l_circle,
	.company-history .history_box1 .box .r_circle { width:100%; }
	.company-history .history_box1 .box .r_circle { margin-top:240px; }
	.company-history .history_box1 .box .circle_box .cbox { margin:0 auto; width:300px; height:300px; }
	.company-history .history_box1 .box .circle_box .txtbox { font-size:15px; }
	.company-history .history_box1 .box .circle_box .txtbox strong { font-size:24px; margin-top:15px; }
	.company-history .history_box1 .box .txtCont { top:320px; }
	.company-history .history_box1 .box .txtCont .logo { width:60px; }
	.company-history .history_box1 .box .txtCont .txt { padding-top:20px; font-size:17px; }
	.company-history .history_box1 .box .txtCont .plus { display:none; }
	.company-history .history_box2 { padding:20px 0 40px 0; }
	.company-history .history_box2 .listbox ul { text-align:center; text-align:center; width:100%; display:block; }
	.company-history .history_box2 .listbox li { display:inline-block; vertical-align:top; width:30%; text-align:center; margin-top:60px; }
	.company-history .history_box2 .listbox li:first-child { margin-left:0; }
	.company-history .history_box2 .listbox li:last-child { max-width:auto; }
	.company-history .history_box2 .listbox li .icon { margin:0 auto; width:70px; display:inline-block; }
	.company-history .history_box2 .listbox li dl { margin-top:20px; }
	.company-history .history_box2 .listbox li dt { font-size:15px; }
	.company-history .history_box2 .listbox li dd { padding-top:22px; font-size:16px; }
	.company-history .history_box2 .listbox li dd span { font-size:15px; }
	.company-history .history_box2 .listbox li:last-child dd { padding-top:15px; }
	.company-history .history_box3 { margin-top:100px; padding-bottom:100px; }
	.company-history .history_box3 h3 { font-size:22px; }
	.company-history .history_box3 .listbox .historyCont { padding:65px 0 20px 0; position:relative; }
	.company-history .history_box3 .listbox .historyCont:nth-child(1) { padding:90px 0 0 0; }
	.company-history .history_box3 .listbox .historyCont .list { margin-top:-30px; }
	.company-history .history_box3 .listbox .historyCont .list dt { right:-50px; top:0; width:100px; height:100px; font-size:22px; }
	.company-history .history_box3 .listbox .historyCont .list dd { padding:0 100px 0 0; min-height:100px;}
	.company-history .history_box3 .listbox .historyCont .list dd ul { padding-top:45px; }
	.company-history .history_box3 .listbox .historyCont .list dd li { padding:0 40px 0 0; margin:15px 0 0 0; font-size:15px; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list { left:50%; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dt { left:-50px; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd { padding:0 0 0 100px; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd li { padding:0 0 0 40px; }
}
@media screen and (max-width:760px){
	.company-history .history_box1 { padding:50px 0 50px 0; } 
	.company-history .history_box1 .box .r_circle { margin-top:200px; }
	.company-history .history_box1 .box .circle_box .cbox { margin:0 auto; width:240px; height:240px; }
	.company-history .history_box1 .box .circle_box .txtbox { font-size:14px; }
	.company-history .history_box1 .box .circle_box .txtbox strong { font-size:20px; margin-top:12px; }
	.company-history .history_box1 .box .txtCont { top:255px; width:100%; }
	.company-history .history_box1 .box .txtCont .logo { width:50px; }
	.company-history .history_box1 .box .txtCont .txt { padding-top:12px; font-size:16px; }
	.company-history .history_box1 .box .txtCont .plus { display:none; }
	.company-history .history_box2 { padding:10px 0 40px 0; }
	.company-history .history_box2 .listbox li { width:100%; margin-top:50px; width:48%; }
	.company-history .history_box2 .listbox li:first-child { margin-left:0; }
	.company-history .history_box2 .listbox li:last-child { width:100%; }
	.company-history .history_box2 .listbox li .icon { margin:0 auto; width:70px; display:inline-block; }
	.company-history .history_box2 .listbox li dl { margin-top:20px; }
	.company-history .history_box2 .listbox li dt { font-size:15px; }
	.company-history .history_box2 .listbox li dd { padding-top:22px; font-size:16px; }
	.company-history .history_box2 .listbox li dd span { font-size:15px; }
	.company-history .history_box2 .listbox li:last-child dd { padding-top:15px; }
	.company-history .history_box3 { margin-top:80px;  }
	.company-history .history_box3 h3 { font-size:22px; }
	.company-history .history_box3 .listbox:after { left:35px; }
	.company-history .history_box3 .listbox .historyCont { padding:45px 0 20px 0; position:relative; }
	.company-history .history_box3 .listbox .historyCont:nth-child(1) { padding:70px 0 0 0; }
	.company-history .history_box3 .listbox .historyCont .list { margin-top:-30px; width:100%; }
	.company-history .history_box3 .listbox .historyCont .list dt { right:unset; top:0; width:70px; height:70px; font-size:18px; }
	.company-history .history_box3 .listbox .historyCont .list dd { padding:0 0 0 90px; min-height:70px;}
	.company-history .history_box3 .listbox .historyCont .list dd ul { padding-top:20px; }
	.company-history .history_box3 .listbox .historyCont .list dd li { padding:0 0 0 32px; margin:12px 0 0 0; font-size:15px; text-align:left; }
	.company-history .history_box3 .listbox .historyCont .list dd li span { left:0; right:unset; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list { left:0; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dt { left:0; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd { padding:0 0 0 90px; }
	.company-history .history_box3 .listbox .historyCont:nth-child(2n) .list dd li { padding:0 0 0 35px; }
}

/* animation */
.company-history .history_box1 .box .circle_box,
.company-history .history_box1 .box .txtCont { opacity:0; } 
.company-history .history_box1.subOn .box .l_circle { animation:ani_1 0.5s 0.8s; animation-fill-mode:both; }
.company-history .history_box1.subOn .box .r_circle { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-history .history_box1 .box .txtCont { animation:ani_5 0.5s 0.5s; animation-fill-mode:both; }
.company-history .history_box2 .listbox li { opacity:0; } 
.company-history .history_box2.subOn .listbox li:nth-child(1) { animation:ani_3 0.5s 0.3s; animation-fill-mode:both; }
.company-history .history_box2.subOn .listbox li:nth-child(2) { animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-history .history_box2.subOn .listbox li:nth-child(3) { animation:ani_3 0.5s 0.7s; animation-fill-mode:both; }
.company-history .history_box2.subOn .listbox li:nth-child(4) { animation:ani_3 0.5s 0.9s; animation-fill-mode:both; }
.company-history .history_box2.subOn .listbox li:nth-child(5) { animation:ani_3 0.5s 1.1s; animation-fill-mode:both; }
.company-history .history_box2.subOn .listbox li:nth-child(6) { animation:ani_3 0.5s 1.3s; animation-fill-mode:both; }
.company-history .history_box3 .listbox .historyCont.subOn .list dt { background-color:#00a0e9; color:#fff; }
.company-history .history_box3 .listbox .historyCont .list dd { opacity:0; } 
.company-history .history_box3 .listbox .historyCont.subOn .list dd { animation:ani_1 0.5s 0.5s; animation-fill-mode:both; }
.company-history .history_box3 .listbox .historyCont:nth-child(2n).subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
@media screen and (max-width:760px){
	.company-history .history_box3 .listbox .historyCont.subOn .list dd { animation:ani_2 0.5s 0.5s; animation-fill-mode:both; }
}

/* company-location */
.company-location .loccation_map { position:relative; }
.company-location .loccation_map .map_box { position:relative; z-index:1; }
.company-location .loccation_map .map_box > div,
.company-location .loccation_map .map_box > div > div,
.company-location .loccation_map .map_box .wrap_map { width:100% !important; height:680px !important; }
.company-location .loccation_map .map_box .wrap_map  .map { left:-400px; width:calc(100% + 400px) !important; }
.company-location .loccation_map .loccation_info { position:absolute; right:260px; top:80px; z-index:3;  width:470px; padding:70px 40px 65px 50px; background-color:#117bf6; }
.company-location .loccation_map .loccation_info .logo { position:absolute; right:40px; top:35px; z-index:3; }
.company-location .loccation_map .loccation_info .logo .icon { display:block; width:36px; }
.company-location .loccation_map .loccation_info .logo .icon .cls-1,
.company-location .loccation_map .loccation_info .logo .icon .cls-2,
.company-location .loccation_map .loccation_info .logo .icon .cls-3 {fill:#fff; }
.company-location .loccation_map .loccation_info dt { color:#fff; font-size:40px; font-weight:700; padding-bottom:30px; border-bottom:1px solid rgba(255,255,255,0.4) }
.company-location .loccation_map .loccation_info dt span { font-weight:700; }
.company-location .loccation_map .loccation_info dd { padding-top:45px; }
.company-location .loccation_map .loccation_info dd li { margin-top:40px; padding-left:53px; color:rgba(255,255,255,0.8); font-size:16px; letter-spacing:-0.03em; font-weight:400; line-height:150%; }
.company-location .loccation_map .loccation_info dd li:first-child { margin-top:0; }
.company-location .loccation_map .loccation_info dd li strong { display:block; color:rgba(255,255,255,1); font-size:20px; font-weight:700; letter-spacing:0; padding-bottom:10px; }
.company-location .loccation_map .loccation_info dd li:nth-child(1) { background:url(/img/sub/icon_loccation01_1.svg) left 2px no-repeat; background-size:40px; }
.company-location .loccation_map .loccation_info dd li:nth-child(2) { background:url(/img/sub/icon_loccation01_2.svg) left 2px no-repeat; background-size:40px; }
.company-location .loccation_map .loccation_info dd li:nth-child(3) { background:url(/img/sub/icon_loccation01_3.svg) left 2px no-repeat; background-size:40px; }
@media screen and (max-width:1440px){
	.company-location .loccation_map .loccation_info { right:60px; }
}
@media screen and (max-width:1280px){
	.company-location .loccation_map .map_box .wrap_map  .map { left:-500px; width:calc(100% + 500px) !important; }
}
@media screen and (max-width:1024px){
	.company-location .loccation_map .map_box,
	.company-location .loccation_map .map_box > div,
	.company-location .loccation_map .map_box .wrap_map { height:480px !important; }
	.company-location .loccation_map .map_box .wrap_map  .map {  }
	.company-location .loccation_map .loccation_info { top:40px; width:400px; padding:40px 25px 35px 30px; }
	.company-location .loccation_map .loccation_info .logo { right:25px; top:25px; }
	.company-location .loccation_map .loccation_info .logo .icon { width:25px; }
	.company-location .loccation_map .loccation_info dt { font-size:26px; padding-bottom:10px; }
	.company-location .loccation_map .loccation_info dd { padding-top:40px; }
	.company-location .loccation_map .loccation_info dd li { margin-top:30px; padding-left:45px; font-size:15px; }
	.company-location .loccation_map .loccation_info dd li strong { font-size:18px; }
	.company-location .loccation_map .loccation_info dd li:nth-child(1),
	.company-location .loccation_map .loccation_info dd li:nth-child(2),
	.company-location .loccation_map .loccation_info dd li:nth-child(3) { background-size:30px; }
}
@media screen and (max-width:760px){
	.company-location .loccation_map .map_box,
	.company-location .loccation_map .map_box > div,
	.company-location .loccation_map .map_box .wrap_map { height:320px !important; }
	.company-location .loccation_map .map_box .wrap_map .map { left:0; width:100% !important; }
	.company-location .loccation_map .loccation_info { position:relative; left:0; top:0; width:100%; }
}
/* animation */
.company-location .loccation_map .loccation_info,
.company-location .loccation_map .loccation_info dt { overflow:hidden; }
.company-location .loccation_map .loccation_info,
.company-location .loccation_map .loccation_info .logo ,
.company-location .loccation_map .loccation_info dt span,
.company-location .loccation_map .loccation_info dd li { opacity:0; }
.company-location .loccation_map.subOn .loccation_info { animation:ani_5 0.5s 0.3s; animation-fill-mode:both; }
.company-location .loccation_map.subOn .loccation_info .logo { animation:ani_5 0.5s 1.5s; animation-fill-mode:both; }
.company-location .loccation_map.subOn .loccation_info dt span { display:block; animation:ani_3 0.5s 0.5s; animation-fill-mode:both; }
.company-location .loccation_map.subOn .loccation_info dd li:nth-child(1) { animation:ani_2 0.5s 0.8s; animation-fill-mode:both; }
.company-location .loccation_map.subOn .loccation_info dd li:nth-child(2) { animation:ani_2 0.5s 1.0s; animation-fill-mode:both; }
.company-location .loccation_map.subOn .loccation_info dd li:nth-child(3) { animation:ani_2 0.5s 1.2s; animation-fill-mode:both; }

/* service-introduce */
.service-introduce { padding-bottom:190px; }
.service-introduce .introduce_box1 { background-color:#f6f6f6; }
.service-introduce .introduce_box1 .contbox { padding-bottom:60px; }
.service-introduce .introduce_box1 .contbox:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-introduce .introduce_box1 .contbox .txtbox { float:left; padding-top:98px; }
.service-introduce .introduce_box1 .contbox .txtbox h3 { color:#222; font-size:30px; font-weight:700; }
.service-introduce .introduce_box1 .contbox .txtbox .txt { margin-top:28px; color:#444; font-size:20px; font-weight:400; line-height:160% }
.service-introduce .introduce_box1 .contbox .txtbox dl { margin-top:70px; }
.service-introduce .introduce_box1 .contbox .txtbox dt { color:#222; font-size:22px; font-weight:600; }
.service-introduce .introduce_box1 .contbox .txtbox dd { padding-top:20px; }
.service-introduce .introduce_box1 .contbox .txtbox dd p { color:#444; font-size:16px; font-weight:400; }
.service-introduce .introduce_box1 .contbox .txtbox dd ul { padding-top:20px; }
.service-introduce .introduce_box1 .contbox .txtbox dd li { position:relative; margin-top:14px; padding-left:26px; color:#666; font-size:14px; font-weight:400; line-height:140% }
.service-introduce .introduce_box1 .contbox .txtbox dd li:first-child { margin-top:0; }
.service-introduce .introduce_box1 .contbox .txtbox dd li:before { content:""; display:block; width:16px; height:16px; position:absolute; left:0; top:1px; background:url(/img/sub/icon_ch.png) left center no-repeat; }
.service-introduce .introduce_box1 .contbox .imgbox { float:right; padding:55px 0 0 0; }
.service-introduce .introduce_box2 { padding-top:90px; }
.service-introduce .introduce_box2 h3 { color:#222; font-size:32px; font-weight:500; text-align:center; }
.service-introduce .introduce_box2 .listbox { margin-top:70px; }
.service-introduce .introduce_box2 .listbox ul { margin:-40px 0 0 -40px; }
.service-introduce .introduce_box2 .listbox ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.service-introduce .introduce_box2 .listbox li { cursor:pointer; position:relative; text-align:center; margin:40px 0 0 40px; float:left; width:calc(25% - 40px); height:380px; border:1px solid #e5e5e5; border-radius:20px; }
.service-introduce .introduce_box2 .listbox li.on { z-index:2; }
.service-introduce .introduce_box2 .listbox li .icon { width:90px; margin:93px auto 0 auto; }
.service-introduce .introduce_box2 .listbox li dl { margin-top:35px; }
.service-introduce .introduce_box2 .listbox li dt { color:#222; font-size:20px; font-weight:500; }
.service-introduce .introduce_box2 .listbox li dd { padding-top:20px; color:#666; font-size:15px; font-weight:400; line-height:150%; }
.service-introduce .introduce_box2 .listbox li dd p { padding-top:15px; color:#117bf6; font-size:12px; font-weight:400; }
.service-introduce .introduce_box2 .listbox li .description-box { display:none; position:absolute;  margin-left:-1px; top:-1px; z-index:10; padding:80px 30px 40px; height:380px; width:calc(100% + 2px); border:1px solid #ddd; background:#fff; border-radius:20px; }
.service-introduce .introduce_box2 .listbox li:nth-child(4n) .description-box { left:nuset; right:-1px; }
.service-introduce .introduce_box2 .listbox li .description-box .box { display:flex; /* align-items:center;*/ width:100%; height:100%; }
.service-introduce .introduce_box2 .listbox li .description-box .box .imgbox { width:40%; display:none }
.service-introduce .introduce_box2 .listbox li .description-box .box .imgbox img { max-width:100%; }
/*.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { width:60%; text-align:left; padding-left:35px; }*/
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { width:100%; text-align:left; padding-left:0; }
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dl { margin:0; }
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt { color:#117bf6; font-size:20px; font-weight:600; line-height:1.3; }
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd { margin-top:15px; color:#666; font-size:15px; font-weight:200; line-height:1.6; }
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt br,
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd br{ display:none }
.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd .m_br{ display:block }
.service-introduce .introduce_box2 .txt_b { margin-top:30px; text-align:center; color:#666; font-size:15px; font-weight:400; line-height:150%; }
@media screen and (max-width:1440px){
	.service-introduce .introduce_box1 .contbox .txtbox { width:45%; }
	.service-introduce .introduce_box1 .contbox .imgbox { width:55%; }
	.service-introduce .introduce_box1 .contbox .imgbox img { width:100%; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt br { display:none }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd br { display:none }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd .m_br { display:block }
    .service-introduce .introduce_box2 .listbox li .description-box { padding:40px 30px 40px; }
}
@media screen and (max-width:1280px){
	.service-introduce .introduce_box2 .listbox ul { margin:-30px 0 0 -30px; }
	.service-introduce .introduce_box2 .listbox li { margin:30px 0 0 30px; width:calc(25% - 30px); height:340px; }
	.service-introduce .introduce_box2 .listbox li .icon { margin:22% auto 0 auto; }
    .service-introduce .introduce_box2 .listbox li .description-box { height:340px; padding:30px 20px;}
    .service-introduce .introduce_box2 .listbox li .description-box .box .imgbox { width:35%; }
    /*.service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { width:65%; }*/
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { width:100%; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt { font-size:18px; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd { margin-top:10px; }
}
@media screen and (max-width:1024px){
	.service-introduce { padding-bottom:100px; }
	.service-introduce .introduce_box1 .contbox .txtbox { margin-top:40px; padding:0 8px; width:100%; float:none;}
	.service-introduce .introduce_box1 .contbox .txtbox h3 { font-size:22px; }
	.service-introduce .introduce_box1 .contbox .txtbox .txt { margin-top:20px; font-size:16px; }
	.service-introduce .introduce_box1 .contbox .txtbox dl { margin-top:40px; }
	.service-introduce .introduce_box1 .contbox .txtbox dt { font-size:18px; }
	.service-introduce .introduce_box1 .contbox .txtbox dd { padding-top:20px; }
	.service-introduce .introduce_box1 .contbox .txtbox dd p { font-size:15px; }
	.service-introduce .introduce_box1 .contbox .txtbox dd ul { padding-top:20px; }
	.service-introduce .introduce_box1 .contbox .txtbox dd li { margin-top:13px; padding-left:22px; font-size:13px; }
	.service-introduce .introduce_box1 .contbox .imgbox { width:100%; float:none; }
	.service-introduce .introduce_box1 .contbox .imgbox img { width:100%; }
	.service-introduce .introduce_box2 h3 { font-size:24px; }
	.service-introduce .introduce_box2 .listbox ul { margin:-20px 0 0 -20px; }
	.service-introduce .introduce_box2 .listbox li { margin:20px 0 0 20px; width:calc(33.33% - 20px); height:320px; }
	.service-introduce .introduce_box2 .listbox li .icon { width:80px; }
	.service-introduce .introduce_box2 .listbox li dl { margin-top:30px; }
	.service-introduce .introduce_box2 .listbox li dt { font-size:18px; }
	.service-introduce .introduce_box2 .listbox li dd { padding-top:15px; font-size:14px; }
	.service-introduce .introduce_box2 .listbox li dd p { padding-top:12px; font-size:12px; }
    .service-introduce .introduce_box2 .listbox li .description-box { height:320px; padding:40px 20px;}
    /*
    .service-introduce .introduce_box2 .listbox li:nth-child(3n) .description-box { right:-1px; }
    .service-introduce .introduce_box2 .listbox li:nth-child(4n) .description-box { right:unset; }
    */
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt { font-size:18px; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd { margin-top:6px; font-size:13px; }
}
@media screen and (max-width:760px){
	.service-introduce .introduce_box2 .listbox ul { margin:-10px 0 0 -10px; }
	.service-introduce .introduce_box2 .listbox li { margin:10px 0 0 10px; width:calc(50% - 10px); height:300px; }
	.service-introduce .introduce_box2 .listbox li .icon { margin:18% auto 0 auto; }
    /*.service-introduce .introduce_box2 .listbox li:nth-child(3n-1) .description-box { left:calc(-100% - 22px); } */
}
@media screen and (max-width:640px){
	.service-introduce .introduce_box2 h3 { font-size:20px; }
	.service-introduce .introduce_box2 .listbox { margin-top:50px; }
	.service-introduce .introduce_box2 .listbox li { height:240px; }
	.service-introduce .introduce_box2 .listbox li .icon { margin:13% auto 0 auto; width:60px; }
	.service-introduce .introduce_box2 .listbox li dl { margin-top:20px; }
	.service-introduce .introduce_box2 .listbox li dt { font-size:15px; }
	.service-introduce .introduce_box2 .listbox li dd { padding-top:10px; font-size:12px; }
	.service-introduce .introduce_box2 .listbox li dd p { padding-top:8px; font-size:11px; }
    .service-introduce .introduce_box2 .listbox li .description-box { height:240px; padding:20px 15px; }
    /* .service-introduce .introduce_box2 .listbox li:nth-child(3n) .description-box { right:unset; }
    .service-introduce .introduce_box2 .listbox li:nth-child(3n-1) .description-box { left:unset; }
    .service-introduce .introduce_box2 .listbox li:nth-child(2n) .description-box { left:calc(-100% - 12px); }
    .service-introduce .introduce_box2 .listbox li .description-box .box .imgbox { width:32%; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { width:68%; padding-left:25px; } */
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox { padding-left:0; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dt { font-size:16px; }
    .service-introduce .introduce_box2 .listbox li .description-box .box .txtbox dd { margin-top:-2px; font-size:12px; }
}
@media screen and (max-width:480px){
	.service-introduce .introduce_box2 .listbox li { height:210px; }
    .service-introduce .introduce_box2 .listbox li .description-box { height:210px; }
}
/* animation */
.service-introduce .introduce_box1 .contbox > div,
.service-introduce .introduce_box2 h3,
.service-introduce .introduce_box2 .listbox li { opacity:0; }
.service-introduce .introduce_box1 .contbox .txtbox { animation:ani_1 0.8s 0.8s; animation-fill-mode:both; }
.service-introduce .introduce_box1 .contbox .imgbox { animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }
.service-introduce .introduce_box2.subOn h3 { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.service-introduce .introduce_box2.subOn .listbox li { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }

/* customer-inquiry */
.customer-inquiry .inquiry_box { padding:65px 0 120px 0; background-color:#f6f6f6; }
.customer-inquiry .inquiry_box .inner {}
.customer-inquiry .inquiry_box .inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.customer-inquiry .inquiry_box .inner > div { float:left; width:50%; }
.customer-inquiry .inquiry_box .imgbox {  padding-right:20px; }
.customer-inquiry .inquiry_box .imgbox img { width:100%; }
.customer-inquiry .inquiry_box .ipbox { float:right; padding-left:78px; }
.customer-inquiry .inquiry_box .ipbox .txtbox { padding-top:60px; }
.customer-inquiry .inquiry_box .ipbox .txtbox p { color:#222; font-size:30px; font-weight:700; line-height:1.3 }
.customer-inquiry .inquiry_box .ipbox .txtbox .txt { margin-top:25px; color:#444; font-size:20px; font-weight:400; line-height:130%; }
.customer-inquiry .inquiry_box .ipbox .ipCont { margin-top:40px; }
.customer-inquiry .inquiry_box .ipbox .ipCont ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip1 { width:257px; display:inline-block; }
.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip2 { width:calc(100% - 257px - 25px);display:inline-block; margin-left:20px; }
.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip3 { width:100%; clear;both; margin-top:30px; }
.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip4 { width:100%; clear;both; margin-top:30px; }
.customer-inquiry .inquiry_box .ipbox .ipCont li.txt { width:100%; margin-top:20px; line-height:1.4; padding-left:8px; color:#444; font-size:15px; font-weight:400; letter-spacing:-0.03em }
.customer-inquiry .inquiry_box .ipbox .ipCont li textarea { width: 100%; height:150px; padding:25px; font-size:16px; color:#222; font-weight:400; border:none; outline:none; background:none; border-radius:20px; background-color:#fff; resize:none; }
.customer-inquiry .inquiry_box .ipbox .ipCont li input[type="text"],
.customer-inquiry .inquiry_box .ipbox .ipCont li input[type="password"] { width:100%; height:60px; line-height:60px; padding:0 25px; font-size:16px; color:#222; font-weight:400; border:none; outline:none; background:none; border-radius:50px; background-color:#fff; }
.customer-inquiry .inquiry_box .ipbox .ipCont li ::-webkit-input-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li :-moz-input-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li ::-moz-input-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li :-ms-input-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li :input-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li ::-webkit-select-placeholder { color:#666; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li  :-moz-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li ::-moz-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li ::placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont li :-ms-select-placeholder { color:#b0b0b0; opacity:1; font-weight:200; }
.customer-inquiry .inquiry_box .ipbox .ipCont .btn { margin-top:30px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .btn button { width:100%; height:60px; line-height:60px; padding:0 25px; font-size:16px; color:#fff; font-weight:500; border:none; outline:none; background:none; border-radius:50px; background-color:#117bf6; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox { margin-bottom:30px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl { display:flex; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dt { padding:13px 0 0 14px; width:74px; color:#444; font-size:16px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd { width:calc(100% - 74px); }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd ul { display:flex; flex-wrap:wrap; gap:10px 5px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input { opacity:0; width:0; height:0; border:none; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="checkbox"] + span,
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="radio"] + span{ margin:0; vertical-align:middle; padding:15px 16px; background:#fff; border-radius:50px; border:1px solid #ddd; cursor:pointer; display:inline-block; color:#b0b0b0; font-size:14px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="checkbox"]:checked + span,
.customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="radio"]:checked + span { border:1px solid #117bf6; background:#117bf6; color:#fff; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .box { margin:30px 0 0 0; overflow:auto; height:180px; border:1px solid #e8e8e8; border-radius:10px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .box .privacy > dl > dt { color:#666; font-weight:500 }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch { margin-top:20px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch span { color:#333; font-weight:400; font-size:16px; letter-spacing:-0.03em; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="checkbox"],
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="radio"]{opacity:0; position:absolute; margin-left:3px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="checkbox"] + span,
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="radio"] + span { position:relative; padding:0 0 0 27px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="checkbox"] + span:after,
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch_off.png) center center no-repeat; position:absolute; left:0; top:3px; }
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="checkbox"]:checked + span:after,
.customer-inquiry .inquiry_box .ipbox .ipCont .ch-box .ch input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch_on.png) center center no-repeat; }
.customer-inquiry .inquiry_box .infobox { margin-top:90px; }
.customer-inquiry .inquiry_box .infobox ul { display:flex; justify-content:space-between; }
.customer-inquiry .inquiry_box .infobox li { color:#444; font-size:18px; font-weight:300; padding-left:70px; }
.customer-inquiry .inquiry_box .infobox li strong { margin-top:8px; }
.customer-inquiry .inquiry_box .infobox li strong,
.customer-inquiry .inquiry_box .infobox li a { display:block; font-weight:800; color:#333; }
.customer-inquiry .inquiry_box .infobox li:nth-child(1) { background:url(/img/sub/icon_inquiry01_1.svg) left 2px no-repeat; background-size:45px; }
.customer-inquiry .inquiry_box .infobox li:nth-child(2) { background:url(/img/sub/icon_inquiry01_2.svg) left 2px no-repeat; background-size:45px; }
@media screen and (max-width:1280px){
	.customer-inquiry .inquiry_box .ipbox { padding-left:40px; }
	.customer-inquiry .inquiry_box .inner .imgbox { width:45%;}
	.customer-inquiry .inquiry_box .inner .ipbox { width:55%; }
	.customer-inquiry .inquiry_box .ipbox .ipCont { margin-top:50px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip3 { margin-top:30px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont .btn { margin-top:30px; }
	.customer-inquiry .inquiry_box .infobox { margin-top:60px; }
}
@media screen and (max-width:1024px){
	.customer-inquiry .inquiry_box { padding:50px 0 100px 0; }
	.customer-inquiry .inquiry_box .ipbox { padding-left:20px; }
	.customer-inquiry .inquiry_box .ipbox .txtbox { padding-top:40px; }
	.customer-inquiry .inquiry_box .ipbox .txtbox p { font-size:20px; }
	.customer-inquiry .inquiry_box .ipbox .txtbox .txt { margin-top:15px; color:#444; font-size:16px; font-weight:400; }
	.customer-inquiry .inquiry_box .ipbox .ipCont { margin-top:30px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip1 { width:100%; display:block; }
	.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip2 { width:100%; display:block; margin:10px 0 0 0; }
	.customer-inquiry .inquiry_box .ipbox .ipCont li.txt_ip3 { margin:10px 0 0 0;  }
	.customer-inquiry .inquiry_box .ipbox .ipCont li.txt { margin-top:10px; font-size:14px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont li input[type="text"],
	.customer-inquiry .inquiry_box .ipbox .ipCont li input[type="password"] { height:50px; line-height:50px; padding:0 15px; font-size:15px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont .btn { margin-top:20px; }
	.customer-inquiry .inquiry_box .ipbox .ipCont .btn button { height:50px; line-height:50px; padding:0 15px; }
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox { margin-bottom:20px; }
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dt { padding:13px 0 0 10px; width:55px; font-size:15px; }
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd { width:calc(100% - 55px); }
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd ul { gap:6px 2px; }
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="checkbox"] + span,
    .customer-inquiry .inquiry_box .ipbox .ipCont .chbox dl dd li input[type="radio"] + span{ padding:13px 14px; }
	.customer-inquiry .inquiry_box .infobox { margin-top:40px; }
	.customer-inquiry .inquiry_box .infobox li { font-size:16px; padding-left:50px; }
	.customer-inquiry .inquiry_box .infobox li strong { margin-top:8px; }
	.customer-inquiry .inquiry_box .infobox li:nth-child(1) { background-size:40px; }
	.customer-inquiry .inquiry_box .infobox li:nth-child(2) { background-size:40px; }
}
@media screen and (max-width:860px){
	.customer-inquiry .inquiry_box .inner .imgbox,
	.customer-inquiry .inquiry_box .inner .ipbox { width:100%; padding:0; }
	.customer-inquiry .inquiry_box .infobox li { font-size:15px; padding-left:40px; }
	.customer-inquiry .inquiry_box .infobox li strong { margin-top:5px; }
	.customer-inquiry .inquiry_box .infobox li:nth-child(1) { background-size:35px; }
	.customer-inquiry .inquiry_box .infobox li:nth-child(2) { background-size:35px; }
}

/* animation */
.customer-inquiry .inquiry_box .inner > div { opacity:0; }
.customer-inquiry .inquiry_box .imgbox { animation:bgs4 0.8s 0.5s; animation-fill-mode:both; }
.customer-inquiry .inquiry_box .ipbox { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }

/* customer-faq */
.customer-faq { position:relative; padding:60px 0 120px 0; background-color:#f6f6f6; overflow:hidden; }
.customer-faq .bg { position:absolute; left:-100px; top:30px; width:662px; height:978px; }
.customer-faq .bg .cls-1,
.customer-faq .bg .cls-2,
.customer-faq .bg .cls-3 {fill:#f1f1f5;}
.customer-faq .txtbox { text-align:center; }
.customer-faq .txtbox h3 { color:#222; font-size:30px; font-weight:700; }
.customer-faq .txtbox p { margin-top:30px; color:#444; font-size:20px; font-weight:400; }
.customer-faq .listbox { margin-top:50px; }
.customer-faq .listbox .tab { }
.customer-faq .listbox .tab ul { background-color:#fff; border-radius:80px; }
.customer-faq .listbox .tab ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.customer-faq .listbox .tab li { float:left; width:50%; }
.customer-faq .listbox .tab li a { width:100%; height:80px; display:flex; align-items:center; justify-content:center; color:#117bf6; font-size:20px; font-weight:500; }
.customer-faq .listbox .tab li.on a { color:#fff; background-color:#117bf6; width:calc(100% + 20px); border-radius:80px; }
.customer-faq .search_box { position:relative; margin-top:50px; }
.customer-faq .search_box input[type="text"] { width:100%; height:70px; line-height:70px; padding:0 110px 0 40px; font-size:16px; color:#444; font-weight:500; border:none; outline:none; background:none; border-radius:50px; background-color:#fff; }
.customer-faq .search_box .btn { position:absolute; right:0; top:0; }
.customer-faq .search_box .btn button { width:90px; height:70px; border:none; outline:none; overflow:hidden; text-indent:-9999em; background:url(/img/sub/icon_search.png) center center no-repeat; }
.customer-faq .list { margin-top:30px; }
.customer-faq .list li { margin-top:20px; padding:24px 30px; background-color:#fff; border-radius:28px; }
.customer-faq .list li:first-child { margin-top:0; }
.customer-faq .list li .subjectBox { position:relative; padding:0 60px 0 35px; color:#222; font-weight:500; font-size:18px; cursor:pointer; line-height:150%; }
.customer-faq .list li .subjectBox strong { position:absolute; left:0; top:0; color:#898989; font-weight:700; font-size:26px; }
.customer-faq .list li .subjectBox span { font-size:16px; font-weight:500; color:#117bf6; }
.customer-faq .list li .contentBox { position:relative; margin-top:30px; padding:30px 30px 10px 35px; font-size:16px; line-height:160%; color:#444; font-weight:400; border-top:1px solid #b9b9b9; }
.customer-faq .list li .contentBox strong { position:absolute; left:0; top:0; margin-top:30px; color:#ff579c; font-weight:700; font-size:26px; }
.customer-faq .list li.on { border:1px solid #117bf6; }
.customer-faq .list li.on .subjectBox strong { color:#117bf6; }
@media screen and (max-width:1024px){
	.customer-faq .bg { left:-20px; width:250px; height:369px; }
	.customer-faq { padding:40px 0 100px 0; }
	.customer-faq .txtbox h3 { font-size:22px; }
	.customer-faq .txtbox p { margin-top:20px; font-size:18px; }
	.customer-faq .listbox { margin-top:40px; }
	.customer-faq .listbox .tab li a { height:60px; font-size:18px; }
	.customer-faq .search_box { margin-top:30px; }
	.customer-faq .search_box input[type="text"] { height:55px; line-height:55px; padding:0 70px 0 30px; font-size:15px; }
	.customer-faq .search_box .btn button { width:70px; height:55px; }
	.customer-faq .list { margin-top:20px; }
	.customer-faq .list li { margin-top:10px; padding:18px 30px; }
	.customer-faq .list li .subjectBox {  padding:0 60px 0 30px; font-size:16px; }
	.customer-faq .list li .subjectBox strong { font-size:20px; }
	.customer-faq .list li .subjectBox span { font-size:15px; }
	.customer-faq .list li .contentBox { margin-top:20px; padding:20px 30px 10px 30px; font-size:15px; }
	.customer-faq .list li .contentBox strong { margin-top:20px; font-weight:700; font-size:20px; }
}

/* animation */
.customer-faq .txtbox,
.customer-faq .listbox { opacity:0; }
.customer-faq .txtbox { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.customer-faq .listbox { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }

/* estimate-box */
.estimate-box { padding:20px 0 190px 0; }
.estimate-box .step_box { max-width:1400px; margin:0 auto; padding:75px 0; box-shadow:3px 3px 8px #f6f6f6, -3px -3px 8px #f6f6f6; background-color:#fff; }
.estimate-box .step_box .step01 .txt_top { text-align:center; }
.estimate-box .step_box .step01 .txt_top p { color:#333; font-weight:600; font-size:24px; }
.estimate-box .step_box .step01 .txt_top p span.stxt { font-size:15px; display:inline-block; vertical-align:top; margin:-5px 0 0 2px;}
.estimate-box .step_box .step01 .txt_top span.stxt { color:#117bf6; }
.estimate-box .step_box .step01 .txt_top .ipbox { display:inline-block; margin-top:20px; color:#333; font-weight:600; font-size:18px; }
.estimate-box .step_box .step01 .txt_top .ipbox input[type="text"] { margin-right:12px; width:120px; height:50px; line-height:50px; text-align:center; font-size:32px; color:#117bf6; font-family: 'Outfit', sans-serif; font-weight:700; border:1px solid #e5e5e5; outline:none; background:#f9f9f9; border-radius:5px; background-color:#fff; }
.estimate-box .step_box .step01 .txt_top .txt_info { margin-top:20px; color:#666; font-weight:400; font-size:15px; line-height:140%; }
.estimate-box .step_box .step01 .infobox { margin-top:50px; padding-top:50px; border-top:1px solid #ddd; }
.estimate-box .step_box .step01 .infobox dl { max-width:1160px; margin:0 auto; }
.estimate-box .step_box .step01 .infobox dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .step_box .step01 .infobox dt { float:left; width:220px; color:#333; font-weight:600; font-size:18px; }
.estimate-box .step_box .step01 .infobox dd { float:left; width:calc(100% - 220px); }
.estimate-box .step_box .step01 .infobox dd:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .step_box .step01 .infobox dd ul { float:left; width:calc(50% - 10px); margin-left:10px;  border:1px solid #ddd; border-width:1px 0 0 1px; }
.estimate-box .step_box .step01 .infobox dd ul li { width:100%; display:table; }
.estimate-box .step_box .step01 .infobox dd ul li > strong,
.estimate-box .step_box .step01 .infobox dd ul li > span { display:table-cell; height:44px; text-align:center; vertical-align:middle; border:1px solid #ddd; border-width:0 1px 1px 0;}
.estimate-box .step_box .step01 .infobox dd ul li > strong { width:130px; background-color:#f6f6f6; color:#444; font-weight:400; font-size:15px; }
.estimate-box .step_box .step01 .infobox dd ul li > span { width:calc(100% - 130px); color:#666; font-weight:400; font-size:15px; }

.estimate-box .step_box .step02 { padding:10px 80px; }
.estimate-box .step_box .step02 .info_list {}
.estimate-box .step_box .step02 .info_list > ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .step_box .step02 .info_list > ul { margin-left:-20px; }
.estimate-box .step_box .step02 .info_list > ul > li { position:relative; margin-left:20px; float:left; width:calc(33.33% - 20px); text-align:center; border-radius:0 30px 0; border:1px solid #e5e5e5; }
.estimate-box .step_box .step02 .info_list > ul > li:before {content:""; display:block; position:absolute; left:0; top:0; border-radius:0 30px 0 0; width:100%; height:130px; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(1):before { background-color:#ffad1e; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(2):before { background-color:#ff579c; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(3):before { background-color:#117bf6; }
.estimate-box .step_box .step02 .info_list > ul > li dl { position:relative; z-index:2; }
.estimate-box .step_box .step02 .info_list > ul > li dt { color:#fff; font-weight:600; font-size:28px; }
.estimate-box .step_box .step02 .info_list > ul > li dt span { font-weight:600; }
.estimate-box .step_box .step02 .info_list > ul > li dd { padding-top:26px; margin:0 -12px; }
.estimate-box .step_box .step02 .info_list > ul > li dd li { position:relative; display:inline-block; vertical-align:top; margin:0 12px; }
.estimate-box .step_box .step02 .info_list > ul > li dd li:before {content:""; display:block; position:absolute; left:-19px; top:50%; transform:translateY(-50%); width:10px; height:2px; background-color:#ccc; }
.estimate-box .step_box .step02 .info_list > ul > li dd li:after {content:""; display:block; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:2px; height:10px; background-color:#ccc; }
.estimate-box .step_box .step02 .info_list > ul > li dd li:first-child:before,
.estimate-box .step_box .step02 .info_list > ul > li dd li:first-child:after { display:none; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(3) dd li { margin:0 8px; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(3) dd li:before {left:-15px; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(3) dd li:after { left:-11px; }
.estimate-box .step_box .step02 .info_list > ul > li dd li .box { display:flex; align-items:center; justify-content:center; width:100px; height:100px; border:1px solid #e5e5e5; border-radius:5px; background-color:#fff; }
.estimate-box .step_box .step02 .info_list > ul > li dd li .box span { display:block; color:#555; font-weight:400; font-size:15px; letter-spacing:-0.03em; }
.estimate-box .step_box .step02 .info_list > ul > li dd li .box span strong { margin-top:10px; display:block; color:#333; font-weight:600; font-size:21px; }
.estimate-box .step_box .step02 .info_list > ul > li > label { cursor:pointer; padding:40px 0 25px 0; display:block; }
.estimate-box .step_box .step02 .info_list > ul > li input[type="checkbox"],
.estimate-box .step_box .step02 .info_list > ul > li input[type="radio"]{display:none}
.estimate-box .step_box .step02 .info_list > ul > li input[type="checkbox"] + span,
.estimate-box .step_box .step02 .info_list > ul > li input[type="radio"] + span { position:relative; padding:0 0 0 27px; }
.estimate-box .step_box .step02 .info_list > ul > li input[type="checkbox"] + span:after,
.estimate-box .step_box .step02 .info_list > ul > li input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch_off.png) center center no-repeat; position:absolute; left:0; top:10px; }
.estimate-box .step_box .step02 .info_list > ul > li input[type="checkbox"]:checked + span:after,
.estimate-box .step_box .step02 .info_list > ul > li input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch_on.png) center center no-repeat; }
.estimate-box .step_box .step02 .info_list > ul > li .txt_b { padding-top:20px; font-weight:600; font-size:21px; }
.estimate-box .step_box .step02 .info_list > ul > li .txt_b span { font-family: 'Outfit', sans-serif; font-weight:700; font-size:30px; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(1) .txt_b { color:#ffad1e; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(2) .txt_b { color:#ff579c; }
.estimate-box .step_box .step02 .info_list > ul > li:nth-child(3) .txt_b { color:#117bf6; }
.estimate-box .step_box .step02 .selbox { margin-top:50px; }
.estimate-box .step_box .step02 .selbox > p { text-align:center; padding:40px 20px; color:#333; font-weight:400; font-size:18px; background-color:#f6f6f6; border-radius:15px; }
.estimate-box .step_box .step02 .selbox .listbox { margin-top:25px; margin-bottom:-50px; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li { padding:25px 0; border-top:1px solid #e5e5e5; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li:first-child { border-top:none; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dt { width:200px; float:left; padding-left:15px; color:#222; font-weight:600; font-size:21px; letter-spacing:-0.03em; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd { width:calc(100% - 200px); float:left; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd ul { margin:-20px -40px 0 0; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li { position:relative; display:inline-block; vertical-align:top; margin:20px 40px 0 0; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li span { color:#333; font-weight:400; font-size:16px; letter-spacing:-0.03em; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { display:none; z-index:5; position:absolute; top:20px; left:25px; border-radius:0px 50px 50px 50px; border:1px solid #ddd; background:#fff; width:372px; padding:18px 40px; color:#666; font-size:15px; line-height: 1.5625rem; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"],
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"]{display:none}
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"] + span,
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"] + span { position:relative; padding:0 0 0 27px; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"] + span:after,
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch_off.png) center center no-repeat; position:absolute; left:0; top:3px; }
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"]:checked + span:after,
.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch_on.png) center center no-repeat; }

.estimate-box .step_box .step03 { padding:10px 80px; }
.estimate-box .step_box .step03 .txt_top { text-align:center; color:#222; font-weight:500; font-size:26px; letter-spacing:-0.03em; }
.estimate-box .step_box .step03 .txt_top strong { color:#117bf6; font-weight:600; }
.estimate-box .step_box .step03 .info_list { margin-top:55px; }
.estimate-box .step_box .step03 .info_list table { width:100%; border:none; }
.estimate-box .step_box .step03 .info_list th, .estimate-box .step_box .step03 .info_list td{ border:none; }
.estimate-box .step_box .step03 .info_list thead th { background-color:#f6f6f6; height:52px; color:#333; font-weight:500; font-size:15px; letter-spacing:-0.03em; }
.estimate-box .step_box .step03 .info_list tbody td { text-align:center; padding:18px 10px; color:#555; font-weight:400; font-size:15px; letter-spacing:-0.03em; line-height:140%; border-top:1px solid #e5e5e5; }
.estimate-box .step_box .step03 .info_list tbody tr:first-child td { border-top:none; }
.estimate-box .step_box .step03 .info_list tbody td.td_left { text-align:left; }
.estimate-box .step_box .step03 .info_list tbody td label:not(:last-child) { margin-right:20px; }
.estimate-box .step_box .step03 .info_list input[type="checkbox"],
.estimate-box .step_box .step03 .info_list input[type="radio"]{display:none}
.estimate-box .step_box .step03 .info_list input[type="checkbox"] + span,
.estimate-box .step_box .step03 .info_list input[type="radio"] + span { position:relative; padding:0 0 0 27px; }
.estimate-box .step_box .step03 .info_list input[type="checkbox"] + span:after,
.estimate-box .step_box .step03 .info_list input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch_off.png) center center no-repeat; position:absolute; left:0; top:3px; }
.estimate-box .step_box .step03 .info_list input[type="checkbox"]:checked + span:after,
.estimate-box .step_box .step03 .info_list input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch_on.png) center center no-repeat; }
.estimate-box .step_box .step03 .total { margin-top:40px; text-align:center; padding:32px 20px; background-color:#f0f7ff; border-radius:15px; }
.estimate-box .step_box .step03 .total .box { color:#333; font-weight:600; font-size:21px; letter-spacing:-0.03em; display:flex; align-items:center; justify-content:center; }
.estimate-box .step_box .step03 .total span { display:inline-block; color:#333; font-weight:400; font-size:17px; letter-spacing:-0.03em; text-align:right; margin-left:50px; }
.estimate-box .step_box .step03 .total span strong { font-family: 'Outfit', sans-serif; color:#117bf6; font-weight:700; font-size:30px; line-height:1.2; }
.estimate-box .step_box .step03 .info_txt  { margin-top:50px; }
.estimate-box .step_box .step03 .info_txt .stit { text-align:center; color:#333; font-weight:600; font-size:20px; letter-spacing:-0.03em; }
.estimate-box .step_box .step03 .info_txt .box { margin-top:12px; border:1px solid #e5e5e5; border-radius:10px; padding:35px 40px; max-height:380px; overflow:auto; }
.estimate-box .step_box .step03 .info_txt .box p { position:relative; margin-top:15px; padding-left:15px; line-height:140%; color:#666; font-weight:300; font-size:15px; letter-spacing:-0.03em;}
.estimate-box .step_box .step03 .info_txt .box p:first-child { margin-top:0; }
.estimate-box .step_box .step03 .info_txt .box p:before {content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#666; border-radius:15px; }

.estimate-complete { margin-top:-180px; position:relative; z-index:3;  text-align:center; }
.estimate-complete .imgbox img { max-width:100%; }
.estimate-complete dl { padding-top:40px; }
.estimate-complete dt { color:#222; font-weight:700; font-size:50px; }
.estimate-complete dd { padding-top:22px; color:#666; font-weight:400; font-size:20px; line-height:130%; }

.estimate-box .step_box .meeting_box { background-color:#f6f6f6; padding:10px 0;}

.estimate-box .btn { margin-top:60px; text-align:center; }
.estimate-box .btn li { margin:0 14px; display:inline-block; vertical-align:top; }
.estimate-box .btn li a,
.estimate-box .btn li input { cursor:pointer; height:56px; display:flex; align-items:center; justify-content:center; width:170px; background-color:#e6e6e6; border-radius:50px; color:#666; font-weight:400; font-size:16px; border:none; }
.estimate-box .btn li:nth-child(2) a,
.estimate-box .btn li:nth-child(2) input,
.estimate-box .btn li input.payment,
.estimate-box .btn li a.payment { background-color:#117bf6; color:#fff; width:170px; }
.estimate-box .btn li a.meeting,
.estimate-box .btn li input.meeting  { background-color:#666; color:#fff; width:170px;  }
.estimate-box .btn li a.btn_meeting,
.estimate-box .btn li input.btn_meeting { background-color:#117bf6; color:#fff; width:220px; }
@media screen and (max-width:1550px){
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { width:280px;}
}

@media screen and (max-width:1440px){
	.estimate-box .step_box .step02,
	.estimate-box .step_box .step03 { padding:10px 20px; }
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { border-radius:0px 30px 30px 30px; width:280px; padding:15px 20px; }
}
@media screen and (max-width:1280px){
	.estimate-box .step_box .step01 .infobox { padding:50px 20px 0 20px; }
	.estimate-box .step_box .step01 .infobox dt { width:180px; }
	.estimate-box .step_box .step01 .infobox dd { width:calc(100% - 180px); }
	.estimate-box .step_box .step01 .infobox dd ul li > strong { width:110px; }
	.estimate-box .step_box .step01 .infobox dd ul li > span { width:calc(100% - 110px); }
	
	.estimate-box .step_box .step02 .info_list > ul > li dd li .box { width:90px; height:90px; }
}
@media screen and (max-width:1024px){
	.estimate-box { padding:20px 0 100px 0; }
	.estimate-box .step_box { padding:50px 0; }
	.estimate-box .step_box .step01 .txt_top { padding:0 20px;}
	.estimate-box .step_box .step01 .txt_top p { font-size:18px; }
	.estimate-box .step_box .step01 .txt_top p span.stxt { font-size:13px; margin:-4px 0 0 2px;}
	.estimate-box .step_box .step01 .txt_top .ipbox { margin-top:15px; font-size:16px; }
	.estimate-box .step_box .step01 .txt_top .ipbox input[type="text"] { margin-right:10px; width:100px; height:45px; line-height:45px; font-size:26px; }
	.estimate-box .step_box .step01 .txt_top .txt_info { margin-top:15px; font-size:14px; }
	.estimate-box .step_box .step01 .infobox { margin-top:40px; padding:40px 20px 0 20px; }
	.estimate-box .step_box .step01 .infobox dt { width:100%; text-align:center; font-size:16px; }
	.estimate-box .step_box .step01 .infobox dd { width:100%; padding-top:40px; }
	.estimate-box .step_box .step01 .infobox dd ul li > strong { width:90px; }
	.estimate-box .step_box .step01 .infobox dd ul li > span { width:calc(100% - 90px); }
	.estimate-box .step_box .step01 .infobox dd ul li > strong,
	.estimate-box .step_box .step01 .infobox dd ul li > span { font-size:14px; }
	
	.estimate-box .step_box .step02 .info_list > ul { margin-left:-20px; }
	.estimate-box .step_box .step02 .info_list > ul > li { margin-left:10px; width:calc(33.33% - 10px); }
	.estimate-box .step_box .step02 .info_list > ul > li > label { padding:30px 0 20px 0; }
	.estimate-box .step_box .step02 .info_list > ul > li:before { border-radius:0 30px 0 0; height:100px; }
	.estimate-box .step_box .step02 .info_list > ul > li dt { font-size:20px; }
	.estimate-box .step_box .step02 .info_list > ul > li dd { padding-top:22px; }
	.estimate-box .step_box .step02 .info_list > ul > li dd li .box { width:72px; height:72px; }
	.estimate-box .step_box .step02 .info_list > ul > li dd li .box span { font-size:13px; }
	.estimate-box .step_box .step02 .info_list > ul > li dd li .box span strong { margin-top:5px; font-size:17px; }
	.estimate-box .step_box .step02 .info_list > ul > li input[type="checkbox"] + span:after,
	.estimate-box .step_box .step02 .info_list > ul > li input[type="radio"] + span:after { top:7px; }
	.estimate-box .step_box .step02 .info_list > ul > li .txt_b { padding-top:10px; font-size:18px; }
	.estimate-box .step_box .step02 .info_list > ul > li .txt_b span { font-size:24px; }
	.estimate-box .step_box .step02 .selbox { margin-top:40px; }
	.estimate-box .step_box .step02 .selbox > p { padding:25px 20px; font-size:16px; line-height:140%; }
	.estimate-box .step_box .step02 .selbox .listbox { margin-top:20px; margin-bottom:-20px; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li { padding:25px 0; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dt { width:120px; padding-left:10px; font-size:18px; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd { width:calc(100% - 120px); }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd ul { margin:-20px -30px 0 0; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li { margin:20px 30px 0 0; }
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { width:200px; border-radius:0px 20px 20px 20px; padding:10px 15px; font-size:14px; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li span {font-size:14px; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"] + span,
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"] + span { padding:0 0 0 24px; }
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="checkbox"] + span:after,
	.estimate-box .step_box .step02 .selbox .listbox > ul > li dd li input[type="radio"] + span:after { top:1px; }
	
	.estimate-box .step_box .step03 .txt_top { font-size:18px; }
	.estimate-box .step_box .step03 .info_list { margin-top:30px; }
	.estimate-box .step_box .step03 .info_list .col1,
	.estimate-box .step_box .step03 .info_list .col3 { width:100px !important; }
	.estimate-box .step_box .step03 .info_list thead th { height:50px; font-size:14px; }
	.estimate-box .step_box .step03 .info_list tbody td { padding:15px 5px; font-size:14px; }
	.estimate-box .step_box .step03 .total { margin-top:30px; padding:25px 10px; }
	.estimate-box .step_box .step03 .total .box { font-size:18px; }
	.estimate-box .step_box .step03 .total span { font-size:16px; margin-left:20px; }
	.estimate-box .step_box .step03 .total span strong { font-size:22px; }
	
	.estimate-complete dl { padding-top:30px; }
	.estimate-complete dt { font-size:25px; }
	.estimate-complete dd { padding-top:18px; font-size:15px; }
	
	.estimate-box .btn { margin-top:40px; }
	.estimate-box .btn li { margin:0 8px; }
	.estimate-box .btn li a,
	.estimate-box .btn li input { height:45px; width:140px; font-size:15px; }
	.estimate-box .btn li:nth-child(2) input,
	.estimate-box .btn li:nth-child(2) a { width:140px;  }
	.estimate-box .btn li a.payment,
	.estimate-box .btn li input.payment,
	.estimate-box .btn li a.meeting,
	.estimate-box .btn li input.meeting { width:140px;  }
}
@media screen and (max-width:860px){
	.estimate-box .step_box { padding:40px 0; }
	.estimate-box .step_box .step01 .txt_top .txt_info br { display:none; }
	.estimate-box .step_box .step01 .infobox dd { padding-top:20px; }
	.estimate-box .step_box .step01 .infobox dd ul { width:100%; margin:0; margin-top:-1px; } 
	
	.estimate-box .step_box .step02 .info_list > ul { margin:0; }
	.estimate-box .step_box .step02 .info_list > ul > li { max-width:400px; width:100%; margin:20px auto 0 auto; float:none; clear:both; }
	.estimate-box .step_box .step02 .info_list > ul > li:first-child { margin-top:0; }
	.estimate-box .step_box .step02 .info_list > ul > li dd li .box { width:85px; height:85px; }
	
	.estimate-box .step_box .step03 .total .box { flex-direction:column; }
	.estimate-box .step_box .step03 .total span { margin:5px 0 0 0; display:block; width:100%; text-align:center; }
	.estimate-box .step_box .step03 .info_txt  { margin-top:40px; }
	.estimate-box .step_box .step03 .info_txt .stit { font-size:18px; }
	.estimate-box .step_box .step03 .info_txt .box { margin-top:10px; padding:25px 20px; max-height:250px; }
	.estimate-box .step_box .step03 .info_txt .box p { font-size:14px; }
	
}
@media screen and (max-width:550px){
	.estimate-box .btn li { margin:0 2px; }
	.estimate-box .btn li a,
	.estimate-box .btn li input,
	.estimate-box .btn li:nth-child(2) a,
	.estimate-box .btn li:nth-child(2) input,
	.estimate-box .btn li a.payment,
	.estimate-box .btn li input.payment { width:100px;  }
	.estimate-box .btn li a.meeting,
	.estimate-box .btn li input.meeting { width:120px;  }
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li { width:100%; }
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { width:220px; left:25px; font-size:13px; }
}
@media screen and (max-width:390px){
    .estimate-box .step_box .step02 .selbox .listbox > ul > li dd li .sbox { width:190px; }
}

/* animation */
.estimate-box .step_box { opacity:0; }
.estimate-box .step_box { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }

.estimate-box .meeting_box { padding:75px 0 85px 0; margin-bottom:-190px; background-color:#f6f6f6; }
.estimate-box .meeting_box .inner:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .meeting_box .l_box { float:left; padding-right:30px; width:50%; }
.estimate-box .meeting_box .r_box { float:right; padding-left:30px; width:50%; }
.estimate-box .meeting_box .calender_box { padding:50px; box-shadow:3px 3px 10px #ededed, -3px -3px 10px #ededed; background-color:#fff; border-radius:10px; }
.estimate-box .meeting_box .calender_box .top { position:relative; text-align:center; }
.estimate-box .meeting_box .calender_box .top strong { font-size:18px; font-weight:600; color:#222; letter-spacing:-0.03em; }
.estimate-box .meeting_box .calender_box .top .btn_c { position:absolute; top:0; width:18px; height:18px; text-indent:-9999em; overflow:hidden; display:block;}
.estimate-box .meeting_box .calender_box .top .btn_prev { left:0; background:url(/img/sub/btn_c_prev.png) center center no-repeat; }
.estimate-box .meeting_box .calender_box .top .btn_next { right:0; background:url(/img/sub/btn_c_next.png) center center no-repeat; }
.estimate-box .meeting_box .calender_box .body_box { margin-top:24px; }
.estimate-box .meeting_box .calender_box .body_box table { width:100%; border:none; }
.estimate-box .meeting_box .calender_box .body_box th, .estimate-box .meeting_box .calender_box .body_box td{ border:none; }
.estimate-box .meeting_box .calender_box .body_box thead th { text-align:center; height:40px; font-size:15px; font-weight:500; color:#777; letter-spacing:-0.03em; }
.estimate-box .meeting_box .calender_box .body_box tbody td { border:1px solid #e5e5e5; width:14.2857% }
.estimate-box .meeting_box .calender_box .body_box tbody td span { display:flex; justify-content:center; align-items:center; position:relative; font-size:17px; font-weight:400; color:#333; letter-spacing:-0.03em; transition:all 0.3s ease-in-out; }
.estimate-box .meeting_box .calender_box .body_box tbody td span:before { content:""; display:block; padding-bottom:100%; }
.estimate-box .meeting_box .calender_box .body_box tbody td:first-child span { color:#d81616; }
.estimate-box .meeting_box .calender_box .body_box tbody td:last-child span { color:#166dd8; }
.estimate-box .meeting_box .calender_box .body_box tbody td a:hover span,
.estimate-box .meeting_box .calender_box .body_box tbody td a.selected span { background-color:#117bf6; color:#fff; }
.estimate-box .meeting_box .info_box { padding-top:20px; }
.estimate-box .meeting_box .info_box dl { margin-top:40px; }
.estimate-box .meeting_box .info_box dl:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.estimate-box .meeting_box .info_box dl:nth-child(1) { margin-top:0; }
.estimate-box .meeting_box .info_box dt { font-size:18px; font-weight:500; color:#333; letter-spacing:-0.03em; }
.estimate-box .meeting_box .info_box dd { margin-top:20px; border-radius:10px; background-color:#fff; }
.estimate-box .meeting_box .info_box dd input[type="text"] { width:100%; height:60px; line-height:60px; padding:0 25px; font-size:16px; color:#222; font-weight:400; border:none; outline:none; background:none }
.estimate-box .meeting_box .info_box dl.time dd { position:relative; width:calc(50% - 9px); float:left; margin:20px 0 0 9px; padding:0 25px; }
.estimate-box .meeting_box .info_box dl.time dd:nth-child(2) { margin:20px 9px 0 0; }
.estimate-box .meeting_box .info_box dl.time dd select { outline:none; width:80px; line-height:60px; border-radius:10px; background-color:#fff; font-size:16px; color:#222; font-weight:400; border:none; }
.estimate-box .meeting_box .info_box dl.time dd input { width:calc(100% - 90px - 15px); padding:0; text-align:right; }
.estimate-box .meeting_box .info_box dl.time dd span { position:absolute; top:0; right:25px; line-height:60px; font-size:15px; color:#666; font-weight:400; }
.estimate-box .meeting_box .info_box dd select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.estimate-box .meeting_box .info_box dd select::-ms-expand { display: none; }
.estimate-box .meeting_box .info_box dd textarea { width:100%; height:160px; line-height:150%; padding:25px; font-size:16px; color:#222; font-weight:400; border:none; outline:none; background:none }
.estimate-box .meeting_box .btn { margin-top:40px; }
.estimate-box .meeting_box .btn button { width:100%; height:56px; line-height:56px; padding:0 25px; font-size:16px; color:#fff; font-weight:500; border:none; outline:none; background:none; border-radius:50px; background-color:#117bf6; }
@media screen and (max-width:1280px){
	.estimate-box .meeting_box .l_box { width:55%; padding-right:15px; }
	.estimate-box .meeting_box .r_box { width:45%; padding-right:15px;}
}
@media screen and (max-width:1024px){
	.estimate-box .meeting_box { margin-bottom:-100px; }
	.estimate-box .meeting_box .l_box { width:100%; padding-right:0; }
	.estimate-box .meeting_box .r_box { width:100%; padding-left:0; padding-top:20px; }
	.estimate-box .meeting_box .calender_box { padding:40px; }
	.estimate-box .meeting_box .calender_box .top strong { font-size:17px; }
	.estimate-box .meeting_box .calender_box .top .btn_c { width:17px; height:17px; }
	.estimate-box .meeting_box .calender_box .body_box thead th { height:30px; font-size:14px }
	.estimate-box .meeting_box .calender_box .body_box tbody td span { font-size:16px; }
	.estimate-box .meeting_box .info_box dl { margin-top:30px; }
	.estimate-box .meeting_box .info_box dt { font-size:16px; }
	.estimate-box .meeting_box .info_box dd { margin-top:10px; }
	.estimate-box .meeting_box .info_box dd input[type="text"] { height:55px; line-height:55px; padding:0 20px; font-size:15px; }
	.estimate-box .meeting_box .info_box dl.time dd { width:calc(50% - 5px);margin:10px 0 0 5px; padding:0 20px; }
	.estimate-box .meeting_box .info_box dl.time dd:nth-child(2) { margin:10px 5px 0 0; }
	.estimate-box .meeting_box .info_box dl.time dd select { width:60px; line-height:55px; font-size:15px; }
	.estimate-box .meeting_box .info_box dl.time dd span { line-height:55px; font-size:14px; }
	.estimate-box .meeting_box .info_box dd textarea { font-size:15px; padding:20px; }
	.estimate-box .meeting_box .btn { margin-top:30px; }
	.estimate-box .meeting_box .btn button { height:50px; line-height:50px; font-size:15px; }
}
/* animation */
.estimate-box .meeting_box .inner > div,
.estimate-complete .imgbox,
.estimate-complete dl { opacity:0; }
.estimate-box .meeting_box .l_box { animation:ani_1 0.8s 0.5s; animation-fill-mode:both; }
.estimate-box .meeting_box .r_box { animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.estimate-complete .imgbox { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.estimate-complete dl { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }


/* page */
.page { margin:60px auto 0 auto; text-align:center; padding:0; } 
.page a { position:relative; font-size:18px; font-weight:300; color:#444; border:none; padding:0 8px; }
.page ul { display:inline-block; }
.page li { display:inline-block; vertical-align:middle; margin:0 3px; }
.page li.on a { font-weight:500; color:#117bf6; border:none; }
.page li:hover a,
.page li a:hover { border:none; background:none; }
.page li.on:hover a  { background-color:#13235d; }
.page .btn_pn { display:inline-block; vertical-align:middle; }
.page .btn_prev { display:inline-block; vertical-align:middle; height:40px; padding:0; width:25px; margin-right:2px; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_prev.png) center center no-repeat; }
.page .btn_next { display:inline-block; vertical-align:middle; height:40px; padding:0; width:25px; margin-left:2px; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_next.png) center center no-repeat;}
.page .btn_first { display:inline-block; vertical-align:middle; height:40px; padding:0; width:25px; margin-right:0; overflow:hidden; border:none;  text-indent:-9999em; background:url(/img/sub/btn_b_first.png) center center no-repeat;}
.page .btn_last { display:inline-block; vertical-align:middle; height:40px; padding:0; width:25px;  margin-left:0; overflow:hidden; border:none; text-indent:-9999em; background:url(/img/sub/btn_b_last.png) center center no-repeat;}
.page li span { color:#aaa; display:block;  margin-top:-10px; font-weight:800; }

@media screen and (max-width:640px){
	.board_box .page { margin:30px auto 0 auto; }
	.board_box .page a { font-size:16px; line-height:35px; }
}

/* mypage-box */
.mypage-box { padding-bottom:190px; }
.mypage-box .tab { max-width:1000px; margin:0 auto; }
.mypage-box .tab ul { background-color:#f6f6f6; border-radius:80px; }
.mypage-box .tab ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
.mypage-box .tab li { float:left; width:33.333%; }
.mypage-box .tab li a { width:100%; height:80px; display:flex; align-items:center; justify-content:center; color:#117bf6; font-size:20px; font-weight:500; }
.mypage-box .tab li.on a { color:#fff; background-color:#117bf6; width:calc(100% + 20px); border-radius:80px; }
.mypage-box .infobox { margin-top:60px; }
.mypage-box .infobox table { width:100%; border:none; }
.mypage-box .infobox th, 
.mypage-box .infobox td{ border:none; }
.mypage-box .infobox table { border-top:1px solid #222; }
.mypage-box .infobox tbody th { height:100px; color:#222; font-size:18px; font-weight:500; border-bottom:1px solid #e8e8e8; background-color:#f8f8f8; } 
.mypage-box .infobox tbody td { padding:30px; color:#888; font-size:16px; font-weight:400; border-bottom:1px solid #e8e8e8; background-color:#fff; }
.mypage-box .infobox tbody td input[type="text"],
.mypage-box .infobox tbody td input[type="password"] { height:50px; line-height:50px; padding:0 20px; font-size:16px; color:#888; font-weight:400; border:1px solid #ddd; outline:none; background:none; border-radius:5px; }
.mypage-box .infobox tbody td input.ip1 { width:400px; }
.mypage-box .infobox tbody td input.ip2 { width:100px; }
.mypage-box .infobox tbody td input.ip3 { width:200px; }
.mypage-box .infobox tbody td input.ip4 { width:200px; }
.mypage-box .infobox tbody td input.ip5 { width:calc(100% - 128px); margin-top:18px; }
.mypage-box .infobox tbody td select { margin-left:8px; width:140px; height:50px; line-height:50px; padding:0 20px; font-size:16px; color:#888; font-weight:400; border:1px solid #ddd; outline:none; background:none; border-radius:5px; }
.mypage-box .infobox tbody td select { -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/icon_select_down.png) right center no-repeat; }
.mypage-box .infobox tbody td select::-ms-expand { display: none; }
.mypage-box .infobox tbody td .stxt { display:inline-block; width:22px; text-align:center; }
.mypage-box .infobox tbody td .sbox { display:block; }
.mypage-box .infobox tbody td .btn_post { display:inline-block; vertical-align:middle; margin-left:4px; }
.mypage-box .infobox tbody td .btn_post a { width:160px; height:50px; display:flex; justify-content:center; align-items:center; position:relative; font-size:16px; font-weight:400; color:#888; background-color:#f2f2f2; border-radius:5px; }
.mypage-box .infobox .chbox .box { margin:30px 0 0 0; overflow:auto; height:300px; border:1px solid #e8e8e8; border-radius:10px; }
.mypage-box .infobox .chbox .box .privacy > dl > dt { color:#555; }
.mypage-box .infobox .chbox .ch { margin-top:20px; }
.mypage-box .infobox .chbox .ch span { color:#333; font-weight:400; font-size:16px; letter-spacing:-0.03em; }
.mypage-box .infobox .chbox .ch input[type="checkbox"],
.mypage-box .infobox .chbox .ch input[type="radio"]{display:none}
.mypage-box .infobox .chbox .ch input[type="checkbox"] + span,
.mypage-box .infobox .chbox .ch input[type="radio"] + span { position:relative; padding:0 0 0 27px; }
.mypage-box .infobox .chbox .ch input[type="checkbox"] + span:after,
.mypage-box .infobox .chbox .ch input[type="radio"] + span:after { content:''; display:block; margin:0 0 0 0; width:17px; height:17px; vertical-align:middle; background:url(/img/sub/btn_ch_off.png) center center no-repeat; position:absolute; left:0; top:3px; }
.mypage-box .infobox .chbox .ch input[type="checkbox"]:checked + span:after,
.mypage-box .infobox .chbox .ch input[type="radio"]:checked + span:after { background:url(/img/sub/btn_ch_on.png) center center no-repeat; }
.mypage-box .infobox .btn_r { text-align:right; margin-top:15px; }
.mypage-box .infobox .btn_r a { font-size:14px; font-weight:400; color:#888; }
.mypage-box .infobox .btn { margin-top:60px; text-align:center; }
.mypage-box .infobox .btn li { margin:0 14px; display:inline-block; vertical-align:top; }
.mypage-box .infobox .btn li a { height:60px; display:flex; align-items:center; justify-content:center; width:200px;  border-radius:60px; color:#666; font-weight:400; font-size:16px; }
.mypage-box .infobox .btn li:nth-child(2) a,
.mypage-box .infobox .btn li a.btn_cancel { background-color:#e6e6e6; }
.mypage-box .infobox .btn li a.btn_modify { background-color:#117bf6; color:#fff; }
.mypage-box .info_txt  { margin-top:50px; }
.mypage-box .info_txt .stit { text-align:center; color:#333; font-weight:600; font-size:20px; letter-spacing:-0.03em; }
.mypage-box .info_txt .box { margin-top:12px; border:1px solid #e5e5e5; border-radius:10px; padding:35px 40px; max-height:380px; overflow:auto; }
.mypage-box .info_txt .box p { position:relative; margin-top:15px; padding-left:15px; line-height:140%; color:#666; font-weight:300; font-size:15px; letter-spacing:-0.03em;}
.mypage-box .info_txt .box p:first-child { margin-top:0; }
.mypage-box .info_txt .box p:before {content:""; display:block; position:absolute; left:0; top:8px; width:4px; height:4px; background-color:#666; border-radius:15px; }
@media screen and (max-width:1024px){
	.mypage-box { padding-bottom:100px; }
	.mypage-box .tab li a { height:60px; font-size:18px; }
	.mypage-box .infobox { margin-top:40px; }
	.mypage-box .infobox tbody th { height:80px; font-size:16px; } 
	.mypage-box .infobox tbody td { padding:20px; font-size:15px; }
	.mypage-box .infobox tbody td input.ip3 { width:180px; }
	.mypage-box .infobox tbody td input.ip4 { width:180px; }
	.mypage-box .infobox tbody td input.ip5 { width:100%; margin-top:10px; }
	.mypage-box .infobox colgroup col:first-child { width:150px; }
}
@media screen and (max-width:860px){
	.mypage-box .info_txt  { margin-top:40px; }
	.mypage-box .info_txt .stit { font-size:18px; }
	.mypage-box .info_txt .box { margin-top:10px; padding:25px 20px; max-height:250px; }
	.mypage-box .info_txt .box p { font-size:14px; } 
	
}
@media screen and (max-width:760px){
	.mypage-box .tab li a { height:50px; font-size:16px; }
	.mypage-box .infobox tbody th { height:50px; border-bottom:none; padding-left:15px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
	.mypage-box .infobox tbody td { display:block; padding:15px; }
	.mypage-box .infobox tbody td input.ip1 { width:100%; }
	.mypage-box .infobox tbody td input.ip2 { width:calc(33.33% - 20px); }
	.mypage-box .infobox tbody td input.ip3 { width:calc(50% - 15px); }
	.mypage-box .infobox tbody td input.ip4 { width:calc(100% - 128px); }
	.mypage-box .infobox tbody td .btn_post a { width:120px; height:45px; font-size:15px; }
	.mypage-box .infobox tbody td input[type="text"] { height:45px; line-height:45px; padding:0 15px; font-size:15px; }
	.mypage-box .infobox tbody td select { margin-left:0; margin-top:8px; width:100%; height:45px; line-height:45px; font-size:15px; }
	.mypage-box .infobox .btn { margin-top:40px; }
	.mypage-box .infobox .btn ul { }
	.mypage-box .infobox .btn li { margin:0 6px; width:calc(50% - 20px); }
	.mypage-box .infobox .btn li a { height:50px; width:100%; }
}

.mypage-box .payment_box { margin-top:60px; }
.mypage-box .payment_box .top { display:table; width:100%; border-top:1px solid #222; border-bottom:1px solid #e8e8e8; background-color:#f8f8f8; }
.mypage-box .payment_box .top .col { height:80px; color:#222; font-weight:500; font-size:18px; }
.mypage-box .payment_box .col { display:table-cell; vertical-align:middle; text-align:center; }
.mypage-box .payment_box .col1 { width:270px; }
.mypage-box .payment_box .col2 { width:calc(100% - 270px - 250px - 200px); }
.mypage-box .payment_box .col3 { width:250px; }
.mypage-box .payment_box .col4 { width:200px; }
.mypage-box .payment_box > ul > li { position:relative; display:table; width:100%; border-bottom:1px solid #e8e8e8; }
.mypage-box .payment_box > ul > li .col { padding:40px 20px; color:#888; font-weight:400; font-size:14px; line-height:160%; }
.mypage-box .payment_box > ul > li .col strong { color:#117bf6; }
.mypage-box .payment_box > ul > li .col1,
.mypage-box .payment_box > ul > li .col3,
.mypage-box .payment_box > ul > li .col4 { font-size:16px; }
.mypage-box .payment_box > ul > li .col4 strong { color:#333; }
.mypage-box .payment_box > ul > li .col4 span { padding:0; background-color:#fff; margin:0; color:#117bf6; font-weight:400; display:block; }
.mypage-box .payment_box > ul > li .box ul { display:flex; justify-content:space-around; align-items:center; }
.mypage-box .payment_box a.btn { display:block; }
.mypage-box .payment_box span { display:inline-block; margin:8px auto 0 auto; border-radius:5px; padding:9px 15px; color:#333; font-weight:500; font-size:14px; background-color:#f2f2f2; }
.mypage-box .payment_box span.fc_b1 { background-color:#117bf6; color:#fff; }
.mypage-box .payment_box span.fc_b2 { background-color:#00a0e9; color:#fff; }
@media screen and (max-width:1280px){
	.mypage-box .payment_box .col1 { width:180px; }
	.mypage-box .payment_box .col2 { width:calc(100% - 180px - 160px - 120px); }
	.mypage-box .payment_box .col3 { width:160px; }
	.mypage-box .payment_box .col3 { width:120px; }
}
@media screen and (max-width:1024px){
	.mypage-box .payment_box { margin-top:40px; }
	.mypage-box .payment_box .top .col { height:60px; font-size:16px; }
	.mypage-box .payment_box > ul > li .col { padding:25px 10px; }
	.mypage-box .payment_box .col1 { width:120px; }
	.mypage-box .payment_box .col2 { width:calc(100% - 120px - 140px - 100px); }
	.mypage-box .payment_box .col3 { width:140px; }
	.mypage-box .payment_box .col3 { width:100px; }
}
@media screen and (max-width:860px){
	.mypage-box .payment_box .top { display:none; }
	.mypage-box .payment_box > ul { border-top:1px solid #222; }
	.mypage-box .payment_box .col { display:block; }
	.mypage-box .payment_box .col1 { width:100%; text-align:left; }
	.mypage-box .payment_box .col2 { width:100%; padding-top:0 !important; }
	.mypage-box .payment_box .col3 { width:auto; position:absolute; right:0; top:0; }
	.mypage-box .payment_box .col4 { width:auto; position:absolute; right:150px; top:0; }
	.mypage-box .payment_box a.btn { display:inline-block; margin:-10px 0 0 10px;  }
	.mypage-box .payment_box a.btn span { width:80px; height:38px; font-size:14px; }
	.mypage-box .payment_box > ul > li .col4 span {  margin:0 0 0 10px; color:#117bf6; font-weight:400; display:inline-block; }
}
@media screen and (max-width:640px){
	.mypage-box .payment_box > ul > li .col { font-size:15px; }
	.mypage-box .payment_box > ul > li .box ul { display:block; text-align:left; padding-left:5px; margin-top:-10px; }
	.mypage-box .payment_box > ul > li .box ul li { position:relative; margin-top:12px; padding-left:12px; font-size:13px; }
	.mypage-box .payment_box > ul > li .box ul li:first-child { margin-top:0; }
	.mypage-box .payment_box > ul > li .box ul li:before { content:""; display:block; width:3px; height:3px; background-color:#666; position:absolute; left:0; top:10px; border-radius:50%; }
	.mypage-box .payment_box .col4 { width:auto; position:absolute; right:0; top:40px; }
}
.mypage-box .meeting_box { margin-top:60px; }
.mypage-box .meeting_box .top { display:table; width:100%; border-top:1px solid #222; border-bottom:1px solid #e8e8e8; background-color:#f8f8f8; }
.mypage-box .meeting_box .top .col { height:80px; color:#222; font-weight:500; font-size:18px; }
.mypage-box .meeting_box .top .col2 { text-align:center; }
.mypage-box .meeting_box .col { display:table-cell; vertical-align:middle; text-align:center; }
.mypage-box .meeting_box .col1 { width:170px; }
.mypage-box .meeting_box .col2 { width:calc(100% - 170px - 320px - 195px); text-align:left; }
.mypage-box .meeting_box .col2 span { color:#117bf6; }
.mypage-box .meeting_box .col3 { width:320px; }
.mypage-box .meeting_box .col4 { width:195px; }
.mypage-box .meeting_box > ul > li { position:relative; display:table; width:100%; border-bottom:1px solid #e8e8e8; }
.mypage-box .meeting_box > ul > li .col { padding:24px 20px; color:#888; font-weight:400; font-size:16px; line-height:160%; }
.mypage-box .meeting_box > ul > li .col strong { color:#117bf6; }
@media screen and (max-width:1280px){
	.mypage-box .meeting_box .col1 { width:120px; }
	.mypage-box .meeting_box .col2 { width:calc(100% - 120px - 250px - 160px); }
	.mypage-box .meeting_box .col3 { width:250px; }
	.mypage-box .meeting_box .col4 { width:160px; }
}
@media screen and (max-width:1024px){
	.mypage-box .meeting_box .top .col { height:60px; font-size:16px; }
	.mypage-box .meeting_box > ul > li .col { padding:20px 10px; }
	.mypage-box .meeting_box .col1 { width:90px; }
	.mypage-box .meeting_box .col2 { width:calc(100% - 90px - 220px - 120px); }
	.mypage-box .meeting_box .col3 { width:220px; }
	.mypage-box .meeting_box .col4 { width:120px; }
}
@media screen and (max-width:860px){
	.mypage-box .meeting_box .top { display:none; }
	.mypage-box .meeting_box > ul { border-top:1px solid #222; }
	.mypage-box .meeting_box .col { display:block; }
	.mypage-box .meeting_box .col1 { display:none }
	.mypage-box .meeting_box .col2,
	.mypage-box .meeting_box .col3 { width:100%; text-align:left; }
	.mypage-box .meeting_box .col2 { padding-bottom:10px !important; }
	.mypage-box .meeting_box .col3 { padding-top:0 !important; }
	.mypage-box .meeting_box .col4 { width:auto; position:absolute; right:0; bottom:0; }
}
@media screen and (max-width:640px){
	.mypage-box .meeting_box .col2 { width:100% }
	.mypage-box .meeting_box > ul > li .col { font-size:15px; }
}

/* animation 
.mypage-box .tab,
.mypage-box .infobox,
.mypage-box .payment_box,
.mypage-box .meeting_box { opacity:0; }
.mypage-box.subOn .tab { animation:ani_3 0.8s 0.5s; animation-fill-mode:both; }
.mypage-box.subOn .infobox,
.mypage-box.subOn .payment_box,
.mypage-box.subOn .meeting_box { animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }
*/

.find_box { max-width:400px; margin:0 auto; }
.find_box .title { text-align:center; font-size:28px; font-weight:700; color:#117bf6; letter-spacing:-0.03em; }
.find_box .f_box  { margin-top:20px; }
.find_box .f_box .box { padding:25px 20px; border:1px solid #ddd; margin-top:40px; }
.find_box .f_box .box:nth-child(1) { margin-top:0; }
.find_box .f_box .box .tit { font-size:16px; font-weight:500; color:#444;}
.find_box .f_box .box .stxt { position:relative; padding-left:10px; margin-top:10px; font-size:14px; font-weight:300; color:#666; line-height:140%; }
.find_box .f_box .box .stxt:before { content:""; display:block; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:#777; border-radius:50%; }
.find_box .f_box .ipbox input { margin-top:10px; }
.find_box .f_box .ipbox input[type="text"],
.find_box .f_box .ipbox input[type="password"] { text-align:left; vertical-align:middle; padding:0 10px; width:100%; line-height:45px; height:45px; border:1px solid #ddd; outline:none; font-size:16px; font-weight:300; color:#666; background-color:#fff; border-radius:3px; }
.find_box .f_box .ipbox .btn_find { width:100%; height:50px; text-align:center; color:#fff; font-size:18px; border:none; background-color:#117bf6; margin:20px 0 0 0; border-radius:3px; }


#subContents .member_box,
#subContents .mypage-box,
#subContents .find_box { opacity:0; }
#subContents .member_box,
#subContents .mypage-box,
#subContents .find_box{ animation:ani_3 0.8s 0.8s; animation-fill-mode:both; }


.withdraw-box { position:fixed; top:50%; left:50%; width:320px; z-index:99999; display:none; transform:translate(-50%, -50%); padding:40px 20px; background-color:#fff; border:3px solid #117bf6; border-radius:10px; }
.withdraw-box.on { display:block; }
.withdraw-box .w-cont p { text-align:center; font-size:18px;  color:#555; font-weight:700; }
.withdraw-box .w-cont .ipbox { margin-top:30px; }
.withdraw-box .w-cont .ipbox input[type="text"],
.withdraw-box .w-cont .ipbox input[type="password"] { width:100%; height:45px; line-height:45px; padding:0 20px; font-size:16px; color:#888; font-weight:400; border:1px solid #ddd; outline:none; background:#fff; border-radius:5px; }
.withdraw-box .w-cont .btn { text-align:center; margin:20px auto 0 auto; }
.withdraw-box .w-cont .btn button { width:60px; height:35px; text-align:center; color:#fff; font-size:14px; border:none; background-color:#117bf6; border-radius:3px; outline:none }

.withdraw-box .btn_close { position:absolute; cursor:pointer; right:15px; top:15px; height:20px; width:20px; display:block; z-index:1; }
.withdraw-box .btn_close span { z-index:1; height:5px; width:22px; position:absolute; top:50%; left:50%; transform:rotate(45deg); margin:-3px 0 0 -11px; background:#00a0e9; display:block; }
.withdraw-box .btn_close span:after { content:""; display:block; height:5px; width:22px; position:absolute; top:50%; left:50%; transform:rotate(-90deg); margin:-3px 0 0 -11px; background:#00a0e9; }