@charset "utf-8";
/* CSS Document */


.box0{ width:94%; margin:0 auto}
.box1{ width:1400px; margin:0 auto}
.box1L{ margin-left:calc((100vw - 1400px) / 2)}
.box2{ width:1600px; margin:0 auto}
.box3{ width:1100px; margin:0 auto}

.PC {display: block;}
.PHONE {display: none;}

.gnb li.m_hide{ display:none}

body:not(.pop){ display:flex; flex-direction:column}
body:not(.isIE){ height:100vh}
#footer{ margin-top:auto}
.m_policy{display: none;}
#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; color:#fff;}
#header:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#fff; opacity:.2}
#header .top_wrap .wrapH{ height:5em}
.headerT{ padding-top:3.5em}
#header .top_wrap .logo {z-index:3;}
#header .top_wrap .logo > a{ display:flex; height:2.688em; overflow:hidden; align-items: center;}
#header .top_wrap .logo .in{ display:block; height:100%; transform:translateY(-100%);}
#header .top_wrap .logo .in img{ display:block; height:100%}
#header .logo > a > img{ height: 80%; filter: var(--crWhitefil); }
body.scroll #header .logo > a > img{filter: none;}
#header:hover .logo > a > img,
body.fp-viewing-2 #header .logo > a > img,
body.fp-viewing-3 #header .logo > a > img{filter: none;}
#header .logo > a .tt {font-size: 2em; white-space: nowrap;}
#header .logo > a .tt span {font-weight: 800; margin-left: .1em; vertical-align: baseline;}
#header:hover .logo > a .tt span{color: #111;}
body.fp-viewing-2 #header,
body.fp-viewing-3 #header{ color: #111;}
body.fp-viewing-2 #header .all_wrap .all_btn .ham,
body.fp-viewing-2 #header .all_wrap .all_btn .ham:after,
body.fp-viewing-2 #header .all_wrap .all_btn .ham:before,
body.fp-viewing-3 #header .all_wrap .all_btn .ham,
body.fp-viewing-3 #header .all_wrap .all_btn .ham:after,
body.fp-viewing-3 #header .all_wrap .all_btn .ham:before{background: #111 !important;}

#header .top_wrap .gnb_wrap .gnb > li .dp1{ padding:1em; box-sizing:border-box; height:5em; min-width:10em; text-align:center; position:relative}
#header .top_wrap .gnb_wrap .gnb > li .dp1:not(.va_wrap){display: none;}
#header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ content:""; position:absolute; left:50%; bottom:0; width:2em; height:4px; background:var(--siteC); transform:translate(-50%, 50%)}
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ font-size:1.25em; font-weight:500}
/*#header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none;}*/
/* #header .top_wrap .etc_wrap .link{ padding:1em; opacity:.7} */
#header .top_wrap .etc_wrap .all_wrap{ margin-left:2em}
#header .top_wrap .etc_wrap .all_wrap .allBtn .xi{ font-size:2.5em}
.scroll #header{ background:#fff; color:#111; box-shadow:0 0 2em rgba(0,0,0,.1)}
.scroll #header .top_wrap .logo .in{transform:translateY(0);}
.scroll #header .top_wrap .gnb_wrap .gnb > li .dp1:after{ background:var(--siteC)}

/*gnb*/
#header .va_wrap{ height:5em}

#header .gnb_wrap{ position:absolute; width:100%; left:0; top:0; box-sizing:border-box; padding:0 20em; text-align:center;}
#header .gnb_wrap .gnb{ display:inline-flex; justify-content:center; margin:0 auto}
#header .gnb_wrap .gnb:before{ content:""; position:absolute; left:0; top:5em; width:100%; height:calc(100% - 5em); background:rgba(255,255,255,1); transform:scaleY(0); transform-origin:left top; transition:.3s; z-index:-1; box-sizing:border-box; box-shadow:0 1px 4px rgba(0,0,0,.2)}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li.m_member,
#header .gnb_wrap .gnb > li.m_mypage,
#header .gnb_wrap .gnb > li.m_policy,
#header .gnb_wrap .gnb > li.m_guide {display:none;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; z-index:1; transition:.3s; display:block; padding:0 1em; min-width:10em; font-weight:500;}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ width:3em}

#header .gnb_wrap .gnb > li:hover .dp1{ color:#5c5e5e;}
#header .gnb_wrap .gnb > li.on .dp1 {}
#header .gnb_wrap .gnb > li:hover .dp1:after{ transform:scaleX(1)}
#header .gnb_wrap .gnb > li .dp2{ display:block; opacity:0; height:0; overflow:hidden}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; padding:.8em 0; color:#5c5e5e;}

#header .gnb_wrap .gnb > li .dp2 {border-right:1px solid #eee; border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li:first-child .dp2 {border-left:1px solid #eee;}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ color:var(--siteC); }
#header .gnb_wrap .gnb > li .dp3{ display:none}
#header .gnb_wrap:hover .gnb:before{transform:scaleY(1); transition:.3s;}
#header .gnb_wrap:hover .gnb:after{ visibility:visible; transition-delay:.3s}
#header .gnb_wrap:hover .gnb > li .dp2{ opacity:1; height:calc(100% - 5em); overflow: visible; transition:.3s; padding:1em 0; box-sizing:border-box;}
#header .gnb_wrap:hover .gnb > li .dp2 li .va{position: relative; }
#header .gnb_wrap:hover .gnb > li .dp2 li .va::before{transition: width 0.2s ease-in-out; position: absolute; content: ''; left: 0; bottom: -.2em; width: 0; height: 1px; background: #fff;}
#header .gnb_wrap:hover .gnb > li .dp2 li:hover .va::before{ width: 100%;}
#header .gnb_wrap  + .gnb_bg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:-2; opacity:0; visibility:hidden}
#header .gnb_wrap:hover + .gnb_bg{opacity:1; visibility: visible; transition:.3s; transition-delay:.1s;}
#header .gnb_wrap .gnb > li:hover .dp2 { background: var(--siteC); }
#header .gnb_wrap .gnb > li:hover .dp2 > li > a{color: #fff;}
/* .scroll #header .gnb_wrap:hover .gnb > li .dp2{height:calc(100% - 4em);} */
#header:hover { background:#fff;}
#header:hover .gnb_wrap .gnb > li .dp1 .va{ color:#333;}
#header:hover .etc_wrap { color:#333;}
#header:hover .top_wrap .logo .in { transform:translateY(0); }

#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va .tt {color:var(--siteC); transition:.2s; font-weight: 700;}
/*etc*/
#header .etc_wrap {z-index:999; }
#header .etc_wrap .est_wrap {margin:0 1vw;}
#header .etc_wrap .est_wrap .est a {padding:.85em 2em; background:#1c4ab4; border-radius:50px; color:#fff;}
#header .etc_wrap .mem_wrap {}
#header .etc_wrap .mem_wrap .etc {}
#header .etc_wrap .mem_wrap .etc > li {}
#header .etc_wrap .mem_wrap .etc > li .in { display:block; padding:0 .75em;}
#header .etc_wrap .mem_wrap .etc > li .in .xi {vertical-align:middle; display:inline-block; padding-right:3px; font-size:1.4em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt {font-weight:700; vertical-align:middle; font-size:.95em;}
#header .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border-radius:3em; border:1px solid #fff; padding:.2em 1.3em; font-size:.875em !important}
#header .etc_wrap .mem_wrap .etc > li:hover .in .tt {color:var(--siteC); transition:.3s;}


#header:hover .etc_wrap .mem_wrap .etc > li .in {color:var(--siteC);  }
#header:hover .etc_wrap .all_wrap .all_btn .xi {transition:.3s;}
#header:hover .etc_wrap .mem_wrap .etc > li .in .tt.st1 {border:1px solid #5c5e5e;}

/**/
.main #contents{ padding-top:0}
#contents{}
#contents .sub_page_top{ position:relative;}
#contents .sub_page_top .bg{ position:relative; height:26em;}
.dp1_business #contents .sub_page_top .bg{ position:relative; height:22em;}
#contents .sub_page_top .bg:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg,rgba(0,0,0,.45) 40%,rgba(0,0,0,.2) 100%);}

#contents .sub_tit_wrap{ position:absolute; top:0; left:0; width:100%; height:auto; padding:5em 0 4em; color:#fff;}
#contents .sub_tit_wrap .headerT{padding-top: 4.8em;}
#contents .sub_tit_wrap .t1{ margin-bottom:1.5em; font-size:1.125em; font-weight:500; letter-spacing:.25em; opacity:.6;}
#contents .sub_tit_wrap .t2 { font-size:3.250em; font-weight:700;}
/* 
#contents .sub_page_menu{ transform:translateY(-50%);}
#contents .sub_page_menu.st1{transform:translateY(0);}
#contents .sub_page_menu .gnb{ display:block;}
#contents .sub_page_menu .gnb .dp2{ justify-content:center; text-align:center;}
#contents .sub_page_menu .gnb .dp2 > li{ width:20%; box-shadow:0 .5em .75em rgba(0,0,0,.1); transition:.2s;}
#contents .sub_page_menu .gnb .dp2 > li > a{ position:relative; height:4em; padding:.5em .5em; background:#fff; color:#555; transition:.2s;}
#contents .sub_page_menu .gnb .dp2 > li + li > a{ border-left:1px solid #eee;}
#contents .sub_page_menu .gnb .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
#contents .sub_page_menu .gnb .dp2 > li:hover{ transform:translateY(-.5em);}
#contents .sub_page_menu .gnb .dp2 > li:hover > a{ color:var(--siteC);}
#contents .sub_page_menu .gnb .dp2 > li.on > a{ background:var(--siteC); color:#fff;} */

#contents .sub_page_menu.business{transform:translateY(0);}
#contents .sub_page_menu.business .gnb{ display:block;}
#contents .sub_page_menu.business .gnb .dp2{ justify-content:center; text-align:center; flex-wrap: wrap;}
#contents .sub_page_menu.business .gnb .dp2 > li{ width:25%; transition:.2s;border-bottom: 1px solid #ccc; height: 100%;  box-shadow: none;}
#contents .sub_page_menu.business .gnb .dp2 > li > a{ position:relative; height:3.2em; padding:.5em .5em; background:#fff; color:#555; transition:.2s;}
#contents .sub_page_menu.business .gnb .dp2 > li + li > a{ border-left: none;}
#contents .sub_page_menu.business .gnb .dp2 > li > a .tt{ font-size:1.188em; font-weight:500;}
#contents .sub_page_menu.business .gnb .dp2 > li:hover{ transform:translateY(0);}
#contents .sub_page_menu.business .gnb .dp2 > li:hover > a{ background: #f7f7f7;}
#contents .sub_page_menu.business .gnb .dp2 > li.on{position: relative; }
#contents .sub_page_menu.business .gnb .dp2 > li.on::before{position: absolute; content: ''; border-bottom: 5px solid var(--siteC); bottom: 0; left: 0; width: 100%; z-index: 100;}
#contents .sub_page_menu.business .gnb .dp2 > li.on > a{  color:var(--siteC);}

.dp1on .gnb .dp2{ display:none!important}
.dp2on .gnb > li,
.dp2on .gnb > li .dp1,
.dp2on .gnb > li .dp3{ 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}

