@charset "utf-8";
/* CSS Document */
.box0{ width:var(--fullWidth); 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(--headH);}
.headH,
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headH); transition:height .2s, background .2s; box-sizing:border-box;}

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

#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{}
#header .logo > .in .logoB{ display:none;}

#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 1.8vw;}
#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.188em; 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:0 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 .all_wrap{ color:#000;}
#header .all_wrap .all{ width:4.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:2.375em; height:1.375em; 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:#000; 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:75%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:88%;}
#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:#fff;}
#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 .logo > .in{ transform:scale(.85,.85);}

#header.active{ background:#fff;}
#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;}


/*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:3em 0 4em 0; border-top:1px solid #e9e9e9;}
#footer .logo_wrap .logo img{ width:13em;}

#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_top{ position:relative; height:36em; text-align:center;}
#contents .sub_page_bg{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#contents .sub_page_bg > .bg{ position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s;}
#contents .sub_page_bg > .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.25),rgba(0,0,0,.65));}
.load #contents .sub_page_bg > .bg{ right:-2vw;}

#contents .sub_page_tit{ flex:1; position:relative; z-index:9; padding:0 0 5.5em 0;}
#contents .sub_page_tit .inner{ gap:1em 0;}
#contents .sub_page_tit .sub_tit{ font-size:3.750em; 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:5.5em; 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;}

/* #contents .doc{ padding:6em 0 10em;} */
#contents .doc{ padding:4em 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}


