@charset "utf-8"; 
/* CSS Document */
.box0 { width:var(--baseWidth); margin:0 auto; } 
.box1 { width:var(--baseWidth); margin:0 auto; max-width:var(--fullWidth); } 

body:not(.pop) { min-height:100vh; min-height:calc(var(--vh, 1vh) * 100) } 

.pcHide { display:none !important; } 
.moHide { } 
.hideT { width: 0; height: 0; font-size: 1px; line-height: 0; overflow: hidden; } 

.gnb li.m_hide,
.gnb li.m_inquiry/* ,
.gnb li.m2_ez */ { display:none } 
.gnb .layer { display:none !important; } 
.gnb .blank .arrow:before { content:"\e980"; } 

.sns_st { gap:.5em; } 
.sns_st > li .in { width:2.5em; height:2.5em; background:#fff; border-radius:50%; color:#000; transition:.3s; } 
.sns_st > li .in .tt { display:none; } 
.sns_st > li .in:hover { background:var(--siteC); color:#fff; } 
.cw > .sns_st > li .in { background:transparent; color:#fff; } 
.cw > .sns_st > li .in:hover { background:#fff; color:#000; } 

.fullH { height:calc(100vh); box-sizing:border-box; } 
.fullMH { min-height:calc(100vh) !important; box-sizing:border-box; } 

.filW { filter:var(--crWhitefil); } /*화이트*/
.filB { filter:var(--crBlackfil); } /*블랙*/
.filRE { filter:var(--crfilRE); } /*색상반전*/

.cp { cursor: pointer; } 

/*header*/
.headT { padding-top:var(--headHS); } 
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { height:var(--headHS); transition:height .2s, background .2s; box-sizing:border-box; } 

#header { z-index:999; position:fixed; top:0; left:0; width:100%; background: #fff; transition:background .2s; } 
#header .inner { gap:0 2vw; color:#111; } 

#header:before { content: ''; position: absolute; top:var(--headT); left: 0; width: 100%; height: 1px; background: #ddd; opacity: 0; transition: .2s; } 
#header.gnbOpen:before { opacity: 1; } 

#header .logo > .in { gap:0 1em; height: 100%; transition:.2s; transform-origin:left center; } 
#header .logo > .in img { width:3.5em; } 
#header .logo > .in .logo_tt { font-size:1.500em; font-weight:600; } 
#header .logo > .in .logoA { display:none; } 
#header .logo > .in .logoB { } 

#header .menu_wrap { gap:0 2vw; } 

#header .gnb_wrap { } 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li { overflow:hidden; } 
#header .gnb_wrap .gnb > li .dp1 { padding:0 1vw; } 
#header .gnb_wrap .gnb > li .dp1 .in { position:relative; display:inline-block; padding:.625em 0; } 
#header .gnb_wrap .gnb > li .dp1 .in:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background:var(--siteC); opacity:0; transform:scaleX(0); transition:transform .3s; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size:1.1em; font-weight:500; } 
#header .gnb_wrap .gnb > li.act .dp1 .in:after,
#header .gnb_wrap .gnb > li.on .dp1 .in:after { opacity:1; transform:scaleX(1); } 
#header:not(.active) .gnb_wrap .gnb > li .dp1 .in:after { filter:var(--crWhitefil); } 
#header .gnb_wrap .gnb > li .dp2 { display:block; max-width:9.25em; margin:0 auto; transition:.2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { display:block; padding:.5em 1em; font-weight:300; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:1em; } 
#header .gnb_wrap .gnb > li .dp3 { display:none; } 
#header .gnb_wrap .gnb > li.act { background:#f3feff; } 
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a { font-weight:400; } 

#header .util_wrap .menu { gap:0 1em; } 
#header .util_wrap .menu > li .in { gap:.375em; height:2.375em; padding:.65em 1.25em; background:var(--siteC); border-radius:.375em; color:#fff; } 
#header .util_wrap .menu > li .in .xi { font-size:1.063em; } 
#header .util_wrap .menu > li .in .tt { font-weight:500; } 

#header .shop_wrap { margin-right: 1em; } 
#header .shop_wrap .btn_wrap { /*gap: .65em; */ } 
#header .shop_wrap .btn_wrap .tell_con { align-items: center; } 
#header .shop_wrap .btn_wrap .tell_con > .xi { font-size: 2.5em; color: #fff; } 
#header .shop_wrap .btn_wrap .tell_con > .tellT { font-size: 1.85em; color: #fff; font-weight: 900; line-height: 1; } 
.scroll #header .shop_wrap .btn_wrap .tell_con > .xi { color: var(--siteC); } 
.scroll #header .shop_wrap .btn_wrap .tell_con > .tellT { color: var(--siteC); } 
#header .shop_wrap .web_btn { gap: 1em; height: 2.25em; padding: 0 1em; border: 1px solid rgba(0, 0, 0, .2); border-radius: 3em; text-transform: uppercase; display: flex; align-items: center } 
#header .shop_wrap .web_btn .tt { font-size: .9em; } 
#header .shop_wrap .web_btn .xi { font-size: .938em; } 

#header .shop_wrap .web_btn { color: #fff; border: 1px solid rgba(255, 255, 255, .65); } 
.scroll #header .shop_wrap .web_btn.btn1 { border: 1px solid var(--siteC); background: var(--siteC); color: #fff; } 

#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.675em; height:1.275em; margin-left:auto; } 
#header:not(.active) .all_wrap .all_btn { /*filter:var(--crWhitefil); */ } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height:2px; background:#222; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:100%; } 
#header .all_wrap .all_btn:hover .ham:after { width:100%; } 

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; } 
#header .all_wrap .all_layer .all_close { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em); } 
#header .all_wrap .all_layer .all_inner { position:absolute; top:0; right:0; width:30em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 

#header .all_wrap .all_layer .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_logo { } 
#header .all_wrap .all_layer .wrap_top .all_logo .in { gap:0 1em; width:15em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width:3.5em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in .logo_tt { font-size: 1.500em; font-weight: 600; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.25em; padding:1em 0; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { height:2.25em; padding:0 1em; border:1px solid #ddd; border-radius:.25em; line-height:normal; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

#header .all_wrap .all_layer .wrap_middle { } 
#header .all_wrap .all_layer .wrap_middle .gnb { flex-wrap:wrap; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { flex:1 1 100%; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.m_mypage { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul.flex { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb a { position:relative; justify-content:flex-start; text-align:left !important; font-weight:500; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more { } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.link { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a.layer { display:flex !important; padding-right:2.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow { position:absolute; right:1em; top:50%; transform:translateY(-50%); font-size:1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > a .arrow:before { content:"\e943"; font-size:1.250em; display:block; transition:.2s; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul { display:none; } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > a .arrow:before { transform:rotate(-180deg); } 
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul { padding:1em 1em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li > a { padding:.875em .5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb ul li.more .arrow { right:.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li { } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { height:4em; padding:0 1.5em; border:solid var(--crGray); border-width:1px 0; margin-bottom:-1px; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:1.188em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1 { background-image:var(--crGrad1); color:var(--siteC); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a { padding-left:1.5em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a:before { content:""; position:absolute; left:.75em; top:50%; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%; transform:translateY(-50%); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.act > a { background:var(--crGray) } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp2 > li.on > a { color:var(--siteC); font-weight:600; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 { background:var(--crGray2); } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li > a { color:#444; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li + li > a { border-top:1px dashed #ddd; } 
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.act > a .tt,
#header .all_wrap .all_layer .wrap_middle .gnb .dp3 > li.on > a .tt { text-decoration:underline; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:1em; right:1vw; width:3em; height:3em; filter:var(--crBlackfil) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index:99; opacity:1; visibility:visible; } 
.allGnbOn #header .all_wrap .all_layer .all_close { opacity:1; transition:.4s; } 
.allGnbOn #header .all_wrap .all_layer .all_inner { transform:translateX(0); transition:.4s; } 

.stickyT { position:sticky !important; top:var(--headHS); } 

.wrapHide,
.scroll .headH,
.scroll #header .gnb_wrap .gnb > li,
.scroll #header .gnb_wrap .gnb > li .dp1 { height:var(--headHS); } 
.scroll #header { box-shadow: 2px 0 8px rgba(0,0,0, .25); } 
.scroll #header .logo > .in { /*transform:scale(.85,.85); */ } 

#header.active .inner { color:#000; } 
#header.active .gnb_wrap .gnb > li.act .dp1,
#header.active .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC); } 
#header.active .logo > .in .logoA { display:none; } 
#header.active .logo > .in .logoB { display:block; } 

#header.gnbOpen { box-shadow:0 4px 1em rgba(0,0,0,.15); } 
#header.gnbOpen:before { background:#8198c9; opacity:.6; } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto; } 
#header.gnbOpen .gnb_wrap .gnb .dp2 { padding:2em 0; } 

/*quick*/
#quick { position:fixed; z-index:999; top:45%; right: 0; transform:translateY(-50%); transition: .35s; } 
#quick .quick_wrap .con { padding-bottom: .65em; margin-bottom: .65em; border-bottom: 1px solid #e8e8e8; } 
#quick .quick_wrap .con:last-of-type { border-bottom: none; } 
#quick .quick_wrap { position:relative; width: 200px; background: #fff; box-shadow:0 0em 16px 0 rgba(0,0,0, .1); padding: 20px; box-sizing: border-box; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } 
#quick .quick_wrap .quick_tit { font-size: 1em; line-height: 1; font-weight: 700; color: #111; margin-bottom: 1em; } 

#quick .quick_wrap .btn { align-items: center; justify-content: center; gap: .5em; padding: .415em 1em; text-align: center; background: #f9f9f9; border-radius: 5px; margin-bottom: .5em; } 
#quick .quick_wrap .btn:last-of-type { margin-bottom: 0em; } 
#quick .quick_wrap .btn > span { font-size: .85em; font-weight: 600; } 

#quick .quick_wrap .btn.kakao { background: var(--snsKa); } 
#quick .quick_wrap .btn.call { background: var(--siteBG1); color: var(--siteC); } 

#quick .quick_wrap > li .in { padding:.75em .5em; box-sizing:border-box; } 

#quick .quick_wrap .quick_banner { position:relative; background: var(--siteBG2); text-align: center; padding: 15px; box-sizing: border-box; overflow: hidden; } 
#quick .quick_wrap .quick_banner > .txt { font-size: .75em; color: #666; margin-bottom: .5em; line-height: 1.4; } 
#quick .quick_wrap .quick_banner > .num { font-size: 1.45em; font-weight: 800; color: var(--siteC); } 
#quick .quick_wrap .quick_banner > .img_banner { position:relative; top: 20px; text-align: center; } 
#quick .quick_wrap .quick_banner > .img_banner > img { width: 100%; height: 100%; object-fit: contain; } 

#quick .hide_btn { display: inline-block; position: absolute; left: -1.5em; top: 50%; transform: translateY(-50%); width: 2.5em; height: 3em; background: #fff; border: 1px solid #eee; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,.1); z-index: -1; border-radius: 10px; } 
#quick .hide_btn:before { content: '\e93f'; font-family: 'xeicon'; position: absolute; color: #333; font-size: 1.35em; top: 50%; transform: translateY(-50%); transition: .35s; } 
#quick .hide_btn .tt1 {display: none;}
#quick .hide_btn .tt2 {display: none;}

#quick.active { right:-200px; } 
#quick.active .hide_btn:before { transform: translateY(-50%) rotate(180deg); } 


/*footer*/
#footer .goTop { z-index:999; position:fixed; right:0; bottom:0; width:3.5em; height:3.5em; text-align:center; background:var(--siteC); color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s } 
#footer .goTop .xi { font-size:1.5em; transition:.3s } 
#footer .goTop:hover .xi { transform:translateY(-.25em) } 
.scroll #footer .goTop { opacity:1; transform:translateY(0) } 

#footer { padding:6em 0 4em 0; border-top:1px solid #e9e9e9; } 
#footer .logo_wrap .logo { gap: 1em; align-items: center; } 
#footer .logo_wrap .logo img { width:3em; } 
#footer .logo_wrap .logo .tt { font-size: 1.35em; font-weight: 600; } 

#footer .info_wrap { gap:2em; padding:2em 0 2em; } 
#footer .info_wrap .info { overflow:hidden } 
#footer .info_wrap .info > li { float:left; margin-right:2em; margin-bottom:.75em; opacity:.9; position:relative } 
#footer .info_wrap .info > li:before { content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#000; opacity:.2 } 
#footer .info_wrap .info > li.br { clear:left } 
#footer .info_wrap .info .tit { opacity:1; font-weight:600; } 

#footer .copy_wrap { gap:1em; padding-top:2em; /* border-top:1px solid rgba(0,0,0,.07); */ } 
#footer .copy_wrap .copyright { flex:1; font-size:.813em; text-transform:uppercase; opacity:.6; } 
#footer .copy_wrap .wrap_in { gap:2.5em; } 
#footer .copy_wrap .menu { gap:0 2em; } 
#footer .copy_wrap .menu > li .in { position:relative; } 
#footer .copy_wrap .menu > li + li .in:before { content:"·"; position:absolute; left:-1em; top:50%; transform:translate(-50%,-50%); color:#000; font-weight:700; line-height:1; opacity:.5; } 
#footer .copy_wrap .menu > li .in .tt { font-weight:500; } 
#footer .copy_wrap .menu > li .in:hover .tt { text-decoration:underline; } 

/*contents*/
#contents { } 

#contents .sub_page_tit { flex:1; position:relative; z-index:9; padding:0 0 2.5em 0; } 
#contents .sub_page_tit .inner { gap:1em 0; } 
#contents .sub_page_tit .sub_tit { font-size:3.150em; color:#fff; font-weight:700; } 
#contents .sub_page_tit .slogan { font-family: 'KT'; font-size:1.875em; color:rgba(255, 255, 255, .8); letter-spacing: -1px; } 
#contents .sub_page_tit .nav { display: none; color:#fff; } 
#contents .sub_page_tit .nav > li { } 
#contents .sub_page_tit .nav > li .xi { width:1.5em; height:1.5em; background:#fff; border-radius:50%; font-size:1em; color:#000; opacity:.6; transition:.2s; } 
#contents .sub_page_tit .nav > li .tt { vertical-align:middle; font-size:.938em; font-weight:500; opacity:.6; } 
#contents .sub_page_tit .nav > li + li:before { content:"\e940"; font-family:xeicon; padding:0 .5em; vertical-align:middle; opacity:.8; } 
#contents .sub_page_tit .nav > li:last-child .tt { font-weight:600; opacity:1; } 
#contents .sub_page_tit .nav > li .xi:hover { opacity:1; } 

#contents .sub_page_menu { position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.3); backdrop-filter:blur(.75em); text-align:center; } 
#contents .sub_page_menu .gnb { display:block; position:relative; } 
#contents .sub_page_menu .gnb .dp2 { justify-content:center; } 
#contents .sub_page_menu .gnb .dp2 > li { position:relative; } 
#contents .sub_page_menu .gnb .dp2 > li > a { height:4.7em; min-width:14em; padding:.5em 3em; color:#fff; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in { position:relative; } 
#contents .sub_page_menu .gnb .dp2 > li:before,
#contents .sub_page_menu .gnb .dp2 > li:after,
#contents .sub_page_menu .gnb .dp2 > li > a .in:before { content:""; position:absolute; } 
#contents .sub_page_menu .gnb .dp2 > li:first-child:before,
#contents .sub_page_menu .gnb .dp2 > li:after { top:50%; width:1px; height:1.25em; background:rgba(255,255,255,.3); transform:translateY(-50%); } 
#contents .sub_page_menu .gnb .dp2 > li:first-child:before { left:0; } 
#contents .sub_page_menu .gnb .dp2 > li:after { right:0; } 
#contents .sub_page_menu .gnb .dp2 > li > a .in:before { top:0; left:0; width:2.5em; height:1em; background:url(../images/inc/logo_mark.svg) no-repeat left top; background-size:contain; opacity:0; transform:translate(-.375em,-1.125em); transition:.2s; } 
#contents .sub_page_menu .gnb .dp2 > li > a .tt { font-size:1.250em; font-weight:600; } 
#contents .sub_page_menu .gnb .dp2 > li:not(.act):not(.on) > a .tt { opacity:.6; transition:.2s; } 
#contents .sub_page_menu .gnb .dp2 > li.act > a .in:before,
#contents .sub_page_menu .gnb .dp2 > li.on > a .in:before { opacity:1; } 
#contents .sub_page_menu .gnb .dp3 { display:none } 

#contents .sub_page_con { padding:3em 0 4em; text-align:center; } 
#contents .sub_page_con .con_tit .tt { font-size:2.8125em; font-weight:700; } 
#contents .sub_page_con .con_tit + .con_menu { margin-top:3em; } 
#contents .sub_page_con .con_menu { margin-top: 2.5em; } 
#contents .sub_page_con .con_menu ul:not(.dp3) { display:block; } 
#contents .sub_page_con .con_menu .gnb .dp4 { display:none; } 
#contents .sub_page_con .con_menu .gnb .dp3 { /* justify-content:center; */ gap: 0.5em; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li { /* width:25%; background:var(--crGray2); */ } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:first-child { border-radius:6em 0 0 6em; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li:last-child { border-radius:0 6em 6em 0; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li > a { height:3.75em; padding: 0 1.5em; border-radius:6em; background: #e6ebf1; color:#777; transition:.2s; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li > a .tt { font-size:1.250em; font-weight:500; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li.act > a { color:#000; } 
#contents .sub_page_con .con_menu .gnb .dp3 > li.on > a { background:var(--siteC3); color:#fff; } 

/* new */
#contents .sub_page_con { padding:3.75em 0 2em; } 
#contents .sub_page_con .con_tit_wrap { } 
#contents .sub_page_con .con_tit_wrap .wrap_in { /* margin-bottom: 2.5em; */ padding-left: 0.5rem } 
#contents .sub_page_con .nav { color:#555; } 
#contents .sub_page_con .nav > li { } 
#contents .sub_page_con .nav > li .xi { width:1.5em; height:1.5em; background:var(--siteC3); border-radius:50%; font-size:1em; color:#fff; opacity:.6; transition:.2s; } 
#contents .sub_page_con .nav > li .tt { vertical-align:middle; font-size:.938em; font-weight:500; opacity:.6; } 
#contents .sub_page_con .nav > li + li:before { content:"\e940"; font-family:xeicon; padding:0 .25em; vertical-align:middle; opacity:.8; } 
#contents .sub_page_con .nav > li:last-child .tt { font-weight:600; opacity:1; } 
#contents .sub_page_con .nav > li .xi:hover { opacity:1; } 

/*메인 프로모션*/
.promotion_wrap { } 
.promotion_wrap .pro_list { } 
.promotion_wrap .pro_list > li { } 
.promotion_wrap .pro_list > li > .in { margin: 0 0 1em 1em; background: #f9f9f9; border-radius: 1.5em; padding: 3.25rem 2.5rem; box-sizing: border-box; text-align: left; } 
.promotion_wrap .pro_list > li > .in > .sbtn { display: inline-block; margin-bottom: 1.5em; padding: .35em 1em; border: 1px solid #ddd; border-radius: 6em; text-align: center; background: transparent; font-weight: 800; } 
.promotion_wrap .pro_list > li > .in > .sbtn.sy1 { color: #da2222; border: 1px solid #ffc5c5; } 
.promotion_wrap .pro_list > li > .in > .sbtn.sy2 { color: #218ce3; border: 1px solid #a8d8ff; } 
.promotion_wrap .pro_list > li > .in > .sbtn.sy3 { color: #e1bd1e; border: 1px solid #ebe0ac; } 
.promotion_wrap .pro_list > li:nth-child(1) > .in { background: var(--siteBG1); } 
.promotion_wrap .pro_list > li:nth-child(2) > .in { background: var(--siteBG2); } 
.promotion_wrap .pro_list > li:nth-child(3) > .in { background: var(--siteBG3); } 

.promotion_wrap .pro_list > li > .in > .img_con { margin: 3em 0 2em 0; width: 100%; height: 17em; pointer-events: none; } 
.promotion_wrap .pro_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 
.promotion_wrap .pro_list > li > .in .boxT { font-size: 1.715em; font-weight: 700; margin-bottom: .65em; } 
.promotion_wrap .pro_list > li > .in .txt { font-size: 1.185em; font-weight: 500; line-height: 1.3; color: #444; } 

/* #contents .doc { padding:6em 0 10em; } */
#contents .doc { padding:4em 0 8em; } 
#contents .doc2 { padding:20em 0 8em; } 
#contents .doc.s2 { padding:0em 0 0em; } 
#contents .doc.s3 { padding:0em 0 8em; } 

.dp1on .gnb .dp2 { display:none!important } 
.dp2on .gnb > li,
.dp2on .gnb > li .dp1 { display:none!important } 
.dp2on .gnb > li.on { display:block!important } 
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a { display:none!important } 
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on { display:block!important } 

.btn-wrap { display: flex; gap: 10px; } 
.btn-wrap .btn { position:relative; padding: .85rem 1.5rem; background: #f9f9f9; color: #fff; display: flex; align-items: center; gap: 0.75rem; border-radius: 5px; text-align: center; } 
.btn-wrap .btn.round { border-radius: 8em; } 
.btn-wrap .btn.c1 { background: var(--siteC2); } 
.btn-wrap .btn.c2 { background: var(--siteC3); } 
.btn-wrap .btn.w100 { width: 100%; justify-content: center; } 

.btn-wrap .btn.s1 > i { font-size: .9em; } 

.btn-wrap .btn > i { font-size: 1.1rem; font-weight: 500; } 
.btn-wrap .btn > .xi { font-size: 0.875rem; transition: 0.35s; } 
.btn-wrap .btn:hover > .xi { transform: translateX(0.5rem); } 


/*SUB PAGE*******************/
/*inc*/
.fsKT { font-weight: 400; font-family:"KT"; } 
.fsKTB { font-weight: 700; font-family:"KT"; } 

.sub_tt { } 
.sub_tt.tit1 { font-size:2.5em; } 
.sub_tt.tit2 { font-weight: 600; font-size:1.5em; } 

.btn_wrap { display: flex; justify-content: center; gap: .5em; } 

/* dot_list */
.dot_list { } 
.dot_list.mt { margin-top:2em; } 
.dot_list.d2 { flex-wrap:wrap; } 
.dot_list.d2 > .dot { width: 50%; box-sizing: border-box; } 
.dot_list .dot { padding-left:1em; position: relative; } 
.dot_list .dot::before { content: ''; } 
.dot_list > .dot + .dot { margin-top:.5em; } 
.dot_list.s1 { } 
.dot_list.s1 > .dot { font-size: 1.125em; color:#333; } 
.dot_list.s1 > .dot::before { width: 6px; height: 6px; border-radius: 50%; background-color: var(--siteC); position: absolute; left: 0; top: 7px; } 
.dot_list.s2 { } 
.dot_list.s1 .dot_list.s2 { padding-left: .8em; } 
.dot_list.s2 > .dot { font-size: 1em; color:#555; } 
.dot_list.s2 > .dot::before { width: 5px; height: 1px; background-color:#666; position: absolute; left: 0; top: 9px; } 
.dot_list.s3 { } 
.dot_list.s3.center { display: flex; flex-direction: column; align-items: center; } 
.dot_list.s3 > .dot { padding-left:.5em; font-size: 1em; color:#777; } 
.dot_list.s3 > .dot::before { width: 3px; height: 3px; border-radius: 50%; background-color: #555; position: absolute; left: 0; top: 8px; } 

/* icon_list */
.icon_list { display: flex; gap: 2em; } 
.icon_list > li { flex:1; padding:1.5em; border-radius:1em; background: rgba(255, 255, 255, 0.25); box-shadow: 0 0 40px rgba(0, 0, 0, .2); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } 
.icon_list > li.bg_white { background:#fff!important; } 
.icon_list > li.line { border: 1px solid #555; } 
.icon_list > li .icon_wrap { width: 5em; height:5em; margin: 0 auto 1.5em; text-align: center; } 
.icon_list > li .icon_wrap.s2 { width:50%; height:auto; margin: 0 auto 2em; } 
.icon_list > li .icon_wrap img { } 
.icon_list > li .txt_wrap { text-align: center; } 
.icon_list > li .txt_wrap .num { margin-bottom: 0.5em; font-weight: 600; font-size: 1.25em; color:var(--siteC); opacity: .8; } 
.icon_list > li .txt_wrap .tit { margin-bottom:.5em; font-weight: 600; font-size: 1.375em; color: #333; word-break: keep-all; } 
.icon_list > li .txt_wrap .tit.l2 { min-height: 2em; } 
.icon_list > li .txt_wrap .t1 { font-size:1.125em; color:#333; word-break: keep-all; opacity: .9; } 
.icon_list > li .txt_wrap .t2 { opacity: .85; } 
.icon_list > li .txt_wrap .t1 + .t2 { margin-top: 1em; } 
.icon_list.item3 { flex-wrap:wrap; gap: 2em; } 
.icon_list.item3 > li { flex: 0 0 calc((100% - 4em) / 3); padding:2em 3em 2em; border-radius:1em; background: rgba(255, 255, 255, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, .2); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(5px); } 


/* */
.intro-service-list { display: flex; gap: 1em; margin-top:40px; } 
.intro-service-list li { width: calc( (100% - 4em) / 5); padding:2em .8em; box-sizing:border-box; border: 1px solid #ddd; border-radius: 2em; text-align:center; background:#fff; box-shadow: 1px 1px 10px rgba(0, 0, 0, .1); } 
.intro-service-list li .icon { display: block; width: 100px; height: 100px; margin:0 auto 1.5em; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:.8; } 
.intro-service-list li .num { display: block; font-size:18px; line-height:1.5; letter-spacing:-0.25px; color:#cecece; font-weight:600; margin-bottom:13px; } 
.intro-service-list li .tit { margin-bottom: 0.5em; font-weight: 600; font-size:1.25em; letter-spacing:-0.5px; color:#333; } 
.intro-service-list li .txt { font-size:1.125em; line-height:1.4; letter-spacing:-0.5px; color:#555; word-break: keep-all; } 

/*flex box*/
.flex_box { } 
.flex_box.s1 { margin: 0 0 -1em -1em; } 
.flex_box.s2 { margin: 0 0 -2em -2em; } 
.flex_box.s3 { } 
.flex_box.s4 { } 
.flex_box.s5 { } 

.flex_box li > a { display: block; } 

.flex_box .fst2>li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2>li>.in { margin: 0 0 1em 1em; } 
.flex_box .fst3>li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3>li>.in { margin: 0 0 1em 1em; } 
.flex_box .fst4>li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4>li>.in { margin: 0 0 1em 1em; } 

/* footer_top */
 .footer_top { 
 padding: 3em .5em; 
 } 
 .footer_top.bg { background:url(../images/sub/con_wrap_bg04.jpg) no-repeat 0 0 / cover; } 
 .footer_top ul,
 .footer_bottom,
 .footer_bottom .link_box { 
 display: flex; 
 display: -ms-flexbox; 
 display: -webkit-flex; 
 } 
 .footer_top ul { 
 /* justify-content: space-between; */
 color: #333; 
 } 
 .footer_top li { width: 35%; 
 position: relative; 
 } 
 .footer_top li:first-child { flex:1 } 
 .footer_top .counsel_tit { 
font-weight: 700; 
font-size: 3em; 
line-height: 1.2; 
 } 
 .footer_top .sub_desc { 
margin-top: 1.5em; 
font-size: 1em; 
line-height: 1.5; 
 } 
 .footer_top .call_tit { 
 margin-top: 0.2em; 
 font-weight: 700; 
 font-size: 1em; 
 color: #777; 
 } 
 .footer_top .call_num { 
 display: block; 
 font-size: 2.5em; 
 font-weight: 700; 
 line-height: 1.125; 
 } 
 .footer_top .call_info { 
 display: block; 
 padding-top: 1em; 
 font-size: 1em; 
 color:#555; 
 vertical-align: top; 
 } 
.footer_top .call_info strong { 
 font-weight: 600; 
 font-size: 1.125em; 
 } 
 .footer_top .btn_area { 
margin-top: 2em; 
white-space: nowrap; 
 } 
 .footer_top .btn_area .input_st { height: 3em; font-size: 1.125em; } 


/* estimate */
.estimate-table { border-top: 3px solid #232e64; } 
.estimate-table .input_st:not(select) { background: #f3f5f8; border: none; border-radius: 5px; } 
.estimate-table tbody { } 
.estimate-table tbody tr { border-bottom: 3px solid #eee; } 
.estimate-table tbody tr th,
.estimate-table tbody tr td { padding: 1em; font-size: 1.125em; } 
.estimate-table tbody tr th { background: #fff; color: #555; font-weight: 700; text-align: left; } 
.estimate-table tbody tr th .tit { } 
.estimate-table tbody tr td { color: #777; line-height: 1.5em; font-weight: 500; } 
.estimate-table tbody tr td .info { } 
.estimate-table .table_form > li { border: none; } 
.estimate-table .board_viewF { background: transparent; border: none; padding: 0; } 

.member_agree .agree { padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.938em; color:#777; line-height:1.5em; } 
.member_agree .agree.H { padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll; } 
.member_agree .agree p { padding:.5em 0; } 
.member_agree .agree * { vertical-align:baseline; } 
.member_agree .agree strong { color:#333; } 
.member_agree .check { padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; text-align:right; } 



/*privacy*/
.terms_area { padding:20px; background:#f7f7f7; border-bottom:1px solid #999; color:#555; font-weight:400; line-height:1.6; } 
.terms_area .terms_box { padding:30px; background:#fff; border:1px solid #eee; font-size:0.875em; } 
.terms_area .terms_box strong { color:#111; font-weight:500; vertical-align:bottom; } 
.terms_area.agree { padding:15px 20px; border:1px solid #aaa; line-height:1.4; } 
.terms_area.agree .tit { margin-bottom:15px; padding-left:5px; font-size:1.250em; color:#000; font-weight:500; letter-spacing:-1px; } 
.terms_area.agree .tit i { vertical-align:middle; } 
.terms_area.agree .tit .xi { padding-right:5px; } 
.terms_area.agree .terms_box { padding:20px 30px; height:150px; overflow-y:scroll; } 
.terms_area.agree .check { margin-top:10px; text-align:right; } 


/*이메일무단수집거부*/
.page_email { letter-spacing:-1px; } 
.page_email .line { margin:30px 0 30px 0; height:1px; background:#ccc; } 
.page_email .email_top { padding:20px 30px; background:#f9f9f9; border:1px solid #ddd; text-align:center; color:#111; font-weight:400; line-height:1.4; } 
.page_email .email_con { } 
.page_email .email_con .tit { text-align:center; font-size:1.125em; color:#000; } 
.page_email .email_con .con_wrap { margin-top:40px; } 
.page_email .email_con .con_wrap > dt { margin-bottom:10px; } 
.page_email .email_con .con_wrap > dt > span { display:block; position:relative; padding-top:2px; padding-left:25px; color:#333; } 
.page_email .email_con .con_wrap > dt > span:before { content:"\eb1f"; position:absolute; top:0; left:0; width:20px; font-family:xeicon; font-size:1.250em; } 
.page_email .email_con .con_wrap > dd { margin-left:25px; font-size:0.875em; color:#666; font-weight:400; line-height:1.8; } 



/***********************/
/*MAIN******************/
.main_pd { padding:0 8vw; box-sizing:border-box; } 

.visualSlide { position: relative; } 
.visualSlide_wrap { position:relative; height:60vh; } 
.visualSlide_wrap .svg_wrap { position:absolute; z-index:10; top:0; right:3vw; width:11.5em; transform:translateY(-120%); } 
.visualSlide_wrap .svg_wrap .inBtn { position:absolute; top:1.75em; bottom:1.75em; left:1.75em; right:1.75em; border-radius:50%; color:var(--crWhite); } 
.visualSlide_wrap .svg_wrap .inBtn .tt { font-size:1.250em; } 
.visualSlide_wrap .svg_wrap .svg_txt { animation-duration:10s; } 
.visualSlide_wrap .svg_wrap .svg_txt tspan { font-size:.500em; fill:var(--siteC3); font-weight:600; } 
.visualSlide { overflow:hidden; } 
.visualSlide .el { position:relative; overflow:hidden; height:60vh; } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; } 
.visualSlide .el .bg:after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3; } 
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg { } 

.visualSlide_wrap .slogan_wrap { position:relative; top:15vh; } 
.visualSlide_wrap .slogan_wrap .inner { color:#fff; } 
.visualSlide_wrap .slogan_wrap .tt { padding:.5em 0; } 
.visualSlide_wrap .slogan_wrap .t1 { font-size:2.000em; } 
.visualSlide_wrap .slogan_wrap .t2 { font-size:4.375em; } 
.visualSlide_wrap .slogan_wrap .t3 { font-size:1.250em; line-height:1.6; } 

.visualSlide_thumb_wrap { position:absolute; z-index:11; right:2vw; bottom:2vw; } 
.visualSlide_thumb .swiper-wrapper { gap:.625em; } 
.visualSlide_thumb .el { width:8em; pointer-events:auto !important; cursor:pointer; } 
.visualSlide_thumb .el .inner { background:rgba(0,0,0,.6); border-radius:.5em; color:#fff; transition:.2s; } 
.visualSlide_thumb .el .wrap_in { flex:1; padding:.5em; } 
.visualSlide_thumb .el .wrap_in .tt { font-weight:600; } 
.visualSlide_thumb .el .wrap_in .tt + .ico { margin-top:.75em; } 
.visualSlide_thumb .el .wrap_in .ico { width:3em; height:3em; border-radius:50%; } 
.visualSlide_thumb .el .wrap_in .ico img { width:60%; filter:var(--crWhitefil); } 
.visualSlide_thumb .el.swiper-slide-thumb-active .inner { background:#fff; border-radius:1.5em .25em 1.5em .25em; color:#000; } 
.visualSlide_thumb .el.swiper-slide-thumb-active .wrap_in .ico { background-image:var(--crGrad2); } 

.visual-scroll { position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); } 
.visual-scroll .tt { font-size: 1em; color: var(--crWhite); } 
.visual-scroll .line { display: inline-block; width: 2px; height: 5em; background: rgba(255, 255, 255, .5); position: relative; } 
.visual-scroll .line::before { content: ''; position: absolute; left: 50%; top: 0; width: 8px; height: 8px; background: var(--crWhite); border-radius: 50%; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite; transform: translateX(-50%); } 

@keyframes scrollDownAni { 
0% { 
 top: 0; 
 } 100% { 
 top: 100%; 
 } 
 } 

.visualSlide_control .paging .swiper-pagination-current { font-weight: 700 } 
.visualSlide_control .inner { gap:0 .65em; justify-content: center; } 
.visualSlide_control .swiperBtn { width:auto; } 
.visualSlide_control .swiperBtn:not(.pause):not(.play).swiper-button-disabled { opacity:.4; pointer-events:none; } 
.visualSlide_control .paging { width:5em; text-align:center; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight:700 } 
.visualSlide_control:not(.show) { display:none; } 

.visualSlide_control { position: absolute; left: 50%; transform: translateX(-50%); right: 3em; bottom: 3em; width: 10em; background: rgba(0, 0, 0, .315); border-radius: 8em; display: flex; overflow: hidden; padding: 0 .5em; z-index: 2; } 
.visualSlide_control .control { margin: 0 0 0 auto } 
.visualSlide_control .paging { width: 4em; font-size: .8em; text-align: center; display: block; color: #fff; z-index: 9; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight: 700 } 

.mainScroll { position:absolute; left:1vw; bottom:0; z-index:100; color:#fff } 
.mainScroll * { vertical-align:middle; } 
.mainScroll .line { position:relative; display:block; height:3em; overflow:hidden } 
.mainScroll .line:before { content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#fff; opacity:.2; } 
.mainScroll .dot { position:absolute; left:50%; transform:translateX(-50%); top:0; width:.5em; height:.5em; background:#fff; border-radius:50%; opacity:.6; } 
.mainScroll .tt { display:block; transform:rotate(90deg); font-size:.75em; margin:0 0 2.5em 0; white-space:nowrap } 
.mainScroll .tt .xi { font-size:1.5em; margin-right:.25em; display:none; } 

/**/
.main_con { padding:4em 0; } 
.main_con.bg1 { background:var(--crBlack); } 

.main_txt:not(:last-child) { margin-bottom:3.5em; } 
.main_txt.m1 { margin-bottom:1em; } 
.main_txt.m2 { margin-bottom:2.5em; } 
.main_txt .nw { white-space:nowrap; } 
.main_txt .tit { margin-top:1em; } 
.main_txt .txt { margin-top:3em; line-height:1.6; } 
.main_txt .txt + .txt { margin-top:1em; } 
.main_txt .tit:first-child,
.main_txt .txt:first-child { margin-top:0; } 
.main_txt .o1 { opacity:.7; } 
.main_txt .t1 { font-size:1.000em; } 
.main_txt .t2 { font-size:1.063em; } 
.main_txt .t3 { font-size:1.125em; } 
.main_txt .t4 { font-size:1.250em; } 
.main_txt .t5 { font-size:1.375em; } 
.main_txt .t6 { font-size:1.500em; } 
.main_txt .t7 { font-size:1.750em; } 
.main_txt .t8 { font-size:2.250em; } 
.main_txt .t9 { font-size:2.600em; } 
.main_txt .t10 { font-size:4.500em; } 
.main_txt .t11 { font-size:5.500em; } 
.main_txt .t12 { font-size:6.500em; } 
.main_txt .t13 { font-size:8.500em; } 
.main_txt .t14 { font-size:10em; } 

.main_txt .line { display:inline-block; width:2px; height:2px; } 
.main_txt .line:before { content:""; display:block; width:100%; height:100%; background:var(--siteC); } 
.main_txt .line.w { margin:2em 0; width:2.5em; } 
.main_txt .line.h { margin:1.5em .125em; height:1.5em; } 
.main_txt .line:first-child { margin-top:0; } 
.main_txt .line:last-child { margin-bottom:0; } 
.main_txt .line + .tit,
.main_txt .line + .txt { margin-top:0; } 

.main_txt .tLine { display:inline; background:rgba(0,0,0,.5); } 

.main_more > .more { position:relative; gap:0 1em; padding:.5em 2em; height:3.75em; min-width:12em; max-width:100%; background:var(--siteC); border-radius:6em; text-align:center; color:#fff; transition:.2s; } 
.main_more > .more .in_tt { font-size:1.125em; font-weight:500; } 
.main_more > .more .xi { font-size:1.250em; } 
.main_more > .more.re { background:transparent; border:1px solid var(--siteC); color:var(--siteC); } 
.main_more > .more.re:hover { background:var(--siteC); color:#fff; } 

.main_more > .more.st1 { padding:0 0; width:3.75em; height:3.75em; min-width:auto; background:transparent; border:1px solid rgba(0,0,0,.4); border-radius:50%; transition:.2s; } 
.main_more > .more.st1 .xi { font-size:1.250em; } 
.main_more > .more.st1:hover { background:#042d5c; border-color:#042d5c; color:#fff; } 

.main_more > .more.st2 { height:3.25em; min-width:10em; font-size:.813em; text-transform:uppercase; } 

.main_txt.cw .tt { color:#fff; } 
.main_txt.cw .line:before { background:#fff; } 
.main_more.cw > .more { background:var(--siteC2); } 
.main_more.cw > .more.st1 { background:transparent; border-color:var(--siteC2); } 

.main_layout { gap:2em 6em; } 
.main_layout > li { } 
.main_layout > li.w1 { width:60%; } 
.main_layout > li.w2 { width:40%; } 
.main_layout + .main_layout { margin-top:16em; } 
.main_layout > li .p1 { padding:4em 0 5em 0; } 
.main_layout > li .p2 { padding:1.5em 0; } 
.main_layout > li .round { border-radius:2em; overflow:hidden; } 
.main_layout > li .wrap_img { position:relative; height:100%; } 

.main_layout.pos { position:relative; } 
.main_layout.pos > li.inPos { position:absolute; z-index:10; top:0; height:100%; display:flex; align-items:center; } 
.main_layout.pos > li.inPos:nth-child(1) { left:0; } 
.main_layout.pos > li.inPos:nth-child(2) { right:0; } 
.main_layout.pos > li.inPos:nth-child(1) + li { margin-left:auto; } 
.main_layout.posst1 > li.inPos:nth-child(1) { left:10vw; } 
.main_layout.posst2 > li.inPos:nth-child(1) + li { margin-left:20vw; } 

/*상품 추천*/
.suggestion_bg { position:relative; width: 100%; height: 15.5em; box-sizing: border-box; border-radius: 1em; } 
.suggestion_bg .sug_tit { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 4em; } 
.suggestion_bg .sug_tit > p { font-size: 1.85em; font-weight: 500; line-height: 1.4; } 
.suggestion_bg .sug_tit > p > strong { font-weight: 800; } 

.suggestion_bg .call_num { display: flex; align-items: center; gap: 1em; margin-top: 1.5em; } 
.suggestion_bg .call_num > i { font-size: 2.15em; } 
.suggestion_bg .call_num > i > img { width: 3em; filter: brightness(0) invert(1); } 
.suggestion_bg .call_num > .num { font-size: 1.85em; font-weight: 800; color: #fff; } 

.suggestion_bg .sug_img { position: absolute; right: 1em; bottom: 0; height: 17em; overflow: hidden; } 
.suggestion_bg .sug_img > img { width: 30em; } 

/*비즈니스*/
.business_wrap { } 
.business_wrap .business_list { } 
.business_wrap .business_list > li { } 
.business_wrap .business_list > li > .in { margin: 0 0 1em 1em; } 
.business_wrap .business_list > li > .in > .bg_con { position:relative; width: 100%; background: #f1f1f1; height: 22em; border-radius: 1em; overflow: hidden; } 
.business_wrap .business_list > li > .in > .bg_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background: rgba(0,0,0, .25); content: ''; z-index: 1; } 
.business_wrap .business_list > li > .in > .bg_con > img { width: 100%; height: 100%; object-fit: cover; transition: .3s; } 
.business_wrap .business_list > li > .in > .bg_con > img.ct { object-fit: contain; } 
.business_wrap .business_list > li > .in > .bg_con > .more_txt { position: absolute; display: flex; align-items: center; right: 2em; bottom: 2em; z-index: 2; } 
.business_wrap .business_list > li > .in > .bg_con > .more_txt > .tit { font-size: 1.515em; font-weight: 800; color: #fff; margin-right: .3em; } 
.business_wrap .business_list > li > .in > .bg_con > .more_txt > .xi { color: #fff; } 

.business_wrap .business_list > li > .in:hover > .bg_con > img { transform: scale(1.05); } 

/*문의 및 공지*/
.main_notice { background: #f8f9ff } 
.notice_wrap { gap: 2em; } 
.notice_wrap .inquiry_con { width: 50%; } 
.notice_wrap .topC { margin-bottom: 1.25em; } 
.notice_wrap .topC > .tit { font-size: 1.35em; font-weight: 800; line-height: 1; } 
.notice_wrap .topC > .noti_more { align-items: center; color: #666; cursor: pointer; } 
.notice_wrap .topC > .noti_more > .tt { font-size: 1em; margin-right: .25em; } 
.notice_wrap .topC > .noti_more > .xi { font-size: 1em; } 

.inquirySlide_wrap { border: 1px solid #ddd; border-radius: 5px; overflow: hidden; background: #fff; margin-bottom: -1px; } 
.inquirySlide_wrap .inquriy_top { align-items: center; text-align: left; padding: 1em 2em; font-size: 1em; font-weight: 600; color: #111; border-bottom: 1px solid #ddd; } 
.inquirySlide_wrap .date { width: 20%; } 
.inquirySlide_wrap .title { width: 50%; } 
.inquirySlide_wrap .title2 { width: 60%; } 
.inquirySlide_wrap .name { width: 15%; } 
.inquirySlide_wrap .name2 { width: 20%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.inquirySlide_wrap .type { width: 15%; } 
.inquirySlide_wrap .inquirySlide { height: 20em; } 
.inquirySlide_wrap .inquirySlide .el { display: flex; align-items: center; padding: .65em 2em; border-bottom: 1px solid #ddd; box-sizing: border-box; } 
.inquirySlide_wrap .inquirySlide .el > a { width: 100%; } 
.inquirySlide_wrap .inquirySlide .el > a:hover .title .tt { text-decoration: underline; } 
.inquirySlide_wrap .inquirySlide .el:last-of-type { border-bottom: none; } 
.inquirySlide_wrap .inquirySlide .inqiry_list { width: 100%; align-items: center; } 
.inqiry_list .new { display: flex; align-items: center; justify-content: center; margin-right: 2em; width: 1em; height: 1em; border-radius: 3px; background: var(--siteC); color: #fff; } 
.inqiry_list .new > p { font-size: .6em; } 
.inqiry_list .title > .tt { width: auto; padding-right: .5em; } 
.inquirySlide_wrap .date > p { font-weight: 600; color: #111; } 
.inquirySlide_wrap .type .Tbtn { display: flex; align-items: center; justify-content: center; font-size: .75em; padding: .3em .5em; background: var(--siteBG2); color: #2a2fec; border-radius: 3px; text-align: center; } 

.notice_wrap .notice_con { width: 50%; } 
.notice_wrap .notice_con .notice_list { padding: 0em 1.5em 0em 1.5em; height: 23.4em; box-sizing: border-box; background: #fff; border: 1px solid #ddd; border-radius: 5px; } 
.notice_wrap .notice_con .notice_list > li { padding: 1.16em 0; border-bottom: 1px solid #ddd; } 
.notice_wrap .notice_con .notice_list > li:first-of-type { margin-top: 1em; } 
.notice_wrap .notice_con .notice_list > li:last-of-type { margin-bottom: 1em; /*border-bottom: none; */ } 
.notice_wrap .notice_con .notice_list > li:nth-child(6) { border-bottom: none; } 
.notice_wrap .notice_con .notice_list > li > .con { align-items: center; } 
.notice_wrap .notice_con .notice_list > li > .con:hover .tit { text-decoration: underline; } 
.notice_wrap .notice_con .notice_list > li > .con > .tit { width: 80%; font-size: 1em; font-weight: 500; } 
.notice_wrap .notice_con .notice_list > li > .con > .date { width: auto; font-size: .9em; color: #666; font-weight: 600; } 

/*메인 배너*/
.banner_wrap { gap: 2em; } 
.banner_wrap .banner_box { position: relative; width: 50%; padding: 3em; border: 1px solid #ddd; background: #f7f7f7; border-radius: 1em; box-sizing: border-box; } 
.banner_wrap .banner_box .img_con { position: absolute; bottom: 3em; right: 3em; } 
.banner_wrap .banner_box .img_con > img { width: 16em; height: 100%; } 
.banner_wrap .banner_box .img_con.b2 > img { width: 21em; } 
.banner_wrap .banner_box > h1 { font-size: 2.15em; font-weight: 800; color: #111; margin-bottom: .75em; } 
.banner_wrap .banner_box > p { font-size: 1.65em; font-weight: 800; color: var(--siteC); line-height: 1.35; } 
.banner_wrap .banner_box > p > .t1 { font-size: 1.35em; } 
.banner_wrap .banner_box > p > .t2 { font-size: 1.65em; } 

/*******서브 공통 css********/

/*타이틀*/
.page_tit { } 
.page_tit.white { color: #fff; } 
.page_tit .t1 { font-size: 46px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 1em; } 
.page_tit .t2 { position: relative; font-size: 32px; font-weight: 800; letter-spacing: -.03em; padding-bottom: .65em; } 
.page_tit .t3 { position:relative; font-size: 26px; font-weight: 800; letter-spacing: -.03em; padding-bottom: .65em; } 
.page_tit .t1.line,
.page_tit .t2.line,
.page_tit .t3.line { border-bottom: 1px solid #111; margin-bottom: 1em; } 

.page_tit.infoT { display: flex; align-items: center; gap: 1.5em; padding-bottom: .65em; } 
.page_tit.infoT.line { border-bottom: 1px solid #111; margin-bottom: 2em; } 
.page_tit.infoT .t2 { padding-bottom: 0em; } 

.page_txt { } 
.page_txt .t3 { font-size: 24px; letter-spacing: -.03em; line-height: 1.4; margin-bottom: 1em; font-weight: 700; } 
.page_txt .t3.mbs1 { margin-bottom: .5em; } 
.page_txt .t4 { font-size: 16px; letter-spacing: -.03em; line-height: 1.6; font-weight: 400; } 
.page_txt .t5 { font-size: 20px; letter-spacing: -.03em; line-height: 1.4; margin-bottom: 1em; font-weight: 700; } 
.page_txt .t7 { font-size: 20px; letter-spacing: -.03em; line-height: 3.4; margin-bottom: 1em; font-weight: 700; color: #000; } 

.board_st2 tbody.line2 { border: 1px solid #e8e8e8; } 
/*page_dot 공통*/
.page_dot_list { padding: 0 1.25em; } 
.page_dot_list > li { position:relative; margin-bottom: .5em; } 
.page_dot_list > li > .txt { font-size: 1em; } 
.page_dot_list > li:before { position: absolute; left: -13px; top: 8px; width: 3px; height: 3px; border-radius: 50%; background: #444; content: ''; } 
.page_dot_list > li:last-of-type { margin-bottom: 0em; } 

.page_dot_list.s1 > li { font-size: 1.15em; font-weight: 600; } 
.page_dot_list.s1 > li:before { top: 9px; } 


/*페이지 마진*/
.page_con { padding: 5em 0; } 
.page_con:first-of-type { padding: 0 0 5em 0; } 
.page_con.pb0 { padding-bottom: 0em; } 

.page_con.bg1 { background: var(--siteBG1); } 

/*그레이 박스*/
.grayB { padding: 3rem; box-sizing: border-box; border: 1px solid #e4e4e4; background: #f7f7f7; } 
.grayB.round { border-radius: 1em; } 
.grayB.gryN { background: transparent; } 

/*flex 구분*/
.FlexWrap { display:flex; gap:3em; align-items:flex-start; position:relative; box-sizing:border-box } 
.FlexWrap.gap1 { gap: 6em; } 
.FlexWrap.acen { align-items: center; } 
.FlexWrap .wrapTit { width:45%; box-sizing:border-box } 
.FlexWrap .wrapTit .main_more { margin-top:3em } 
.FlexWrap .wrapCon { flex:1 1 0%; min-width:0 } 

/*flex 텍스트 리스트*/
.text_GapList { } 
.text_GapList > li { margin-bottom: 1em; } 
.text_GapList > li:last-of-type { margin-bottom: 0em; } 
.text_GapList > li { display: flex; gap: 1em; } 
.text_GapList > li > .Tit { width: 10em; } 
.text_GapList.titW1 > li > .Tit { width: 14em; } 
.text_GapList > li > .Tit > .tt { color: var(--siteC); font-size: 18px; font-weight: 600; } 
.text_GapList > li > .Txt { width: 100%; } 
.text_GapList > li > .Txt > .txt { font-weight: 500; font-size: 18px; color: #000; line-height: 1.4; } 
.text_GapList.BoxList > li { padding: .75em 1.25em; width: 100%; background: #f7f7f7; margin-bottom: .5em; border-radius: 3px; box-sizing: border-box; } 
.text_GapList.BoxList > li.st2 { padding: .75em 1.25em; width: 100%; border: 1px solid #eee; margin-bottom: .5em; border-radius: 3px; box-sizing: border-box; background-color: #fff; 
border-radius: .8em; } 
.text_GapList.cen > li { align-items: center; } 
.text_GapList.st > li { align-items: start; } 

.text_GapList.mb2 > li { margin-bottom: 2em; } 
.text_GapList.mb2 > li:last-of-type { margin-bottom: 0em; } 

.text_GapList.crnum { counter-reset: cirnum 0; } 
.text_GapList.crnum > li { position:relative; padding-left: 1em; } 
.text_GapList.crnum > li:before { content: counter(cirnum); counter-increment: cirnum; font-weight: 600; position: absolute; top: 0; left: -1.25em; font-size: .8em; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: #000;; z-index: 111; } 

/*페이지 숫자 리스트*/
.page_num_list { counter-reset: cirnum 0; } 
.page_num_list > li { position:relative; padding-left: 2em; font-size: 1em; font-weight: 500; margin-bottom: 1.5em; } 
.page_num_list > li:last-of-type { margin-bottom: 0em; } 
.page_num_list > li:before { content: counter(cirnum); counter-increment: cirnum; font-weight: 600; position: absolute; top: 0; left: 0; font-size: .8em; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: #000;; z-index: 111; } 

.page_num_list.ws2 { gap: 1em; } 
.page_num_list.ws2 > li { width: calc( 50% - .5em); margin-bottom: 0em; } 


/*서브 전화*/
.tel_reason { } 
.tel_reason .tell_img { width: 100%; } 
.tel_reason .tell_img > img { height: 100%; object-fit: contain; } 
.tel_reason .tell_img > img.img1 { height: 12em; } 
.tel_reason .tell_img > img.img2 { height: 12em; } 
.tel_reason .tell_img > img.img3 { height: 20em; } 
.tel_reason .terminal_wrap { padding-top: 3em; } 
.tel_reason .terminal_wrap .page_tit .t3.line { border-bottom: 1px solid #ddd; } 

.terminal_wrap { } 
.termial_list { } 
.termial_list > li { } 
.termial_list > li > .in { margin: 0 0 1em 1em; } 
.termial_list > li > .in > .Boxcon { display: flex; align-items: start; gap: 1em; border: 1px dashed #d5d5d5; background: #f7f7f7; border-radius: 1em; padding: 1rem; } 
.termial_list > li > .in > .Boxcon > .img_con { width: 50%; height: 9em; } 
.termial_list > li > .in > .Boxcon > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 
.termial_list > li > .in > .Boxcon > .info { width: 50%; display: flex; flex-direction: column; } 
.termial_list > li > .in > .Boxcon > .info > .title { font-size: 1.515em; font-weight: 700; color: #000; margin-bottom: 2em; } 
.termial_list > li > .in > .Boxcon > .info > .priceW { } 
.termial_list > li > .in > .Boxcon > .info > .priceW > .price { font-size: 1.45em; font-weight: 600; color: #111; text-decoration:line-through; } 
.termial_list > li > .in > .Boxcon > .info > .priceW > .kr_txt { font-size: 1.45em; color: var(--siteC); font-weight:700; } 

.tel_bannerW { position: relative; margin-top: 6em; } 
.tel_banner { position:relative; } 
.tel_banner .hu_img { position: absolute; left: 0; bottom: -5em; height: 23em; overflow: hidden; } 
.tel_banner .hu_img > img { width: 100%; height: 35em; } 
.tel_banner .text_wrap { color: #fff; padding-left: 17em; } 
.tel_banner .text_wrap .t1 { font-size: 2.15em; font-weight: 500; } 
.tel_banner .text_wrap .t2 { font-size: 3.15em; font-weight: 800; } 
.tel_banner .text_wrap .t3 { font-size: 1em; } 
.tel_banner .call_num { position: absolute; display: flex; align-items: center; top: 50%; transform: translateY(-50%); right: 5em; } 
.tel_banner .call_num > p { font-size: 3.15em; font-weight: 800; color: #fff; } 
.tel_banner .call_num > .xi { font-size: 3.15em; color: #fff; margin-right: .35em; } 

.tel_benefit { } 
.tel_benefit .benefit_list { } 
.tel_benefit .benefit_list > li { } 
.tel_benefit .benefit_list > li > .in { margin: 0 0 1em 1em; } 
.tel_benefit .benefit_list > li > .in > .con { height: 16.5em; border: 1px solid #ddd; padding: 2rem; background: #fff; border-radius: 1em; } 
.tel_benefit .benefit_list > li > .in > .con .mid_line { width: 30px; height: 3px; background: var(--siteC); margin: 1em 0; } 
.tel_benefit .benefit_list > li > .in > .con > .icon > img { width: 5em; height: 3.5em; object-fit: contain; } 

.plus_list { } 
.plus_list>li { 
 position: relative; 
 width: 33.33%; 
 } 
.plus_list>li .benefit_plus { 
 position: absolute; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 2em; 
 height: 2em; 
 background: var(--siteC); 
 border-radius: 50%; 
 right: -.9em; 
 z-index: 2; 
 top: 50%; 
 transform: translateY(-50%); } 
.plus_list>li .benefit_plus>.xi { 
 color: #fff; 
 } 

.plus_list>li>.inbox { 
 border: 1px solid #ddd; 
 height: 17em; 
 margin-left: -1px; 
 display: flex; 
 align-items: center; 
 gap: 1em; 
 padding: 1.5rem; 
 box-sizing: border-box; 
 } 

.plus_list>li>.inbox>.img_con { 
 width: 50%; 
 height: 9em; 
 text-align: center; 
 } 

.plus_list>li>.inbox>.img_con>img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 } 

.plus_list>li>.inbox>.img_con .name { 
 font-size: 1.25em; 
 font-weight: 700; 
 margin-top: .5em; 
 } 

.plus_list>li>.inbox>.txt_con { 
 width: 50%; 
 text-align: center; 
 } 

.plus_list>li>.inbox>.txt_con>.t1 { 
 font-size: 1.15em; 
 font-weight: 500; 
 color: #111; 
 margin-bottom: .5em; 
 } 

.plus_list>li>.inbox>.txt_con>.t2 { 
 font-size: 1.65em; 
 font-weight: 800; 
 color: var(--siteC); 
 } 

.plus_list>li>.inbox>.txt_con>.t3 { 
 font-sizE: .95em; 
 font-weight: 500; 
 color: #999; 
 margin-top: .75em; 
 } 

.tel_estimate { } 
.tel_estimate .estima_list { } 
.tel_estimate .estima_list > .box_con { position:relative; border: 1px solid #ddd; margin-bottom: 3em; } 
.tel_estimate .estima_list > .box_con.line { border: 5px solid var(--siteC); } 
.tel_estimate .estima_list > .box_con:last-of-type { margin-bottom: 0em; } 
.tel_estimate .estima_list > .box_con > .title_box { position:relative; padding: 1em; background: #f7f7f7; text-align: center; } 
.tel_estimate .estima_list > .box_con > .title_box > .tt { font-size: 1.75em; font-weight: 700; color: #000; } 
.tel_estimate .estima_list > .box_con > .title_box .lbox { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 4em; height: 100%; background: var(--siteC); color: #fff; } 
.tel_estimate .estima_list > .box_con > .title_box .lbox > .tit { font-size: 1em; font-weight: 600; } 
.tel_estimate .estima_list > .box_con > .title_box .lbox > .num { font-size: 1.515em; font-weight: 800; letter-spacing: .03em; } 
.tel_estimate .estima_list > .box_con > .info_wrap { display: flex; align-items: center; background: #fff; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .img_con { width: 60%; min-width: 60%; padding: 0 1em; box-sizing: border-box; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info { position:relative; width: 40%; padding-left: 8em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .owner { font-size: 2em; font-weight: 700; color: #111; text-align: center; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .call_num { font-size: 3em; color: var(--siteC); font-weight: 800; text-align: center; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol { position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; left: 5em; width: 3em; height: 3em; border-radius: 50%; background: #444; color: #fff; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info .ecol > .xi { font-size: 1.65em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ori_p { display: flex; justify-content: center; align-items: baseline; font-size: 1.85em; color: #999; font-weight: 500; margin-bottom: .25em; text-decoration: line-through; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p { display: flex; justify-content: center; text-align: center; align-items: baseline; font-size: 1.85em; font-weight: 500; color: #111; gap: .2em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .sale_p > .price { font-size: 1.85em; font-weight: 700; color: var(--siteC); vertical-align: baseline; letter-spacing: -.03em; } 
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info > .ext { font-size: 1em; text-align: center; color: #999; font-weight: 500; margin-top: .75em; } 

.tel_guide .guide_con { padding: 0 2em; } 
.tel_guide .guide_img { width: 100%; height: 33em; border-radius: 1em; overflow: hidden; } 
.tel_guide .guide_img > img { width: 100%; height: 100%; object-fit: cover; } 

.term_con { } 
.term_con .term_list { } 
.term_con .term_list > li { } 
.term_con .term_list > li > .in { margin: 0 0 2em 2em; } 
.term_con .term_list > li > .in > .con { } 
.term_con .term_list > li > .in > .con > .img_con { position:relative; width: 100%; height: 22em; border-radius: 1em; overflow: hidden; } 
.term_con .term_list > li > .in > .con > .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.term_con .term_list > li > .in > .con > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.term_con .term_list > li > .in > .con > .img_con > .tt { position: absolute; left: 1.5em; bottom: 1em; font-size: 1.65em; font-weight: 700; color: #fff; } 
.term_con .term_list > li > .in > .con > .txt_con { margin-top: 1.25em; padding: 0 1.5em; } 
.term_con .term_list > li > .in > .con > .txt_con > .title { font-size: 1.25em; color: #000; font-weight: 700; margin-bottom: 1em; line-height: 1.4; } 

.tel_record { } 
.tel_record .record_list { } 
.tel_record .record_list > li { } 
.tel_record .record_list > li > .in { margin: 0 0 1em 1em; background: #fff; border-radius: 1em; border: 1px solid #ddd; } 
.tel_record .record_list > li > .in > .boxW { text-align: center; padding: 2em 1em; box-sizing: border-box; } 
.tel_record .record_list > li > .in > .boxW > .img_con { width: 100%; height: 23em; } 
.tel_record .record_list > li > .in > .boxW > .img_con > img { height: 100%; border: 1px solid #ddd; object-fit: contain; } 
.tel_record .record_list > li > .in > .boxW .txtW { margin-top: 1em; } 
.tel_record .record_list > li > .in > .boxW .txtW > p { font-size: 1.15em; line-height: 1.5; font-weight: 600; } 

.tel_example { } 
.tel_example .example_list { } 
.tel_example .example_list > li { } 
.tel_example .example_list > li > .in { margin: 0 0 3em 2em; } 
.tel_example .example_list > li > .in > .img_con { position:relative; width: 100%; height: 11.5em; border-radius: 1em; overflow: hidden; } 
.tel_example .example_list > li > .in > .img_con.st2 { position:relative; width: 100%; height: 11.5em; border-radius: 1em; overflow: hidden; } 
.tel_example .example_list > li > .in > .img_con:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: ''; } 
.tel_example .example_list > li > .in > .img_con.st2:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0); content: ''; } 
.tel_example .example_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.tel_example .example_list > li > .in > .img_con2 > img { width: 100%; height: 100%; object-fit: cover; } 
.tel_example .example_list > li > .in > .text_con { padding-top: 2em; } 
.tel_example .example_list > li > .in > .text_con > .tit { margin-bottom: .65em; font-size: 1.35em; font-weight: 700; color: #111; } 
.tel_example .example_list > li > .in > .text_con > .txt { font-size: 1em; font-weight: 600; color: #111; line-height: 1.5; } 
.tel_example .example_list > li > .in > .text_con > .txt2 { font-size: 1em; font-weight: 500; color: #444; line-height: 1.5; } 

.mL25 { margin-left: 2.5em; } 
.linebox { border:1px solid #ddd; padding: 1em; box-sizing: border-box; border-radius: .8em; } 
/*process*/
.process_wrap { position: relative; width: 1000px; margin: 0 auto; } 
.process_wrap .process_list { padding-top: 2em; } 
.process_wrap .process_list > li { position:relative; } 
.process_wrap .process_list > li > .p_arrow { position: absolute; top: 38%; transform: translateY(-50%); right: -1.65em; } 
.process_wrap .process_list > li > .p_arrow > .xi { font-size: 1.8em; color: var(--siteC); } 
.process_wrap .process_list > li > .in { position: relative; } 
.process_wrap .process_list > li > .in > .num { position: absolute; top: 0; left: 0; } 
.process_wrap .process_list > li > .in > .icon_box { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 8em; height: 8em; background: #fff; border-radius: 50%; position: relative; z-index: 100; } 
.process_wrap .process_list > li > .in > .icon_box.tp1::before { content: ""; position: absolute; top: -13%; left: -13%; width: 10em; height: 10em; background: var(--siteC2); border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box.tp2::before { content: ""; position: absolute; top: -13%; left: -13%; width: 10em; height: 10em; background: var(--siteC); border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box.tp3::before { content: ""; position: absolute; top: -13%; left: -13%; width: 10em; height: 10em; background:#ff2272; border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box.tp4::before { content: ""; position: absolute; top: -13%; left: -13%; width: 10em; height: 10em; background:#d802d9; border-radius: 50%; z-index: 9; } 
.process_wrap .process_list > li > .in > .icon_box::after { 
 content: ""; 
 position: absolute; 
 top: 0%; 
 left: 0%; 
 width: 8em; 
 height: 8em; 
 background: #fff; 
 border-radius: 50%; 
 z-index: 10; 
 } 
.process_wrap .process_list > li > .in > .icon_box > img { width: 5.5em; z-index: 100; } 
.process_wrap .process_list > li > .in > .txt { text-align: center; font-size: 1.05em; font-weight: 600; color: #000; margin-top: 1em; z-index: 1; } 

/*sub banner*/
.pay_bannerW { position: relative; } 
.pay_bannerW:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .45); content: ''; } 
.pay_bannerW .pay_banner { position: relative; display: flex; align-items: center; z-index: 2; } 
.pay_bannerW .pay_banner .txt_wrap { color: #fff; } 
.pay_bannerW .pay_banner .txt_wrap > .t1 { font-size: 2.35em; font-weight: 500; } 
.pay_bannerW .pay_banner .txt_wrap > .t2 { font-size: 3em; font-weight: 800; } 
.pay_bannerW .pay_banner .txt_wrap > .t3 { font-size: 1em; font-weight: 500; margin-top: 10px; } 

.pay_bannerW .pay_banner .tell_wrap { display: flex; align-items: center; color: #fff; } 
.pay_bannerW .pay_banner .tell_wrap > .xi { font-size: 2.85em; margin-right: .25em; } 
.pay_bannerW .pay_banner .tell_wrap > .tel_num { font-size: 3.25em; font-weight: 800; } 

/*전국대표번호 사용 이유*/
.ptell_reason { } 
.ptell_reason .tell_img { width: 100%; } 
.ptell_reason .tell_img>img { height: 100%; object-fit: contain; } 
.ptell_reason .tell_img>img.img1 { height: 12em; } 
.ptell_reason .tell_img>img.img2 { height: 12em; } 
.repre_num { padding-top: 3em; } 

.icon_circle { gap: 2.5em; padding: .75em; border-radius: 20em; background: #F9F9F9; box-sizing: border-box; } 
.icon_circle>li { position: relative; width: calc(25%); } 
.icon_circle>li .cir_plus { position: absolute; top: 50%; transform: translateY(-50%); right: -2.2em; } 
.icon_circle>li .cir_plus > .xi { font-size: 2em; color: #444; } 
.icon_circle>li .in { display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; align-items: center; gap: 2em; height: 16.5em; padding: 1.5em 2em; box-sizing: border-box; border-radius: 50%; box-shadow: 0 5px 10px rgba(0, 0, 0, .15) } 
.icon_circle>li:nth-child(1) .in { background: linear-gradient(90deg, #1b448c, #0673ba); } 
.icon_circle>li:nth-child(2) .in { background: linear-gradient(90deg, #0673ba, #03b58d); } 
.icon_circle>li:nth-child(3) .in { background: linear-gradient(90deg, #03b58d, #0082f6); } 
.icon_circle>li:nth-child(4) .in { background: linear-gradient(90deg, #0673ba, #1b448c); } 
.icon_circle>li .in dl { color: #fff; text-align: center; word-break: keep-all; } 
.icon_circle>li .in dl .dest { font-size: 1.1em; font-weight: 500; margin-bottom: .5em; } 
.icon_circle>li .in dl .tit { font-weight: 700; font-size: 1.35em; line-height: 1.4; } 
.icon_circle>li:nth-child(4) .in dl .tit { font-size: 1.5em; font-weight: 800; } 
.icon_circle>li .in dl .desc { margin-top: 1em; opacity: .85; } 
.icon_circle>li .in .icon { order: -1; width: 3em; height: 3em; margin: 0 auto; filter: brightness(0) invert(1); } 

/*특별한 혜택*/
.special_wrap { position:relative; } 
.special_wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .75); content: ''; } 
.ptell_special { position: relative; z-index: 2; } 
.ptell_special > .page_tit > p > i { position:relative; line-height: 1.4; font-size: 1.35em; font-weight: 800; } 
.ptell_special > .page_tit > p > i:before { position: absolute; bottom: 0; left: 0; height: 4px; background: var(--siteC); width: 100%; content: ''; } 
.ptell_special > .page_tit > .ticon { margin-bottom: .5em; } 
.ptell_special > .page_tit > .ticon > img { width: 5em; } 
.special_list { } 
.special_list > li { } 
.special_list > li > .in { border-radius: 1em; overflow: hidden; margin: 0 0 2em 2em !important; } 
.special_list > li > .in > .img_con { width: 100%; height: 10em } 
.special_list > li > .in > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.special_list > li > .in > .info { padding: 1.5em 1.85em; box-sizing: border-box; background: #fff; height: 10em; } 
.special_list > li > .in > .info > .page_txt { } 
.special_list > li > .in > .info > .page_txt > .t3 > i { color: var(--siteC); } 
.special_list > li > .in > .info > .page_txt > .t4 > i { font-weight: 600; } 

/*특별한 장점*/
.ptell_benefit { } 
.ptell_benefit .benefit_con { } 

.ptell_benefit .benefit_list { } 
.ptell_benefit .benefit_list > li { } 
.ptell_benefit .benefit_list > li > .in { margin: 0 0 2em 2em; border: 1px solid #e8e8e8; display: flex; gap: 3em; align-items: center; background: #F6F6F6; padding: 2.5rem; border-radius: 1em; } 
.ptell_benefit .benefit_list > li > .in { } 
.ptell_benefit .benefit_list > li > .in > .icon_cr { display: flex; align-items: center; justify-content: center; min-width: 7.5em; width: 7.5em; height: 7.5em; border-radius: 50%; background: #fff; } 
.ptell_benefit .benefit_list > li > .in > .icon_cr > img { width: 3.5em; } 
.ptell_benefit .benefit_list > li > .in > .info { } 
.ptell_benefit .benefit_list > li > .in > .info > .t1 { font-size: 1.415em; font-weight: 500; margin-bottom: .75em; color: #000; } 
.ptell_benefit .benefit_list > li > .in > .info > .t2 { font-size: 1.05em; color: #444; line-height: 1.3; } 


/**/
.center_benefit { } 
.center_benefit .div_box { padding: 0 5.5vw; } 
.center_benefit .div_box > li { margin-bottom: 4em; } 
.center_benefit .div_box > li:last-of-type { margin-bottom: 0em; } 
.center_benefit .div_box > li:nth-child(2n) > .con { flex-direction: row-reverse; } 
.center_benefit .div_box > li > .con { display: flex; align-items: center; gap: 3em; } 
.center_benefit .div_box > li > .con > .img_con { width: 55%; height: 20em; border-radius: 1em; overflow: hidden; } 
.center_benefit .div_box > li > .con > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.center_benefit .div_box > li > .con > .info { width: 45%; padding: 0 2vw; } 

/*전국대표번호 부가서비스*/
.service_container { } 
.service_container > .con { margin-bottom: 4em; } 
.service_container > .con:last-of-type { margin-bottom: 0em; } 
.service_container > .con > .topT { padding: 1.5em 2.5em; background: var(--siteC); color: #fff; border-radius: .5em; } 
.service_container > .con > .topT > .tt { font-size: 1.45em; font-weight: 800; } 
.service_container > .con > .infoW { padding: 1.5em 2em; } 
.service_container > .con > .infoW > .txt { font-size: 1.15em; line-height: 1.4; color: #111; } 

.service_container > .con > .infoW .lgB { position:relative; padding: 1.25em; text-align: center; background: #F7F7F7; margin-top: 1.5em; border-radius: .5em; } 
.service_container > .con > .infoW .lgB > .xi { position: absolute; bottom: -1.15em; left: 50%; transform: translateX(-50%); font-size: 2em; } 
.service_container > .con > .infoW .lgB > p { font-size: 1.65em; font-weight: 800; } 
.starT { font-size: .95em; color: var(--siteC); font-weight: 600; } 

.service_container .ars_list { margin-top: 2.5em; } 
.service_container .ars_list > li { } 
.service_container .ars_list > li > .in { height: 24em; padding: 2.5em; box-sizing: border-box; background: #f7f7f7; border-radius: .5em; } 
.service_container .ars_list > li > .in > .tit { position: relative; z-index: 2; font-size: 1.65em; font-weight: 800; text-align: center; margin-bottom: 1.5em; } 
.service_container .ars_list > li > .in .page_num_list > li > .st { font-size: .9em; color: var(--siteC); margin-top: 5px; } 

.service_container .ars_list > li > .in > .con { } 
.service_container .ars_list > li > .in > .con > .page_num_list { } 
.service_container .ars_list > li > .in > .con > .plust { position: relative; margin-top: 4.5em; text-align: center; } 
.service_container .ars_list > li > .in > .con > .plust > .xi { position: relative; transform: translateY(-.5em); font-size: 3.15em; } 
.service_container .ars_list > li > .in > .con > .plust > p { font-size: 1.85em; color: var(--siteC); font-weight: 800; } 

.service_container .simple_list { margin-top: 3.5em; } 
.service_container .simple_list > li { } 
.service_container .simple_list > li > .in { position:relative; height: 7em; display: flex; justify-content: center; align-items: center; padding: 2em; box-sizing: border-box; background: #f7f7f7; border-radius: .5em; text-align: center; } 
.service_container .simple_list > li > .in > .title { position: absolute; top: -1em; left: 50%; transform: translateX(-50%); display: inline-block; margin: 0 auto; padding: .515em 2em; border-radius: 8em; text-align: center; color: #fff; font-weight: 700; font-size: 1.1em; background: var(--siteC); } 
.service_container .simple_list > li > .in > .txt { font-size: 1.15em; padding-top: 1em; font-weight: 600; } 

.service_container .lbs_wrap { align-items: center; gap: 3em; padding-top: 2em; } 
.service_container .lbs_wrap > .infoC { width: 100%; } 
.service_container .lbs_wrap > .img_con { width: 35%; height: 25em; } 
.service_container .lbs_wrap > .img_con > img { width: 100%; height: 100%; object-fit: contain; } 

.service_container .lbs_wrap > .infoC > .infoC_list { } 
.service_container .lbs_wrap > .infoC > .infoC_list > li { padding: 2em; box-sizing: border-box; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li:nth-child(1) { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li:nth-child(2) { border-bottom: 1px solid #ddd; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li:nth-child(3) { border-right: 1px solid #ddd; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB { } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .icon { text-align: center; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .icon > img { width: 6em; padding: 1em 0; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .icon.t2 > img { width: 11em; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .tit { font-size: 1.65em; font-weight: 700; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .tit > i { font-size: .516em; margin-left: .5em; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .txt > b { font-size: 1.15em; color: var(--siteC); font-weight: 700; padding-left: .3em; } 
.service_container .lbs_wrap > .infoC > .infoC_list > li > .lbsB > .txt { font-size: 1em; font-weight: 500; line-height: 1.4; margin-top: .5em; } 

/*전국대표번호 이용요금*/
.tel_pay .pay_img { width: 62%; margin: 0 auto; padding-top: 1.5em; } 

.col { flex-direction: column; } 
.t7 { font-size: 14px; letter-spacing: -.03em; font-weight: 300; color: #777; } 
 .FlexWrap .wrapTit.st2 { width: 35%; box-sizing: border-box; } 

 .text_GapList.titW2>li>.Tit { width: 16em; } 

 .flex_box .fst5>li { flex: 1 1 33.33%; max-width: 12em; height: auto; } 

 .flex_box .fst6>li { flex: 1 1 25%; max-width: 12em; height: auto; } 

 .gap2 { gap: 2em; } 

 .text_GapList.BoxList.st2>li { padding: .75em 1.25em; width: 100%; background: #ffff; margin-bottom: .5em; border-radius: 3px; box-sizing: border-box; } 
 .page_txt .t6 { font-size: 18px; letter-spacing: -.03em; line-height: 1.4; margin-bottom: 1.25em; font-weight: 500; } 
 /*tab_btn*/
.con_idx { position: relative;} 
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; } 
.con2_list { width: 100%; border-radius: 10px; } 
.con2 { width: 100%; height: auto; } 
.con2_list .wrap_idx { width: 100%; height: 100%; } 

.con2_list .wrap_idx > ul { width: 100%; border-bottom: 0; position: relative; overflow: hidden; border-radius: 20px; border: 2px solid #eaeaea; } 
.tab { width: 100%; line-height: 50px; } 
.tab.st2 { width: 100%; line-height: normal; } 
.con2 > .wrap_idx > .tab > li { text-align: center; border: none; position: relative; width: 50%; } 
.con2 > .wrap_idx > .tab > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 20px; background-color: #ccc; } 
.con2 > .wrap_idx > .tab > li:first-of-type::before { width: 0px; } 

.con2_list .wrap_idx > .con_idx > .list > li.lines { border-bottom: none; } 
.con2 > .wrap_idx > .st2 > li { text-align: center; border: none; position: relative; width: 20%; padding: .75em .5em; box-sizing: border-box; } 
.con2 > .wrap_idx > .st2 > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 20px; background-color: #ccc; } 
.con2 > .wrap_idx > .st2 > li:first-of-type::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(6)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(11)::before { width: 0px; } 
.con2 > .wrap_idx > .st2 > li:nth-child(16)::before { width: 0px; } 

.con2 > .wrap_idx > .st3 > li { text-align: center; border: none; position: relative; width: 100%; height: 2.5em; } 
.con2 > .wrap_idx > .st3 > li::before { content: ""; position: absolute; top: 15px; left: 0; width: 1px; height: 0px; background-color: #ccc; } 
.con2 > .wrap_idx > .st3 > li:first-of-type::before { width: 0px; } 
.con2_list .wrap_idx > .con_idx > .list > li.lines { border-bottom: none; } 
/* .con_idx */

.con2 > .wrap_idx > .tab > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .tab > li.on,
.con2 > .wrap_idx > .tab > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color:#fe2e36; } 

li.con2 .in .list > li .list_t { display: block; position: relative; } 

.con2 > .wrap_idx > .st2 > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .st2 > li.on,
.con2 > .wrap_idx > .st2 > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color: #fe2e36; } 

.con2 > .wrap_idx > .st3 > li .tt { display: inline-block; cursor: pointer; font-size: .95em; padding: 0 .8em; color: #333; box-sizing: border-box; } 
.con2 > .wrap_idx > .st3 > li.on,
.con2 > .wrap_idx > .st3 > li.on .tt { color: #ffff; text-align: center; cursor: pointer; border-bottom: none; box-sizing: border-box; font-weight: bold; background-color: #0e4194; width: 100%; } 


li.con2 .in .list > li .list_t { display: block; position: relative; } 

li.con2 .in { /*padding: 0 0.5em; */
 box-sizing: border-box; border-radius: 10px; } 
.listdot { display: block; position: relative; padding: .2em 0; } 
.listdot::before { content: ""; position: absolute; top: 17px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
.table_st th.brn,
.table_st td.brn { border: 1px solid #ddd; border-right: none; border-left: none; padding: .5em; height: 2em; } 
li.con2 .in .list > li { display: block; position: relative; padding: 1em; } 
li.con2 .in .list > li.listdot { display: block; position: relative; padding: .2em 0; } 
li.con2 .in .list > li.listdot::before { content: ""; position: absolute; top: 10px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
li.con2 .in .list > li .list_t .txt { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%; color: #333; font-size: .938em; padding-bottom: .8em; padding-left: 1.5em; } 
li.con2 .in .list > li .list_t .date { position: absolute; top: 50%; right: .2em; transform: translateY(-50%); font-size: .875em; color: #848484; font-family: 'notokrR'; } 
.f50 { flex: 0 0 50%; } 
.f70 { flex: 0 0 70%; } 

.con_idx > .list { width: 100%; } 
.con_idx > .list > .tab_cont { display: flex !important; padding: .5em 0; } 
.con_idx > .list > li.tab_cont > .img_wrap { width: 100%; } 
.con_idx > .list > li.tab_cont > .list_t { width: 100%; } 

.con_idx > .list.gap { width: 100%; gap: 1em; } 
.con_idx > .list > .booklist { width: calc(22% - 1em); } 
.con_idx > .list > li.tab_cont > .img_wrap { width: 100%; } 
.con_idx > .list > li.tab_cont > .list_t { width: 100%; } 

li.con2 .in .list > li.listdot { display: block; position: relative; padding: .2em 0; } 
li.con2 .in .list > li.listdot::before { content: ""; position: absolute; top: 10px; left: 5px; background-color: #595959; border-radius: 50%; width: .3em; height: .3em; } 
li.con2 .in .list > li .list_t .txt { display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 70%; color: #333; font-size: .938em; padding-bottom: .8em; padding-left: 1.5em; } 
.con2 > .wrap_idx > .st2 > li.barn::before { content: ""; position: absolute; top: 15px; left: 0; width: 0px; height: 0px; background-color: #ccc; } 


li.con2 .in .list > li .list_t .tit { display: inline-block; color: #333; font-size: .938em; font-weight: bold; } 
li.con2 .in .list > li .list_t .date1 { display: inline-block; color: #333; font-size: .938em; padding-bottom: .8em } 
li.con2 .in .list > li .list_t .txt1 { width: 100%; color: #333; font-size: .938em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } 
.bgL { border: 1px solid #ddd; border-radius: .8em; padding: 1em; background-color: #fafafa; box-sizing: border-box; } 
.bgL2 { border: 1px solid #ddd; border-radius: .8em; padding: 1em; background-color: #fe2e36; box-sizing: border-box; } 
.xi-check-min:before { content: "\e929"; } 

.tel_example .example_list>li>.in>.img_con2 { 
 position: relative; 
 width: 100%; 
 height: 23.5em; 
 border-radius: 1em; 
 overflow: hidden; 
 } 

.tel_example .example_list>li>.in>.img_con3 { 
 position: relative; 
 width: 100%; 
 height: 30.5em; 
 border-radius: 1em; 
 overflow: hidden; 
 } 

.subSwiper>.subSwiper_wrap>.el { width: calc(33% - 2em); } 

.el>.in { border: 1px solid #ddd; border-radius: .8em; overflow: hidden; } 

.el>.in>.text_con { padding: 1em; background-color: #fff; box-sizing: border-box; min-height: 7.5em; } 

.el>.in>.text_con>.tit { font-size: 1.35em; line-height: 1.5; font-weight: 700; color: #111; } 

.el>.in>.text_con>.txt { font-size: 15px; } 


.subSwiper { position: relative; overflow: hidden; } 
.btnSwiper2 { position: relative; overflow: hidden; } 

.subswiper_control { position: absolute; bottom: 50%; width: 100%; } 

.swiper-button-prev.swbtn1 { position: absolute; bottom: 0%; left: -5%; font-size: 3em; color: #ff5e5e; } 

.swiper-button-next.swbtn2 { position: absolute; bottom: 00%; right: -5%; font-size: 3em; color: #ff5e5e; } 
.swiper-button-prev.swbtn3 { position: absolute; bottom: 0%; left: 0%; font-size: 3em; color: #ffffff; } 
.swiper-button-next.swbtn4 { position: absolute; bottom: 00%; right: 0%; font-size: 3em; color: #ffffff; } 
.swiper-button-next2.swbtn5 { position: absolute; bottom: 50%; right: 2%; font-size: 1.5em; z-index: 10; } 
.swiper-button-prev2.swbtn6 { position: absolute; bottom: 050%; left: 30%; font-size: 1.5em; z-index: 10; } 
.swiper-button-next3.swbtn7 { position: absolute; bottom: 45%; right: 2%; font-size: 1.5em; z-index: 10; } 
.swiper-button-prev3.swbtn8 { position: absolute; bottom: 45%; left: 30%; font-size: 1.5em; z-index: 10; } 
.gapS2 { gap:2em; } 
.tel_example .example_list>li>.in>.text_con>.tit2 { margin-bottom: .65em; font-size: 1.25em; font-weight: 700; color: #111; } 
.bg2 { background-color: #ffb6b6; } 
.bg3 { background-color: #ff5e5e; } 
.btn2 { border: 3px solid #ff5e5e; padding: .5em; border-radius: 2em; font-weight: 900; font-size: 1.5em; background-color: #fff; box-sizing: border-box; transition: all .3s; } 
.btn3 { border: 3px solid #ff5e5e; padding: .5em; border-radius: 2em; font-weight: 900; font-size: 18px; background-color: #fff; box-sizing: border-box; transition: all .3s; } 
.btn2 .arr { transition: all .3s; } 
.btn2:hover { background-color: #ffa3a6; } 
.btn2:hover .arr { transform: translateX(10px); } 
.tt.fs25 { font-size: 2.5em; padding: .3em 0; } 
.tt.fs23 { font-size: 2.3em; padding: .3em 0; } 
.conW25 { padding : .5em; box-sizing:border-box; width: 25%; } 
.conw50 { width: 50%; } 
.roslate90 { transform: translate(10px, 0px) } 
.iconbg { padding : .5em; background-color: #fff; min-height: 13em; border: 1px solid #ccc; } 

/*렌 간편견적*/
.ren_inquiry { display: flex; gap: 4em; } 
.ren_inquiry > .img_con { width: 40%; padding: 1.5rem; box-sizing: border-box; height: 21.5em; background: #f7f7f7; border-radius: 1em; overflow: hidden; } 
.ren_inquiry > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.ren_inquiry > .ren_form { width: 50%; } 

.ren_info { display: flex; flex-wrap: wrap; } 
.ren_info .ren_infoList > li { } 
.ren_info .ren_infoList > li > .in { margin: 0 0 2em 2em; } 
.ren_info .con { display: flex; gap: 1em; align-items: center; } 
.ren_info .con > .img_con { width: 14em; min-width: 14em; border-radius: .5em; height: 8.5em; overflow: hidden; } 
.ren_info .con > .img_con > img { width: 100%; height: 100%; object-fit: cover; } 
.ren_info .con > .ren_infoC { } 
.ren_info .con > .ren_infoC > .tit { font-size: 1.415em; font-weight: 700; margin-bottom: .5em; } 

/*homeEvent*/
.txtwrap > .tt2 { font-size: 12px; padding:1em 0; } 

.con .btn_wrap { display: flex; gap: .5em; } 
.con .btn_wrap button { display: flex; flex: 1; width: 100%; align-items: center; justify-content: center; height: 187px; border: 1px solid #ddd; background-color: #fff; color: #444; padding: 18px 0px; border-radius: 6px; } 
.con .btn_wrap button.on { color: var(--siteC); border: 3px solid var(--siteC); } 
.con .btn_wrap.h1 button { height: auto; } 
.con .btn_wrap button .inner { display: flex; flex-direction: column; /* align-items: center; */width: 100%; padding: 2em; box-sizing: border-box; } 
.con .btn_wrap button .inner .speed { font-size: .9em; font-weight: 600; margin-bottom: .5em; } 
.con .btn_wrap button .inner .iconImg { display: flex; gap: .1em; height: 2em; margin-bottom: .5em; } 
.con .btn_wrap button .inner .iconImg > .xi { font-size: 1.8em; color: #666; } 
.con .btn_wrap button.on > .inner .iconImg > .xi { color: var(--siteC); } 
.con .btn_wrap button .inner .title { height: 3.5em; margin-bottom: .3em; font-weight: 800; word-break: keep-all } 
.con .btn_wrap button .inner .title > .tittxt { height: 2.5em; margin-bottom: .5em; font-size: 1.3em; font-weight: 800; text-align: left; } 
.con .btn_wrap button .inner .extxt { font-size: .8em; color: #444; word-break: keep-all } 
.con .btn_wrap button .inner .extxt > .tt1 { font-size: 1.2em; color: #000; font-weight: 600; } 
.con .btn_wrap button .inner .extxt > .tt2 { font-size: 1em; color: #555; } 
.con .btn_wrap button.on .inner .extct { color: var(--siteC); } 
.con .btn_wrap button .inner .price { font-size: .8em; color: #444; white-space: nowrap; word-break: keep-all } 
.con .btn_wrap button .inner .price > .tt1 { font-size: 1.5em; color: #cb3434; font-weight: 600; } 
.con .btn_wrap button.on .inner .price { color: var(--siteC); } 

.con .btn_wrap button .inner > .logo_con { width: 100%; height: 35px; padding: 0 1em; box-sizing: border-box; } 
.con .btn_wrap button .inner > .logo_con > img { width: 100%; height: 100%; object-fit: contain; } 

.con .btn_wrap button .inner > .btn_title { font-weight: 600; color: #666; } 


.submit_con .submit-btn { /*margin: 0 0 -.5em -.5em; */ } 
.submit_con .submit-btn > li { width: calc(50% - .25em); max-width: 50%; cursor: pointer; } 
.submit_con .submit-btn > li > .btnC { /*margin: 0 0 .5em .5em; */ } 
.submit_con .submit-btn > li > .tab-btn { margin: 0 0 .5em .5em; border: 1px solid #ddd; background: #fff; text-align: center; font-size: 1em; font-weight: 600; color: #666; padding: .75em 0; border-radius: 5px; } 
.submit_con .submit-btn > li.on > .tab-btn { border: 1px solid var(--siteC); color: var(--siteC); } 

.con2_list .wrap_idx > ul.st2 { width: 90%; border-bottom: 0; position: relative; overflow: hidden; border-radius: 20px; border: 2px solid #eaeaea; margin: 0 auto; } 
/* .dp2_event2 #contents .sub_page_menu { 
 position: absolute; 
 left: 0; 
 bottom: -310px; 
 width: 100%; 
 background: rgba(0, 0, 0, .3); 
 backdrop-filter: blur(.75em); 
 text-align: center; 
 z-index: 10; 
 } */
.leftwrap { width:45%; height: 100%; } 
.rightwrap {flex: 1;}
.dp2_event2 .sub_tit, { display: none; } 
.tit55 { font-weight: 800; font-size: 2.2em; color: #fff; margin-bottom: .8em; } 
/* .dp2_event2 #contents .sub_page_top { height: 40em !important; } */
/* .dp2_event2 #contents .sub_page_top { height: 40em; } */
/* .h50 { height: 50em; } */
.swiper-button-next2, .swiper-button-prev2,
.swiper-button-next3, .swiper-button-prev3 { 
 display: none; 
 } 
.w33 { width:33%; } 
.w50 { width:50%; } 
.w55 { width:55%; } 
.w100 { width:100%; } 
.he100 { height: 100%; } 
.light_b { color: #666; margin-top: .6em; } 
.imgtr70 { width: 100%; } 
.he30 { height: 30em; } 
.mr12 { margin-right: 12px; } 
.c_graybr { border: 1px solid #ccc; padding: 3em 6em; background-color: #fafafa; } 
.sqbox_R { background-color:#fe2e36; border-radius: .8em; padding: 1em; height: 93%; gap: 2em;} 
.bg_Red { background-color: #d50008; border-radius: 10em; } 
.ovh { overflow: hidden; } 
.mL05 { margin-left: .5em; } 

.con4_section.st2 { flex-direction: column; } 
.con4_wrap .con4_section.st2 .tit { 
 width: 100%; 
 padding-right: 0em; 
 box-sizing: border-box; } 
 .con4_wrap .con4_section.st2 .con {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 3em;
}

.whiteB {padding: 3rem; box-sizing: border-box; background: #fff;}
.whiteB.round {border-radius: 1em;}

.FlexWrap .wrapTit.w2 { width:30%;} 

.page_con.bg2 { background: var(--siteBG2); }
.page_con .in_bg {background: #f4f4f4; border-radius: 1em; padding: 2em;}
.sub_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.sub_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.sub_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: var(--siteC); top: 10px; left: 0; border-radius: 50%;}

.tel_reason .tell_img > img.img3 {height: 15em;}

.board_st2 td>.tt2 {font-size: 0.96em;} 
.w_tit2 {width: 13em;}
.board_st2 td.Byell {background: #fdf7f0;}
.board_st2 td.Bblack {background: #636363; color: #fff;}
.table_tbox {padding: .5em;}
.table_tbox .sub_tt {width: 50%;}

.tel_estimate .estima_list > .box_con > .title_box > .tt2 {font-size: 1.25em; font-weight: 700; color: #000;}
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .ext {font-size: 0.9em;}
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p {font-size: 1.6em;}
.tel_estimate .estima_list > .box_con > .info_wrap > .price_info.st2 > .sale_p > .price {font-size: 1.125em;}

.agree_box {height: 12em; border: 1px solid #ddd; padding: 1em;}
.popWrap .agree_box {border: unset;}
.ren_price {font-size: 1.125em; font-weight: 600;}
.ren_price2 {font-size: 1em;}
.ren_price2 span {font-weight: 600; font-size: 1.25em; margin: 0 .2em;}

.sub_serving .con1_tit { margin-bottom: 3em;}
.sub_serving .con1_tit .t1 {font-size: 1.6em; margin-bottom: 1em;}
.sub_serving .con1_tit .t2 {font-size: 2.4em; font-weight: 600;}
.sub_serving .con1_tit .t2 .t_logo {width: 1.4em; margin-right: .3em;}
.sub_serving .con1_tit .t3 {font-size: 2em; font-weight: bold;}
.sub_serving .con1_tit .t4 {font-size: 1.25em;}

.sub_serving .con1_box {gap: 1em;}
.sub_serving .con1_box .inn {border: 1px solid #ddd; padding: 2em; width: 50%;}
.sub_serving .con1_box .inn.left {background: #fff;}
.sub_serving .con1_box .inn.right {background: #fdf7f0;}
.sub_serving .con1_box .inn .t1 {background: #f4f4f4; display: inline-block; padding: .5em 1em; border-radius: 3em; font-size: 1.125em; font-weight: 600; margin-bottom: 1em;}
.sub_serving .con1_box .inn.right .t1 {background: var(--siteC); color: #fff;}
.sub_serving .con1_box .inn .t2 {font-size: 1.6em; font-weight: 800; margin-bottom: 1.5em;}
.sub_serving .con1_box .inn .in_list {gap: .5em;}
.sub_serving .con1_box .inn .in_list li.cont {background: var(--siteBG2); padding: 1em; width: 28%;}
.sub_serving .con1_box .inn.right .in_list li.cont {background: #fff;}
.sub_serving .con1_box .inn .in_list li.arrow {transform: rotate(90deg);}
.sub_serving .con1_box .inn .in_list li.arrow i {}
.sub_serving .con1_box .inn .in_list .icon {width: 4em; margin: 0 auto 1em;}
.sub_serving .con1_box .inn .in_list .tt {font-weight: 500; font-size: 0.96em;}
.sub_serving .con1_box .inn .in_list .tt span {font-weight: 600;}

.sub_serving .con1_box.st2 .inn.left {width: 60%; background: #fff;}
.sub_serving .con1_box.st2 .inn.left .in_list li.cont {}
.sub_serving .con1_box.st2 .inn.right {width: 40%; background: #fdf7f0;}
.sub_serving .con1_box.st2 .inn.right .in_list li.cont {width: 45%;}

.sub_serving .con2_box {margin-top: 2em; gap: 1em;}
.sub_serving .con2_box li {border-radius: 1em; overflow: hidden; background: #fff; border: 1px solid #ddd; width: 20%;}
.sub_serving .con2_box.w2 li {width: 32.3%;}
.sub_serving .con2_box.w3 li {width: 25%;}
.sub_serving .con2_box li .img {}
.sub_serving .con2_box li .tit {font-size: 1.25em; font-weight: 600; text-align: center; margin-top: 1em;}
.sub_serving .con2_box li .tt {padding: 1em; font-size: 1.05em; line-height: 1.5; text-align: center;}
.sub_serving .con2_box.w3 li .tt {font-size: 0.96em;}
.sub_serving .con2_box li .tt span {font-weight: 600;}


.text_GapList2 {gap: 0.5em;} 
.text_GapList2 > li { margin-bottom: 1em; } 
.text_GapList2 > li:last-of-type { margin-bottom: 0em; } 
.text_GapList2 > li {/* display: flex; */gap: 1em;} 
.text_GapList2 > li > .Tit {margin-bottom: 1em;} 
.text_GapList2.titW1 > li > .Tit { width: 14em; } 
.text_GapList2 > li > .Tit > .tt { color: var(--siteC); font-size: 18px; font-weight: 600; } 
.text_GapList2 > li > .Txt {/* width: 100%; */} 
.text_GapList2 > li > .Txt > .txt { font-weight: 500; font-size: 1em; color: #000; line-height: 1.4; } 
.text_GapList2 > li > .Txt > .txt2 span {font-size: 1.125em; font-weight: 600; margin-bottom: .5em; display: inline-block;}
.text_GapList2.BoxList > li {padding: 1.75em 1.25em;width: calc(50% - .5em);background: #f7f7f7;margin-bottom: .5em;border-radius: 3px;box-sizing: border-box;} 
.text_GapList2.cen > li { align-items: center; } 
.text_GapList2.st > li { align-items: start; } 

.realimg_list {gap: 1em;}
.realimg_list li {gap: 1em;}

.high_con1 {}
.high_con1 .inn {background: #fdf7f0; padding: 2em 1em; border-radius: 1em;}
.high_con1 .inn .tit_box {width: 40%; gap: 2em;}
.high_con1 .inn .tit_box .prod_img {width: 12em;}
.high_con1 .inn .tit_box .tbox {}
.high_con1 .inn .tit_box .tbox .t1 {display: inline-block; background: var(--siteC); padding: .3em 1em; color: #fff; border-radius: 1em; margin-bottom: 1em; font-size: 0.9em;}
.high_con1 .inn .tit_box .tbox .t2 {font-size: 1.25em; font-weight: 600; margin-bottom: .5em;}
.high_con1 .inn .tit_box .tbox .t3 {}
.high_con1 .inn .table_wrap {width: 60%;}

.re-circle-wrap { } 
.re-circle-wrap.st1 .list { gap: 1.3em; margin-top: 3em; counter-reset: cirnum 0; } 
.re-circle-wrap.st1 .list > li { position: relative; flex: 1 1 16.66%; } 
.re-circle-wrap.st1 .list > li:before { content: counter(cirnum); counter-increment: cirnum; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background: #cc1d22; z-index: 111; } 
.re-circle-wrap.st1 .list > li .cir-in { height: 13.66em; border: 2px solid #ddd; border-radius: 50%; background: #fff; box-shadow: 3px 0 9px rgba(0,0,0, .1); position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } 
/* .re-circle-wrap.st1 .list > li:last-of-type .cir-in { border: 2px dashed #cc1d22; }  */
.re-circle-wrap.st1 .list > li .cir-txt {text-align: center;} 
.re-circle-wrap.st1 .list > li .cir-txt > h3 { font-size: 1em; font-weight: 600;} 
.re-circle-wrap.st1 .list > li .cir-txt > span { font-size: .86em; color: #888; width: 100%; margin-top: .3em; display: inline-block;} 
.re-circle-wrap.st1 .list > li .cir-in .xi { position: absolute; right: -1.8em; top: 50%; transform: translate(-50%, -50%); font-size: 2em; color: #cc1d22; } 
.re-circle-wrap.st1 .list > li .cir-in .icon { margin-bottom: 1em; } 
.re-circle-wrap.st1 .list > li .cir-in .icon > img { width: 50px; height: 50px; } 

.con4_wrap {margin: 2em 0 3em 0;}
.con4_wrap .con4_section {position: relative; border: 1px solid #ddd; border-left: none; border-right: none; padding: 2em 1em;}
.con4_wrap .con4_section:before {position: absolute; content: ""; width: 2.25em; height: 2px; background: var(--siteC); top: -2px; left: 0;}
.con4_wrap .con4_section .tit {width: 30%; padding-right: 2em; box-sizing: border-box;}
.con4_wrap .con4_section .con {flex: 1;}
.num_wrap { margin: 2em 0 3em 0; }
.num_wrap.no { margin: 0; }
.num_wrap .num_con { position: relative; flex: 1; padding: 0 1em; box-sizing: border-box; }
.num_wrap .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }
.num_wrap .num_con:last-of-type:after { width: 0; }
.num_wrap .num_con .num { width: 3em; height: 3em; background: #2b9cbb; border-radius: 50%; color: #fff; font-size: .9em; }
.num_wrap .num_con .t2 { margin-bottom: .5em; }
.num_wrap .num_con .icon { margin-top: 1.5em; }
.num_wrap .num_con .num:before{ width:100%; background:#ddd}
.num_wrap .num_con .num:after{ width:0; background:#0077cf}

.num_wrap2 {gap: 0.5em;}
.num_wrap2.no { margin: 0; }
.num_wrap2 .num_con {position: relative; width: 32.3%; padding: 1em;box-sizing: border-box; background: #fff; border-radius: 1em;}
.num_wrap2.w2 .num_con {flex: 1 49%;}
.num_wrap2 .num_con:last-of-type:after { width: 0; }
.num_wrap2 .num_con .num { width: 2.5em; height: 2.5em; background: #2b9cbb; border-radius: 50%; color: #fff; font-size: .9em; }
.num_wrap2 .num_con .t2 { margin-bottom: .5em; }
.num_wrap2 .num_con .icon { margin-top: 1.5em; }
.num_wrap2 .num_con .num:before{ width:100%; background:#ddd}
.num_wrap2 .num_con .num:after{ width:0; background:#0077cf}

.img_wrap {gap: 2em;}
.img_wrap2 {gap: 0.5em;}
.img_wrap2 li {width: calc(33.3% - 0.5em); border: 1px solid #ddd; border-radius: 0.5em; overflow: hidden; text-align: center; background: #fff;}
.img_wrap2 li .tt {padding: .5em;}
.img_wrap2.w2 li {width: calc(20% - 0.5em);}
.img_wrap2.w2 li .tt {font-size: 0.8em;}

.con_faq_wrap {gap: 1em;}
.con_faq_wrap .inn {background: #fff; padding: 2em; border-radius: 1em; box-shadow: 2px 2px 10px rgba(0, 0, 0, .1); gap: 3em;}
.con_faq_wrap .inn .num {width: 2em; height: 2em; background: var(--siteC2); text-align: center; line-height: 2em; color: #fff; border-radius: 50%;}
.con_faq_wrap .inn .tx_box {}
.con_faq_wrap .inn .tx_box .t1 {font-size: 1.25em; font-weight: 600; margin-bottom: 1em;}
.con_faq_wrap .inn .tx_box .t2 {font-size: 1.05em;}

.type_wrap {gap: 2em;}
.type_wrap .left {width: 35%; background: #fff; border-radius: 1em; text-align: center; padding: 1.5em 0;}
.type_wrap .left .con_idx {padding: 1em 0;}
.type_wrap .right {width: 60%;}
.type_wrap .right .inn {border: 1px solid #000; border-radius: 1em; overflow: hidden;}
.type_wrap .right .inn .tit {padding: 1em 1.5em; background: #000; color: #fff; font-size: 1.125em; font-weight: 500;}
.type_wrap .right .inn .detail_tbox {padding: 2em; background: #fff;}
.type_wrap .right .inn .detail_tbox .sub_tt {line-height: 1.6; font-size: 1.05em;}
.type_wrap .prod_img > img{ width: 100%; object-fit: contain;}

.order_tab {background: #f4f4f4; width: 85%; margin: 1.5em auto; border-radius: 3em; overflow: hidden;}
.order_tab li {width: 33.3%;}
.order_tab li > a {padding: .7em 1em; font-size: 0.96em;}
.order_tab li:hover > a,
.order_tab li.on > a {background: #2b9cbb; color: #fff;}

.talent_people{display:flex; gap: 1em; flex-wrap: wrap;}
.talent_people li{flex: 1 20%; position:relative; padding:1.5em 1em; background: #f4f4f4; border: 1px solid #333; text-align: center; border-radius: .5em;}
.talent_people li.w25{flex: 1 25%; position:relative; padding:1.5em 1em; background: #f4f4f4; border: 1px solid #333; text-align: center; border-radius: .5em;}
.talent_people.w2 li {flex: unset; width: 29.3%;}
.talent_people li strong{color:#eee; font-size:3em; font-weight: 800; position:absolute; right:0; top:20px;}
.talent_people li h4{ font-size: 1em; font-weight: 600; color: #fff; margin-bottom: 1em; display: inline-block; background: #cc1d22; border-radius: 50%; width: 2.5em; height: 2.5em; line-height: 2.5em;}
.talent_people li h3{font-size:1.125em; color:#111; line-height:1.3;}
.talent_people li h3 span {font-weight: 800;}
.talent_people li .icon {margin-bottom: 1em;}
.talent_people li .icon img {width: 4em;}
.talent_people li .h2 {min-height: 3.7em;}

.intro_quara {gap: 3em;}
.intro_quara .left {width: 25%; position: relative;}
.intro_quara .right {width: 70%;}
.talent_people.st2 li {flex:1 28.3%; background: #fff; border-color: #ddd;}
.talent_people.st2 li .icon {}
.talent_people.st2 li .icon img {width: 4em;}

.prod_list {gap: 1em;}
.prod_list li {width: 50%; background: #f4f4f4; padding: 3em; text-align: center;}
.prod_list li .img {}
.prod_list li .img img {height: 15em;}
.prod_list li .tit {margin-top: 2em; font-size: 1.25em; font-weight: 600;}

.prod_list2 {gap: 1em;}
.prod_list2 li {width: calc(50% - 1em); background: #fff; padding: 2em; border-radius: 1em;}
.prod_list2 li .in {}
.prod_list2 .in .img_box {width: 35%; text-align: center;}
.prod_list2 .in .img_box img {height: 13em;}
.prod_list2 .in .img_box .tit {font-size: 1.125em; font-weight: 600; margin-top: 1em;}
.prod_list2 .in .img_box .m_tit { font-size: 0.9em; margin-top: .5em; color: var(--siteC);}
.prod_list2 .in .detail_box {width: 65%;}
.prod_list2 .in .detail_box .top {border: 1px dashed var(--siteC); padding: .5em 1em; background: #fff6f7;}
.prod_list2 .in .detail_box .top .sub_tt {font-size: 0.96em;}
.prod_list2 .in .detail_box .top .sub_tt span {font-weight: 600;}
.prod_list2 .in .detail_box .bottom {margin-top: 0.5em;}
.prod_list2 .in .detail_box .as_tbox {background: #f4f4f4; padding: .5em 1em; margin-top: 0.5em; min-height: 3.2em;}
.prod_list2 .in .detail_box .as_tbox .ti {width: 12%; font-weight: 600; font-size: 0.9em;}
.prod_list2 .in .detail_box .as_tbox .right_t {}
.prod_list2 .in .detail_box .as_tbox .right_t .sub_tt {font-size: 0.86em;}
.prod_list2 .in .detail_box .as_tbox .right_t .sub_tt.dot:before {width: 4px; height: 4px; top: 6px;}
.prod_list2 .board_st2 th,
.prod_list2 .board_st2 td {font-size: 0.86em;}
.prod_list2 .board_st2 th,
.prod_list2 .board_st2 td {height: 2em;}

.prod_list3 {gap: 6em;}
.prod_list3 .left {width: 43%; border: 1px solid var(--siteC); padding: 2em 1em; border-radius: 1em;}
.prod_list3 .left .inn {width: 45%; text-align: center;}
.prod_list3 .left .inn .prod_img {height: 18em;}
.prod_list3 .left .inn .tit {font-size: 1em; font-weight: 600; margin-top: 1em; background: #333; display: inline-block; padding: .3em .7em; border-radius: 3em; color: #fff;}
.prod_list3 .right {width: 50%; gap: 1em;}
.prod_list3 .right .t_box {}
.prod_list3 .right .t_box .t1 {background: #2b9cbb; padding: .8em 1em; border-radius: 3em; margin-bottom: 1em; color: #fff; font-size: 1.125em;}
.prod_list3 .right .t_box .t1 .xi {font-size: 1em; vertical-align: baseline;}
.prod_list3 .right .t_box .t2 {padding-left: 2em; font-weight: 500;}

.quara_eff {}
.quara_eff .left {width: 40%;}
.quara_eff .right {width: 60%;}
.quara_eff .right .tit {text-align: center; font-size: 1.25em; font-weight: 600; margin-bottom: 1em;}
.quara_eff .right .lamp {gap: .5em; background: var(--crGray2); padding: 1em; border-radius: 1em;}
.quara_eff .right .lamp li {width: calc(50% - .5em); width: calc(50% - .5em); background: #fff; padding: 1em; border-radius: 1em; text-align: center;}
.quara_eff .right .lamp li .tt {font-size: 1em; margin-bottom: 1em;}
.quara_eff .right .lamp li .tt span {font-weight: 600; margin-right: 0.5em;}
.quara_eff .right .lamp li img {}

.ren_con1 .t_box {}
.ren_con1 .t_box .t1 {background: #2b9cbb; padding: .8em 1em; border-radius: 3em; margin-bottom: 1em; color: #fff; font-size: 1.125em;}
.ren_con1 .t_box .t1 .xi {font-size: 1em; vertical-align: baseline;}
.ren_con1 .t_box .t2 {padding-left: 2em; font-weight: 500;}

.ren_con2 {gap: .5em;}
.ren_con2 .inn {width: 16.66%; text-align: center; border: 1px solid #ddd; border-radius: 1em; padding: 1em;}
.ren_con2 .inn .icon {width: 3em; margin: 0 auto;}
.ren_con2 .inn .tit2 { font-weight: 1.05em; font-weight: 600; margin: .5em 0;}
.ren_con2 .inn .tt {font-size: 0.9em; min-height: 3.5em;}

.ren_con3 {gap: 1em;}
.ren_con3 .list {width: 33.3%;}
.ren_con3 .list img {height: 10em;}
.ren_con3 .list .tbox { margin-top: .5em;}
.ren_con3 .list .t1 {font-size: 1em; font-weight: 600; margin-bottom: .5em;}
.ren_con3 .list .t1 i {font-size: 1em; color: var(--siteC);}
.ren_con3 .list .t2 {font-size: 0.9em;}


.secur_price_ti {font-size: 1.25em; font-weight: 600; margin-bottom: 1em;}
.secur_price_ti span {background: var(--siteC); color: #fff; padding: .3em .8em; border-radius: 3em; font-size: 0.9em; margin-right: .5em;}

.securitySlide { position: relative; } 
.securitySlide_wrap { position:relative; height:60vh; width: 90%; margin: 0 auto;} 
.securitySlide_wrap .svg_wrap { position:absolute; z-index:10; top:0; right:3vw; width:11.5em; transform:translateY(-120%); } 
.securitySlide_wrap .svg_wrap .inBtn { position:absolute; top:1.75em; bottom:1.75em; left:1.75em; right:1.75em; border-radius:50%; color:var(--crWhite); } 
.securitySlide_wrap .svg_wrap .inBtn .tt { font-size:1.250em; } 
.securitySlide_wrap .svg_wrap .svg_txt { animation-duration:10s; } 
.securitySlide_wrap .svg_wrap .svg_txt tspan { font-size:.500em; fill:var(--siteC3); font-weight:600; } 
.securitySlide { overflow:hidden; } 
.securitySlide .el { position:relative; overflow:hidden; height:60vh; } 
.securitySlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; } 
.securitySlide .el.swiper-slide-active .bg,
.securitySlide .el.swiper-slide-duplicate-active .bg { } 

.securitySlide_wrap .slogan_wrap { position:relative; top:15vh; } 
.securitySlide_wrap .slogan_wrap .inner { color:#fff; } 
.securitySlide_wrap .slogan_wrap .tt { padding:.5em 0; } 
.securitySlide_wrap .slogan_wrap .t1 { font-size:2.000em; } 
.securitySlide_wrap .slogan_wrap .t2 { font-size:4.375em; } 
.securitySlide_wrap .slogan_wrap .t3 { font-size:1.250em; line-height:1.6; } 

.securitySlide_thumb_wrap { position:absolute; z-index:11; right:2vw; bottom:2vw; } 
.securitySlide_thumb .swiper-wrapper { gap:.625em; } 
.securitySlide_thumb .el { width:8em; pointer-events:auto !important; cursor:pointer; } 
.securitySlide_thumb .el .inner { background:rgba(0,0,0,.6); border-radius:.5em; color:#fff; transition:.2s; } 
.securitySlide_thumb .el .wrap_in { flex:1; padding:.5em; } 
.securitySlide_thumb .el .wrap_in .tt { font-weight:600; } 
.securitySlide_thumb .el .wrap_in .tt + .ico { margin-top:.75em; } 
.securitySlide_thumb .el .wrap_in .ico { width:3em; height:3em; border-radius:50%; } 
.securitySlide_thumb .el .wrap_in .ico img { width:60%; filter:var(--crWhitefil); } 
.securitySlide_thumb .el.swiper-slide-thumb-active .inner { background:#fff; border-radius:1.5em .25em 1.5em .25em; color:#000; } 
.securitySlide_thumb .el.swiper-slide-thumb-active .wrap_in .ico { background-image:var(--crGrad2); } 

.security-scroll { position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); } 
.security-scroll .tt { font-size: 1em; color: var(--crWhite); } 
.security-scroll .line { display: inline-block; width: 2px; height: 5em; background: rgba(255, 255, 255, .5); position: relative; } 
.security-scroll .line::before { content: ''; position: absolute; left: 50%; top: 0; width: 8px; height: 8px; background: var(--crWhite); border-radius: 50%; animation-name: scrollDownAni; animation-duration: 3s; animation-iteration-count: infinite; transform: translateX(-50%); } 

@keyframes scrollDownAni { 
0% { 
 top: 0; 
 } 100% { 
 top: 100%; 
 } 
 } 

.securitySlide_control .paging .swiper-pagination-current { font-weight: 700 } 
.securitySlide_control .inner { gap:0 .65em; justify-content: center; } 
.securitySlide_control .swiperBtn { width:auto; } 
.securitySlide_control .swiperBtn:not(.pause):not(.play).swiper-button-disabled { opacity:.4; pointer-events:none; } 
.securitySlide_control .paging { width:5em; text-align:center; } 
.securitySlide_control .paging .swiper-pagination-current { font-weight:700 } 
.securitySlide_control:not(.show) { display:none; } 

.securitySlide_control { position: absolute; left: 50%; transform: translateX(-50%); right: 3em; bottom: -3em; width: 10em; background: rgba(0, 0, 0, .315); border-radius: 8em; display: flex; overflow: hidden; padding: 0 .5em; z-index: 2; } 
.securitySlide_control .control { margin: 0 0 0 auto } 
.securitySlide_control .paging { width: 4em; font-size: .8em; text-align: center; display: block; color: #fff; z-index: 9; } 
.securitySlide_control .paging .swiper-pagination-current { font-weight: 700 } 

.security_con1 {gap: 2em;}
.security_con1 .inn {background: #fff; width: 50%; border-radius: 1em; padding: 1.5em;}
.security_con1 .inn.left {border: 1px solid var(--siteC);}
.security_con1 .inn.right {border: 1px solid #0077cf;}
.security_con1 .inn .tit {background: var(--siteC); display: inline-block; padding: .3em .7em; border-radius: 3em; color: #fff; margin-bottom: 1em;}
.security_con1 .inn.right .tit {background: #0077cf;}
.security_con1 .inn .tt {font-size: 1.05em; line-height: 2; border-bottom: 1px dashed #ddd;}
.security_con1 .inn .tt i {font-size: 1em; vertical-align: bottom; color: var(--siteC);}
.security_con1 .inn.right .tt i {color: #0077cf;}

.home_con1 {gap: 3em;}
.home_con1 .inn {width: 50%;}

.tel_estimate .estima_list > .box_con > .title_box.st2 {padding: unset;}
.tel_estimate .estima_list > .box_con > .title_box.st2 .lbox {width: 100%; position: unset;}


.event_list {}
.event_list li {margin-bottom: 1em;}
.event_list li .tit_wrap {width: 20%; text-align: center; color: #fff;}
.event_list li .con_wrap {flex: 1;}
.privacy_box {background: rgba(0, 0, 0, .3); padding: 1em; border-radius: 1em; color: #fff; margin-top: 1em; text-align: center;}
.privacy_box .t1 {}
.privacy_box .t2 {margin-top: 1em;}