#contents .sub_page_menu:not(.business){ position:absolute; left:0; bottom:0; width:100%; z-index: 100;}
#contents .sub_page_menu .menu{ background:#fff; border-bottom: 1px solid #e5e5e5;}
#contents .sub_page_menu .menu .tit{ height:4em; transition:.2s;}
#contents .sub_page_menu .menu .home .tit{ width:4.125em; background:var(--siteC); color:#fff; transition:.2s; align-items: center; justify-content: center;}
#contents .sub_page_menu .menu .tit .tt{ font-size:1.063em; font-weight:500;}
#contents .sub_page_menu .menu .def{ position:relative; cursor:pointer;}
#contents .sub_page_menu .menu .def .tit{ position:relative; min-width:16em; padding:0 3em 0 2em; border-right:1px solid #e5e5e5; color:#333;}
#contents .sub_page_menu .menu .def .tit .arrow{ position:absolute; top:50%; right:.5em; width:1.25em; line-height:1.25em; text-align:center; background:#fff; border-radius:50%; font-size:1.25em; color:#363b3e; transform:translateY(-50%);}
#contents .sub_page_menu .menu .def .tit .arrow:before{ content:"\e942"; display:block; transform:rotate(0deg); transition:.2s;}
/* #contents .sub_page_menu .menu .def:hover .tit{ background:#363b3e; color:#fff;} */
#contents .sub_page_menu .menu .def:hover .tit .arrow:before{ transform:rotate(-180deg);}

#contents .sub_page_menu .menu .def .gnb{ display:block; position:absolute; z-index:10; top:100%; left:0; right:1px; opacity:0; visibility:hidden; transition:.2s;}
#contents .sub_page_menu .menu .def .gnb li > a.ac{ text-align:left !important;}
#contents .sub_page_menu .menu .def:hover .gnb{ opacity:1; z-index:3; visibility:visible; background: #fff;}

#contents .sub_page_menu .menu .def .gnb{ padding:.75em .75em; background:#fff; border:solid #e3e3e3; border-width:1px;}
#contents .sub_page_menu .menu .def .gnb li{ position:relative;}
#contents .sub_page_menu .menu .def .gnb li > a{ position:relative; padding:.625em 1.25em; color:#333;}
#contents .sub_page_menu .menu .def .gnb li > a.layer{display: none !important;}
#contents .sub_page_menu .menu .def .gnb li > a.va_wrap{text-align: left !important;}
#contents .sub_page_menu .menu .def .gnb li > a .tt{ font-weight:500;}
#contents .sub_page_menu .menu .def .gnb li.on > a .tt{ font-weight:700;}
#contents .sub_page_menu .menu .def .gnb li.plus > a{ padding-right:2.5em;}
#contents .sub_page_menu .menu .def .gnb li.plus > a:after{ content:"\e914"; font-family:xeicon; position:absolute; top:50%; right:.75em; transform:translateY(-50%);}
#contents .sub_page_menu .menu .def .gnb li:hover > a{ background:#f7f7f7;}
#contents .sub_page_menu .menu .def .gnb li.on > a{ color: #fff; background: var(--siteC);}

#contents .sub_page_menu .menu .def .gnb > li,
#contents .sub_page_menu .menu .def .gnb > li .dp1,
#contents .sub_page_menu .menu .def .gnb > li .dp2,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .def .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .def .gnb > li .dp3,
#contents .sub_page_menu .menu .depth_1 .gnb > li.m_mypage,
#contents .sub_page_menu .menu .depth_1 .gnb > li.m_policy,
#contents .sub_page_menu .menu .depth_1 .gnb > li.m_staff,
#contents .sub_page_menu .menu .depth_2 .gnb > li.m_staff .sm_medical{ display:none !important;}
#contents .sub_page_menu .menu .def .gnb li.on{ display:block !important;}
#contents .sub_page_menu .menu .depth_1 .gnb > li,
#contents .sub_page_menu .menu .depth_1 .gnb > li .dp1,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li,
#contents .sub_page_menu .menu .depth_2 .gnb > li .dp2 > li > a,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp2,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp2 > li.on,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp3,
#contents .sub_page_menu .menu .depth_3 .gnb > li .dp3 > li > a{ display:block !important;}
#contents .sub_page_menu .menuWrap {flex:1;}
#contents .sub_page_menu .menuWrap .gnb{width:100%;}
#contents .sub_page_menu .menuWrap .gnb > li,
#contents .sub_page_menu .menuWrap .gnb > li .dp1,
#contents .sub_page_menu .menuWrap .gnb > li .dp3{ display:none;}
#contents .sub_page_menu .menuWrap .gnb > li .dp2 {}
#contents .sub_page_menu .menuWrap .gnb > li .dp2 > li {padding:0 .5em; box-sizing:border-box; border-right:1px solid #ccc; flex:1; display:flex; justify-content:center;}
#contents .sub_page_menu .menuWrap .gnb > li .dp2 > li:last-child {border-right:none;}
#contents .sub_page_menu .menuWrap .gnb > li .dp2 > li a .tt {color:#333; font-weight:500; transition:.1s; font-size:1.05em;}
#contents .sub_page_menu .menuWrap .gnb > li.on{ display:block; width:100%;}

#contents .sub_page_menu .menuWrap .gnb > li .dp2 > li:hover a .tt {color:#ed1c24; transition:.1s;}


#contents .doc{ padding:4em 0 8em 0}
#contents .doc.mem{ padding:2em 0 8em;}

#header .etc_wrap{ z-index:999}
#header .etc_wrap .mem_wrap{ padding-right:1em;}
#header .etc_wrap .mem_wrap > li{}
#header .etc_wrap .mem_wrap > li .in{ padding:0 1em; opacity:.7;}
#header .etc_wrap .mem_wrap > li .in .xi{ padding-right:.25em; font-size:1.125em;}
#header .etc_wrap .mem_wrap > li .in .tt{ font-size:.938em;}
#header .etc_wrap .mem_wrap > li:hover .in{ color:#1a3c91; opacity:1;}
/* 
#header .etc_wrap .all_wrap .all_btn{ display:block; line-height:5em; width:5.5em; text-align:center; position:relative; opacity:.8;}
#header .etc_wrap .all_wrap .all_btn:before{ content:""; position:absolute; left:0; top:0; width:100%; height:0; background:#00b0f0; transition:.3s}
#header .etc_wrap .all_wrap .all_btn .xi{ font-size:2.5em; position:relative;}

#header .etc_wrap .all_wrap .all_btn:hover,
#header .etc_wrap .all_wrap.on .all_btn{ color:#fff !important; opacity:1;}
#header .etc_wrap .all_wrap .all_btn:hover:before,
#header .etc_wrap .all_wrap.on .all_btn:before{ height:calc(100% + 1px)} */

#header .all_wrap { color: #000; } 
#header .all_wrap .all { width: 4.5em; } 
#header .all_wrap .all_btn { position: relative; display: block; width: 2.5em; height: 1.125em; margin-left: auto; } 
body:not(.scroll) #header .all_wrap .all_btn .ham,
body:not(.scroll) #header .all_wrap .all_btn .ham:after,
body:not(.scroll) #header .all_wrap .all_btn .ham:before{background: #fff;}
#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: 1.5px; background: #000; transition: .2s, background 0s; } 
#header:hover .all_wrap .all_btn .ham,
#header:hover .all_wrap .all_btn .ham:after,
#header:hover .all_wrap .all_btn .ham:before{background: #000 !important;}
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content: ""; position: absolute; right: 0; } 
#header .all_wrap .all_btn .ham:before { top: calc(50% - 1px); width: 50%; } 
#header .all_wrap .all_btn .ham:after { top: calc(100% - 1px); width: 68%; } 
#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 2em; } 

#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 { display: flex; width: 10em; align-items: center; gap: 0.3em;} 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width: 100%; max-width: 3.6em;} 
#header .all_wrap .all_layer .wrap_top .all_logo .in .tt{font-size: 2em; font-weight: 800;}
#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 .gnb > li .dp1.layer{display: none;}

#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; background: #f7f7f7; } 
#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: var(--siteC); 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; } 

#header .all_wrap .all_layer .va_wrap{height: auto;}

.allGnbOn { overflow-y: hidden } 
.allGnbOn body { overflow-y: scroll } 
.allGnbOn #header .all_wrap .all_btn { z-index: 999; position: fixed; top: 2.5em; right: 2vw; width: 2.5em; height: 3em; filter: brightness(0) invert(0) !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: 120; 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; } 