/*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;}


/*** 상품설명 ***/
/*  */
.introWrap{/* margin-bottom: 3em; */padding: 3.25em 0 2em;background: #f2f2f2;}
.introWrap .tit_wrap{width: 50%; /* padding-top: 2em; */}
.introWrap .tit_wrap.pt2{padding-top: 5em;}
.introWrap .tit_wrap .tit{ color:#111;}
.introWrap .tit_wrap .desc{ margin-top: 2em; padding-left: 0.5em;}
.introWrap .tit_wrap .desc .tt{ font-weight: 500; font-size:1.25em; line-height: 1.4; color:#111; word-break: keep-all;}
.introWrap .tit_wrap .desc .tt + .tt{ margin-top: 0.8em;}
.introWrap .img_wrap{width: 50%; margin-left:2.5em; padding: 1.5em; background: #fff;border-radius:2em; box-shadow: 0 0 10px rgba(0,0,0,.1); overflow: hidden;}
.introWrap .img_wrap .img{padding-bottom: 60%;}
.introWrap .img_wrap img{ height: 100%; object-fit: cover;}

/*  */
.tabList_wrap{padding: 1em 0 1.5em;background: #f2f2f2;}
.tabList_wrap .tabList{ display: flex; justify-content: center; gap:.5em; padding: 0 5vw;}
.tabList_wrap .tabList > li{ flex:1; max-width: 20em;}
.tabList_wrap .tabList > li a{ display: flex; justify-content: center; align-items: center; height: 3.5em; box-sizing:border-box; border-radius: 3em; border:1px solid #ddd; background-color: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, .2); }
.tabList_wrap .tabList > li a .t1{ font-weight: 600; font-size:1.125em; color:#555}
.tabList_wrap .tabList > li:hover a{ background-color: var(--siteC3); }
.tabList_wrap .tabList > li:hover a .t1{color:#fff}

/*  */
.needsWrap{gap: 1em;}
.needsWrap > li{flex:1;/* height: 17em; */padding: 5em 1.5em 6em;box-sizing:border-box;border-radius: 2em;background:#fff;box-shadow: 0 0 30px rgba(0,0,0, .2);position: relative;display: flex;/* align-items: center; *//* flex-direction: column; */}
.needsWrap .img_wrap{order: 2;/* position: relative; */}
.needsWrap .img_wrap img{position: absolute;right: 0;bottom: -2px;width: 10em;height: auto;}
.needsWrap .txt_wrap{word-break: keep-all;padding-top: 0em; width:65%;}
.needsWrap .txt_wrap .t1{font-weight: 600;font-size:1.25em;}
.needsWrap .txt_wrap .t1 strong{ display: block; margin-bottom: 0.5em; font-weight: 700; color:var(--siteC3);}
.needsWrap.d2 > li {flex:unset; width:calc( (100% - 1em) / 2); padding:4em 3.5em 5em}
.needsWrap.d2 > li .txt_wrap {width: 80%;}


/*  */
.serviceList{}
.serviceList .service_wrap{}
.serviceList .service_wrap.mt{ margin-top:6em;}
.serviceList .service_wrap .tit_wrap{}
.serviceList .service_wrap .con_wrap{padding:5em 0;}
/* .serviceList .service_wrap .con_wrap.st2{padding:5em 0;} */
.serviceList .service_wrap .con_wrap.bg{ /* padding:6em 0;  */background-color:#f2f2f2;}
.serviceList .service_wrap .con_wrap.bg.s2{ padding:8em 0; background-repeat: no-repeat; background-position: center top; background-size:cover; position: relative;}
/* .serviceList .service_wrap .con_wrap.bg.s2.pd{ padding: 4em 0;} */
.serviceList .service_wrap .con_wrap.bg.s2 .pr{position: relative; z-index: 1;}
.serviceList .service_wrap .con_wrap.bg.s2::after{content:'';width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0,0,0, .5), rgba(0,0,0,.2));position: absolute;left: 0;top: 0;}
/* .serviceList .service_wrap .con_wrap + .con_wrap{ margin-top:5em;} */
.serviceList .service_wrap .con_wrap .tit_top{ margin-bottom:.5em; font-weight:500; font-size: 1.5em; opacity: .85  ;}
.serviceList .service_wrap .con_wrap .con_tit{ margin-bottom:1em; font-weight: 600; font-size:1.75em; color:#111;}
.serviceList .service_wrap .con_wrap .con_tit.mt{ margin-top:3em;}
.serviceList .service_wrap .con_wrap .con_tit.white{color:#fff;}
.serviceList .service_wrap .con_wrap .con_tit .line{display:block; width:1em; height: 2px; margin:0 auto .5em; background-color:var(--siteC2); }
.serviceList .service_wrap .con_wrap .con_tit .tt{}
/* .serviceList .service_wrap .con_wrap h4.icon_tit{ position: relative;}
.serviceList .service_wrap .con_wrap h4.icon_tit:before{content:''; width:2.5em; height:1em; background:url(../images/inc/logo_mark.svg) no-repeat left top; background-size:contain;} */
.serviceList .service_wrap .con_wrap .con{}
.serviceList .service_wrap .con_wrap .con.line{ padding:2em; border:2px solid #ddd; border-radius: 2em;}
.serviceList .service_wrap .con_wrap .con .num_tit{ display: flex; flex-direction: column; text-align: center; margin-bottom:2em;}
.serviceList .service_wrap .con_wrap .con .num_tit.mt{ margin-top:5em;}
.serviceList .service_wrap .con_wrap .con .num_tit .num{ margin-bottom:.5em; font-weight: 700; font-size:1.5em; color:#999;}
.serviceList .service_wrap .con_wrap .con .num_tit .tt{ font-weight: 700; font-size:1.5em; color:#111; }


.serviceList .service_wrap .info{}


/* 기업인터넷전화biz */
.bizPrd_wrap{ margin-top:4em; padding:0 5em;}
.bizPrd_list{}
.bizPrd_list > li{display: flex; align-items: center; gap:1em; padding:2.5em 4em; box-sizing:border-box; background:#fff; border-radius: 2em;}
.bizPrd_list > li + li{ margin-top: 1em;}
.bizPrd_list .txt_wrap{ width: 60%;}
.bizPrd_list .txt_wrap .tit{ margin-bottom: 1em; font-weight: 600; font-size:1.375em; color:#333;}
.bizPrd_list .txt_wrap .dot_list{ padding-left: 1em; color:#555;}
.bizPrd_list .img_wrap{ width: 40%;}
.bizPrd_list .img_wrap .img{}
.bizPrd_list .img_wrap .name{ font-weight: 600; font-size:1.125em; text-align: center; color:#555}


/* 일반전화  */
.serviceList .service_wrap .con_wrap .con .servicePrice{ flex-direction:column; gap:.5em; width:34em; margin: 0 auto; padding: .8em 4em; border-radius: 1em; background: #fff; box-shadow: 0 10px 15px rgba(0, 0, 0,  .2);}
.serviceList .service_wrap .con_wrap .con .servicePrice .t1 {display: flex; align-items:center; gap:.5em; font-weight: 700; font-size:1.5em; color:#333;}
.serviceList .service_wrap .con_wrap .con .servicePrice .t1 > span{ font-size:1.5em;}
.serviceList .service_wrap .con_wrap .con .servicePrice .t2 {font-size:1.125em; color:#555}
.serviceList .service_wrap .con_wrap .con .btn_wrap{ }
.serviceList .service_wrap .con_wrap .con .btn_wrap .input_st.s1.w1{ width: 10em; height: 3em; }
.serviceList .service_wrap .con_wrap .con .btn_wrap .input_st{ border-radius: .5em; border-color:rgba(255, 255, 255, .3); background:rgba(0,0,0, .4); color:#fff; }

.serviceList .service_wrap .con_wrap .con .btn_wrap .input_st:hover{ background: var(--siteC);}


/*  */
.benefitWrap{ gap: 2em;}
.benefitWrap > li{width: calc( (100% - 2em) / 2);/* border:1px solid #eee; */border-radius: 1em;box-shadow: 0 0 30px rgb(0,0,0,.3);display: flex;flex-direction: column;border-radius: 1em;overflow: hidden;}
.benefitWrap > li .tit_wrap{ padding:1em 2em; border-radius: 1em 1em 0 0; background-color: var(--siteC);}
.benefitWrap > li .tit_wrap .tit{ font-weight: 600; font-size: 1.5em; color:#fff; text-align: center;}
.benefitWrap > li .desc_wrap{padding: 3em 1em; background-color: #fff;flex: 1;}
.benefitWrap > li .desc_wrap .img{width: 100%;margin-bottom: 3em;}
.benefitWrap > li .desc_wrap .img img{ width: 100%; height: 100%; object-fit: contain;}
.benefitWrap > li .desc_wrap .desc{/* display: flex; *//* flex-direction: column; *//* align-items:center; *//* gap: .5em; */padding:0 2em;text-align: center;}
.benefitWrap > li .desc_wrap .desc .t1{font-weight: 500;font-size: 1.5em;color:var(--siteC3);}
.benefitWrap > li .desc_wrap .desc .t2{margin-top: .5em;color:#555;}
.benefitWrap > li .desc_wrap .desc .t3{display:inline-block;padding: .2em .8em;font-weight: 700;font-size:1.125em;color:#f01010;background: rgba(240, 16, 16, .2);margin-bottom: .5em;} 

/*  */
.vsWrap{ gap:3em;}
.vsWrap .vsBox{ flex:1; border-radius: 1em; box-shadow: 0 0 30px rgba(0, 0, 0,  .3);}
.vsWrap .vsBox .tit{ padding:1em; border-radius: 1em 1em 0 0; background:var(--siteC3); font-weight: 600; font-size:1.5em; color:#fff; text-align: center;}
.vsWrap .vsBox.right .tit{ background:var(--siteC);}
.vsWrap .vsBox .desc_box{padding:2em 3em;border-radius: 0 0 1em 1em;background: #fff; word-break: keep-all;}
.vsWrap .vsBox .desc_box .dot_list.s1 > .dot:not(:first-child){ margin-top:1em}
.vsWrap .vsBox .desc_box .dot_list.s2 > .dot{ margin-top:.5em}


/* feeDetail tab */
/*tab*/
.con_idx{ position:relative;}
.con_idx > .idx{ position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; visibility:hidden; filter:alpha(opacity=0); opacity:0;}
.con_idx > .idx.on{ position:relative; height:auto; overflow:visible; visibility:visible; filter:alpha(opacity=100); opacity:1;}
/*  */
.con.fee .wrap_idx{}
.con.fee .wrap_idx .tab{ margin-bottom:3em;}
.con.fee .wrap_idx .tab .list_tab{ gap:1em; padding:0 10vw} 
.con.fee .wrap_idx .tab .list_tab > li{ width: calc( (100% - 2em) / 3); border:1px solid #ddd;  background:#fff; transition: all .3s;}
.con.fee .wrap_idx .tab .list_tab > li.on{ border-color:var(--siteC);}
.con.fee .wrap_idx .tab .list_tab > li:hover ,
.con.fee .wrap_idx .tab .list_tab > li.on{ box-shadow: 0 0 20px rgba(0,0,0,.1);}
.con.fee .wrap_idx .tab .list_tab > li > a{}
.con.fee .wrap_idx .tab .list_tab > li.on > a{}
.con.fee .wrap_idx .tab .list_tab > li > a .step_tit{ padding:.8em 1em; font-size:1.125em; color:#aaa; text-align: center;}
.con.fee .wrap_idx .tab .list_tab > li.on > a .step_tit{ color:var(--siteC)}

/* table style*/
.tbox {width:100%;}
.tbox .caption { display: block; margin-bottom: .8em; font-size: 1em; color:#555; text-align: right; position: relative;}
/* .tbox .caption::before { content: ""; position: absolute; right: 69px; top: 8px; width: 3px; height: 3px; border-radius: 100%; background: #333;}
.tbox .caption.bottom { margin-top: .8em; padding-left:1.5em; text-align: left; position: relative;}
.tbox .caption.bottom::before { content: ""; position: absolute; left:.5em; top: 8px;}
.tbox .caption.bottom + .dot_list.s2{ padding-left:1em;} */

.table_st {width:100%; border-top: solid 1px #333; word-break: keep-all;}
.table_st thead th {height:2em; padding:.5em .8em; line-height:1.5; color:#fff; text-align:center; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; background:var(--siteC); font-weight: 600; font-size: 1.125em;}
.table_st.st2 th{ background-color:#ddd; color:#555;}
.table_st tbody th{ background: #f0f3f9; border-bottom: 1px solid #e5e5e5;}
.table_st td {height:3em; padding:.5em .8em; border-bottom:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5; background:#fff; font-size:1em; line-height: 1.4; color:#111; text-align:center; }
.table_st td:last-child {border-right:none;}
.table_st .bold { font-weight:600;}
.table_st .rline,
.table_st .rline:last-child {border-right:solid 1px #e5e5e5;}

.table_st.st3{ border-color:#aaa; font-size:.875em}
.table_st.st3 th,
.table_st.st3 td{ border:1px solid #e5e5e5;}
.table_st.st3 th{background: #eee; font-weight:400; font-size:1em; color:#333}
.table_st.st3 tbody th{text-align: center;}
.table_st.st3 tbody td{ height:2.5em; padding:.5em .8em;}
.table_st.st3 tbody td.td-left{ text-align: left;}
.table_st.st3 tbody td .td-list{}
.table_st.st3 tbody td .td-list > li{ padding-left:.8em; position: relative;}
.table_st.st3 tbody td .td-list > li + li{ margin-top:.5em;}
.table_st.st3 tbody td .td-list > li::before{ content: ''; width: 3px; height: 3px; border-radius: 50%; background: #555; position: absolute; left: 0; top: 8px;}

.N-pdt-list { }

.N-pdt-list li {position:relative;margin:20px 0 0 0;padding:0 0 0 10px;}
.N-pdt-list li:first-child {margin:0;}
.N-pdt-list li:before {content:'';position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:100%;background:#797979;}
.N-pdt-list li.bl-star:before {content:'*';top:3px;width:auto;height:auto;background:none;}

.N-pdt-list li .N-pdt-desh-list, .N-pdt-list li .N-pdt-line-num-list, .N-pdt-list li .N-pdt-noted-list {
    margin: 0;
}

.N-pdt-list li .N-pdt-desh-list li, .N-pdt-list li .N-pdt-line-num-list li, .N-pdt-list li .N-pdt-noted-list li {
    margin: 10px 0 0 0;
}

.N-pdt-list li .N-pdt-noted-list li:before {
    width: auto;
    height: auto;
    background: none;
}

.N-pdt-desh-list {
    margin: 25px 0 0 0;
}

.N-pdt-desh-list li {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 0 0 10px;
}

.N-pdt-desh-list li:first-child {
    margin: 0;
}

.N-pdt-desh-list li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #797979;
}

.N-pdt-desh-list li .N-pdt-tbl-plan {
    margin: 10px 0 0 0;
}

.N-pdt-desh-list li .N-pdt-noted-list {
    margin: 0;
}

.N-pdt-desh-list li .N-pdt-noted-list li {
    margin: 10px 0 0 0;
}

.N-pdt-desh-list li .N-pdt-noted-list li:before {
    width: auto;
    height: auto;
    border-top: 0;
    border-radius: 0;
    background: none;
}

.N-pdt-desh-list li .N-pdt-line-num-list li {
    margin: 10px 0 0 0;
    color: #828282;
}

.N-pdt-desh-list li .N-pdt-list li {
    margin: 10px 0 0 0;
}

.N-pdt-desh-list li .N-pdt-list li:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #797979;
}

.N-pdt-noted-list {
    margin: 25px 0 0 0;
}

.N-pdt-noted-list li {
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 0 0 20px;
}

.N-pdt-noted-list li:first-child {
    margin: 0;
}

.N-pdt-noted-list li:before {
    content: '※';
    position: absolute;
    top: -1px;
    left: 0;
}

.N-pdt-noted-list li .N-pdt-list li {
    margin: 10px 0 0 0;
    padding: 0 0 0 10px;
}

.N-pdt-noted-list li .N-pdt-list li:before {
    content: '';
    top: 7px;
}

.N-pdt-noted-list li .N-pdt-list li .N-pdt-desh-list li:before {
    top: 8px;
}

.N-pdt-noted-list li .N-pdt-line-num-list li {
    margin: 10px 0 0 0;
}



/*  */
.conbox{padding: 3em 4em;border:1px solid #ddd;border-radius: 2em;background:#fff; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.conbox.bg{ padding:5em 4em; background:#40475f;}
.conbox + .conbox{ margin-top: 2em;}
.conbox > .tit{} 
.conbox > .tit .tt{display: inline-block; font-weight: 600; font-size:1.125em; padding: .25em .8em; border: 1px solid var(--siteC3); border-radius: .5em; background-color: #f2f2f2; color: #333;}
.conbox > .tit2{margin-bottom:2em; font-weight: 600; font-size:1.5em; color:var(--siteC3); text-align: center;} 
.conbox > .inner_wrap + .tit{ margin-top: 2em;}
.conbox > .inner_wrap{ padding-left:1em}
.conbox > .inner_wrap .dot_list.s1 > .dot{ margin-top:1.2em}
.conbox > .inner_wrap .dot_list.s2 > .dot{ margin-top:.5em}
.conbox > .inner_wrap .tbox{ padding:0 1em; box-sizing: border-box;}
.conbox > .flex.d2{}
.conbox > .flex.d2 > li { flex:1;}
.conbox > .flex.d2 > li:not(:first-child){border-left:1px solid #ddd;}
.conbox > .flex.d2 > li .img {display: flex; justify-content: center; align-items: center; height:16em;}
.conbox > .flex.d2 > li .img img{display: block; max-width:80%; max-height: 100%; object-fit:contain;}
.conbox > .flex.d2 > li .txt { margin-top: 2rem; padding:0 1em; font-size: 1.125em;color: #333; text-align: center; word-break: keep-all;}
.conbox > .flex.d2 > li .txt em{ display: block; margin-top: 0.5em; font-size:.875em; color:#777;}
.conbox > .flex.d2 > li .top_tit{ font-size:1.125em; color:#333; text-align: center;}
.conbox > .flex.d2 > li .top_tit .tt{ display: inline-block; padding: 2px 15px; text-align:  center; border-radius: 10px; background: #e0e0e0;  font-weight: 600; margin-right: 5px;}
.conbox > .flex.d2 > li .top_tit .t1{}

.conbox 
.conImg{ text-align: center;}
.conImg.s2{ width: 70%; margin: 0 auto;}

/* detail_list */
.detail_list{/* padding-top:100px; */}
.detail_list > ul{gap: 1em;/* margin-top:66px; */}
.detail_list > ul li{width:calc( (100% - 2em) / 3); border-radius:1.5em;background:var(--crGrad2);padding:20px 20px 30px 25px;position: relative;}
.detail_list > ul li.w2{ width:calc( (100% - 1em) / 2)}
.detail_list > ul li .icon{width:5em; height: 5em; padding: 1.25em; box-sizing:border-box;border-radius: 2em; background-color:#fff; float:right; box-shadow: 0 0 5px rgba(0,0,0,.25);}
.detail_list > ul li .icon.bg2{ background-color: rgba(0, 0, 0,  .5);}
.detail_list > ul li .icon img{ width: 100%; height: 100%; object-fit:contain;}
.detail_list > ul li > p{ color:#fff;}
.detail_list > ul li > .tit{max-width: calc(100% - 4em); margin-bottom:.8em; padding-top: 2.25em; font-family: 'KT'; font-weight:700; font-size: 1.375em;line-height: 1.4;word-break: keep-all;}
.detail_list > ul li > .desc{/* min-height: 4.2em; */font-size: 1em;line-height: 1.4;word-break: keep-all;letter-spacing: -.5px;}
.detail_list > ul li > .desc.dot{padding-left:.8em; position: relative;}
.detail_list > ul li > .desc.dot::before{ content: ''; width: 3px; height: 3px; border-radius:50%; background: #fff; position: absolute; left: 0; top: 8px;}
.detail_list > ul li .fee_box{margin-top: 2em;padding: 1em;background: #fff;border-radius: .5em;text-align: center;min-height: 3em;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.detail_list > ul li .fee_box .fee{ display:flex; align-items: center; font-weight: 600; font-size:1.125em; color:#555;}
.detail_list > ul li .fee_box .fee + .fee{ margin-top:.2em;}
.detail_list > ul li .fee_box .fee em{ font-size:1.1em; color:var(--siteC3);}
.detail_list > ul li .fee_box .point{font-weight: 400; font-size:1rem; color:#555; ;}
.detail_list > ul li .fee_box p.point{margin-top:.5em;}
.detail_list > ul li:hover{ background: var(--siteC3); box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);}

/* img_list - robot */
.img_list{gap:2em;/*  margin-top:3em; */}
.img_list > li{ width:calc( ( 100% - 4em) / 3); padding: 2em; border-radius: 2em; background:#f2f2f2; box-shadow: 0 0 30px rgba(0,0,0,.2);}
.img_list > li .img_wrap{ width:18em; height:18em; margin: 0 auto 1em; box-sizing: border-box; border-radius:50%; border:10px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,.2); overflow: hidden;}
.img_list > li .img_wrap img{ width: 100%; height: 100%; object-fit:cover;}
.img_list > li .txt_wrap{text-align: center; }
.img_list > li .txt_wrap .tit{ margin-bottom: 1em; font-weight: 600; font-size:1.5em; color:var(--siteC3); word-break: keep-all;}
.img_list > li:nth-last-child(even) .txt_wrap .tit{ color:var(--siteC)}
.img_list > li .txt_wrap .desc{ font-size:1.125em; color:#333; word-break: keep-all;}


/* telPrd_list */
.telPrd_list_wrap{}
.telPrd_list{ gap:2em;}
.telPrd_list > li{ width:calc( (100% - 4em) / 3); border: 1px solid #ddd; border-radius: 1em; overflow: hidden ;}
.telPrd_list > li .img_wrap{ background-color: #ebebeb; text-align: center;}
.telPrd_list > li .img_wrap img{ }
.telPrd_list > li .txt_wrap{ padding:2em 2em 2.5em}
.telPrd_list > li .txt_wrap .tit{ padding-bottom:1em;}
.telPrd_list > li .txt_wrap .tit .name{ font-weight: 600; font-size: 1.25em; margin-bottom:.5em; color:#333;}
.telPrd_list > li .txt_wrap .tit .cate{ width: auto;}


/* 인터넷 - officenet */
.prodLineup{}
.prodLineup .prodLineup_list{ gap:1em}
.prodLineup .prodLineup_list > li{width: calc( ( 100% - 2em) / 3);box-shadow: 0 0 20px rgba(0,0,0, .2); border-radius: 1em;  background:#fff;}
.prodLineup .prodLineup_list > li .tit_wrap{padding:1.25em 1em;border-radius: 1em 1em 0 0;background-color: var(--siteC3);}
.prodLineup .prodLineup_list > li:nth-child(even) .tit_wrap{ background-color:var(--siteC);}
.prodLineup .prodLineup_list > li .tit_wrap .tit{font-weight: 600;font-size: 1.25em;color:#fff;text-align: center; word-break: keep-all;}
.prodLineup .prodLineup_list > li .desc_wrap{display:flex; flex-direction:column; gap:1em; padding:2em 1.5em;}
.prodLineup .prodLineup_list > li .desc_wrap .img{ height: 15em; padding: 1em; box-sizing: border-box; text-align:center}
.prodLineup .prodLineup_list > li .desc_wrap .img.h2{ height: auto; padding:0;}
.prodLineup .prodLineup_list > li .desc_wrap .img img{height:100%; object-fit: contain;}
.prodLineup .prodLineup_list > li .desc_wrap .txt {}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t1{/* padding:1em 0; *//* border-bottom:1px solid #ddd; */font-weight:600;font-size:1.125em; color:var(--siteC3);text-align:center;word-break: keep-all;}
.prodLineup .prodLineup_list > li:nth-child(even) .desc_wrap .txt .t1{ color:var(--siteC)}
.prodLineup .prodLineup_list > li .desc_wrap .txt .t2{font-weight: 600; font-size:1.125em; color:#111; text-align: center; word-break: keep-all;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .inner_wrap{margin-top: 1.5em; padding:0 .8em; color:#333; word-break: keep-all;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .inner_wrap.topline{ margin-top:2em; padding-top: 2em; border-top:1px solid #ddd;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .inner_wrap .dot_list.s2{color:#555; margin-top: .5em;}
.prodLineup .prodLineup_list > li .desc_wrap .txt .inner_wrap .dot_list.s2 + .dot{ margin-top: 1em;}
.prodLineup .prodLineup_list.sec4{}


/* robot */
.robots {padding:3.75em; box-sizing: border-box; background-color: #fff;}
.robot {display: flex; align-items: flex-start; gap:4em;}
.robot + .robot {margin-top:3.75em; padding-top:3.75em; border-top: 1px solid #c2c5c7;}
.robot .img {flex:1; text-align: center;}
.robot .img img{}
.robot .img h3 {margin-top:1.25em; color: #000; font-weight: 700; font-size: 1.5em; text-align: center;}
/* .robot:nth-child(1) .img h3 {padding-right: 4rem;}
.robot:nth-child(2) .img h3 {padding-right: 3rem;}
.robot:nth-child(3) .img h3 {padding-right: 1rem;}
.robot:nth-child(4) .img h3 {padding-left: 4rem;}
.robot:nth-child(5) .img h3 {padding-right: 3rem;} */
.robot .spec {width:18em; padding:2.5em 2em; box-sizing: border-box; border: 1px solid #e7e7e7;}
.robot .spec h4 {margin-bottom:1em; padding-bottom:1em; border-bottom: 1px solid #000; color: #424343; font-weight: 700; font-size:1.25em;}
.robot .spec li {display: flex; position: relative; padding-left:.8em; font-size: .9375em;}
.robot .spec li:before {content: ""; position: absolute; top: 8px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #000;}
.robot .spec li + li {margin-top: .5em;}
.robot .spec .key {flex: 0 0 auto; color: #000; font-weight: 700;}
.robot .spec .key:after {content: ":"; margin:0 .5em;}
.robot .spec .value {flex: 1; color: #909090;}

/* robot vod */
.li-video-wrap {gap: 3em; width:100%}
.li-video-wrap li { width:calc((100% - 3em) / 2);}
.li-video-wrap li .v-tit { margin-bottom:.2em; font-size:1.5em; font-weight:600;}
.li-video-wrap li .video-box-half {width:100%; margin:1em auto 0;}
.li-video-wrap li .video-wrap-half {width:100%; padding-bottom:56.24%; position:relative;}
.li-video-wrap li .video-wrap-half iframe {width:100%; height:100%; position:absolute; top:0;left:0;}
.li-video-wrap li span {font-size:1.125em; color:#666; display:block;text-align:center;}


/* 인터넷 - 홈인터넷 */
.conLay_wrap{ }
.conLay{ display: flex; align-items: center; gap:3em;}
.conLay + .conLay{ margin-top: 2em;}
.conLay .txt_wrap{ flex:1; word-break: keep-all;}
.conLay .txt_wrap .t1{ margin-bottom: 1.25rem; font-weight:700; font-size:2em; color:#111;}
.conLay .txt_wrap .t1 strong{ position: relative;}
.conLay .txt_wrap .t1 strong::after{ content: ''; width: 100%; height: 15px; background-color: var(--siteC2); position: absolute; left: 0; bottom: 0; z-index: -1; opacity: .5; transform: skewX(-15deg);}
.conLay .txt_wrap .t2{ margin-left:1em; font-size: 1.25em; line-height: 1.4; color:#333; word-break: keep-all;}
.conLay .txt_wrap .t3{ margin-left:1.5em; margin-top: 1em; padding-left:1.5em; font-size:1em; line-height: 1.4; color:#555; position: relative;}
.conLay .txt_wrap .t3::before{content: '\e9a7'; font-family:xeicon; font-size: 1.125em; position: absolute; left: 0; top:0;}
.conLay:nth-child(even) .img_wrap{ order:-1;}
.conLay .img_wrap{ flex:1; }
.conLay .img_wrap .img{ border-radius: 3em; box-shadow:0 0 20px rgba(0,0,0, .2)}
.conLay .img_wrap .img.noline{ border-radius: unset; box-shadow: unset;}

.conLay_wrap.st2{ padding: 4em; border-radius: 3em;}
.conLay_wrap.st2 .tit{ font-size: 2em; text-align: center;}
.conLay_wrap.st2 .tit > *{ display: inline-block;}
.conLay_wrap.st2 .tit span{}
.conLay_wrap.st2 .tit strong{font-weight: 700; position: relative;}
.conLay_wrap.st2 .tit strong::before{content:'';width: 100%;height: 10px;background:var(--siteC2);position: absolute;left: 0;bottom: 0; opacity: .2;}
.conLay_wrap.st2 .desc{ margin-top:1em; font-size:1.125em; line-height: 1.4; color:#333; text-align: center;}
.conLay_wrap.st2 .img_wrap{ margin: 3em auto 0;text-align: center;}


/* w_quality */
.w_quality{}
.w_quality > ul{ gap:2em;}
.w_quality > ul li{display:flex; flex-direction:column; align-items:Center; gap:2em; flex:1;}
.w_quality > ul li .img{ }
.w_quality > ul li .img img{ }
.w_quality > ul li .info{flex:1; text-align:center;}
.w_quality > ul li .info .t1{display:block; margin-bottom:.5em; font-size:1.125em; word-break:keep-all;}
.w_quality > ul li .info .t2{display: block; font-weight: 600; font-size: 1.25em;}

/* btn_wrap */
.serviceList .btn_wrap.mt{margin-top: 6em; }
.serviceList .btn_wrap .input_st{ border-radius: .5em;}

/* gtv_visual */
.gtv_visual{ background: #815afe;}
.gtv_visual img{width: 100%; height: 100%; object-fit: cover;}

/* vodList_tab */
.vodList_tab{}
.vodList_tab .tab{ width: 60em; margin:0 auto 2em; padding:0 5em; box-sizing: border-box;}
.vodList_tab .tab .list_tab{ display: flex; flex-wrap:wrap; justify-content: center; gap:.5em;}
.vodList_tab .tab .list_tab > li{}
.vodList_tab .tab .list_tab > li .tab_tit{padding: .5em 1.5em;border: 1px solid #aaa;border-radius:3em;background: rgba(255, 255, 255, .1);font-weight: 600;font-size: 1.25em;color:#333;text-align: center;backdrop-filter: blur(20px); transition: all .3s;}
.vodList_tab .tab .list_tab > li:hover .tab_tit ,
.vodList_tab .tab .list_tab > li.on .tab_tit{ border-color:var(--siteC); background:var(--siteC); color:#fff;}

/* tvFuntion_list */
.tvFuntion_list{ display: flex; flex-wrap: wrap; gap:1em;}
.tvFuntion_list > li{ width:calc( ( 100% - 3em) / 4); padding: 2em 1.5em; background:#fff; box-sizing:border-box; border-radius: 2em; }
.tvFuntion_list .fn_icon{width: 80px;height: 80px;margin: 0 auto 2em;}
.tvFuntion_list .txt_wrap{ margin-top: 1em; padding:0 2em; text-align: center; word-break: keep-all;}
.tvFuntion_list .txt_wrap .tit{ font-weight: 600; font-size: 1.125em; color:#333}
.tvFuntion_list .txt_wrap .desc{margin-top: 1em;color:#555;}


/* 결합상품 - family_combi */
.family_combi{}
.family_combi > .tit{text-align: center;padding: .8em 1em;background:var(--siteC3);font-weight: 700;font-size:1.5em;color: #fff;border: 1px solid #333;}
.family_combi > ul{padding: 0 4em;border: 1px solid #333;border-top: none;}
.family_combi > ul > li{padding: 2.5em 0; display: flex;align-items: center;justify-content: space-evenly;}
.family_combi > ul > li + li{ border-top:1px solid #333;}
.family_combi .combi_box{}
.family_combi .combi_box .combiList{ gap: 4em;}
.family_combi .combi_box .combiList > li{}
.family_combi .combi_box .combiList > li .img{margin-bottom: 1em;}
.family_combi .combi_box .combiList > li .img .tit{margin-bottom: .5em;font-size:1.25em;font-weight: 600;color:#333;text-align: center;}
.family_combi .combi_box .combiList > li .img img{}
.family_combi .combi_box .combiList > li .price{font-size:1.125em;color:#333;text-align: center;}
.family_combi .combi_box .combiList > li .price .ori{position: relative;display: inline-block;}
.family_combi .combi_box .combiList > li .price .ori::before{content:'';width: 100%;height: 1px;background-color: #111;position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);}
.family_combi .combi_box .combiList > li .price .dc{ font-weight: 600;}
.family_combi .fee{ text-align: center;}
.family_combi .fee .total{ font-weight: 600; font-size: 2em;}
.family_combi .fee .total em{}
.family_combi .fee .dc{margin-top:1em; font-size:1.125em;}
.family_combi .fee .dc em{}


/* 하이오더 */
/*  */
.asis-tobe{}
.asis-tobe .inner{}
.asis-tobe .inner + .inner{ margin-top:3em;}
.asis-tobe .inner .tit{ margin-bottom: 2em; text-align: center;}
.asis-tobe .inner .tit .t1{ display: inline-block; padding:.5em 1em; border:1px solid #333; border-radius:2em; font-weight: 600; font-size: 1.5em; color:#333; text-align: center;}
.asis-tobe .inner.tobe .tit .t1{ border-color:var(--siteC); color:var(--siteC);}
.asis-tobe .inner .img{ text-align: center;}
.asis-tobe .inner .img img{}
/*  */
.hidorderCompo{}
.hidorderCompo .composition{}
.hidorderCompo .composition .tit{}
.hidorderCompo .composition .tit .t1{ font-weight: 600; font-size: 1.625em; color:#333;}
.hidorderCompo .composition .tit .t2{ color:#555;}
.hidorderCompo .composition .sub_tit{ margin-top: 1em; font-size: 1em; color:#555;}
.hidorderCompo .composition.compo1{}
.hidorderCompo .composition.compo1 .tit{ display: flex; align-items: center;}
.hidorderCompo .composition.compo1 .tit .t1{ margin-right: 1rem; padding-right: 1rem; position: relative;}
.hidorderCompo .composition.compo1 .tit .t1::after{ content: ""; width: 1px; height: 2rem; background-color: #707070; position:  absolute; right:0; top: 0; }
.hidorderCompo .composition.compo1 ul{ display: flex; flex-wrap: wrap; }
.hidorderCompo .composition.compo1 ul > li{ width:50%; padding: 1em 2.5em; box-sizing: border-box;}
.hidorderCompo .composition.compo1 ul > li .tit{}
.hidorderCompo .composition.compo1 ul > li .img{ margin-top: 2em;}
.hidorderCompo .composition.compo1 ul > li .img img{width: 100%;}
.hidorderCompo .composition.compo2{ padding: 1em 2.5em;}
.hidorderCompo .composition.compo2 ul{display: flex;gap: 1em; margin-top:1em}
.hidorderCompo .composition.compo2 ul > li {flex: 1;display: flex;flex-direction: column;gap: 1em;align-items: center;}
.hidorderCompo .composition.compo2 ul > li .icon_img {}
.hidorderCompo .composition.compo2 ul > li .icon_img img {height: 15em;object-fit: contain;}
.hidorderCompo .composition.compo2 ul > li .icon_txt {padding: 0 2em;text-align: center;box-sizing: border-box;word-break: keep-all;}
.hidorderCompo .composition.compo2 ul > li .icon_txt .t1{ margin-bottom: 1rem; font-weight: 600; font-size: 1.25em;}
.hidorderCompo .composition.compo2 ul > li .icon_txt .t2{ color:#333;}
.hidorderCompo .composition.compo2 ul > li .icon_txt .t3{ margin-top: 1rem; font-size:.875em; color:#555;}
.hidorderCompo .plus{width: 100%; height: 6rem; position: relative;}
.hidorderCompo .plus::before ,
.hidorderCompo .plus::after{ content: ""; border-radius: 0.6rem; background-color: #ebebeb; position: absolute; left:50%; transform: translate(-50%, -50%);}
.hidorderCompo .plus::before{ width: 1.1rem; height: 3.8rem; top:50%;}
.hidorderCompo .plus::after{ width: 3.8rem; height: 1.1rem; top:50%;}
/*  */
.hiorderType{}
.hiorderType > ul{ gap:1em}
.hiorderType > ul .typebox{ flex:1; padding: 2em; border:1px solid #ddd; border-radius: 1em; box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.hiorderType > ul .typebox .tit{margin-bottom: 1rme; text-align: center;}
.hiorderType > ul .typebox .tit strong{ display: inline-block; padding:.5em 1em; border-radius: 2em; border:1px solid #111;}
.hiorderType > ul .typebox .desc{text-align: center;}
.hiorderType > ul .typebox .desc .img{ margin-bottom: 1rem;}
.hiorderType > ul .typebox .desc .img img{}
.hiorderType > ul .typebox .desc .t1{ margin-bottom: 1rem; font-weight: 600; font-size: 1.625em;}
.hiorderType > ul .typebox .desc .t2{ font-size: 1.125em; color:#333;}

/* 지니에어 */
.airProdTit{ margin-top: 4em; font-weight: 600; font-size:1.25em; color:#333; text-align: center;}
.airProd_list{ gap:2em; margin-top: 3em;}
.airProd_list li{flex:1;display:flex;flex-direction:column;align-items:center;gap: 2em;text-align: center;}
.airProd_list li .img{ flex:1; display:flex; align-items:center; justify-content:center}
.airProd_list li .img img{}
.airProd_list li .name{}
.airProd_list li .name .tt{ display:inline-block; padding:.5em 1em; border:1px solid #555; border-radius: 2em;}

/* planWrap */
.planWrap{}
.planWrap .caption{margin-bottom:1em; padding-right: 2em; font-size:1em; color:#555; text-align: right;}
.planWrap .plan_list{}
.planWrap .plan_list > li{ display:flex; justify-content: space-between;  align-items: center; gap:1em; min-height: 9em; padding:3em 4em; border-radius:3em; background:#fff; box-shadow:0 0 20px rgba(0,0,0,.1);}
.planWrap .plan_list > li + li{ margin-top: 1.5em;}
.planWrap .plan_list .planTit{ flex:1; word-break: keep-all;}
.planWrap .plan_list .planTit > *{ display:block;}
.planWrap .plan_list .planTit .tt{font-weight: 600; font-size:1.5em; color:#111}
.planWrap .plan_list .planTit .td{font-size:1em; color:#333;}
.planWrap .plan_list .planInfo{ width:32em;}
.planWrap .plan_list .planInfo > ul{display: flex; gap: 1em;}
.planWrap .plan_list .planInfo > ul li{ flex:1;}
.planWrap .plan_list .planInfo > ul li + li{ border-left:1px solid #eee;}
.planWrap .plan_list .planInfo > ul li .img{ width: 3.5em; margin: 0 auto 1rem; text-align: center;}
.planWrap .plan_list .planInfo > ul li .img img{}
.planWrap .plan_list .planInfo > ul li .txt{ font-size:1em; color:#555; text-align: center; word-break: keep-all;}
.planWrap .plan_list .planCharge{ width:13.5em; padding-left: 2em;}
.planWrap .plan_list .planCharge .charge_info{font-weight: 600;font-size: 1.375em; gap: .2em;}
.planWrap .plan_list .planCharge .charge_info > span{ font-weight: 700;}
.planWrap .plan_list .planCharge .charge_sale{ margin-top: .5rem; color: #555;}
.planWrap .plan_list .planCharge .charge_benefit{margin-top: 1rem;padding: 1rem .2rem 0 2rem;border-top: 1px solid #ccc;text-align: right;}
.planWrap .plan_list .planCharge .charge_benefit .sale{}
.planWrap .plan_list .planCharge .charge_benefit .sale > em{display:inline-block; padding:.3em; background-color:#d1e9ff;
 font-weight : 600; color:var(--siteC3);}
.planWrap .plan_list .planCharge .charge_benefit .sale > span{display: inline-block; margin-top:.2em; font-size: .875em;}
.planWrap .plan_list .planCharge .charge_benefit .info{margin-top: .5rem;font-weight: 600;font-size: 1.25em;}
.planWrap .plan_list .planCharge .charge_benefit .info > span{}
.planWrap .plan_list .btn_wrap{ width:auto; padding-left: 2em;}
.planWrap .plan_list .btn_wrap .btn{ height: 3em; background-color:var(--siteC3);}

/* planView_page */
.planView_page{}
.planView_tit{ margin-bottom: 4em; padding: 4em 0; }
.planView_tit .inner > .tit{ color:#fff;text-align: center;}
.planView_tit .inner > .tit > *{ display: block;}
.planView_tit .inner > .tit strong{ font-weight: 700; font-size:2.5em;}
.planView_tit .inner > .tit span{ font-size:1.25em;}
.planView_tit .cost{margin-top: 1.5em;color:#fff;text-align: center;}
.planView_tit .cost strong{ margin-bottom:.2em; font-size:2em;display: flex;align-items: center;justify-content: center;}
.planView_tit .cost strong > em{font-weight: 700;font-size: 1.125em;display: inline-block;padding: 0 .2em;}
.planView_tit .cost span{ font-size:.875em; opacity:.8;}
.planView_tit .benefits{margin-top:2em; padding: 0 2em;}
.planView_tit .benefits > .tit{display:inline-block;margin-bottom: 1em;padding:.5em 1em;border-radius:.5em;border:1px solid #fff;font-size:1.25em;color:#fff;text-align: center;}
.planView_tit .benefits > .inner{gap: 1em;justify-content: center;}
.planView_tit .benefits .benefit{flex: 1; padding: 2em;background: #fff;border-radius: 2em;text-align: left;max-width:30em;}
.planView_tit .benefits .benefit .t1{display: flex; align-items: center;gap: .5em; font-weight: 600; font-size:1.375em; margin-bottom: 1rem;}
/* .planView_tit .benefits.tv .benefit .t1{ justify-content: center; margin-bottom: 0;} */
.planView_tit .benefits .benefit .t1 .xi{ display:inline-flex; justify-content:center; align-items:center;  width: 3rem; height: 3rem; padding:.2em; border-radius: 50%; background:#333; color:#fff}
.planView_tit .benefits .benefit .t1 .icon{}
.planView_tit .benefits .benefit .t1 .tx{ flex:1; word-break: keep-all; }
.planView_tit .benefits .benefit .t2{font-size: 1.125em;opacity:.8;padding-left:4rem;}

.planView_info{}
.planView_info .planLineup{}
.planLineup .planSlideWrap{ padding:0 3em 3em; position: relative; }
.planLineup .planSlideWrap .planSlide{width:100%; overflow: hidden;}
.planLineup .planSlideWrap .planSlide .swiper-wrapper{ height: auto;}
.planLineup .planSlideWrap .planSlide .swiper-wrapper.jcc{ justify-content: center;}
.planLineup .planSlide .swiper-slide{display: flex; flex-direction: column; justify-content: space-evenly; height: auto; padding: 2em 1.5em 1.5em; box-sizing: border-box;border: 1px solid var(--siteC3); border-radius: 2em; box-shadow: 0 0 10px rgba(0,0,0,.1); text-align: center; word-break: keep-all;}
.planSlideWrap .slidebtn_wrap{ width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); }
.planSlideWrap .slidebtn_wrap .slidebtn{ display: flex; justify-content: center; align-items: center; width: 3em; height: 3em; position: absolute; cursor: pointer;}
.planSlideWrap .slidebtn_wrap .slidebtn.next{ right: 0;}
.planSlideWrap .slidebtn_wrap .slidebtn.prev{ left: 0;}
.planSlideWrap .slidecontrol{ /* display: none; */}
.planSlideWrap .slidecontrol.show{ display: block;}
.planSlideWrap .swiper-pagination{width: 100%; margin:0 auto; position: absolute; left: 0; bottom: 0;}
.planSlideWrap .swiper-pagination .swiper-pagination-bullet-active{width:.625em;}
.planLineup .tit_wrap{height: 35%; padding: 0 1rem;}
.planLineup .tit_wrap .t1{ margin-bottom: 1rem; font-weight: 600; font-size:1.25em; word-break: keep-all;}
.planLineup .tit_wrap .t2{/* min-height: 3.6em; */ font-size:.9375em; color:#555;}
.planLineup .tit_wrap .t2 em{ font-size: .875em;}
.planLineup .charge_list{margin-top:1rem; padding:1rem 1rem 0; border-top: 1px solid #ddd;}
.planLineup .charge_list .charge{}
.planLineup .charge_list .charge .price{}
.planLineup .charge_list .charge .price.dc{ margin-top:1.5rem}
.planLineup .charge_list .charge .price strong{ font-size:1.5em;}
.planLineup .charge_list .charge .price strong em{ font-weight: 700;}
.planLineup .charge_list .charge .price .desc{ display: block; font-size:.875em;color:#555;}
.planLineup .details{margin-top: .8em;}
.planLineup .details .t3{width: 90%;margin: 0 auto .5em;padding: .5em .8em;box-sizing: border-box;border:1px solid var(--siteC2);border-radius: 1em;font-size:.875em;}
.planLineup .btn_wrap{ margin-top: 2em; }
.planLineup .btn_wrap .btn{ height: 2.5em; border-radius: .5em; font-size: 1.125em;}

.planView_info .planAbout{margin: 4em 0; padding: 4em 0; border-top: 2px solid #333;border-bottom: 1px solid #333;}
.planView_info .planAbout{}
.planView_info .planAbout .internetSafe_box{margin-top: 4em;
    padding: 4em 2em;
    border-radius: 2em;
    border: 1px solid #ddd;}
.internetSafe_box{ display: flex; }
.internetSafe_box .info{ flex:1;}
.internetSafe_box .info .tit{margin-bottom: 1em;}
.internetSafe_box .info .tit strong{ display: inline-block; padding:.5em 2em; border-radius:2em; font-weight: 600; font-size:1.25em; color:#fff;}
.internetSafe_box .info.left .tit strong{ background:var(--siteC)}
.internetSafe_box .info.right .tit strong{ background:var(--siteC3)}
.internetSafe_box .info .desc{ font-size: 1.125em; color:#333;}
.internetSafe_box .info .safe_ico{display: flex; gap:2em; margin-top: 3em; padding:0 2em;}
.internetSafe_box .info .safe_ico > li{ flex:1; display: flex; flex-direction: column; align-items: center; text-align: center;}
.internetSafe_box .info .safe_ico .ico{width: 60px; height: 60px; background-repeat: no-repeat; background-position: center center; background-size: contain; }
.internetSafe_box .info .safe_ico .txt{margin-top: 1em; line-height: 1.2; color:#333;}
.internetSafe_box .line{ border-left:1px solid #ddd;}
.planView_info .planAbout .conLay_wrap{ width:90%; margin:0 auto; box-sizing: border-box;}
.planView_info .planAbout .promotion_img{ text-align: center;}
.promotion_img img{}

.planView_detail{margin-top:5em;}
.planView_detail .detailWrap{ border-bottom:1px solid #bbb;}
.planView_detail .detailWrap > li{}
.planView_detail .detailWrap .detailTit{ border-top:1px solid #bbb;}
.planView_detail .detailWrap .detailTit .wrap_in{display: flex;align-items: center;gap:2em; padding: 1em 2em;background: var(--crGray);position: relative;}
.planView_detail .detailWrap .detailTit .wrap_in .tit{flex:1}
.planView_detail .detailWrap .detailTit .wrap_in .tit .tt{display: block; font-size: 1.188em; font-weight: 600; line-height: 1.5;}
.planView_detail .detailWrap .detailTit .wrap_in .ico{position:absolute;right: 2em;top:50%;width: 3em;text-align:center;transform:translateY(-50%);opacity:.4;}
.planView_detail .detailWrap .detailTit .wrap_in .ico .arrow{ font-size:2.000em; transition:.3s;}
.planView_detail .detailWrap .detailTit .wrap_in .ico .arrow:before{ content:"\e943";}
.planView_detail .detailWrap > li.on .detailTit .wrap_in .ico .arrow{ transform: rotate(-180deg)}

.planView_detail .detailWrap .detailCon{height: 0; border-top:1px solid #bbb; overflow: hidden; opacity: 0; visibility: hidden; transition: .3s;}
.planView_detail .detailWrap > li.on .detailCon{height: auto; overflow: visible; opacity: 1; visibility: visible;}
.planView_detail .detailWrap .detailCon .wrap_in{padding: 2em 2em;}
.planView_detail .detailWrap .detailCon .wrap_in .con{ }
.planView_detail .detailWrap .detailCon .wrap_in .con .t1{ font-size:1em; color:#555; }
.planView_detail .detailWrap .detailCon .wrap_in .con .table_scl{ margin-top: 1rem;}
.planView_detail .detailWrap .detailCon .wrap_in .con .table_scl .table_img{}
.planView_detail .detailWrap .detailCon .wrap_in .con .table_scl .table_img img{ width: 100%; object-fit: contain;}

/*  */
/* .planView_detail .detailWrap .detailCon .note_wrap{ padding-left: .5em; word-break: keep-all;}
.planView_detail .detailWrap .detailCon .wrap_in .con .table_scl + .note_wrap{  margin-top:1rem;}
.planView_detail .detailWrap .detailCon .note_wrap .tit{padding-left: 1em;font-weight: 600;color:#333;position: relative;}
.planView_detail .detailWrap .detailCon .note_wrap .tit:not(:first-child){margin-top: 1.2em;}
.planView_detail .detailWrap .detailCon .note_wrap .tit::before{content:''; width:10px; height:10px; box-sizing: border-box; border:3px solid #aaa;border-radius: 50%; position: absolute; left: 0; top: 3px;}
.planView_detail .detailWrap .detailCon .note_wrap .tit + .dot_list{ margin-top: 0.5em; padding-left: 1em;}
.planView_detail .detailWrap .detailCon .note_wrap .dot_list.s2{padding-left: .5em; margin-top: .5em;}
.planView_detail .detailWrap .detailCon .note_wrap .dot_list.s3 .dot:not(:first-child){ margin-top:1em;}
 */

.note_wrap{ padding-left: .5em; word-break: keep-all;}
.note_wrap .tit{padding-left: 1em;font-weight: 600;color:#333;position: relative;}
.note_wrap .tit:not(:first-child){margin-top: 1.2em;}
.note_wrap .tit::before{content:''; width:10px; height:10px; box-sizing: border-box; border:3px solid #aaa;border-radius: 50%; position: absolute; left: 0; top: 3px;}
.note_wrap .tit + .dot_list{ margin-top: 0.5em; padding-left: 1em;}
.note_wrap .dot_list.s2{padding-left: .5em; margin-top: .5em;}
.note_wrap .dot_list.s3 .dot:not(:first-child){ margin-top:1em;}
.planView_info .planAbout .promotion_img + .note_wrap{ margin-top: 3em; padding: 3em 1em 0; border-top:1px solid #333;}
.table_scl + .note_wrap{  margin-top:1rem;}
.tbox + .note_wrap{  margin-top:1rem;}


.planView_detail .detailWrap .detailCon .device_wrap{}
.device_wrap{}
.device_wrap .device_list{}
.device_wrap .device_list > li{ padding:3em 1em}
.device_wrap .device_list > li + li{ border-top:2px solid #ddd;}
.device_wrap .device_list > li .img{ text-align: center;}
.device_wrap .device_list > li .img img{}





/* 고객지원 */
.downloadLink{padding:0 8vw; box-sizing:border-box;}
.downloadLink .link_list{ gap:1em .8em;}
.downloadLink .link_list > a{ width: calc( (100% - .8em) / 2); height: 3.5em; padding: .5em 3em; border:1px solid #333; border-radius: 3em; font-size: 1.125em; color: #333; word-break: keep-all;}
.downloadLink .link_list > a .xi{ opacity: .8;}
.downloadLink .link_list > a:hover{ border-color:var(--siteC); background: var(--siteC); color:#fff}



/* recomand_list */
.recomand_list{ justify-content: center; gap:1em}
.recomand_list > li{ width: calc((100% - 2em) / 3); border:1px solid #eee;  border-radius: 2em 0; position: relative; box-shadow: 0 3px 15px rgba(0, 0, 0, .2); overflow: hidden;}
.recomand_list > li .img_wrap{ padding-bottom: 80%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.recomand_list > li .txt_wrap{background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 1));position: absolute;left: 0;bottom: 0;padding: 4em 2em 1.5em;width: 100%;box-sizing: border-box; }
.recomand_list > li .txt_wrap .tit{margin-bottom: 0.5em; font-weight: 600; font-size: 1.25em; color:#fff} 
.recomand_list > li .txt_wrap .desc{color:#eee;word-break: keep-all;min-height: 2.8em;line-height: 1.4;}


/* sub contact */
.contactWrap{margin-top: 3em; padding:3em 0; background: #042d5c;}
.contactWrap .inner{ gap:2em; padding:0 1em;}
.contactWrap .info_box{ flex:1; padding: 2.5em 4em; box-sizing: border-box; border-radius: 2em; background-color: #fff;;}
.contactWrap .info_box > .tit{ margin-bottom:1.5rem; font-weight: 600; font-size: 1.75em;}
.contactWrap .info_box.offline{}
.contactWrap .info_box.offline .conNum{display: flex; align-items: flex-end; gap:1em;}
.contactWrap .info_box.offline .conNum .icon{display: block; padding-left:1em; box-sizing:border-box;  }
.contactWrap .info_box.offline .conNum .icon::after{content: ''; display: block;width:4em; height:4em; background:url(../images/inc/contactTel_icon.png) no-repeat 0 0 / contain;}
.contactWrap .info_box.offline .conNum .num{ font-weight: 600; font-size: 3.5em; color:#111;}
.contactWrap .info_box.offline .timeList{ margin-top:1.8rem;}
.contactWrap .info_box.offline .timeList .time{ display: flex; align-items: center; gap:1rem; font-size:1.25em;   }
.contactWrap .info_box.offline .timeList .time + .time{margin-top:.5em;}
.contactWrap .info_box.offline .timeList .time .t1 {border-radius: .2em; }
.contactWrap .info_box.offline .timeList .time .strong{ font-weight: 600; color:#111; }
.contactWrap .info_box.online{}
.contactWrap .info_box.online .desc{font-size: 1.125em; line-height: 1.4; color:#333;}
.contactWrap .info_box.online .btn_wrap{margin-top:3em;}
.contactWrap .info_box.online .btn_wrap .btn{display: flex;align-items: center;justify-content: center; background:var(--crGrad2); color:#fff;padding: 1em 2em;border-radius: 1em;gap: 1em;}
.contactWrap .info_box.online .btn_wrap .btn .icon{}
.contactWrap .info_box.online .btn_wrap .btn .icon::after{content:'';display: block;width: 3em;height: 3em;background:url(../images/icon/sub_icon_003.png) no-repeat 0 0 / contain;}
.contactWrap .info_box.online .btn_wrap .btn strong{font-weight: 600; font-size:1.25em}
.contactWrap .info_box.online .btn_wrap .btn:hover{background: var(--siteC3); box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}

/* 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 4vw; box-sizing:border-box;}

.visualSlide_wrap{ position:relative;}
.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:100vh;}
.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:25vh;}
.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);}

.visualSlide_control{ position:absolute; z-index:10; top:calc(25vh + 22em); left:0; width:100%; color:#fff;}
.visualSlide_control .inner{ gap:0 1em;}
.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;}

.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:7.5em 0; word-break:keep-all;}
.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: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:3.500em;}
.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;}

/**/
.scrollfix .scrollInner{ height:100vh;}
.main_ai{ overflow:hidden;}
.main_ai .inner{ position:relative; flex:1; padding-top:8.5em;}
.main_ai .circleLine{ position:absolute; top:-6vw; right:-4vw; width:45vw; height:45vw; border:1px solid rgba(0,0,0,.1); border-radius:50%;}
.main_ai .circleLine:before,
.main_ai .circleLine:after,
.main_ai .circleLine .in:before,
.main_ai .circleLine .in:after{ content:""; position:absolute; width:.875em; height:.875em; background:var(--siteC2); border-radius:50%; transform:translate(-50%,-50%)}
.main_ai .circleLine:before{ top:50%; left:0;}
.main_ai .circleLine:after{ top:100%; left:50%;}
.main_ai .circleLine .in:before{ top:50%; left:100%;}
.main_ai .circleLine .in:after{ top:0; left:50%;}
.main_ai .bg_wrap,
.main_ai .bg_wrap .bg{ position:absolute; position:absolute; top:0; right:0; width:100%; height:100%; filter:grayscale(.4);}
.main_ai .bg_wrap{ overflow:hidden;}
.main_ai .bg_wrap .bg{ width:100vw;}
.main_ai .bg_wrap .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7;}
.main_ai .bg_wrap .fil{ position:absolute; top:0; left:0; width:100%; height:100%; backdrop-filter:blur(.4em);}

.main_ai .txt_wrap{ position:relative; padding-right:40vw;}

.main_tab{ width:36em; max-width:100%; color: #fff;}
.main_tab > li{}
.main_tab > li .in{ padding:2em .5em; border-top:1px solid rgba(255,255,255,.3);}
.main_tab > li .in .btn{ position:absolute; top:0; right:0;}
.main_tab > li .in .btn .xi{ font-size:1.750em;}
.main_tab > li .in .btn .xi:before{ content:"\e913";}
.main_tab > li .in .tit{ position:relative; transition:.2s; cursor:pointer;}
.main_tab > li:not(.on):not(:hover) .in .tit{ opacity:.5;}
.main_tab > li .in .tit .tt{ font-size:1.750em; font-weight:700;}
.main_tab > li .in .txt .tt{ font-size:1.063em; line-height:1.5; opacity:.7;}
.main_tab > li .in .main_more{ margin-top:1em;}
.main_tab > li .in .con{ margin-top:1em; display:none;}
.main_tab > li.on .in .con{ display:block;}

.main_ai .vod_wrap{ position:absolute; right:14vw; bottom:6vh; width:20vw;}
.main_ai .vod_wrap .el{ position:relative; perspective:1000px;}
.main_ai .vod_wrap .el .in{ position:relative; transform:rotateY(-30deg); border-radius:2em; overflow:hidden; filter:drop-shadow(1em 0 1em rgba(0,0,0,.4));}

.main_video_wrap{ text-align:center;}
.main_video_wrap .main_video{ background:#000; border-radius:1.5em; overflow:hidden;}
.main_video iframe{ position:absolute; top:50%; left:50%; pointer-events:none; opacity:0; transition:opacity 3s 0.1s; width:100%; height:165%; transform:translate(-50%,-50%);}
.main_video .video.start iframe{ opacity:1; transition:opacity 3s 0.2s}

.main_video_wrap{ position:relative;}
.main_video_wrap .video_control{ position:absolute; top:50%; left:50%; text-align:center; color:#fff; opacity:0; transform:translate(-50%,-50%); transition:opacity 0.3s;}
.main_video_wrap .video_control .vod_circle{}
.main_video_wrap .video_control .vod_circle .btn{}
.main_video_wrap .video_control .vod_circle .btn .xi{ font-size:2.500em;}
.main_video_wrap .video_control .vod_circle .btn.play{ display:none;}
.main_video_wrap .video_control .btn_txt{ margin-top:1em; letter-spacing:.25em; opacity:.8}
.main_video_wrap .video_control .btn_txt .tt{ font-size:1.125em; font-weight:700;}

.main_video_wrap .vod_line{ position:absolute; left:0; right:0; bottom:0; height:.5em; margin:1em; background:rgba(0,0,0,.5); border-radius:1em; overflow:hidden; box-sizing:border-box;}
.main_video_wrap .vod_line .line{ height:100%; background:var(--siteC2); border-radius:1em;}

.main_video_wrap:hover .main_video:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4;}
.main_video_wrap:hover .video_control{ opacity:1}

.main_service{ padding:13em 0;}
.main_service .inner{ position:relative;}

.main_service .wrapObj{ position:absolute; width:22%; border-radius:50%; overflow:hidden; animation-name: serviceObjAni; animation-duration: 4s; animation-iteration-count: infinite; animation-direction:alternate; filter:blur(5em); opacity:.5;}
.main_service .wrapObj.o1{ right:28%; top:60%; width:12%}
.main_service .wrapObj.o2{ right:0; top:80%; width:15%; animation-delay:4s}
.main_service .wrapObj.o3{ right:6%; top:50%; animation-delay:5s}
@keyframes serviceObjAni{
80% {filter:blur(0); transform:translateY(-10em); opacity:1;}
100% {filter:blur(0); transform:translateY(-10em); opacity:1;}
}

.main_business{ position:relative; padding:10em 0;}
.main_business:before{ content:""; position:absolute; top:50%; right:0; width:35%; height:80%; background:var(--crGray); border-radius:3em 0 0 3em; transform:translateY(-50%);}
.main_business .inner{ position:relative;}
.main_business .list_wrap{}
.main_business .list_wrap .list{ gap:2em 2em;}
.main_business .list_wrap .list > li{ width:calc(20% - 1.6em);}
.main_business .list_wrap .list > li .wrap_in{ flex:1; gap:1em; padding:2.5em 2.5em; background:var(--crGrad2); border-radius:1.5em; box-shadow:.5em .5em 1.5em rgba(0,0,0,.1); color:#fff;}
.main_business .list_wrap .list > li .wrap_in .ico_wrap .ico{ width:7em; height:7em; background:rgba(255,255,255,.1); box-shadow:.375em .375em 0 rgba(0,0,0,.15); border-radius:50%;}
.main_business .list_wrap .list > li .wrap_in .ico_wrap .ico img{ width:3em; filter:var(--crWhitefil);}
.main_business .list_wrap .list > li .wrap_in .txt_wrap{ padding-top:35%; transition:.2s;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap .tt{ padding:.5em 0;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap .t1{ font-size:1.625em; font-weight:600;}
.main_business .list_wrap .list > li .wrap_in .txt_wrap .t2{ font-size:1.063em; opacity:.8;}
.main_business .list_wrap .list > li .wrap_in:hover{ background:#4271d9;}
.main_business .list_wrap .list > li .wrap_in:hover .txt_wrap{ transform:translateY(-.75em);}