.all_sns {gap: 1em;}
.all_sns .sns_btn {position:relative; width:3.5em; height:3.5em; border-radius:100%;}
.all_sns .sns_btn.c1 {background: #03C75A;}
.all_sns .sns_btn.c1 .xi {color: #fff;}
.all_sns .sns_btn.c2 {background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}
.all_sns .sns_btn.c2 .xi {color: #fff;}
.all_sns .sns_btn.c3 {background: #f9e000;}
.all_sns .sns_btn.c3 .xi {color: #333;}

/**/
.snsQuick{ position: fixed; z-index: 999; top: 50%; transform: translateY(-50%); left: 3em; opacity: 0;}
.snsQuick .sns_btn{ position:relative; width:3.5em; height:3.5em; border-radius:100%; background: #f9e000; margin-bottom: .5em;}
.snsQuick .sns_btn .xi {color: #333;}
.snsQuick .goTop{ width:3.5em; height:3.5em; background:#00b0f0; border-radius:100%; text-align:center; color:#fff; }
.snsQuick .sns_btn.c1 {background: #03C75A;}
.snsQuick .sns_btn.c1 .xi {color: #fff;}
.snsQuick .sns_btn.c2 {background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%);}
.snsQuick .sns_btn.c2 .xi {color: #fff;}

.snsQuick .goTop .tt{ display:block; font-size:.688em; font-weight:800;}
.snsQuick .goTop:hover{ background:#000;}
.scroll .snsQuick,
.fp-viewing-1 .snsQuick,
.fp-viewing-2 .snsQuick,
.fp-viewing-3 .snsQuick,
.fp-viewing-4 .snsQuick { opacity:1; visibility:visible; transition: .3s;}

.sns_st { display:flex; align-items:center; gap:.5em; justify-content: end; } 
.sns_st > li > a { width:2.5em; height:2.5em; background:#f1f1f1; display:flex; align-items:center; justify-content:center; border-radius:50% } 
.sns_st > li > a .xi,
.sns_st > li > a img { opacity:.5 } 
.sns_st > li > a .xi { font-size:1.25em } 
.sns_st > li > a img { height:40% } 
.sns_st > li > a:hover { color:#fff; transition:.3s } 
.sns_st > li > a:hover .xi,
.sns_st > li > a:hover img { opacity:1 } 
.sns_st > li > a:hover img { filter:brightness(0) invert(1) } 
.sns_st > li > a:hover.fb { background:#395398 } 
.sns_st > li > a:hover.in { background:#a9309d } 
.sns_st > li > a:hover.yt { background:#f70000 } 
.sns_st > li > a:hover.tt { background:#111 } 
.sns_st > li > a:hover.nb { background:#29a139 } 

.ch .sns_st > li > a.ka .xi{color: #333; filter: none;}

.ch .sns_st > li > a .xi,
.ch .sns_st > li > a img { opacity: 1; filter: brightness(0) invert(1); } 
.ch .sns_st > li > a.fb { background:#395398 } 
.ch .sns_st > li > a.ka { background:#f9e000; } 
.ch .sns_st > li > a.in { background: radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%); } 
.ch .sns_st > li > a.yt { background:#f70000 } 
.ch .sns_st > li > a.tt { background:#111 } 
.ch .sns_st > li > a.nb { background:#03C75A } 
.ch .sns_st > li > a.goTop { background:#00b0f0 } 


.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); } /*색상반전*/

.hideT { position: absolute; z-index: -1; display: inline-block; overflow: hidden; height: 1px; width: 1px; border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); word-break: initial; word-wrap: initial; } 
.hideT.close { display:none } 



#footer{ background:#333; color:#fff}
#footer .gotop{ position:fixed; right:0; bottom:0; width:4em; line-height:4em; background:#00b0f0; border:1px solid rgba(255,255,255,.2); text-align:center; color:#fff; transition:.3s}
#footer .gotop .xi{ font-size:1.5em}
#footer .gotop:hover{ background:#222}

#footer .wrap_in{ padding-top:5em; padding-bottom:5em;}
#footer .f_logo{  gap: 0.5em; align-items: center;}
#footer .f_logo img{height: 2em; filter: invert(100%) brightness(500%);}
#footer .logo {font-size: 2em;}
#footer .logo span {font-weight: 800; vertical-align: baseline; }
#footer .logo img{}
/* #footer .logo {font-size: 1.7em;}
#footer .logo span {font-weight: 800; vertical-align: baseline; margin-left: .1em;}
#footer .logo img{} */
#footer .info{ flex:1; margin-left:4%;}
#footer .info > li{ display:inline-block; margin:0 2em .75em 0; }
#footer .info > li.copyright{ display:block; margin-top:3em; font-size:.9em; text-transform:uppercase; opacity:.5; letter-spacing:.063em}
#footer .menu{ display: flex; gap: 2em;}
#footer .menu > li > a{ display:block; }
#footer .menu > li:first-child > a{ margin-top:0;}

#footer .f_top{ display: flex; flex-direction: column-reverse; gap: 2em; justify-content: flex-end;}
#footer .f_top .sns{}
#footer .f_bottom{display: flex; align-items: center; width: 80%;}

@keyframes downAni{
70% { transform:translateY(0)}
85% { transform:translateY(.5em)}
100% { transform:translateY(0)}
}

/* main */
.section { background-repeat:no-repeat; background-position:center top; position:relative; overflow:hidden; background-size:cover; height: 100vh;} 
.h_100 { height: 100vh !important; } 
.section .vWrap { position:absolute; left:0; top:0; width:100%; height:100% } 

.mainNav_wrap { position:fixed; z-index:999; left:2.5%; top:50%; transform: translate(-50%, -10%);} 
#mainNav > li * { transition:.3s } 
#mainNav > li > a { display:block; text-align:right; margin: 1em 0;} 
#mainNav > li > a .line,
#mainNav > li > a .tt { display:inline-block; *display:inline; zoom:1; vertical-align:middle } 
#mainNav > li > a .line { width:1em; height:1em; border-radius:1em; background:#fff; margin-left:7px; box-shadow: 0 0.125em 0.75em rgba(52,77,131,.45); } 
#mainNav > li > a .tt { color:#000; opacity:0; font-size:.9em; } 
#mainNav > li.on > a .line { height:4em; background:var(--siteC) } 
#mainNav > li:hover > a .line { background:var(--siteC) } 
#mainNav > li:hover > a .tt,
#mainNav > li.on > a .tt { opacity:1 } 

#scrollAni { position: fixed; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:50px; opacity:1; z-index:100; text-shadow:1px 1px 1px rgba(0,0,0,.3) } 
#scrollAni .xi { vertical-align:middle } 
#scrollAni .xi-mouse { font-size:3em; color:#fff; margin-right:-7px } 
#scrollAni .xi-scroll { font-size:2em; color:#fff; margin-left:-7px } 
#scrollAni .tt { display:block; color:#fff; font-size:.75em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:0 } 
#scrollAni.hide { opacity:0; z-index:-1 } 

.vod_wrap{ position:relative}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}

.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff;}
.visualSlide .el::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 10%);content: '';z-index: 1;}
.visualSlide .el .bg_wrap{ position:absolute; right:0; top:0; width:100vw; height:100%; overflow:hidden}
.visualSlide .el .bg_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap { position: relative; height: 100%}

.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}

.visualSlide_wrap{position: relative;}
.visualSlide_wrap .slogan{ color:#fff; z-index:10; position:absolute; top:28%; width:100%; box-sizing:border-box;}
.visualSlide_wrap .slogan .t1{ font-size:1.125em; letter-spacing:0; opacity:0}
.visualSlide_wrap .slogan .t2{ font-weight:700; font-size:3.25em; margin:.5em 0 1em 0; opacity:0; letter-spacing:.1em; transform:scaleY(0); transform-origin:center bottom; line-height: 1.4;}
.visualSlide_wrap .slogan .t2 .point{ vertical-align:top; color:#fcc7b8}
.visualSlide_wrap .slogan .t3{ font-size:1.375em; opacity:0; transform:translateY(3em); }
.visualSlide .el.swiper-slide-active .bg{ transform:scale(1); transition:8s}
.visualSlide .el.swiper-slide-active .slogan .t1{ letter-spacing:.5em; opacity:1; transition:2s}
.visualSlide .el.swiper-slide-active .slogan .t2{ transform:scaleY(1); letter-spacing:0; opacity:1; transition:2s; transition-delay:1s; position: relative; display: inline-block;}
.visualSlide .el.swiper-slide-active .slogan .t2::before{position: absolute; content: ''; bottom: -.3em; width: 100%; height: 2px; background: #fff;}
.visualSlide .el.swiper-slide-active .slogan .t2 .pointC{ padding: 0 .2em; background: var(--siteC); border-radius: .2em; line-height: 1.3;}
.visualSlide .el.swiper-slide-active .slogan .t3{ transform:translateY(-1em); opacity:1; transition:2s; transition-delay:1.5s}
.visualSlide .el.swiper-slide-active .slogan .t3 .pointC{ padding: 0 .2em; background: var(--siteC); border-radius: .2em; line-height: 1.3;}

.visualSlide_wrap .swiper_control{ position:absolute; bottom:15em; right:14%; z-index:10; color:#fff}
.visualSlide_wrap .paging{ display:flex; align-items:flex-end; margin-left:2em; color:#fff}
.visualSlide_wrap .paging > span{ position:relative; background:#aaa; opacity:1; height:1px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s}
.visualSlide_wrap .paging > span:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff}
.visualSlide_wrap .paging > span:before{ content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7; font-size:.8135em}
.visualSlide_wrap .paging > span.swiper-pagination-bullet-active{ width:10em}
.visualSlide_wrap .paging > span.swiper-pagination-bullet-active:before{ opacity:1}

.visualSlide_wrap .main_infomation{position: absolute; left: 0; bottom: 0; z-index: 10; display: flex; width: 100%; padding: 2em 9em; box-sizing: border-box; background: var(--siteC);}
.visualSlide_wrap .main_infomation .infoCon{  padding: 1em 3em; flex: 1; border-right: 1px solid #5f82a5; display: flex; box-sizing: border-box;}
.visualSlide_wrap .main_infomation .infoCon:last-child{border-right: none;}
.visualSlide_wrap .main_infomation .infoCon > a{flex: 1;}
.visualSlide_wrap .main_infomation .infoCon .tit{font-size: 1.25em; font-weight: 700; color: #fff; margin-bottom: .5em;}
.visualSlide_wrap .main_infomation .infoCon .t1{color: #fff;}
.visualSlide_wrap .main_infomation .infoCon > a .txt_wrap{ margin-bottom: auto;}

.visualSlide_wrap .main_infomation .infoCon > a i{color: #fff; opacity: 0.7; width: 1.9em; height: 1.9em; font-size: .9em; border: 1px solid #fff; border-radius: 100px; text-align: center;line-height: 1.9em; transition: 0.3 ease-in-out;}
.visualSlide_wrap .main_infomation .infoCon > a:hover i{opacity: 1; background: #fff; color: var(--siteC);}


/* 주요 사업영역 */
.busiBgSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff;}
.busiBgSlide .el::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 10%);content: '';z-index: 1;}
.busiBgSlide .el .bg_wrap{ position:absolute; right:0; top:0; width:100vw; height:100%; overflow:hidden}
.busiBgSlide .el .bg_wrap .bg{ width:100%; height:100%; position: relative;}
.busiBgSlide .el .bg_wrap .bg::before{position: absolute; content: ''; left: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.1);}
.busiBgSlide .el .slogan{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 100;}
.busiBgSlide .el .slogan .t1{font-size: 4.25em; font-weight: 800; margin-bottom: .4em; color: #fff;}
.busiBgSlide .el .slogan .t2{font-size: 1.5em; font-weight: 600; color: #f7f7f7; }
.busiBgSlide .el .more_btn a:hover span{background: var(--siteC); color: #fff; border-color: var(--siteC);}
.busiBgSlide .el .more_btn span{transition: 0.2s ease-in-out; font-size: 1.125em; font-weight: 600; color: #fff; margin-top: 3em; position: relative; padding: .6em 1em; border: 1px solid #fff; border-radius: .5em;}
.busiBgSlide .el .more_btn span i{vertical-align: sub; margin-left: 0.4em;}

.busiBg_wrapper {position: relative;}
.busiBg_wrapper .swiperControl{position: absolute; right: 0; left: auto; top: 0; margin-top: var(--header-h); z-index: 100;}

.busiBgSlide_control .swiperControl,
.busiBgSlide-pagination{ height: calc(100vh - var(--header-h))}
.busiBgSlide-pagination .custom_bullet {height: calc((100vh - var(--header-h)) / 8); background: rgba(0, 0, 0, 0.2); display: flex; align-items: center; border-bottom: 1px solid rgb(255 255 255 / 27%); backdrop-filter: blur(4px); transition: 0.2s ease-in-out;}
.busiBgSlide-pagination .custom_bullet:hover{background: var(--siteC); }
.busiBgSlide-pagination .custom_bullet .siteGo {display: flex; gap: 4em; justify-content: space-between; padding: 0 6em 0 3em; width: 100%; align-items: center;   transition: width .3s ease;}
.busiBgSlide-pagination .custom_bullet .siteGo .t1{ font-size: 1.5em; color: #fff; font-weight: 600;}
.busiBgSlide-pagination .custom_bullet .siteGo .t2{font-size: 1.06em; color: #eee; font-weight: 400; margin-top: 0.2em;}
.busiBgSlide-pagination .custom_bullet .siteGo i{color: #fff;}

.busiBgSlide-pagination .custom_bullet.swiper-pagination-custom-bullet-active{ background: var(--siteC);  transform: translateX(-2em);  width: 110%;}

/**/
.main_more { color:#111; } 
.main_more .tt { font-weight:500; } 
.main_more .xi { font-size:1.250em; margin-left:.625em; transition:.3s; } 
.main_more .xi:before { content:"\e90b"; } 
.main_more:hover { color:#1a1f87; } 
.main_more:hover .xi { padding-left:.875em; } 
.main_more.cw { color:#fff; } 
.main_more.big { font-size:1.250em; } 

.main_more.flex { gap:1em; } 
.main_more > .more { position:relative; gap:0 1em; padding:.5em 0; color:var(--siteC); transition:.2s; } 
.main_more > .more .in_tt { font-size:1.125em; font-weight:500; } 
.main_more > .more:not(.st1) .xi { display:flex; align-items:center; justify-content:center; text-align:center; font-size:1.000em; width:2em; height:2em; background:var(--siteC); border-radius:50%; color:#fff; } 
/* .main_more > .more:not(.st1):after { content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:var(--siteC); transform:scaleX(0); transition:.2s; transform-origin:left bottom; } 
.main_more > .more:not(.st1):hover:after { transform:scaleX(1); }  */

.main_more > .more.st1 { padding:0 0; width:3.5em; height:3.5em; background:transparent; border:1px solid rgba(0,0,0,.2); border-radius:50%; color:#000; transition:.2s; } 
.main_more > .more.st1 .xi { font-size:1.250em; } 
.main_more > .more.st1:hover { background:var(--siteC); border-color:var(--siteC); color:#fff; } 

.main_more > .more.st2 { gap:0 1.5em; height:3.5em; padding:0 2.75em 0 1.25em; border:1px solid var(--siteC); border-radius:6em; } 
.main_more > .more.st2:after { display:none; } 
.main_more > .more.st2:hover { background:var(--siteC); color:#fff; } 
.main_more > .more.st2:hover .xi { background:#fff; color:var(--siteC); } 

.main_txt.cw .tt { color:#fff; } 
.main_more.cw > .more { color:#fff; } 
.main_more.cw > .more:not(.st1) .xi { background:var(--siteC); } 
/* .main_more.cw > .more:not(.st1):after { background:#fff; }  */
.main_more.cw > .more.st1 { background:transparent; border-color:var(--siteC2); color:var(--siteC2); } 
.main_more.cw > .more.st1:hover { background:var(--siteC2); color:#fff; } 
.main_more.cw > .more.st2 { border-color:var(--siteC2); } 
.main_more.cw > .more.st2 .xi { background:var(--siteC2); } 
.main_more.cw > .more.st2:hover { background:var(--siteC2); } 
.main_more.cw > .more.st2:hover .xi { background:#fff; color:var(--siteC2); } 

.main_txt {margin-bottom: 3em;}
.main_txt .t1 {font-size: 3em; font-weight: 800;}
.main_txt .t2 {font-size: 1.25em; font-weight: 400; margin-top: 1em;}

.main .inner {padding-top: 6em;}
.main .inner2 {padding-top: 15em;}

.swiperControl{ position:absolute; top:53%; left:-2em; right:-2em;}
.swiperControl .swiperBtn{ position:absolute; top:0; transform:translateY(-50%); background: #fff; opacity: 1; width: 3em; height: 3em; line-height: 3em;}
.swiperControl .swiperBtn.swiperBtn.ab.prev {left: 6%;}
.swiperControl .swiperBtn.swiperBtn.ab.next {right: 6%; left: unset;}

.main_center{ position:relative;}
.main_center .posBg{ position:absolute; left:4%; right:0; bottom:0; height:50%; border-radius:6em 0 0 0; overflow:hidden;}
.main_center .posBg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(238,238,238,.6); backdrop-filter:grayscale(1) blur(.2em);}
.main_center .list_wrap{ border-radius:5em 0 5em 0; overflow:hidden;}
.main_center .list{}
.main_center .list > li{ flex:1;}
.main_center .list > li .in{ flex:1; position:relative; padding:10em 3em; overflow:hidden;}
.main_center .list > li .in:before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.7),rgba(0,0,0,.3)); transition:.2s;}
.main_center .list > li .in > *{ position:relative;}
.main_center .list > li .in:hover:before{ backdrop-filter:blur(.25em);}
.main_center .list > li .in .tit .tt {font-size: 2em; font-weight: 700;}
.main_center .list > li .in .center_btn {display: inline-block; background: var(--siteC); text-align: center; padding: 1em 1.5em; color: #fff;}

/*메인 비즈니스*/
.main_business {position: relative;}
.main_business .posBg{ position:absolute; left:4%; right:0; bottom:0; height:50%; border-radius:6em 0 0 0; overflow:hidden;}
.main_business .posBg:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(238,238,238,.6); backdrop-filter:grayscale(1) blur(.2em);}
.buSlide_wrap { position:relative; } 
.buSlide { position:relative; } 
.buSlide > .flex {gap: 1em;}
.buSlide .el {flex: 1;} 
.buSlide .el > .img_box { position: relative; box-sizing: border-box; padding: 2.5rem; width: 100%; height: 34rem; } 
.buSlide .el > .img_box:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .4); content: ''; } 
.buSlide .el > .img_box:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; z-index: 1; background: var(--crGrad2); opacity: 0; transition: 0.5s; } 
.buSlide .el > .img_box > .txt_area { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 80%; transition: .5s; z-index: 2; } 
.buSlide .el > .img_box > .txt_area > strong { font-size: 2.2em; font-weight: 800; color: #fff; margin-bottom: .5em; } 
.buSlide .el > .img_box > .txt_area .txt_wrap .tt{color: #fff; line-height: 1.5; font-weight: 500; font-size: 1.125em;}
.buSlide .el > .img_box > .txt_area .txt_wrap .tt2{color: #fff; line-height: 1.5; margin-top: 1em;}
.buSlide .el > .img_box > .txt_area > .main_more {display: flex; justify-content: center;margin-top: 4em;}
.buSlide .el > .img_box > .txt_area > .main_more a {  color: #fff; display: flex; align-items: center; transition: 0.2s; justify-content: center; width: 8em; padding: .5em 1em; border: 1px solid #fff; border-radius: .5em; } 
.buSlide .el > .img_box > .txt_area > .main_more a:hover{background: var(--siteC);}
/* .buSlide .el > .img_box > .txt_area > .txt { color: #fff; gap: .5em; border: 1px solid #ddd; background: rgba(255, 255, 255, .2); padding: 1em; margin-top: 15px; transition: .5s; transform: translateY(30px); } 
.buSlide .el > .img_box > .txt_area > .txt .min_t { flex: 1 48%; text-align: left;}
.buSlide .el > .img_box > .txt_area > .txt .min_t .xi {width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; font-size: .7em; color: #fff; border: 1px solid #fff; border-radius: 50%; margin-right: .5em; }
.buSlide .el > .img_box:hover:before { top: 0; opacity: .7; } 
.buSlide .el > .img_box:hover > .txt_area { margin-top: 0em; } 
.buSlide .el > .img_box:hover > .txt_area > .main_more,
.buSlide .el > .img_box:hover > .txt_area > .txt { transform: translateY(0); opacity: 1; }  */

.buSlide_wrap .swiperBtn.p_ar,
.buSlide_wrap .swiperBtn.p_al { font-size: 1.65em; } 
.buSlide_wrap .swiperBtn.p_al { left: -65px; } 
.buSlide_wrap .swiperBtn.p_ar { right: -65px; } 

.buSlide_wrap .paging-con { position: absolute; left: 50%; transform: translateX(-50%); padding-top: 4em; } 
.buSlide_wrap .paging-con .swiper-pagination-bullet { /*width: 30px; height: 3px; */ width: 8px; height: 8px; border: 1px solid var(--siteC); background: #fff; border-radius: 50%; transition: all .2s; } 
.buSlide_wrap .paging-con .swiper-pagination-bullet-active { background: var(--siteC); } 

/*  */
#section2::before{position: absolute; content: ''; width: 50%; height: calc(100% - 5em); left: 55%; bottom: 0; background: var(--siteC); z-index: 9;}
#section2.st2::before{position: absolute; content: ''; width: 100%; height: 19em; left: 0; bottom: 0; background: var(--siteC); z-index: 9;}

.main_performance{padding: 6em 0;}
.main_performance.bg1 {background: #f5fafe ;}
.main_performance.bg2 {background: #f5f5f5;}

.main_performance .main_tit_box{width: 27%;}
.main_tit_box .main_tit{color:#000; }
.main_tit_box .main_tit{ font-size: 40px; line-height: 1.34; letter-spacing: -0.65px; font-weight: 400;}
.main_tit_box .main_tit.st2{ font-size: 3em; line-height: 1.34; letter-spacing: -0.65px; font-weight: 400;}

.main_tit_box .main_tit b{font-weight: 800; vertical-align: baseline; color: var(--siteC);}
.main_tit_box .tt{font-size: 1.13em; color: #555; font-weight: 500; margin-top: 1em; line-height: 1.5;}
.main_tit_box .tt2{font-size: 1.25em; color: #555; font-weight: 500; margin-top: 1em; line-height: 1.5;}
.main_tit_btn { border: 1px solid var(--siteC); padding: .5em 1.4em; border-radius: .5em; transition: 0.2s ease-in-out;}
.main_tit_btn:hover{background: var(--siteC); }
.main_tit_btn:hover span{color: #fff;}
.main_tit_btn:hover span i{color: #fff;}
.main_tit_btn span{color: var(--siteC); background-color: transparent;display: flex;  align-items: center; gap: 0.2em; font-weight: 800; transition: 0.2s ease-in-out;}
.main_tit_btn span i{color: var(--siteC); transition: 0.2s ease-in-out;}
.main_tit_btn.st2 {padding: .5em 1em; font-size: .8em;}

.main_performance .main_tit_box .area{}
.main_performance .main_tit_box .area .txt{margin-bottom: 3em;}

.performancePC{height: 100%; width: auto;}

.performance_con{height: 100%; z-index: 10; position: relative; margin-left: 15%; gap: 7em; margin-top: 2vh;}
.performance_wrap {width: 73%;}
.performance_list li{height: 50vh;}
.performance_list li a{width: 100%; height: 100%;}
.performance_list li a:hover .img_wrap img{transform: scale(1.15);}
.performance_list li .img_wrap{ position: relative; overflow: hidden; width: 100%; height: 100%;}
.performance_list li .img_wrap img{transition: 0.3s ease-in-out; width: 100%; height: 100%; object-fit: cover;}
.performance_list li .img_wrap::before{ position: absolute; content: ''; bottom: 0; left: 0; height: 50%; width: 100%; background: linear-gradient(180deg,rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .7) 100%); z-index: 10;}
.performance_list li .con_wrap{ position: absolute; bottom: 1.3em; left: 1.3em; font-size: 1.125em; color: #fff; z-index: 11;}

.main_performance2 .main_tit_box{width: 100%;}
.performance_con2{height: 100%; z-index: 10; position: relative; gap: 7em; margin-top: 14.4em;}
.performance_wrap2 {width: 100%; margin-top: 3em;}
.performance_list2 li{background: #fff;}
.performance_list2 li a{width: 100%; height: 100%;}
.performance_list2 li a:hover .img_wrap img{transform: scale(1.15);}
.performance_list2 li .img_wrap{ position: relative; overflow: hidden; width: 100%; height: 16em;}
.performance_list2 li .img_wrap img{transition: 0.3s ease-in-out; width: 100%; height: 100%; object-fit: cover;}
.performance_list2 li .img_wrap::before{ position: absolute; content: ''; bottom: 0; left: 0; height: 50%; width: 100%; background: linear-gradient(180deg,rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, .7) 100%); z-index: 10;}
.performance_list2 li .con_wrap{background: #fff; padding: 1.5em; text-align: center;}
.performance_list2 li .con_wrap .cate {display: inline-block; background: var(--siteC); color: #fff; font-size: .8em; padding: .3em .8em; margin-bottom: 1em;}
.performance_list2 li .con_wrap .t1 {font-size: 1.125em; font-weight: 600;}

.main_performance2 .page_mq { position: absolute; left: 0; bottom: 0em; z-index: 10; } 
.main_performance2 .page_mq .tit { font-size: 5.5em; font-weight: 900; color: rgba(255,255,255, .03); text-transform: uppercase; line-height: .8; letter-spacing: -.05em; } 


/* .performance_list {margin-top: 2em; gap: 1.5em; flex-wrap: wrap; position: relative; z-index: 1;}
.performance_list li {flex: 1 1 22.6%; max-width: 50%;}
.performance_list li .in {display: block;}
.performance_list li .in .img_wrap {height: 13.5em; overflow: hidden;}
.performance_list li .in .img_wrap img {display: block;width: 100%;height: 100%;object-fit: cover; border-radius: .5em;}

.performance_list li .in .con_wrap {padding: 1em; text-align: center;}
.performance_list li .in .con_wrap .cate {background: var(--siteC); color: #fff; padding: .5em 1em; font-size: .8em; border-radius: 6em;}
.performance_list li .in .con_wrap .t1 {font-size: 1.125em; font-weight: 600;}
.performance_list li:hover .in .con_wrap .t1 {color: var(--siteC);} */

.main_news{padding: 10em 0;}
.main_news.bg1 {background: #f5fafe ;}
.main_news.bg2 {background: #f5f5f5;}
.main_news .inner_wrap{/* height: 100%; */ gap: 4.5em; margin-top: 5vh;}
.main_news .inner_wrap .box2{gap: 3em;/*padding: 5em 4em;  background: #fff; box-shadow: 0 0 25px rgb(17, 17, 17, 0.1); */}

.main_news .edu_linkB { position: relative; flex: 1; height: 15em; overflow: hidden; } 
.main_news .edu_linkB > .infoW { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } 
.main_news .edu_linkB > img { width: 100%; height: 100%; object-fit: cover;; } 
.main_news .edu_linkB:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); content: ''; } 
.main_news .edu_linkB .tit { font-size: 1.715em; color: #fff; font-weight: 800; margin-bottom: .5em; } 
.main_news .edu_linkB .linkB_btn { display: flex; align-items: center; border-radius: 8em; overflow: hidden; } 
.main_news .edu_linkB .linkB_btn > .linkB { min-width: 6em; padding: .5em 1em; width: 100%; } 
.main_news .edu_linkB .linkB_btn > .linkB.st1 { background: var(--siteC); color: #fff; } 
.main_news .edu_linkB .linkB_btn > .linkB > .tt { font-size: 1em; font-weight: 700; } 
.main_news .edu_linkB .linkB_btn:hover > .linkB.st1 { background: #fff; color: var(--siteC); }

.main_news .news_wrap{width: 45%;}
.main_news .news_wrap .main_tit_box .area .main_btn{  color: var(--siteC);}
.main_news .news_wrap .main_tit_box .area .main_btn span i{font-weight: 400; font-size: 1.5em;}
.main_news .news_list {border-top: 3px solid var(--siteC); margin-top: .5em;}
.main_news .news_list li {padding: 1em; border-bottom: 1px dashed #ddd; background: #fff;}
.main_news .news_list li > .in {gap: 3em; }
.main_news .news_list li:hover {background: #fff;}
.main_news .news_list li .img_wrap {width: 16em; height: 9em; overflow: hidden;}
.main_news .news_list li .img_wrap img{width: 100%; height: 100%; object-fit: cover;}
.main_news .news_list li .con_wrap {width: 100%; display: flex; justify-content: space-between;}
.main_news .news_list li .con_wrap .tit {font-size: 1.125em; font-weight: 500; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 0.5em;}
.main_news .news_list li .con_wrap .txt {font-size: 1.125em;}
.main_news .news_list li .con_wrap .date {font-size: 0.96em; color: #999999;}
.main_news .news_list li .con_wrap .right_info{gap: 1em;}

.main_news .main_tit_box .main_tit.t1{font-size: 1.63em;}

.main_news .other_menu {width: 55%; gap: 1em; }
.main_news .other_menu .menuCon{width: 100%; padding: 6% 0; text-align: center; position: relative; border: 3px solid var(--siteC); background-size: cover; background-position: center; background-repeat: no-repeat;}
.main_news .other_menu .menuCon::before{content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgb(0, 0, 0, 0.5); transition: 0.3s ease-in-out;}
.main_news .other_menu .menuCon:hover::before{background: rgb(0, 0, 0, 0.7); backdrop-filter: blur(5px);}
/* .main_news .other_menu .menuCon:nth-child(1){background: var(--siteC3);}
.main_news .other_menu .menuCon:nth-child(2){background: var(--siteC);} */
.main_news .other_menu .menuCon .txt_wrap{position: relative; z-index: 10; display: flex;  justify-content: center; align-items: center;}
.main_news .other_menu .menuCon .txt_wrap .left{ display: flex; flex-direction: column; gap: 1.5em;}
.main_news .other_menu .menuCon .con_tit{ transition: 0.3s ease-in-out;transform: translateY(8vh); display: flex; flex-direction: column; }
.main_news .other_menu .menuCon:hover .con_tit{transform: translateY(0);}
.main_news .other_menu .menuCon .con_tit .t1{font-size: 1.38em; color: #fff; font-weight: 600;}
.main_news .other_menu .menuCon .con_tit .t2{font-size: 0.96em; color: rgb(255, 255, 255, 0.5); text-transform: uppercase; margin-top: 0.5em;}
.main_news .other_menu .menuCon .tt{color: #fff;line-height: 1.5; transition: 0.3s ease-in-out; text-align: left;}
.main_news .other_menu .menuCon:hover .tt{transform: translateX(0); }

.main_news .other_menu .main_tit_btn{margin: 3em 0 ;  transform: translateY(2vh); transition: 0.4s ease-in-out; opacity: 0;}
.main_news .other_menu .menuCon:hover .main_tit_btn{transform: translateY(0); opacity: 1;}
.main_news .other_menu .main_tit_btn{border-color: #fff;}
.main_news .other_menu .main_tit_btn span,
.main_news .other_menu .main_tit_btn span i{color: #fff;}

.main_customer { background:#f1f1f1 } 
.main_customer .wrapIn { display:flex; flex-wrap:wrap; justify-content:space-between; box-sizing: border-box; margin-top: 9em;} 
.main_newsN { width:65%; background:#fff; padding:4em; box-sizing:border-box } 
.main_newsN .list { display:flex; justify-content:flex-start; gap:1.5em; margin-top:2em } 
.main_newsN .list > li { flex: 0 0 calc((100% - 3em) / 3); } 
.main_newsN .list > li .in { width: 100%; background:#fff; border:1px solid #eee } 
.main_newsN .list > li:hover .in {border-color: var(--siteC);}
.main_newsN .list > li .in .img_wrap .resize { padding-bottom:56.25% } 
.main_newsN .list > li .in .con_wrap { padding:1.5em; display:flex; flex-direction:column; gap:1em; word-break: break-all; } 
.main_newsN .list > li .in .con_wrap .tit { font-weight:700; font-size:1.25em; height:2.55em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.main_newsN .list > li .in .con_wrap .date { font-size:.813em; font-weight:500; color:#777 } 
.main_newsN .list > li .in .con_wrap .tt { font-size:.938em; font-weight:500; line-height:1.5em; height:4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} 
.main_link { width:30%; display:flex; flex-direction:column; gap:1em } 
.main_link > li { flex:1 1 1% } 
.main_link > li .in { position:relative; box-sizing:border-box; height:100%;display: block; width: 100%; overflow: hidden;} 
.main_link > li .in .bg,
.main_link > li .in .bg:after { position:absolute; left:0; top:0; width:100%; height:100% } 
.main_link > li .in .bg:after { content:""; opacity:.7 } 
.main_link > li .in .con { position:relative; box-sizing:border-box; padding:2em; height:100%; display:flex; flex-direction:column; gap:1em; color:#fff; justify-content:center } 
.main_link > li .in .con .tit { font-size:1.5em; font-weight:700 } 
.main_link > li .in .con .more { width:2em; height:2em; border-radius:50%; border:1px solid #fff; display:flex; align-items:center; justify-content:center } 
.main_link > li .in .con .more .tt {display: none;}
.main_link > li .in .con .more .arrow { font-size:1em; transform:rotate(-30deg);} 
.main_link > li .in .con .more .arrow:before { content:"\e907" } 
.main_link > li .in:hover .bg,
.main_link > li .in:hover .bg:after {filter: blur(1px); transition: .8s;}
.main_link > li .in:hover .bg:after {opacity: .9; transition: .8s;} 
.main_link > li .in:hover .con .more {width: 6em; border-radius: .5em; transition: .5s;}
.main_link > li .in:hover .con .more .tt {display: inline-block; margin-right: .5em; transition: .3s;}
.main_link > li .in:hover .con .more .arrow {transform: rotate(0); transition: .3s;}

.main_link > li.m1 .in .bg:after { background:var(--siteC2) } 
.main_link > li.m2 .in .bg:after { background:var(--siteC) } 
.main_link > li.m3 .in .bg:after { background:#111 } 

.main_business2 {padding: 5em 0;}
.main_business2 .business2_titbox {text-align: center; color: #fff;}
.main_business2 .business2_titbox .t1 {font-size: 1.8em; font-weight: 700;}
.main_business2 .business2_titbox .t2 {font-size: 1.05em; margin-top: 1em;}
.main_business2 .business2_list {margin-top: 3em; gap: 2em 0;}
.main_business2 .business2_list li {flex: 1 25%;}
.main_business2 .business2_list li .in {display: block; text-align: center;}
.main_business2 .business2_list li .in .icon {width: 4em; margin: 0 auto;}
.main_business2 .business2_list li .in .ti {color: #fff; margin-top: 1em;}
.main_business2 .business2_list li .in .tit {color: #fff; font-size: 1.23em; font-weight: 700; margin-bottom: 0.5em;}
.main_business2 .business2_list li .in .more_btn {display: inline-block; border: 1px solid #ddd; border-radius: .5em; font-size: .76em; padding: .3em .8em; color: #fff; margin-top: 1em;}
.main_business2 .business2_list li .in .more_btn > i {font-size: 1em;}

.main_business2 .business2_list li .in {
    transition: filter .45s ease, transform .25s ease, opacity .25s ease;
    display:block;
    width:100%;
    height:auto;
}

/* .main_business2 .business2_list li .in.active{
    filter: invert(28%) sepia(84%) saturate(2000%) hue-rotate(186deg) brightness(95%) contrast(92%);
    transform: translateY(-4px) scale(1.05);
    opacity:1;
} */

/* 비활성 기본 상태(필요시 명시) */
.main_business2 .business2_list li .in{
    opacity:1;
}

.move_titW { position: absolute; bottom: -2.6em; } 
.page_mq { overflow:hidden; } 
.page_mq .mv_tit .tit.fs2 { font-size: 18em; }
.page_mq .mv_tit .tit { font-weight: 900; }
.page_mq .mv_tit .tit i{ margin: 0 .1em; letter-spacing: -0.02em;} 
.page_mq .mqTT.c1 { color: rgb(220 230 249); }
.page_mq .mqTT { display: flex; flex-shrink: 0; white-space: nowrap; text-transform: uppercase; }
.page_mq .mqTT.sp1 > * { margin: 0 .15em; }
.marqueeAni.sp1 { animation-duration: 40s; }
.marqueeAni.sp2 { animation-duration: 160s; }
.marqueeAni { animation-name: marqueeAni; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite; }

@keyframes marqueeAni { 
 0% { transform:translateX(0); } 
100% { transform:translateX(-50%); } 
 }


/*  */
.main_inquiry{ position:relative}
.main_inquiry::before {content: ''; background: #000; opacity: .3; top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
.main_inquiry .wrapIn{ display:flex; gap:6em; align-items:flex-start; position:relative; box-sizing:border-box}
.main_inquiry .wrapTit{ width:30%; position:sticky; left:0; top:0; box-sizing:border-box}
.main_inquiry .wrapTit .tit1 {font-size: 1.25em; margin-bottom: .5em;}
.main_inquiry .wrapTit .tit2 {font-size: 2.8em; font-weight: 800;}
.main_inquiry .wrapTit .tt1 {font-size: 1.05em; margin-top: 2em;}
.main_inquiry .wrapCon{ flex:1 1 0%; min-width:0}
.main_inquiry > div{ position:relative; z-index:1}
.main_inquiry .formSt{ display:flex; flex-wrap:wrap; gap:1em; filter:brightness(0) invert(1); position:relative}
.main_inquiry .formSt > li{ width:100%}
.main_inquiry .formSt > li.w1{ width:calc(50% - .5em)}
.main_inquiry .formSt .wrap_in{ display:flex; align-items:center; gap:1em}
.main_inquiry .formSt .wrap_in:not(.btnW) > *{ flex:1 1 0%; min-width:0}
.main_inquiry .formSt .wrap_in .privacy{ flex:1 1 0%; min-width:0; display:flex; align-items:center; gap:1em}
.main_inquiry .formSt .input_st{ border-color:rgba(0,0,0,.3); background-color:unset; color:#aaa; background: rgba(255, 255, 255, .1);}
.main_inquiry .formSt textarea{ height:8em; padding:1.5em}
.main_inquiry .formSt .label_wrap{ border:1px solid rgba(0,0,0,.3); padding:1em; border-radius:.5em}
.main_inquiry .formSt .label_st2{ font-weight:700; font-size:1.063em}
.main_inquiry .formSt .btnW > *{flex:0 0 auto}
.main_inquiry .formSt .btnW .link{ padding:.25em 1.25em; border-radius:2em; border:1px solid rgba(0,0,0,.3); font-size:.875em; font-weight:500; display:flex; align-items:center}
.main_inquiry .formSt .btnW .btn{ margin-left:auto; border-width:3px; padding:1em 2em; display:flex; align-items:center; gap:.5em; justify-content:center;}

.main_inquiry .inquiry_con {height: 100%; border: 1px solid rgba(0, 0, 0, .3); padding: 0em 1.5em;}
.main_inquiry .inquiry_con .inquiry_list .tit {font-size: 1.063em; font-weight: 600;}

/* sub */
/* 공통 */
.page_tt { font-size:1em; word-break:keep-all; line-height:1.6; } 
.page_tt > .tt + .tt { margin-top:1.25em; } 
.page_tt.o1 { opacity:.7; } 
.page_tt.o2 { opacity:.1; } 
.page_tt.s1 { font-size:0.938em } 
.page_tt.s2 { font-size:1.063em } 
.page_tt.s3 { font-size:1.125em } 
.page_tt.s4 { font-size:1.250em } 
.page_tt.s5 { font-size:1.313em } 
.page_tt.s6 { font-size:1.500em } 
.page_tt.s7 { font-size:1.625em } 
.page_tt.s8 { font-size:1.875em } 
.page_tt.s9 { font-size:2.375em } 
.page_tt.s10 { font-size:2.750em } 
.page_tt.s11 { font-size:3.250em } 
.page_tt.s12 { font-size:4.000em; } 
.page_tt.s13 { font-size:4.500em; } 
.page_tt.s14 { font-size:5.250em; } 

.page_gap{}
.page_gap + .page_gap{margin-top: 12em;}

.sub_tt { font-size: 1em; line-height: 1.5; }
.sub_tt.t1 { font-size: 1.5em; }
.sub_tt.t2 { font-size: 1.12em; }
.sub_tt.t3 { font-size: .8em; color: #fff; text-transform: capitalize; }
.sub_tt.t4 { font-size: 1.2em; }
.sub_tt.t5 { font-size: .83em; text-transform: uppercase; }
.sub_tt.t6 { font-size: 2.6em; }
.sub_tt.t7 { font-size: .938em; }
.sub_tt.t8 { font-size: 1.7em; }
.sub_tt.t9 { font-size: .8em; }
.sub_tt.t10 { color: #fff; letter-spacing: 5px; }

.sub_tt.we1 { font-weight: 500; }
.sub_tt.we2 { font-weight: 600; }
.sub_tt.we3 { font-weight: 700; }
.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: #0077cf; top: 9px; left: 0; }

.sub_table_tit {border-bottom: 1px solid #000; padding-bottom: 0.5em;}

/**/
.dotList{}
.dotList li{position: relative; padding-left: .8em; font-size: 1.06em;}
.dotList li + li{margin-top: 0.7em;}
.dotList li::before{position: absolute; content: ''; left: 0; top: 8px; width: 4px; height: 4px; border-radius: 100px; background: #111;}

/**/
.con_bg{ background: linear-gradient(180deg, rgba(255, 255, 255, 1) 44%, #d7d7d7 100%);}

/* 연혁 */
.history-con .hisTopImg{ width: 100%; height: 25em; border-radius: 1em; overflow: hidden; margin-bottom: 2.5em;}
.history-con .hisTopImg > img{ width: 100%; height: 100%; object-fit: cover;}
.history-layout {gap: 6em;}
.history-layout .left { position: sticky; height: 100%; top: var(--headH); flex: 1 1 45%; margin-top: 2.5em;}
.history-layout .left .title-wrap {}
.history-layout .left .title-wrap > .desc{ font-size: 1.15em; color: #444;}
.history-layout .left .title-wrap > h3{font-size: 2.515em; margin: .25em 0; font-weight: 700;}
.history-layout .left .img-wrap {margin-top: 1.5em; height: 25em; position: relative;}
.history-layout .left .img-wrap img {border-radius: 1em; width: 100%; height: 100%; object-fit: cover;}
.history-layout .right {flex: 1 1 55%;}
.history-layout .right .hitory_wrap {}

.history_bgw {overflow:hidden; position:relative; margin-bottom:3em;}
.history_bgw .bg_w {position:absolute; left:0; top:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat; background-size:cover; background-attachment:fixed;}
.history_bgw .txt_wrap {text-align:center; }
.history_bgw .txt_wrap .en {font-weight: 700;  padding-bottom:.5em; color:#fff; /*letter-spacing:5px;*/ font-size:2.5em; }
.history_bgw .txt_wrap .kr {font-size:1.125em; color:#fff; margin-bottom:.5em;}
.history_bgw .line_wrap{ position:relative; height:15em;}
.history_bgw .line_wrap .line{ position:absolute; background:#fff; width:1px; height:1px; transition:1s; opacity:.5; display:none;}
.history_bgw .line_wrap .line.hor{ transition-delay:1s}
.history_bgw .line_wrap .line.top{ top:0}
.history_bgw .line_wrap .line.bot{ bottom:0}
.history_bgw .line_wrap .line.left{ left:0}
.history_bgw .line_wrap .line.right{ right:0}
.load .history_bgw .line_wrap {margin:2em 1.5em;}
.load .history_bgw .line_wrap .line.ver{ height:100%}
.load .history_bgw .line_wrap .line.hor{width:40%;}
.load .history_bgw .line_wrap .line{ display:block}

.history_wrap{ position:relative; padding:2em 0 2em 0; overflow: hidden;}
.history_wrap:before,
.history_wrap .scrollAniHis{ content:""; position:absolute; left:2%; top:0; width:2px; height:100%; background:#ddd}
.history_wrap .history{ padding-left: 1em;}

.history_wrap .scrollAniHis{ height:0; background: var(--siteC); transition:.3s;}
.history_wrap .scrollAniHis:before {content:""; position:absolute; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}
.history_wrap:after{ content:""; position:absolute; left:2%; top:0; margin-left:-.5em; width:1.215em; height:1.215em; background:#fff; border:.25em solid var(--siteC); border-radius:100%; box-sizing:border-box}

.history_wrap.rich .scrollAniHis{background:var(--siteC);}
.history_wrap.rich .scrollAniHis:before {border:.25em solid var(--siteC);}
.history_wrap:after{  border:.25em solid var(--siteC);}

.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:6em; flex-direction: column; gap: .5em;}
.history_wrap .history > li:first-child{ margin-top: 0}
.history_wrap .history > li .year{ width:28%; /* overflow:hidden; */ padding-left: 2em;}
.history_wrap .history > li .year .wrap_in{ position:relative;}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; font-size:2.715em; letter-spacing:-3px; color: var(--siteC); font-weight:700;}
/* .history_wrap .history > li .year .tt:before{ content:""; position:absolute; right:110%; top:50%; margin-top:-1px; width:30%; border-top:2px solid #ddd; z-index: -1;} */
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .list{ width:100%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:1em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em 0 3em; /* align-items: center; */ position: relative;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:35% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex: 0 0 4.5em; font-size: 1.063em; line-height: 1.4; color: var(--siteC); font-weight: 600;}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em;letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ content:""; font-size:.813em; font-weight:500}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; color:#333; font-size:1.063em; line-height:1.4; font-weight:400; word-break: keep-all; padding-left: 1em;}
.history_wrap .history > li .list .detail .tt::before{position: absolute; top: 9px; left: 0.15em; content: ''; width: 4px; height: 4px; border-radius: 100px; background: var(--siteC3);}

.histroy-ank {max-width: 70%; margin: auto; margin-top: -2em; box-shadow: 0 10px 10px rgba(0,0,0,.1); border-radius: 5em; overflow: hidden;}
.histroy-ank > li {flex: 1; display: flex; align-items: center; justify-content: center; background: #fff; transition: .35s; border-right: 1px solid #ddd;}
.histroy-ank > li:hover {background: #012350;}
.histroy-ank > li:hover .btn-tt {color: #fff;}
.histroy-ank > li .btn-tt {font-size: 1.75em; font-weight: 600; color: #777; position: relative; transition: .35s; padding: .5em 1em; transition: .35s; width: 100%; text-align: center;}
.histroy-ank > li .btn-tt.on {background: #012350; color: #fff;}
.histroy-ank > li .btn-tt:before {content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: #2b9cbb; border-radius: 50%; width: .25em; height: .25em; opacity: 0; transition: .35s;}
.histroy-ank > li .btn-tt:hover:before {opacity: 1; top: -.5em;}

/* 찾아오시는 길 */
.location_Bg .map_con { margin-bottom: 6em; } 
.location_Bg .map_con:last-of-type { margin-bottom: 0em; } 
.map_wrap { width: 100%; } 
.map_wrap > .root_daum_roughmap { border-radius: 1em; overflow: hidden; } 
.map_wrap iframe { width: 100%; border-radius: 1em 1em 0 0; overflow: hidden; } 
.root_daum_roughmap .cont .section_address,
.root_daum_roughmap .wrap_controllers { display: none; } 

.location_info {margin-top: -4px;} 
.location_info > .con { display: flex; gap: 3em; background: var(--siteC); padding: 3em 4em; border-radius: 0 0 1em 1em; border: 1px solid #ddd; align-items: stretch;} 
.location_info > .con > .office { width: 13em; border-right: 1px solid #fff; display: flex ; align-items: center;} 
.location_info > .con > .office > .tt { font-size: 1.515em; font-weight: 800; color: #fff;} 
.location_info > .con > .address { width: 60%; padding: 1.2em 0;} 
.location_info > .con > .address .tit { font-size: 23px; font-weight: 500; color: #fff;} 
.location_info > .con > .address .tit .xi{margin-right: 0.5em; background: #fff; color: var(--siteC); width: 30px; height: 30px; font-size: 20px; line-height: 30px; text-align: center; border-radius: 1em;}
.location_info > .con > .address > .add_info { display: flex; gap: 2em; align-items: center; margin-top: 1.5em; } 
.location_info > .con > .address > .add_info > li { } 
.location_info > .con > .address > .add_info > li > .call_con { display: flex; align-items: center; gap: .5em; } 
.location_info > .con > .address > .add_info > li > .call_con > .xi { font-size: 1.06em; color: #fff; } 
.location_info > .con > .address > .add_info > li > .call_con > .tt { font-size: 1.06em; color: #fff; } 

.location_info > .con > .map_view { width: 8em; border: 1px solid #fff; border-radius: 1em; display: flex; align-items: center; justify-content: center; flex-direction: column; transition :.2s;  color: #fff;} 
.location_info > .con > .map_view > .xi { font-size: 2.15em; } 
.location_info > .con > .map_view > .mapViewT { font-size: 1.063em; font-weight: 500; margin-top: .35em; } 

.location_info > .con > .map_view:hover { opacity: 0.3; } 

/* company-ceo인사말 */
.greet_wrap { } 
.greet_wrap .greet-top { margin-bottom: 1em; } 
.greet_wrap .greet-top .t2 { margin-top: 10px; line-height: 1.2; } 
.greet_wrap .greet-con { gap:6em; /* padding: 0 3em; */     align-items: center;} 
.greet_wrap .greet-con .img_wrap { width: 40%; box-shadow: 10px 10px 30px rgb(17 17 17 / 30%);} 
.greet_wrap .greet-con .img_wrap .img {width: 100%; padding-bottom: 120%;}
/* .greet_wrap .greet-con .img_wrap .img { width: 100%; margin-top: -4em; padding-bottom: 120%; border:1px solid #ddd; border-radius: 1em; box-shadow: -3px 3px 15px rgba(0,0,0,.1); }  */
.greet_wrap .greet-con .txt_wrap { order: -1; flex:1;  position: relative; } 
.greet_wrap .greet-con .txt_wrap::before{position: absolute; left: -0.4em; bottom: -0.7em; content: 'WITHUS TM'; font-size: 7em; font-weight: 800; font-family: pretendard; color: #efefef; z-index: -1;}
.greet_wrap .greet-con .txt_wrap .tit{margin-bottom: 2em;}
.greet_wrap .greet-con .txt_wrap .tit .page_tt{line-height: 1.4;}
.greet_wrap .greet-con .txt_wrap .page_tt { color:#333; } 
.greet_wrap .greet-con .txt_wrap .page_tt + .page_tt { margin-top: 1em; } 
.greet_wrap .greet-con .txt_wrap p.ceo { margin-top: 1em; padding-right: 3em; font-size: 1.25em; text-align: right; } 
.greet_wrap .greet-con .txt_wrap p.ceo strong { padding-left: 1em; font-weight: 600; font-size: 1.5rem; } 

.agree_wrap2{ background:#f5f5f5; padding:20px 20px 30px 20px; margin-bottom:20px;}
.agree_wrap2.fin{ padding-top:40px; padding-bottom:80px}
.agree_wrap2 .agree{ margin-top:20px; padding-top:20px; border-top:1px solid #ccc}
.agree_wrap2 .agree:first-child{ margin-top:0; padding-top:0; border-top:none}
.agree_wrap2 .agree .agree_tit .tit{ font-weight:500; font-size:1.125em; line-height:25px;}
.agree_wrap2 .agree .agree_tit .tit .t1{ display:block; font-weight:normal;}
.agree_wrap2 .agree .agree_tit .tit .st1{color:#F00; font-size:1em;}
.agree_wrap2 .agree.on .agree_tit .tit{ color:#111}
.agree_wrap2 .agree .agree_con{ background:#fff; border:1px solid #ddd; padding:15px; margin-top:10px; font-size: 0.86em; height:130px; color:#666; overflow:auto}

/* 견적확인 */
.doc.mem .member_tit { padding: 0 0 2em 0; text-align: center; } 
.doc.mem .member_tit .tit { font-size: 2.500em; color: #111; letter-spacing: 0; text-transform: uppercase; } 
.doc.mem .member_tit .txt { font-size: 1.125em; font-weight: 600; color: #111; padding-top: .8em; } 

.check_tbox {gap: 1.5em; padding: 3em; background: #fff; border-radius: 1em;}
.check_tbox .tt {font-size: 1.38em; font-weight: 500; font-family: pretendard sans-serif; padding-top: 0.2em;}
/* .check_tbox .tt.tel span:last-child{ margin-left: 4.5em; text-indent: -4.5em;} */
.check_tbox .tt > i {background: var(--siteC); color: #fff; width: 1.8em; height: 1.8em; line-height: 1.8em;border-radius: 50%; font-size: 1em; text-align: center;}

.check_tbox .info_txt{gap: .7em;}
.check_tbox .info_txt .info .tt:first-child{flex-shrink: 0;}
.check_tbox .info_txt .img_wrap{ width: 2.6em; height: 2.6em; border-radius: 100px; background: var(--siteC); display: flex; justify-content: center; align-items: center; flex-shrink: 0;}
.check_tbox .info_txt .img_wrap img{height:  20px;}
.check_tbox .txt{text-align: center; font-size: 1.5em; padding-top: 1.5em; border-top: 1px dotted #ccc; font-weight: 600; color: var(--siteC2);}

.login_wrap{ width:540px; max-width:var(--fullWidth); margin:0 auto; box-sizing:border-box;}
.login_wrap.w1{ width:680px}
.login_wrap.w2{ width:1000px}
.login_wrap.w3{ width:1280px; max-width: 90%;}
.login_wrap.st1{ padding: 2em; background:var(--crGray2); border-radius:1em;}
.login_wrap .join_sec{ display:flex; justify-content:space-between; flex-wrap:wrap}
.login_wrap .join_sec > li{ width:49%}
.login_wrap .join_sec > li.w100{ width:100%}
.login_wrap .join_sec .table_form > li{ padding-top:0;}

.layer_inp{ display:block; position:relative}
.layer_inp .inp:focus{ z-index:1}
.layer_inp .inp{ border:1px solid #ddd; margin-bottom:-1px; padding:1em; padding-left:4em; height:3.5em; box-sizing:border-box; width:100%; position:relative; font-weight:500; font-size:1.188em}
.layer_inp select.inp{ padding-left:3.75em}
.layer_inp select.inp optgroup,
.layer_inp select.inp option{ font-weight:400;}
.layer_inp:first-of-type .inp{ border-top-left-radius:.5em; border-top-right-radius:.5em}
.layer_inp:last-of-type .inp{ border-bottom-left-radius:.5em; border-bottom-right-radius:.5em}
.layer_inp .tt{ position:absolute; left:4.25em; right:0; top:0; height:100%; display:flex; align-items:center; box-sizing:border-box; padding:0 .5em; z-index:2; color:#666; font-weight:500}
.layer_inp .tt > i{ font-size:1.188em}
.layer_inp .ico{ font-size:1em; position:absolute; left:0; top:0; width:4.5em; height:100%; display:flex; align-items:center; justify-content:center; z-index:2}
.layer_inp .ico:before{ font-size:1.5em}
.layer_inp .inp:focus{ border-color:var(--siteC2); outline:none}
.layer_inp .inp:valid ~ .tt,
.layer_inp .inp:focus ~ .tt{ right:auto; width:auto; height:1em; transform:translateY(-50%); backdrop-filter:blur(1em); color:var(--siteC2)}
.layer_inp .inp:valid ~ .tt > i,
.layer_inp .inp:focus ~ .tt > i{ font-size:.875em}

.login_wrap .login > li:first-child{ margin-top:0;}
.login_wrap .login .inp_wrap{ position:relative; margin-top:.4em;}
.login_wrap .login .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.login_wrap .login .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.login_wrap .login .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.login_wrap .login .inp_wrap .inp .hpNum{ flex:1; max-width: calc((100% - 2em)/ 3); height: 100%; border: none; text-align: center;}

.login_wrap .login{ display:flex; flex-direction:column}
.login_wrap .login > *{ width:100%; box-sizing:border-box}
.login_wrap .btn{ height:3em; border-radius:.5em; border:1px solid transparent; font-weight:600; font-size:1.188em}
.login_wrap .btn .xi{ font-size:1em; margin-right:.25em}
.login_wrap .btn.c1{ background:var(--siteC); color:#fff}
.login_wrap .btn.c2{ background:#000; color:#fff}
.login_wrap .btn.c3{ background:var(--crGrad1); border:none; color:#fff}
.login_wrap .btn.s1{ font-size:1.063em}
.login_wrap .page_btn{ margin-top:2em; gap:.5em;}
.login_wrap .page_btn.gap1{ gap:1em;}

/* 사업영역 */
.bu_slogan{text-align: center; margin-top: 3em;}
.bu_slogan .tt{font-size: 2.5em; font-weight: 700; color: #333; line-height: 1.5; position: relative; margin-bottom: .4em;}
.bu_slogan .tt::before{position: absolute; content: 'WITHUSTM'; left: 50%; bottom: -.36em; transform: translateX(-50%); font-family: pretendard; color: #f5f5f5; font-weight: 700; width: 100%; font-size: 4.4em; z-index: -1; line-height: 1.4;}
.bu_slogan .txt{font-size: 1.38em;}

.page_layout3{ display: flex; flex-wrap: wrap; gap: 3em; justify-content: center; width: 98%; margin: 0 auto;}
.page_layout3 .wrap_in{ margin-top:-1px; width: calc((100% - 10.5em) / 3);  box-shadow: 0px 0px 18px rgba(17, 17, 17, 0.08); border-radius: 1em; overflow: hidden;}
.page_layout3 .wrap_in:first-child{ margin-top:0;}
.page_layout3 .wrap_in .img_wrap{ width:100%; min-height:17em; border-radius: 1em 1em 0 0; overflow: hidden;}
.page_layout3 .wrap_in .img_wrap .bg{ height:100%;}
.page_layout3 .wrap_in .img_wrap .img{ flex:1;}
.page_layout3 .wrap_in .img_wrap .img img{ width:100%;}
.page_layout3 .wrap_in .img_wrap .img2{ padding:1em 1em;}
.page_layout3 .wrap_in .img_wrap .img2 img{ max-width:11em; max-height:8em;}
.page_layout3 .wrap_in .con_wrap{ flex:1;  padding:3.5em 4.5em; box-sizing: border-box; padding: 1.7em;  border-top: none; }
.page_layout3 .wrap_in .con_wrap .page_tit{flex-direction: column; gap: .8em;}
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt{padding-right: 0; font-size: 1.63em; padding-bottom: .3em;}
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt strong{ font-weight: 700;}
.page_layout3 .wrap_in .con_wrap .page_tit.flex > .tt.en{font-size: 1.125em; color: #fff; padding: 0.2em; border-radius: 100%; background: var(--siteC); aspect-ratio: 1 / 1; text-align: center;}
.page_layout3 .wrap_in .con_wrap .con_in .info{ flex:1; padding-top: 1em; margin: 0 .3em;}
.page_layout3 .wrap_in .con_wrap .con_in .info li {color: #333;}
.page_layout3 .wrap_in .con_wrap .page_ex_list li {width:50%}
.page_layout3 .wrap_in:nth-child(2n){ flex-direction:row-reverse;}
.page_layout3 .wrap_in .in_bg1{ background:#f9f9f9;}

.page_layout3.st2 .wrap_in{ flex-direction:unset;}
.page_layout3.st2 .wrap_in .img_wrap{ width:30%; min-height:inherit;}


.page_ex_list{display: none;}
.page_ex_list > li{padding:.375em 0;width: 50%;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:1.25em; color:#666; line-height:1.5;}
.page_ex_list > li > .in > .tt.en{ font-size:1.063em;}
.page_ex_list > li > .in > .tt.t1{ display:block; margin-top:.25em; font-size:.875em; color:#888;}
.page_ex_list > li > .in > .tt.t2{ display:block; margin-top:.25em; font-size:.938em;}
.page_ex_list > li > .in > .tt a{ color:inherit; vertical-align:baseline;}
.page_ex_list > li > .in > .tt a:hover{ text-decoration:underline;}
.page_ex_list.small{ font-size:.875em;}
.page_ex_list.small > li{ padding:.25em 0;}
.page_ex_list.small > li > .in > .tt{ line-height:1.3;}

.page_ex_list > li > .in > .tt + .page_ex_list{ margin-top:.5em;}
.page_ex_list > li > .in .page_ex_list:last-child{ margin-bottom:.75em;}
.page_ex_list > li:last-child > .in .page_ex_list:last-child{ margin-bottom:0;}
.page_ex_list.st1 > li > .in{ padding-left:1em;}
.page_ex_list.st1 > li > .in:before{ top:.725em; width:4px; height:4px; background:#093291; border-radius:100%;}

.line_tit {padding: 16px 0; border-bottom: 1px solid #ddd; margin:2em 0; position:relative;}
.line_tit .t1 {font-size:1.5em;}
.line_tit:before {content:''; width:10%; height:3px; background:#105faa; position:absolute; top:62px; left:0;}
.sub_tbox .stit {margin-bottom:1em; font-size:1.125em; color:#292c6f;}
.sub_tbox {margin-top :3em;}
.sub_tbl.st2 {margin-bottom:7em;}


.fl_wrap{ *zoom:1;}
.fl_wrap:after{ content:""; display:block; clear:both;}
.fl_wrap > *     { float:left;}
.fl_wrap > .left { float:left;}
.fl_wrap > .right{ float:right;}
.fl_wrap > * > .in{ display:block;}

.page_tit{ margin-bottom:1.75em; box-sizing:border-box;}
.page_tit.st2{ margin-bottom:1em;}
.page_tit.icon:after{ content:""; display:inline-block; width:1px; height:2em; margin:1.5em .375em 0 .375em; background:#111;}
.page_tit.line{ padding-bottom:1em; border-bottom:1px solid #ddd;}
.page_tit.flex > .tt{ padding-right:.375em;}
.page_tit.flex > .tt:last-child{ padding-right:0;}
.page_tit.flex > .tt + .page_more{ margin-left:2em;}
.page_tit.flex .flexW100{ width:100%;}
.page_tit > .tt{ color:#323232;}
.page_tit > .tt > *{ vertical-align:baseline;}
.page_tit > .tt > strong{ font-weight:600;}
.page_tit > .tt > .bm{ font-weight:500;}
.page_tit > .tt + .page_tit{ margin-top:.75em;}
.page_tit > .t0{ font-size:.875em; color:#666; line-height:1.5;}
.page_tit > .t0.en{ font-size:1em;}
.page_tit > .t1{ font-size:2.375em; color:#111;}
.page_tit > .t1.en{ font-size:2.750em; letter-spacing:.5px;}
.page_tit > .t2{ font-size:1.125em; padding:.625em 0; color:#666; line-height:1.5;}
.page_tit > .t2.en{ font-size:1.313em;}
.page_tit > .t3{ font-size:1.500em; font-weight:500;}
.page_tit > .t3.en{ font-size:1.750em; font-weight:400; letter-spacing:.5px;}
.page_tit > .t4{ font-size:1.938em; color:#111;}
.page_tit > .t4:not(.en){ letter-spacing:-1px;}
.page_tit > .t4.en{ font-size:2.250em; letter-spacing:.5px;}
.page_tit > .t5{ font-size:1.250em; font-weight:500;}
.page_tit > .t6{ font-size:3.000em; line-height:1.4; letter-spacing:-1px;}
.page_tit > .t7{font-size: 1.6em; line-height:1.4; }
.page_tit > .c1{ color:#093291;} /*파랑*/
.page_tit > .c2{ color:#0e2464;} /*진한남색*/
.page_tit > .c3{ color:#b0822c;} /*황색*/
.page_tit > .c4{ color:#111111;} /*검정*/

.page_txt{}
.page_txt > .tt{ margin-top:1.25em; color:#333; line-height:1.6;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt > .tt > *{ vertical-align:baseline;}
.page_txt > .tt > strong{ font-weight:500;}
.page_txt > .tt > strong.b{ font-weight:700;}
.page_txt > .tt a{ vertical-align:baseline; color:inherit;}
.page_txt > .tt a:hover{ text-decoration:underline;}
.page_txt > .t1{ font-size:1.125em; line-height:1.8;}
.page_txt > .t2{ font-size:1em;}
.page_txt > .t3{ font-size:1.250em;}
.page_txt > .t4{ font-size:.938em;}
.page_txt > .t5{ font-size:1.75em;}
.page_txt .in_link{ position:relative; padding:.375em 0 .375em .125em; color:#b0822c;}
.page_txt .in_link:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#b0822c;}
.page_txt .in_link > .tt{ font-weight:500;}
.page_txt .in_link > .icon{ font-size:1em; padding-left:1em; transition:.2s;}
.page_txt .in_link > .icon:before{ content:"\e93e";}
.page_txt .in_link:hover > .icon{ padding-left:1.75em;}
.page_con.bg1{ background-color:#f7f7f7;}
.page_con.bg2{ background-color:#eef3f6;}
.page_con.bg3{ background-color:#f9f5eb;}
.page_con.bg4{ background-color:#172538;}

.businessTit{text-align: center; margin-bottom: 2em;}
.businessTit .tit{font-size: 2.5em; font-weight: 700; color: var(--siteC); line-height: 1.5; position: relative; margin-bottom: .3em;}
.businessTit .sTit{font-size: 1.125em; font-weight: 500; color: #555; } 
.business_info{}
.business_info .img_wrap{border-radius: 1em; overflow: hidden; height: 24em;}
.business_info .img_wrap img{width: 100%; height: 100%; object-fit: cover;}
.business_info .infoCon{  margin: 2em 1em; }
.business_info .infoCon .tit_box{width: 25%;  padding: 3em 0; padding-left: 2em; box-sizing: border-box; border-top: 3px solid var(--siteC2); border-bottom: 3px solid var(--siteC2);}
.business_info .infoCon .tit{font-size: 2.19em; font-weight: 700; position: relative; color: var(--siteC);}
/* .business_info .infoCon .tit::before{position: absolute; content: ''; width: 100%; height: 20px; background: var(--siteC); bottom: 0; left: 0; } */
.business_info .infoCon .txt_box{width: 75%; padding: 3em 0; padding-right: 2em; box-sizing: border-box; border-top: 3px solid #eee; border-bottom: 3px solid #eee; padding-left: 2.5em;}
.business_info .infoCon .txt{font-size: 1.19em; line-height: 1.5; font-weight: 400; color: #333;}

.pointInfo_list{display: flex; flex-wrap: wrap; gap: 2em;}
.pointInfo_list li{width: calc((100% - 2em) / 2); border: 1px solid #ddd; display: flex; box-sizing: border-box; }
.pointInfo_list li .icon_wrap{width: 30%; padding: 2.8em; box-sizing: border-box; align-items: center; background: var(--siteC);}
.pointInfo_list li .icon_wrap img{ width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1);}
.pointInfo_list li .txt_wrap{width: 70%; padding: 3em 3em 3em 2.5em; }
.pointInfo_list li .txt_wrap .tit{font-size: 1.5em; font-weight: 700; margin-bottom: 0.7em; color: var(--siteC);}
.pointInfo_list li .txt_wrap .t1{font-weight: 500; color: #333; position: relative; padding-left: 0.7em; line-height: 1.5; margin-bottom: auto; font-size: 1.06em;}
.pointInfo_list li .txt_wrap .t1::before{content: ''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 100px; background: #333;}
.pointInfo_list li .txt_wrap .t1 span{display: inline; font-weight: 600;}

/* 개인정보처리방침 */
/*개인정보처리방침*/
.agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid var(--siteC); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow:3px 1px 9px rgba(0,0,0,.2); padding:2em;}
.agree_wrap .agree p{ line-height:1.9; padding:1em 0; color:#222;}
.agree_wrap .agree p strong {font-size:1.3em; }


.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9}
.member_agree h1{ color:#111; font-weight:600}

/* 견적문의 */
.main_inquiry .formSt .form_list{}
.main_inquiry .formSt .form_list,
.main_inquiry .formSt .inquiry_list{display: flex !important; align-items: center;gap: 1em;}
.main_inquiry .formSt .inquiry_list li .label_st{display: flex; align-items: center;}
.main_inquiry .formSt .inquiry_list li .label_st .xi{top: .2em;}
.main_inquiry .formSt .inquiry_list li .label_st .xi ~ span{ margin-left: 0.5em;}
.main_inquiry .formSt .inquiry_list .form_tit{max-width: 10%;}

/* 주요실적 */
.customer_tab {border-top: 1px solid #000; border-bottom: 1px solid #ddd; margin-bottom: 2em;}
.customer_tab li {width: 20%;}
.customer_tab li .in {padding: 1em; text-align: center; display: block; font-weight: 600;}
.customer_tab li .in.on,
.customer_tab li .in:hover {background: var(--siteC); color: #fff;}