@charset "utf-8";
/* CSS Document */
.box0{ padding:0 var(--pagePD); box-sizing:border-box}
.boxSub{ box-sizing:border-box; width:1400px; margin:0 auto; max-width: 100%;}
.box1{ box-sizing:border-box; width:1300px; margin:0 auto; max-width: 100%;}
.box2{ box-sizing:border-box; width:86%; margin:0 auto; max-width: 100%;}

.gnb li.m_hide{ display:none}
body:not(.pop){ display:flex; flex-direction:column; min-height:100vh; min-height:calc(var(--vh, 1vh) * 100)}

#header{ position: fixed; left:0; top:0; width:100%; z-index:1000; background:#fff}
#header .top_wrap{ position:relative}
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1{ height:var(--headerH)}
.headerT{ padding-top:var(--headerH)}
#header .top_wrap .wrapF{ display:flex; align-items:center; gap:0 3vw; justify-content: space-between;}
#header .top_wrap .wrapF > *{ position:relative; z-index:2}
#header .top_wrap .logo > a{ display:block; height:3.5em; overflow:hidden}
#header .top_wrap .logo > a .in{ display:block; height:100%; transition:.3s}
#header .top_wrap .logo > a img{ height:100%; display:block}
#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:5vmin}
#header .top_wrap .etc_wrap .btnInc{ width:3em; height:3em; display:flex; align-items:center; justify-content:center; border-radius:1em; transform: translateY(-0.5em);}
#header .top_wrap .etc_wrap .btnInc .ico{ font-size:1.75em}
#header .top_wrap .etc_wrap .allBtn{ position:relative}
#header .top_wrap .etc_wrap .allBtn .line{ width:90%; height:1px; position:absolute; left:50%; top:50%; background:#000; transition:.3s}
#header .top_wrap .etc_wrap .allBtn .line.e1{ transform:translate(-50%, -.375em)}
#header .top_wrap .etc_wrap .allBtn .line.e2{ transform:translate(-50%, .375em)}
#header .top_wrap .etc_wrap .allBtn .line.e3{ transform:translate(-50%, 1.370em)}

#header .mem_wrap { display: flex; align-items: center; gap: 0 1.5em; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); padding: .6em 1em; border-radius: 3em; overflow: hidden;} 
.scroll #header .mem_wrap,
.sub #header .mem_wrap { background: #f4f4f4;  }
#header .mem_wrap > .link { position: relative; display: flex; align-items: center; gap: .35em; font-size: .86em; font-weight: 600; color: rgba(0, 0, 0, .7); transition: .3s; } 
#header .mem_wrap > .link::before {position: absolute; right: -.9em; top: 50%; transform: translateY(-50%); width: 1px; height: 1em; background: rgba(0, 0, 0, .2); content: ''; }
#header .mem_wrap > .link:last-child:before {display: none;}
#header .mem_wrap > .link > .t1 { color: #fff;} 
.scroll #header .mem_wrap > .link > .t1,
.sub #header .mem_wrap > .link > .t1 { color: #333;} 
#header .mem_wrap > .link > .xi{ color: #fff;} 
.scroll #header .mem_wrap > .link > .xi,
.sub #header .mem_wrap > .link > .xi{ color: #333;} 
#header .mem_wrap > .link:hover { color: rgba(0, 0, 0, 1); } 

html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line{ width:70%}
html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line.e1{ margin-left:10%}
html:not(.allOn) #header .top_wrap .etc_wrap .allBtn:hover .line.e2{ margin-left:-10%}
html:not(.allOn) #header .top_wrap .gnb_wrap{ height:100%; width:130vmin}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb{ width:100%; box-sizing:border-box}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a{ display:flex}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{ position:relative; flex:1 1 auto}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 { display: block; position: absolute; top: 80%; left: 50%; width: 11em; padding: 0 1.5em; background: var(--siteC); box-shadow: 0 2px .625em rgba(0, 0, 0, .1); border-radius: 1em; color: #fff; opacity: 0; visibility: hidden; transform: translateX(-50%); transition: padding .2s; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em 0; justify-content: center; transition:.2s; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover { background: rgba(0,0,0,.2); } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt { position:relative; font-size: 1em; color: #fff; font-weight:500; opacity: .95; transition: .2s; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.act { overflow:visible; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.act .dp2 { padding-top:1.5em; padding-bottom:1.5em; opacity:1; visibility:visible; } 
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1{ display:flex; align-items:center; justify-content:center}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va{ position:relative}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after{ content:""; position:absolute; left:100%; bottom:100%; width:.375em; height:.375em; border-radius:50%; background:var(--siteC2); opacity:0}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ flex:0 0 auto; font-weight:800; width:100%; font-size: 1.06em;}
/* html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none} */
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after{ opacity:1}

html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp3{display: none;}

html.main:not(.scroll):not(.allOn) #header{ background:none}

html:is(.allOn,.main:not(.scroll)) #header{ color:#fff}
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .logo .in,
html:is(.allOn,.main:not(.scroll)) #header .top_wrap .etc_wrap .allBtn{ filter:brightness(0) invert(1)}

.scroll.up #header{ box-shadow:0 0 1em rgba(0,0,0,.2); transition:transform .3s}
.scroll:not(.up):not(.allOn) #header{ transform:translateY(-100%); box-shadow:none}

.allOn{ overflow-y:hidden}
.allOn #header{ height:100vh; background:rgba(0,0,0,.5); backdrop-filter:blur(1em); overflow-y:scroll; scrollbar-width: thin; scrollbar-color: white transparent}
.allOn #header .top_wrap .etc_wrap .allBtn .line{ position: absolute; left:50%; top:50%; width:90%}
.allOn #header .top_wrap .etc_wrap .allBtn .line.e1{ transform:translate(-50%, -50%) rotate(45deg)}
.allOn #header .top_wrap .etc_wrap .allBtn .line.e2{ transform:translate(-50%, -50%) rotate(-45deg)}
.allOn #header .top_wrap{ height:100%}
.allOn #header .top_wrap .wrapF{ flex-direction:column; height:100%; align-items:flex-start; position:relative; box-sizing:border-box}
.allOn #header .top_wrap .logo,
.allOn #header .top_wrap .etc_wrap{ height:var(--headerH); display:flex; align-items:center}
.allOn #header .top_wrap .logo{ position:absolute; left:var(--sitePD); top:0}
.allOn #header .top_wrap .etc_wrap{ margin-left:auto}
.allOn #header .top_wrap .gnb_wrap{ order:1; flex:1; min-height:0; width:100%; display:flex; align-items:center; box-sizing:border-box; padding:2em 0; position:relative; gap:8em}
.allOn #header .top_wrap .gnb_wrap:before{ content:""; width:60%; height:100%; background:url(../images/inc/allGnb_bg.jpg) no-repeat; background-size:cover}
.allOn #header .top_wrap .gnb_wrap .gnb{ flex:1 1 0%; min-width:0; max-height:100%; flex-direction:column}
.allOn #header .top_wrap .gnb_wrap .gnb > li{ flex:1}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1{ height:auto; text-align:left; padding:.75em; padding-left:2em; position:relative}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1:before{ content:""; position:absolute; left:0; top:0; border-left:4px solid transparent; height:100%}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1:hover{ color:var(--siteC2); transition:.3s}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1:hover:before{ border-color:var(--siteC2); transition:.3s}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp1 .tt{ font-size:1.75em; font-weight:800}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2{ flex-direction:column; gap:1em; }
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 .va_wrap{ text-align: left; margin-left: 2em;}.summary-list-con:nth-child(1)
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp3{display: none;}
.allOn #header .top_wrap .etc_wrap .allBtn .line.e3{display: none;}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a .tt{ opacity:.7; font-weight:700; font-size:1.063em}
.allOn #header .top_wrap .gnb_wrap .gnb > li .dp2 > li > a:hover .tt{ opacity:1}
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide{ display:block; position:absolute; right:0; bottom:2em; font-size:.875em}
.allOn #header .top_wrap .gnb_wrap .gnb > li.m_guide .dp1{ display:none}

#footer{ z-index:1; padding:5em 0; background:var(--siteC); color:#fff; filter:contrast(1.2)}
#footer .goTop{ position:fixed; right:0; bottom:0; width:3.5em; line-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 .wrapF{ display:flex; gap:4em}
#footer .logo_wrap{ display:flex; flex-direction:column; align-items:center; gap:2em}
#footer .logo img{ height:5em; filter:brightness(0) invert(1)}
#footer .menu_wrap{ display:flex; display:flex; flex-direction:column; gap:2em}
#footer .menu{ display:flex; flex-direction:column; gap:1em 0}
#footer .menu > li{ width:100%;}
#footer .menu > li > a{ display:block; padding-right:2em;position:relative; color:#fff; font-size:.938em; opacity:.7}
#footer .menu > li > a:after{ content:"\e915"; font-family:xeicon; position:absolute; right:0; top:0; transform:rotate(45deg)}
#footer .menu > li.point > a{ opacity:1; font-weight:700}
#footer .info_wrap{ display:flex; flex-direction:column; gap:2.5em; flex:1; min-width:0}
#footer .info{ overflow:hidden}
#footer .info > li{ float:left; margin-right:2em; margin-bottom:.5em; opacity:.7; position:relative; font-size:.938em}
#footer .info > li:before{ content:""; position:absolute; left:-1em; height:70%; top:50%; transform:translateY(-50%); width:1px; background:#fff; opacity:.2}
#footer .info > li.point{ font-weight:700}
#footer .info > li.br{ clear:left}
#footer .info > li.copyright{ font-size:.813em; opacity:.6; margin-top:1em; text-transform:uppercase}
#footer .cs_wrap{ display:flex; gap:0 4em; text-align:right}
#footer .cs_wrap .wrap_in{ position:relative}
#footer .cs_wrap .wrap_in:not(:first-child):after{ content:""; position:absolute; left:-2em; top:0; width:1px; height:100%; background:#fff; opacity:.2}
#footer .cs_wrap .t1{ opacity:.7; font-weight:500; margin-bottom:.5em}
#footer .cs_wrap .t2{ font-weight:700; font-size:1.125em}

#contents{ flex:1 1 0%; min-height:0; box-sizing:border-box}
#contents .sub_top_wrap{ height:50vh; position:relative}
#contents .sub_top_wrap .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; overflow:hidden}
#contents .sub_top_wrap .wrapBg .bg{ height:100%; background-size:100% auto; position:relative}
#contents .sub_top_wrap .wrapBg .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
#contents .sub_top_wrap .wrapBg .bg.vod_wrap:after{ opacity:.4}
#contents .sub_top_wrap .wrapCon{ display:flex; height:100%; flex-direction:column; position:relative; padding-top:var(--headerH); box-sizing:border-box}
#contents .sub_top_wrap .wrapF{}
#contents .sub_top_wrap .subTit{ flex:1; min-height:0; justify-content:center; display:flex; align-items:center; flex-direction:column}
#contents .sub_top_wrap .subTit .wrapF{ height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:1; gap:1em; box-sizing:border-box; padding:1em; gap:2em}
#contents .sub_top_wrap .subTit .t1{ font-size:9vmin; font-weight:900; color:transparent; line-height:1; -webkit-text-stroke: 1px white; text-transform:uppercase; letter-spacing:-.05em; word-spacing:.2em}
#contents .sub_top_wrap .subTab{ position:relative}
#contents .sub_top_wrap .subTab .gnb > li.on{ display:flex !important; justify-content:center; width:100%}
#contents .sub_top_wrap .subTab .gnb > li > .dp2{ display:inline-flex; justify-content:center; flex-wrap:wrap}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li{ position:relative; flex:1; min-width:0; width:30vmin; max-width:30vmin}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a{ height:4em; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:var(--siteC); position:relative}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a:before{ content:""; position:absolute; right:0; top:50%; height:30%; transform:translateY(-50%); background:#fff; width:1px; opacity:.2}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va{ display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; text-align:center}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .tt{ font-size:1em; font-weight:700}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow{ position:absolute; right:0; top:50%; transform:translateY(-50%); overflow:hidden; font-size:0; transition:.3s}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li > a .va .arrow:before{content:"\e942"}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a{ background:#fff; color:var(--siteC)}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va{ opacity:1; transform:translateX(0); padding-right:1.5em}
#contents .sub_top_wrap .subTab .gnb > li > .dp2 > li.on > a .va .arrow{ font-size:1.25em}

#contents .sub_top_wrap .subTab .gnb > li > .dp2 .dp3{display: none;}

#contents .sub_tit_wrap{ padding:8vmin 0; border-bottom:1px solid #eee}
#contents .sub_tit_wrap .wrapF{ display:flex; display:flex; flex-direction:column; gap:3vmin; align-items:center}
#contents .sub_tit_wrap .titW{ flex:1; min-width:0}
#contents .sub_tit_wrap .titW .t1{ font-weight:500; font-size:2.75em}
#contents .sub_nav{ display:flex; align-items:center}
#contents .sub_nav{ display:inline-flex; align-items:center; gap:0 1em}
#contents .sub_nav > li{}
#contents .sub_nav > li:not(.home):before{ content:"\e940"; font-family:xeicon; margin-right:.5em; font-size:.938em}
#contents .sub_nav > li.home > a{ width:2em; height:2em; border-radius:50%; background:#fff; color:var(--siteC); display:flex; align-items:center; justify-content:center}
#contents .sub_nav > li.home > a .xi{ font-size:.875em}

#contents .sub_top_wrap .wrapBg .bg:not(.vod_wrap){ background-position:center 20%; transition:3s}
#contents .sub_top_wrap.on .wrapBg .bg:not(.vod_wrap){background-position:center 60%}

#contents .doc{ padding:10vmin 0 16vmin 0}

.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}

.sns_st{ display:flex; gap:.5em}
.sns_st > li > a{ display:flex; align-items:center; justify-content:center; width:2.5em; height:2.5em; border-radius:50%; transition:.3s}
.sns_st > li > a .xi{ font-size:1.125em}
.sns_st > li > a img{ height:1.125em}
.sns_st > li > a:hover{ background:#111; color:#fff}
.sns_st > li > a:hover img{ filter:brightness(0) invert(1)}
.sns_st > li > a.kc img{ height:1.438em}

/**/
.mainBox{ padding:8vmin 0; position:relative}
.mainBox.p1{ padding:10vmin 0}
.mainBox.bg1{ background:#e7e9f2}
.mainBox.bg2{ background:var(--siteC)}
.mainBox.bg3{ background:#f5f5f5}
.mainBox .wrapF{ display:flex; gap:2em 6em; flex-direction:column}
.mainBox .wrapF.dRow{ flex-direction:row}

.mainTit{ display:flex; flex-direction:column; align-items:flex-start; gap:2em; margin-bottom:2em}
.mainTit.ac{ align-items:center; text-align:center}
.mainTit.g1{ gap:4em}
.mainTit.g2{ gap:1em}
.mainTit .wIn{ display:flex; flex-direction:column; gap:1.5em;}
.mainTit .tit1{ font-size:4em; font-weight:900; letter-spacing:-.05em; word-spacing:.2em; line-height:1.1}
.mainTit .tit1.s1{ font-size:7em}
.mainTit .tit1.s2{ font-size:4.5em}
.mainTit .tit1.s3{ font-size:3em}
.mainTit .tit2{ font-size:2.75em; font-weight:700; color:#333; letter-spacing:-.05em; word-spacing:.2em;}
.mainTit .tt1{ font-weight:500; font-size:1.125em; line-height:1.8}
.mainTit .mgL{ margin-left:auto}
.mainTit .in{ display:flex; align-items:center; gap:1em}
.mainTit.white{ filter:brightness(0) invert(1)}
.mainTit.white .tt1{ opacity:.8}
.mainTit .mainMore{ margin:4em 0 0 0}
.mainTitW{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:2em; padding-bottom: 4em;}
.mainTitW .mainTit{ margin-bottom:0}

/*page tit*/
.page_tit { margin-bottom: 2.5em; } 
.page_tit.white { color: #fff; } 
.page_tit > .t0 { font-size: 3.215em; font-weight: 800; line-height: 1.2; text-transform: uppercase; } 
.page_tit > .t1 { font-size: 2.315em; font-weight: 800; } 
.page_tit > .t2 { font-size: 2em; font-weight: 800; } 
.page_tit > .t3 { font-size: 1.25em; font-weight: 700; } 
.page_tit > .t4 { font-size: var(--font-size-base); line-height: var(--line-height-loose); color: var(--color-black-3); } 
.page_tit > .t9 { font-size: 3em; font-weight: 800; line-height: 1.2; text-transform: uppercase; } 

/* page_txt */
.page_txt{}
.page_txt > .tt{ margin-top:1.375em; color:#111; font-weight:500;}
.page_txt > .tt:first-child{ margin-top:0;}
.page_txt > .tt.flex > .sec{ padding-right:1.75em;}
.page_txt > .tt.flex > .sec:last-child{ padding-right:0;}
.page_txt > .t1{ font-size:1.063em; line-height:1.9;}
.page_txt > .t2{ font-size:1.31em;}
.page_txt > .t3{ font-size:.938em; line-height:1.5;}
.page_txt > .t4{ font-size:1.19em; line-height:1.5;}
.page_txt > .t5{ font-size:.875em; line-height:1.5;}
.page_txt > .t6{ font-size: 1.5em;}
.page_txt > .t7{ font-size: 1.875em;}

/* page con */
.page_con { padding: 4em 0; } 
.page_con.conP2 { padding: 2em 0; } 
.page_con.conP5 { padding: 5em 0; } 
.page_con.pt0 { padding-top: 0; } 
.page_con.bg1 { background: var(--siteBg1); } 
.page_con.bg2 { background: var(--siteBg2); } 
.page_con.bg3 { background: var(--siteC); } 
.doc.pd0 .page_con:last-child,
.doc.pb0 .page_con:last-child { padding-bottom: 10em; } 

.page_con.mark{position: relative;}
.page_con.mark::before{content: ""; position: absolute;bottom: -10em; right: 3em;  background-image: url(../images/inc/logoMark.png); background-repeat: no-repeat;padding-bottom: 10%; background-size: contain; background-position: center center; width: 40em; height: 20em; /*filter: var(--crGrayfil);*/ opacity: .15;}


.mainMore{ display:flex; align-items:center; gap:1em; color:#333}
.mainMore .t1{ font-size:1.125em; font-weight:700}
.mainMore .arrow{ display:flex; align-items:center}
.mainMore .arrow:before{ content:""; display:block; width:3em; height:1px; background:#333; transition:.3s}
.mainMore .arrow .cc{ width:1em; height:1em; background:#333; border-radius:50%; position:relative}
.mainMore .arrow .cc:before{ content:""; position:absolute; left:0; top:calc(50% - 1px); width:60%; height:1px; background:#fff}
.mainMore:hover .arrow:before{ width:4em}
.mainMore.white{ color:#fff}
.mainMore.white .arrow{ filter:invert(1)}
.mainMore.st1{ border:2px solid #ddd; padding:1.5em 3em; font-size:1.125em; border-radius:.25em}

.tabSt{ display:flex; gap:4em; align-items:center}
.tabSt > li > a{ position:relative; opacity:.5}
.tabSt > li > a .t1{ font-weight:700; font-size:1.25em}
.tabSt > li.on > a,
.tabSt > li:hover > a{ opacity:1}
.tabSt > li.on > a:before{ content:""; position:absolute; right:calc(100% + .25em); top:0; width:.375em; height:.375em; border-radius:50%; background:#111}

.vod_wrap{ position:relative; height:100%}
.vod_wrap .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}
.vod_wrap .layer{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.1}
.vod_wrap .layer.gra{ background: linear-gradient(0deg, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 80%, rgba(0,0,0,.3) 100%);}
.visualSlide .el{ position: relative; overflow:hidden; height:100vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap{ position:absolute; left:0; top:0; width:100%; height:100%;}
.visualSlide .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000}
.visualSlide .el.swiper-slide-active .vod_wrap:after,
.visualSlide .el.swiper-slide-duplicate-active .vod_wrap:after{ transition:2s; opacity:.2}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:7s; transform:scale(1) rotate(.001deg)}
.visualSlide .el:nth-child(3n -1) .bg{ width:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active:nth-child(3n -1) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n -1) .bg{ transform:translateX(-9.0909%) rotate(.001deg)}
.visualSlide .el:nth-child(3n) .bg{ width:110%; transform:scale(1); left:auto; right:0}
.visualSlide .el.swiper-slide-active:nth-child(3n) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n) .bg{ transform:translateX(9.0909%) rotate(.001deg)}

.visualSlide_wrap { position:relative}
.visualSlide_wrap .sloganW{ position:absolute; width:100%; left:0; bottom:2em; color:#fff; z-index:10}
.visualSlide_wrap .sloganW .wrapF{ position:relative; display:flex; flex-direction:column; gap:4em}
.visualSlide_wrap .slogan{ line-height:1.2; display:flex; flex-direction:column; gap:1em}
.visualSlide_wrap .slogan .t1{ font-size:4.5em; font-weight:900; letter-spacing:-.05em; word-spacing:.1em}
.visualSlide_wrap .slogan .t2{ font-size:2.75em; font-weight:700; transform:translateY(-.25em)}
.visualSlide_wrap .slogan .t3{ font-weight:500; font-size:1.25em; margin-top:1em; line-height:1.5}

.visualSlide_wrap .swiperControl{ display:flex; align-items:center;}
.visualSlide_wrap .swiperControl .paging{ display:flex; margin:0}
.visualSlide_wrap .swiperControl .paging span{ font-size:.75em}
.visualSlide_wrap .swiperControl .paging span.swiper-pagination-bullet-active{ height:0; width:8em; transform:none; transition:width .5s}
.visualSlide_wrap .swiperControl .btnW{ display:flex; margin:0 1em}
.visualSlide_wrap .swiperControl .btnW .swiperBtn:hover{ background:none}

.mainScroll{ width:14vmin; position:relative; margin-left:auto; color:#fff; position:absolute; right:0; bottom:0}
.mainScroll .svgtt{ width:100%; height:100%}
.mainScroll .svgtt .tt{ text-transform:uppercase; letter-spacing:.125em; word-spacing:.25em; fill:#fff}
.mainScroll .in{ position:absolute; left:10%; top:10%; width:80%; height:80%; border-radius:50%; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box}
.mainScroll .in .ico1{ font-size:2em; margin-right:-.25em}

.mainGreetings .wrapF{ position:relative; display:flex;}
.mainGreetings .imgW{ position:absolute; left:0; top:0; width:100%; height:calc(100% - 5em); border-radius:1em; overflow:hidden; display:flex}
.mainGreetings .imgW .slide1{ flex:1 1 0%; min-width:0}
.mainGreetings .imgW .slide2{ width:30%; position:relative}
.mainGreetings .imgW .swiper-container,
.mainGreetings .imgW .swiper-container .el,
.mainGreetings .imgW .swiper-container .el .bg{ height:100%}
.mainGreetings .conW{ display:flex; align-items:flex-end; padding-top:5em; margin:0 auto; position:relative; z-index:1}
.mainGreetings .conW .letter{ width:33em; position:relative; transform:rotate(-5deg)}
.mainGreetings .conW .letter .spring{ position:absolute; left:50%; top:0; width:92%; height:2em; background-size: auto 100%; background-repeat:repeat-x; transform:translate(-50%, -30%)}
.mainGreetings .conW .letter .con{ background:#f8f6f2; box-shadow:0 0 .5em .5em rgba(0,0,0,.1); padding:3em; display:flex; flex-direction:column; gap:1em; word-break: keep-all;}
.mainGreetings .conW .letter .con .t1{ font-weight:700; font-size:1.5em; line-height:1.2; opacity:.9}
.mainGreetings .conW .letter .con .t1.s1{ font-size:1.75em}
.mainGreetings .conW .letter .con .t2{ opacity:.7; font-size:1.188em}
.mainGreetings .conW .btn{ /* position:relative; z-index:1; padding-right:8em; margin-right:-3em */ display: none;}
.mainGreetings .conW .btn .img{ width:12em; position: absolute; right:0; bottom:0; animation: btnSwingImg 3s ease-in-out infinite;}
.mainGreetings .conW .btn .st{ height:4em; border-radius:.25em; background:var(--siteC2); color:#fff; display:flex; align-items:center; padding:0 4em; gap:1em; box-sizing:border-box; transform:rotate(-5deg); animation: btnSwingSt 3s ease-in-out infinite;}
.mainGreetings .conW .btn .st .t1{ font-weight:700; font-size:1.5em}
.mainGreetings .conW .btn .st .arrow{ width:2em; height:2em; display:flex; align-items:center; justify-content:center; background:#fff; color:var(--siteC2); border-radius:50%}

@keyframes btnSwingImg {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-4deg); }
  40%  { transform: rotate(2deg); }
  70%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

@keyframes btnSwingSt {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(4deg); }
  40%  { transform: rotate(-2deg); }
  70%  { transform: rotate(0deg); }
  100% { transform: rotate(0deg); }
}

.mainAbout .mainTxt{ position:relative; overflow:hidden; max-width:100%; margin:10vh 0; transition:.3s}
.mainAbout .mainTxt .textAni{ font-size:8vmin; opacity:.1; font-weight:700; letter-spacing:-.05em; word-spacing:.2em; display:flex; align-items:center}
.mainAbout .mainTxt .textAni:before{ content:"\ea0f"; display:block; font-family:xeicon; padding:0 8vmin; font-size:3vmin; transform:translateY(-50%); color:var(--siteC2)}
.mainAbout .mainTxt .textAniW.c1{ color:var(--siteC)}
.mainAbout .mainTxt .textAniW.p1{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainAbout .mainTxt .textAniW.p1 .textAni{animation-direction:reverse; opacity:1; animation-duration:10s} 

.mainAbout{ overflow:hidden; padding:6vmin 0 4vmin 0}
/*.mainAbout .list{ position:relative; display:inline-flex; gap:4em; width:auto; margin:7vh 0; }*/
.mainAbout .list > li{ width:40%}
.mainAbout .list > li .in,
.mainAbout .list > li .in .imgW,
.mainAbout .list > li .in .conW{ display:block; width:100%}
.mainAbout .list > li .in{ width:auto; margin:0 3em}
.mainAbout .list > li .in .imgW{ position:relative}
.mainAbout .list > li .in .imgW:before{ content:""; position:absolute; left:1em; top:1em; width:100%; height:100%; background:#f1f1f1}
.mainAbout .list > li .in .imgW .resize{ padding-bottom:56.25%}
.mainAbout .list > li .in .conW{ text-align:center; padding:1em 0}
.mainAbout .list > li .in .conW .t1{ font-weight:700; font-size:1.125em; position:relative}
.mainAbout .list > li:nth-child(odd) { transform:rotate(10deg) }
.mainAbout .list > li:nth-child(even) { transform:rotate(-10deg) }
.mainAbout .list > li:nth-child(odd) .conW { transform: rotate(-10deg);}
.mainAbout .list > li:nth-child(even) .conW {transform: rotate(10deg);}
.mainAbout .list > li .conW .t1::before {content: ""; position: absolute; left: 50%; top:50%; width: 105%; height: 150%; transform:translate(-50%, -50%); background: #ffe66b; z-index: -1; opacity:.5 }

.mainAboutSwiper{ overflow:visible !important}

/* .mainActivity{ margin-top:-15vh} */
.mainActivity .wrapF{ row-gap:3em}
.mainActivity .list{ display:flex; flex-wrap:wrap; gap:1.5em}
.mainActivity .list > li{ flex:1 1 0%; min-width:0}
.mainActivity .list > li .in,
.mainActivity .list > li .in .imgW,
.mainActivity .list > li .in .conW{ display:block; width:100%; overflow:hidden}
.mainActivity .list > li .in .imgW .resize{ left:0; width:200%}
.mainActivity .list > li .in .conW{ padding:1.5em; text-align:center; height:5em; box-sizing:border-box}
.mainActivity .list > li .in .conW .t1{ font-weight:700; font-size:1.188em; position:relative; word-break:keep-all}
.mainActivity .list > li:nth-child(odd) .in .imgW{ border-radius:2em; transform:scale(.95)}
.mainActivity .list > li:nth-child(even) .in .imgW{ border-radius:50%}
.mainActivity .list > li:nth-child(even) .in .imgW .resize{ left:-80%}
.mainActivity .vodW{ position:relative; overflow:hidden; line-height:1; width:100%}
.mainActivity .vodW .vod_wrap{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:120%; overflow:hidden; mix-blend-mode:lighten}
.mainActivity .vodW .twrap{ background:#fff; line-height:1; padding:0}
.mainActivity .vodW:after{ content:""; display:block; flex:1 1 0%; min-width:0; height:8em; background:#000}

.mainNews .mainTit{ }
.mainNews .list{ flex:1 1 0%; min-width:0; border-top:1px solid #111; margin-top:5em}
.mainNews .board_gallery{ flex:1 1 0%; min-width:0}
.newsConSt{ display:flex; gap:2em; padding:2em 0; border-bottom:1px solid #111}
.newsConSt .imgW{ width:16em}
.newsConSt .imgW .resize{ padding-bottom:56.25%}
.newsConSt .conW{ display:flex; flex-direction:column; gap:.75em; flex:1 1 0%; min-width:0; word-break:keep-all}
.newsConSt .newsTit{ font-weight:700; font-size:1.25em; -webkit-line-clamp: 2}
.newsConSt .newsTxt{ font-size:.938em; color:#555; -webkit-line-clamp: 2; line-height:1.5}
.newsConSt .newsInfo{ display:flex; flex-wrap:wrap; gap:3em;}
.newsConSt .newsInfo > i{ font-weight:500; font-size:.875em; color:#888; position:relative}
.newsConSt .newsInfo > i:not(:last-child):after{ content:""; position:absolute; right:-1.5em; width:4px; height:4px; border-radius:50%; background:#aaa; top:50%; transform:translate(100%, -50%)}

.mainJoin .mainTxt{ overflow:hidden; display:flex; height:3.5em; align-items:center; gap:1em; padding:0 2em 0 0; border-radius:3em; color:#fff; background:rgba(255,255,255,.2); margin:0 auto; max-width:60em; box-sizing:border-box}
.mainJoin .mainTxt .titW{ width:3.5em; height:100%; background:var(--siteC2); border-radius:50%; display:flex; align-items:center; justify-content:center}
.mainJoin .mainTxt .titW .xi{ font-size:2em; transform:rotate(-10deg)}
.mainJoin .mainTxt .textAniW{ flex:1 1 0%; min-width:0; overflow:hidden}
.mainJoin .mainTxt .textAni{ animation-duration:28s; font-size:1.313em}
.mainJoin .list{ display:flex; gap:.25em}
.mainJoin .list > li{ flex:1 1 0%; min-width:0; position:relative}
.mainJoin .list > li .in,
.mainJoin .list > li .in .imgW{ display:block; width:100%; overflow:hidden; height:100%}
.mainJoin .list > li .in .conW{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:5%; display:flex; align-items:center; justify-content:center; text-align:center; flex-direction:column; gap:4em; color:#fff; transition:.5s; transition-delay:.5s; transform:scale(.8); opacity:0}
.mainJoin .list > li .in .conW:before{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:calc(100% - 2em); height:calc(100% - 2em); background:#000; opacity:.2; transition:.3s}
.mainJoin .list > li .in .conW > *{ position:relative}
.mainJoin .list > li .in .conW .t1{ font-weight:700; font-size:1.75em; }
.mainJoin .list > li .in .conW .btn{ display:inline-flex; height:3em; border-radius:3em; background:var(--siteC); color:#fff; padding:0 2em; align-items:center; gap:1em; margin-top:-3em; opacity:0; transition:.3s}
.mainJoin .list > li .in .conW .btn .tt{ font-size:1.063em; font-weight:700}
.mainJoin .list > li .in .conW .btn .arrow:before{ content:"\e907"}
.mainJoin .list,
.mainJoin .list > li .in .imgW{ height:70vh}
.mainJoin .list > li .in .imgW .resize{  padding-bottom:0; height:100% }
.mainJoin .list > li .in:hover .conW:before{ opacity:.8; width:100%; height:100%; background:var(--siteC2)}
.mainJoin .list > li .in:hover .conW .btn{ margin-top:0; opacity:1}
.mainJoin .list.on > li .in .conW{ transform:scale(1); opacity:1}

.mainJoin .list > li{ height:0; overflow:hidden; transition:1s}
.mainJoin .list.on > li{ height:100%}
.mainJoin .list.on > li:nth-child(1){ transition-delay:.2s}
.mainJoin .list.on > li:nth-child(2){ transition-delay:.4s}
.mainJoin .list.on > li:nth-child(3){ transition-delay:.6s}
.mainJoin .list.on > li:nth-child(4){ transition-delay:.8s}

.moreArrow{ display:inline-flex; align-items:flex-end; gap:1em; margin-right: 10vw;}
.moreArrow .tt{ color:var(--siteC2); display:flex; align-items:center; gap:1em}
.moreArrow .tt .t1{ font-weight:900; font-size:2em; letter-spacing:-.05em; word-spacing:.2em;}
.moreArrow .tt .xi{ font-size:1.75em}
.moreArrow .img{ height:3em; position:relative; }
.moreArrow .img img{ height:100%}
.moreArrow:hover .img { animation: moreArrowAni 2s ease-in-out infinite;}
@keyframes moreArrowAni {
  0% {transform: translateX(0);}
	10% {transform: translateX(.5em);}
	20% {transform: translateX(0);}
	30% {transform: translateX(.5em);}
	40% {transform: translateX(0);}
	100% {transform: translateX(0);}
}

.mainClientSlideW{ display:flex; flex-direction:column; gap:2em}
.mainClientSlide{ width:100%; filter:drop-shadow(0 0 1em rgba(0,0,0,.1))}
.mainClientSlide .swiper-wrapper{transition-timing-function: linear}
.mainClientSlide .el{ width:calc(16.66% - 18px)}
.mainClientSlide .el .wrap_in{ position:relative; border-radius:1em; background:#fff}
.mainClientSlide .el .img_wrap{ padding:0}
.mainClientSlide .el .img_wrap .resize{ padding-bottom:40%}
.mainClientSlide .el .img_wrap .resize img{ max-width:70%; min-height:40%}
.mainClientSlide .el .con_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-align:center; border-radius:1em; color:#fff; box-sizing:border-box; padding:1em; transition:.3s; opacity:0}
.mainClientSlide .el .con_wrap:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); opacity:.8; border-radius:inherit}
.mainClientSlide .el .con_wrap .t1{ font-weight:700;}
.mainClientSlide .el .con_wrap > *{ position:relative}
.mainClientSlide .el .wrap_in:hover .con_wrap{ opacity:1}

/* tab */
.con_idx { position: relative}
.con_idx > .idx { position: absolute; left: 0; top: 0; width: 100%; visibility: hidden; filter: alpha(opacity=0); opacity: 0; display: none; } 
.con_idx > .idx.on { position: relative; visibility: visible; filter: alpha(opacity=100); opacity: 1; display: block; } 

/* sub */
.sub_tit{ font-size: 2.38em; font-weight: 700; line-height: 1.4; position: relative; display: inline-block;}
.sub_tit.st1{font-size: 2em; padding-bottom: .5em;}
.sub_tit.st2{position: relative; padding-left: 0.6em; line-height: 1.4;}
.sub_tit.st2::before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: #111; position: absolute; left: 0; top: 15px; }
.sub_tit.st2.s3::before{top: 10px;}
.sub_tit.tt.st2::before{top: 9px;}

/* 공통 */
.top_bg { border-radius: 1em; overflow: hidden; width: 100%; padding: 3.5em 3em; color: #111; margin-bottom: 4em; position: relative; box-sizing: border-box; } 
.top_bg.bg1 { background: #fdf1e8 } 
/* .top_bg::before { content: ''; background: rgb(0, 0, 0, 0.4); position: absolute; width: 100%; height: 100%; left: 0; top: 0; }  */
.top_bg p { position: relative; } 
.top_bg .t1 { font-size: 1.5em; font-weight: 800; line-height: 1.5;} 
.top_bg .t3 { font-size: 1.125em; margin-top: 1em;  line-height: 1.5; color: #555;} 
.top_bg .bg_icon{position: absolute; right: 2em; bottom: -3em; filter: hue-rotate(136deg) brightness(3.5); opacity: 0.5;}


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

.flex_box .fst1 > li { flex: 1 1 100%; max-width: 100%; } 
.flex_box .fst1 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst2 > li { flex: 1 1 50%; max-width: 50%; } 
.flex_box .fst2 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst3 > li { flex: 1 1 33.33%; max-width: 33.33%; } 
.flex_box .fst3 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst4 > li { flex: 1 1 25%; max-width: 25%; } 
.flex_box .fst4 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst5 > li { flex: 1 1 20%; max-width: 20%; } 
.flex_box .fst5 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst6 > li { flex: 1 1 16.66%; max-width: 16.66%; } 
.flex_box .fst6 > li > .in { margin: 0 0 1em 1em; } 
.flex_box .fst8 > li { flex: 1 1 12.5%; max-width: 12.5%; } 
.flex_box .fst8 > li > .in { margin: 0 0 1em 1em; } 

.flex_box li > a { display: block; }

/**/

.join_wrapper {}
.join_wrapper + .join_wrapper{margin-top: 3em;}
.businessA_wrap{gap: 2.5em; padding-top: 1em; border-top: 1px solid #111;}
.businessA_wrap .img_box { overflow: hidden; width: 40%; flex-shrink: 0;}
.businessA_wrap .img_box img { display: block; object-fit: cover; width: 100%; height: 21em; }
.businessA_wrap .txt_box dl{display: flex; align-items: center; margin-bottom: .8em; font-size: 1.063em; align-items: flex-start;}
.businessA_wrap .txt_box dl:last-child{margin-bottom: 0;}
.businessA_wrap .txt_box dl dt{width:8em; font-weight: 600; flex-shrink: 0; word-break: keep-all;}
.businessA_wrap .txt_box dl dd{ color: #444; margin-left: 1em; gap: 0.5em;}

.programInfoWrap{ margin-top: 4em;}
.programInfo{ gap: 4em;}
.programInfo .info_left{ width: 45%; height: 40em; position: sticky; top: 10em;}
.programInfo .info_left .pro_img{ width: 100%; height:100%;}
.programInfo .info_left .pro_img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 1em;}
.programInfo .info_right{ flex:1;}
.programInfo .info_right .pro_cont{ min-height:30em; padding: 2em 1.5em 2.5em; box-sizing:border-box; border-top: 2px solid var(--siteC); border-bottom: 1px solid #ddd;}
.programInfo .info_right .pro_cont .tit_wrap{border-bottom: 1px dotted #ccc; padding-bottom: 1.8em;}
.programInfo .info_right .pro_cont .tit{ font-size: 1.63em; position: relative; display: inline-block; font-weight: 800;}
.programInfo .info_right .pro_cont .tit::before{ content: "\ea0f";  font-family: xeicon;  color: var(--siteC2); position: absolute; right: -1.2em; top: -0.3em; font-size: 0.8em;  transform: rotate(25deg);  z-index: -1;}
.programInfo .info_right .pro_cont .desc{ margin-top: 0.5em;}
.programInfo .info_right .pro_cont .details{margin-top: 2em;}
.programInfo .info_right .pro_cont .details h5{ margin:0; padding-left:.8em; font-size: 1.25em; position:relative}
.programInfo .info_right .pro_cont .details h5::before{ content:''; width: 3px; height:.8em; background:var(--siteC2); position:absolute; left:0; top:4px;}
.programInfo .info_right .pro_cont .details .memo_box{margin-top: .75em;}
.programInfo .info_right .pro_cont .details .memo_box + h5{ margin-top: 1.25em;}
.memo_box{padding: 1.5em 2em; background: #f8f8f8;}

.dot_list{}
.dot_list > li{}
.dot_list > li + li{ margin-top:.8em;}

.page_tt.dot1 { padding-left: 1em; color:#333; position: relative; font-weight: 500;}
.page_tt.dot1::before{ content: ''; width: 0.25em; height: 0.25em; border-radius: 50%; background:var(--siteC); position: absolute; left: 0; top: 8px; opacity: .5;}


/* 우리는 */

/* 목적 */
.page_wrapper { position:relative; } 
.page_wrapper .page_con { padding: 6em 0; } 
.page_wrapper .page_con.pn{ padding-bottom: 0;}
.page_wrapper .page_con:first-of-type{ padding-top: 0;}

/* .foundinglist{ display: flex; gap: 8em 6em; justify-content: center; flex-wrap: wrap; margin-top: 4em;}
.foundinglist > li{ width: calc((100% - 6em) / 2);}
.foundinglist > li:nth-child(2n){ transform: translateY(10em);}
.foundinglist > li > .con{}
.foundinglist > li > .con > .imgCon{ position:relative; width: 100%; height: 22rem; z-index: 2;}
.foundinglist > li > .con > .imgCon:before{ content: ""; position: absolute; top: -1em; left: -1em; width: 100%; height: 100%; background: rgb(241, 241, 241); z-index: -1;}
.foundinglist > li > .con > .imgCon > img{ width: 100%; height: 100%; object-fit: cover;}
.foundinglist > li > .con > .conW{ margin-top: .75em;}
.foundinglist > li > .con > .conW .tt{ position:relative; font-size: 1.063em; font-weight: 700; text-align: center; padding: 1em .5em; box-sizing: border-box;}
.foundinglist > li > .con > .conW .tt:before{ content: ""; position: absolute; left: 50%; top: 50%;  width: 100%; height: 100%; transform: translate(-50%, -50%); background: #ffe66b; z-index: -1; opacity: .5;} */
/* .about_member{ background: #f1f1f1;} */
.about_member .wideImg{ position:relative; width: 100%; height: 21.5rem;}
.about_member .wideImg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: '';}
.about_member .wideImg > img{ width: 100%; height: 100%; object-fit: cover;}
.about_member .wideImg .txt_wrap{ position: absolute; top: 50%; text-align: center; width: 100%; transform: translateY(-50%); padding: 0 6em; box-sizing: border-box;}
.about_member .wideImg .txt_wrap > .tit{ font-size: 2.415em; color: #fff; font-weight: 800;}
.about_member .wideImg .txt_wrap > .tx{ font-size: 1em; color: rgba(255,255,255, .815); font-weight: 600; margin-bottom: .75em;}

.about_member .memList{ display: flex; gap: 2em; margin-top: 2.5em;}
.about_member .memList > li{ width: calc((100% - 4em) / 3)}
.about_member .memList > li > .topCon{ display: flex; align-items: center; justify-content: center; height: 3em; width: 100%; background: var(--siteC2);}
.about_member .memList > li > .topCon > .tit{ font-size: 1.25em; font-weight: 800; line-height: 1; color: #fff;}
.about_member .memList > li .memBox{ }
.about_member .memList > li .memCon{ display: flex; gap: .35em; align-items: center; margin-top: .5em;}
.about_member .memList > li .memCon .inbox{ display: flex; height: 2.4em; align-items: center; padding: 0 .75em; box-sizing: border-box;}
.about_member .memList > li .memCon .inbox > .tt{ font-size: 1.063em; font-weight: 600; text-align: center;}
.about_member .memList > li .memCon .inbox.position{ background: var(--siteC); width: 8rem; justify-content: center;}
.about_member .memList > li .memCon .inbox.position > .tt{ color: #fff; font-weight: 800;}
.about_member .memList > li .memCon .inbox.name{ flex: 1; background: #fff;}

	.activeList{ display: flex; gap: 1em;}
.activeList > li{ width: calc((100% - 4rem) / 5)}
.activeList > li > .con{ position:relative; height: 20rem; padding: 1em; box-sizing: border-box;}
.activeList > li > .con:before{ position: absolute; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: '';}
.activeList > li > .con > .tt{ position:relative; font-size: 1.215em; font-weight: 800; color: #fff; z-index: 2;}

.summary-tit-wrap, .summary-list-wrap{margin-bottom: 100px}
.summary-list-wrap .summary-list-con{margin-bottom: 2em; position: relative; overflow: hidden;}
.summary-list-wrap .summary-list-con::before{ position: absolute; width: 100%; height: 100%; padding: 1.5em; box-sizing: border-box; border: 6px solid var(--siteC2);}
.summary-list-wrap .summary-list-con:last-child{margin-bottom: 0}
.summary-list-con{display: flex; align-items: center; height: 380px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0}
.summary-list-con:nth-child(1){background-image: url("/images/sub/purpose_img01.jpg")}
.summary-list-con:nth-child(2){background-image: url("/images/sub/purpose_img02.jpg")}
.summary-list-con:nth-child(3){background-image: url("/images/sub/purpose_img03.jpg")}
.summary-list-con:nth-child(4){background-image: url("/images/sub/purpose_img04.jpg")}
.summary-list-con:nth-child(5){background-image: url("/images/sub/purpose_img05.jpg")}
.summary-list-con:nth-child(6){background-image: url("/images/sub/purpose_img06.jpg")}
.summary-list-con:nth-child(7){background-image: url("/images/sub/purpose_img07.jpg")}
.summary-list-con:nth-child(8){background-image: url("/images/sub/purpose_img08.jpg")}
.summary-list-con .txt-con{width: 43%}
.summary-list-con .txt-con .tit-box{margin-bottom: 2em; padding-right: 11em;}
.summary-list-con .txt-con .tit-box .icon-box, .summary-list-con .txt-con .tit-box dd{display: inline-block; vertical-align: middle}
.summary-list-con .txt-con .tit-box dd{word-break: keep-all;}
.summary-list-con .txt-con .tit-box dd span{display: block; margin-bottom: 1em; font-size: 1.13em; font-weight: 400; color: #ccc; letter-spacing: -0.6496px}
.summary-list-con .txt-con .tit-box dd strong{font-size: 1.75em; font-weight: 600; color: #fff; letter-spacing: -1.5008px; line-height: 1.5;}
.summary-list-con .txt-con p{font-size: 18px; margin-left: 19%; font-weight: 700; letter-spacing: -0.4496px; line-height: 1.6; color: #555}
.summary-list-con .right-txt-con{margin-left: auto}
.summary-list-wrap .summary-list-con .left-txt-con{padding: 0 11%}

.summary-list-wrap .summary-list-con .icon_img{position: absolute; right: 3em; bottom: -3em; opacity: 0.1;}
.summary-list-wrap .summary-list-con:nth-child(2n) .icon_img{ right: auto; left: 3em;}


/* tab */
.sub_tab .tab_idx{ background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; display:flex; align-items: center; width: 100%; box-sizing: border-box; gap: 0.3em; }
.sub_tab .tab_idx > li{position: relative; text-align: center; padding:1em 2em; background: #f7f7f7; box-sizing: border-box; font-size:1.19em; font-weight: 600; color:#333; cursor:pointer; flex:1; transition:.3s; }
.sub_tab .tab_idx > li.tab1{ padding:14px 28px;}
.sub_tab .tab_idx > li.tab2{ padding:14px 28px;}
.sub_tab .tab_idx > li.tab3{ padding:14px 28px;}
.sub_tab .tab_idx > li.tab4{ padding:14px 28px;}
.sub_tab .tab_idx > li.tab5{ padding:14px 28px;}
.sub_tab .tab_idx > li.tab6{ padding:14px 27px 14px 28px;}

.sub_tab .tab_idx > li:hover{background:#f9f9fb;}
.sub_tab .tab_idx > li.on{ color: #fff; background: var(--siteC); font-weight:700; box-shadow: 0 11px 16px rgba(0, 0, 0, 0.12);}


.go_btn a{ width: 100%; padding: 1em 0; background: var(--siteC); color: #fff; margin-top: 1em; text-align: center;}
.go_btn a .xi{ vertical-align: sub; margin-left: 0.5em;}

/* 테이블 스크롤 */ 
.scr_i { display: none; }

/* 조직도 */
.processWrapper { padding: 3.5rem; box-sizing: border-box; border: 1px solid #ddd; border-radius: 1rem; overflow: hidden; background: #f7f7f7; margin-top: 2rem;}
.sub_org{ display:flex; justify-content:center; position:relative; width: 100%;}
.sub_org:before{ content:""; position:absolute; left:50%; bottom:100%; width:1px; height:2rem; background:#ccc; transform:translateY(-100%)}
.sub_org.d1{ flex-direction:column; align-items:center; gap:2rem 0}
.sub_org li{ flex:1 1 auto; min-width:0; max-width:100%; position:relative; width: 100%;}
.sub_org li.bottom{margin-top: 2em;}
.sub_org li.w0{width: auto;}
.sub_org.d1 > li:first-child{width: auto;}
.sub_org li:before{ content:""; position:absolute; left:50%; bottom:100%; width:1px; height:2rem; background:#ccc}
.sub_org li:after{ top:100%}
.sub_org .in{ background: #fff; box-sizing:border-box; padding:.5rem; border:1px solid #ccc; position:relative; text-align:center; display:flex; align-items:center; justify-content:center; height:3.5rem; border-radius:.5rem}
.sub_org .in:before,
.sub_org .in:after{ content:""; position:absolute; left:50%; bottom:calc(100% + 2rem); width:calc(50% + 1rem); height:1px; background:#ccc}
.sub_org .in:before{ left:auto; right:50%}
.sub_org .in .tt{ line-height:1.1}
.sub_org li.a1{ width:100%}
.sub_org li.a1 .in{ position:absolute; right:0; left:50%; top:0; transform:translate(100%, -50%)}
.sub_org li.a1 .in:before{ content:""; position:absolute; right:calc(100% + 1px); top:50%; width:calc(100% + 1px); height:1px; background:#ccc; display:block !important}
.sub_org.d2{ gap:0 1rem}
.sub_org.d2 > li{ display:flex; flex-direction:column; gap:4rem 0}
.con_org > .sub_org.d1 > li > .sub_org.d2 > li:first-child:before{display: none;}
.sub_org.d3{ gap:0 2rem}
.sub_org.d3 > li{ display:flex; flex-direction:column; gap:.5rem 0}

.sub_org.d3 > li .in{ width:16rem; max-width:100%;}
.sub_org.d4{ display:flex; flex-direction:column; gap:.5rem 0}
.sub_org.d1 > li:before{ height:2rem}
.sub_org.d4 > li:before{ height:.5rem}
.sub_org.d1:before,
.sub_org.d1 > li:first-child:before,
.sub_org.d1 > li:last-child:before,
.sub_org li:first-child > .in:before,
.sub_org li:last-child > .in:after,
.sub_org.d3 > li:after,
.sub_org.d4:before,
.sub_org.d1 > li > .in:before,
.sub_org.d1 > li > .in:after,
.sub_org.d4 > li > .in:before,
.sub_org.d4 > li > .in:after{ display:none}
.sub_org .in.border{border: 14px solid; border-color:  rgb(245 232 223) !important; box-sizing: content-box;}
.sub_org .in.w1{ width:10rem}
.sub_org .in.w2{ width:14rem}
.sub_org .in.h1{ height:5rem}
.sub_org .in.h2{ height:4rem}
.sub_org .in.c1{ background:var(--siteC); color:#fff; border-color:transparnet}
.sub_org .in.c1.re{ background:#fff; color:var(--siteC); border-color:var(--siteC)}
.sub_org .in.c2{ background: var(--siteC2); color:#fff; border-color:transparent;}
.sub_org .in.c2.re{  background:#fff; color:var(--siteC2); border-color:var(--siteC2)}
.sub_org .in .t1{ font-weight:600; font-size: 1.63em}
.sub_org .in .t2{ font-weight:700; font-size: 1.31em}
.sub_org .in .t3{ font-weight:700; font-size: 1.13em}
.sub_org .in .t4{ font-weight:500}

.sub_org .memo_box{width: 100%; padding: 1.5rem; background: #fff; box-sizing: border-box; flex: 1; border-radius: 1rem; margin-top: -3em;}
.memo_box { }
.sub_org .memo_box > .dot { position: relative; padding-left: .9rem; font-size: 1.13em; line-height: 1.5; margin-bottom: 0.3em;}
.memo_box > .dot:before { position: absolute; top: 11px; left: 0; width: 5px; height: 5px; background: var(--siteC); content: ''; }
.memo_box.c1 > .dot { color: var(--color-black-6); }

.sub_org2{ --subOrg2G:16em; display:flex; width:auto; justify-content:center; gap:0 var(--subOrg2G); margin:0 auto; }
.sub_org2:before{ content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#ccc}
.sub_org2 > li{ flex:0 0 auto; width:auto}
.sub_org2 > li:not(:first-child) .in:after{ bottom:50%; left:auto; right:100%; width:var(--subOrg2G); display:block}
.sub_org2 > li:before,
.sub_org2 > li .in:before,
.sub_org2 > li:first-child .in:after{ display:none}

.company_info {display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; width: 90%; margin: 0 auto 4rem;}
.company_info .companyBox{padding: 1rem; background: var(--color-bg-3); border-radius: 1rem; flex: 1 1 33.33%; max-width: 33.33%; text-align: center; box-sizing: border-box;}
.company_info .companyBox .img_wrap{padding: 2rem 0; background: #fff; border-radius: .5rem; text-align: center;}
.company_info .companyBox .img_wrap img{height: 37px; display: block; margin: 0 auto;}
.company_info .companyBox .tit{font-size: 1.31em; font-weight: 600; margin-top: 1rem;}
.company_info .companyBox .t1{font-size: 1.13em; margin-top: .2rem;}

.pageDiv_tit {margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #111;}
.pageDiv_tit .tit{ font-size: 1.75em; font-weight: 600; }
.pageDiv_tit .tit.dot{padding-left: 1.1rem; position: relative;}
.pageDiv_tit .tit.dot::before{ content: ''; position: absolute; width: 7px; height: 7px; left: 0; top: 15px; background: var(--siteC); border-radius: 100px;}

.team_con{margin-top: 5em;}
.team_con + .team_con{margin-top: 3em;}
.team_con .inner{padding: 0 1.5em;}

/* 찾아오시는 길 */
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{ display: none;}
.map_Wrapper{ overflow: hidden; margin-top: 2em;}
.map_Wrapper .map{ position:relative; overflow: hidden;}
.map_Wrapper .map:before{ /* position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255, 0); content: ''; z-index: 2; */}

.map_Wrapper .mapInfoWrap{ position: relative; z-index: 2; margin-top: -9em; display: flex; gap: 2em; padding: 3.5em; box-sizing: border-box; background: var(--siteC); align-items: flex-end;}
.map_Wrapper .mapInfoWrap .leftInfo{ width: 60%;}
.map_Wrapper .mapInfoWrap .leftInfo > .tit{ font-size: 2.15em; font-weight: 700; color: #fff; margin-bottom: 1.5em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo{ display: flex; flex-wrap: wrap; gap: 1em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li{}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li.br{ width: 100%;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con{ display: flex; gap: .25em; font-size: 1.063em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .xi{ position: relative; top: -.15em; color: #fff; font-size: 1.515em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon{ display: flex; gap: .75em;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .tit{ font-weight: 700; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .leftInfo > .contactInfo > li > .con > .titCon > .txt{ font-weight: 400; line-height: 1.4; color: rgba(255,255,255, .7);}

.map_Wrapper .mapInfoWrap .rightInfo{ width: 40%;}
.map_Wrapper .mapInfoWrap .rightInfo .flex_box{}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen{ height: 100%;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li{ display: flex;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in{ position:relative; display: flex; justify-content: space-between; flex: 1; border-bottom: 2px solid #fff; padding: 0 0 1em; box-sizing: border-box; transition: .3s; margin-left: 1.5em !important;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .tt{ font-size: 1.215em; line-height: 1.4; color: #fff;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in > .xi{color: #fff; margin-right: 0.5em;}
.map_Wrapper .mapInfoWrap .rightInfo .mapOpen > li > .in:hover > .xi{ margin: 0; transition: 0.2s;}

/* 인사말 */
.dp2_greeting #contents .doc{padding-top: 0; padding-bottom: 8em;}
.greet_wrap{padding-top: 10vmin; position: relative;}
.greet_wrap .box1{position: relative;}
.greet_wrap .bg_top{width: 100%;height: 80%;position: absolute;left: 0;top: 0;}
.greet_wrap .greet_txt{ max-width: 80%; position: relative; z-index: 10;}
.greet_wrap .greet_txt .page_txt{padding: 5em 4em 5em;box-sizing:border-box;background: #f8f6f2;position:relative;z-index:1;box-shadow: 2px 2px 4pc rgba(0, 0, 0, .2);}
.greet_wrap .greet_txt .intro{ margin-bottom: 1.5em;}
.greet_wrap .greet_txt .tx{ color:#333;  line-height: 1.6;}
.greet_wrap .greet_txt .tx + .tx{ margin-top: .8em;}
.greet_wrap .greet_txt .tx.name{ margin-top: 1.5em; text-align: center; text-align: center;}
.greet_wrap .greet_txt .name .ceo{font-size: 1.4em; margin-left: 0.5em;}
.greet_wrap .greet_txt::after{content: '';width: 100%; height: 90%;background: var(--siteC2);position: absolute;left: -1em;top: -1em;}
.greet_wrap .greet_txt .spring{position: absolute; z-index: 10; left: 50%; top: -18px; width: 93%; height: 3em; background-size: auto 100%; background-repeat: repeat-x; transform: translate(-50%, -30%);}
.greet_wrap .greeting_img{width: 20%; position: relative; z-index: 10; margin-left: -3em;margin-bottom: 6em; transform: rotate(5deg);}
.greet_wrap .greeting_img::before{position: absolute; content: ''; background-image: url(../images/sub/greeting_obimg01.svg); background-repeat: no-repeat; width: 65px; height: 52px; background-size: 100%; right: -2.4em; top: -1.1em;}
.bg_object{position: absolute; z-index: 1; right: 0em; bottom: 15em; width: 43%; rotate: -5deg; opacity: 0.3;}

.greet_wrap .sub_tab .tab_idx{margin-bottom: 6em;}
.greet_wrap .sub_tab .tab_idx > li:not(.on){ background: #fff;}

/*주요 기능*/
#contents .dp3on{ padding:10vmin 0 0 0;}
#contents .dp3on .gnb > li .dp1{ display:none;}
#contents .dp3on .gnb > li .dp2 > li{display: none;}
#contents .dp3on .gnb > li.on .dp2 > li.on {display: block !important;}

#contents .dp3on .gnb,
#contents .dp3on .gnb > li .dp2,
#contents .dp3on .gnb > li.on,
#contents .dp3on .gnb > li .dp2 > li.on{ display:block;}
#contents .dp3on .gnb > li .dp3{ flex-wrap:wrap; }
#contents .dp3on .gnb > li .dp3 > li{ flex:1 1 25%; max-width:25%; text-align: center;}
#contents .dp3on .gnb > li .dp3 > li > a{ display: flex; justify-content: center; align-items: center; height:3.5em; margin:0 0 .625em .625em; padding:.5em .5em; box-sizing: border-box; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s;}
#contents .dp3on .gnb > li .dp3 > li:hover > a,
#contents .dp3on .gnb > li .dp3 > li.on > a{  box-shadow:0 3px .375em rgba(0,0,0,.1); color: #fff; background: var(--siteC);}
#contents .dp3on .gnb > li .dp3 > li.on > a{ font-weight:700;}
#contents .dp3on .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li,
#contents .dp3on .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{ flex:1 1 33.33%; max-width:33.33%;}
#contents .dp3on .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a {padding:.5em 1em;}

.dp2_thanks_sponsor {}


/* 회원가입 */
/*** sub_member ***/
/**/
.step_tit { text-align:center; margin-top: 3em;} 
.step_tit .t1 { font-size: 2em; font-weight:800; } 
.step_tit .t2 { font-size: 1.125em; margin-top:1.25em; } 

.step_st { display:flex; justify-content:center; gap:0 5rem; margin:2.5rem 0 3rem 0; word-break:keep-all; counter-reset:stepIdx; } 
.step_st:first-child { margin-top:0; } 
.step_st > li { width:6.5em; counter-increment:stepIdx; } 
.step_st > li .ico { position:relative } 
.step_st > li:not(:last-child) .ico:before { content:""; position:absolute; left:100%; top:50%; width:5em; height:1px; background:#ddd } 
.step_st > li .ico .xi { position:relative; font-size:1em; width:1.875em; height:1.875em; margin:0 auto; display:flex; align-items:center; justify-content:center; color:#fff; background:#ccc; border-radius:50% } 
.step_st > li .ico .xi:before { content:counter(stepIdx); } 
.step_st > li .tt { margin-top:.75em; text-align:center; font-size:1.063em; color:#666; font-weight:500; line-height:1.3; } 
.step_st > li.on .tt { font-weight:600; color:var(--siteC2) } 
.step_st > li.on .ico .xi,
.step_st > li.on .ico:before { background:var(--siteC2); } 
.step_st > li.on .ico .xi:before { content:"\e928" } 
.step_st > li.on .ico .xi:after { content:""; position:absolute; top:-.25em; bottom:-.25em; left:-.25em; right:-.25em; border:2px dotted var(--siteC2); border-radius:50%; opacity:.4; } 
.step_st > li:not(.on) .ico .xi:before { font-family:var(--fontBase); font-size:.875em; font-weight:700; } 

/*member style*/
.login_wrap { position: relative; width:540px; max-width: 92%; margin:0 auto; box-sizing:border-box; z-index: 2; } 
.login_wrap.w1 { width:600px; max-width: 85%; margin: 0 auto; } 
.login_wrap.w2 { width:780px; max-width: 94%; margin: 0 auto; } 
.login_wrap.w3 { width:1000px; max-width: 94%; margin: 0 auto; } 
.login_wrap.st1 { padding:3rem 2.5rem; background: #fff; border-radius: var(--radius-md); } 
.login_wrap.st1.gray{ background: var(--color-gray-1);}
.login_wrap .join_sec { display:flex; justify-content:space-between; flex-wrap:wrap; } 
.login_wrap .join_sec > li { width: 100%; margin-bottom: 2em;} 
.login_wrap .join_sec > li:first-child {margin-bottom: 0;} 
.login_wrap .join_sec > li.w100 { width:100% } 
.login_wrap .join_sec .table_form > li { padding-top:0; } 


.login_tab { display:flex; padding:0 1px 0 0; margin-bottom:2em; } 
.login_tab > li { flex:1 1 1%; } 
.login_tab > li > a { display:flex; align-items:center; justify-content:center; box-sizing:border-box; position:relative; height:3.5em; border:1px solid rgba(0,0,0,.1); color:rgba(0,0,0,.7); background:#fff; margin:0 -1px -1px 0 } 
.login_tab > li:first-child > a { border-radius:.35rem 0 0 .35rem; } 
.login_tab > li:last-child > a { border-radius:0 .35rem .35rem 0; } 
.login_tab > li > a .t1 { font-weight:500; font-size: var(--font-size-md-1); } 
.login_tab > li > a.on { background:var(--siteC); border-color:transparent; color:#fff } 
.login_tab > li > a.on:after { content:""; position:absolute; left:50%; transform:translate(-50%, 50%) rotate(45deg); bottom:-1px; width:.75em; height:.75em; background:#fff } 

.layer_inp { display:block; position:relative } 
.layer_inp .inp:focus { z-index:1 } 
.layer_inp .inp { border:1px solid #ddd; margin-bottom:-1px; padding:1rem; padding-left:4rem; 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.75rem } 
.layer_inp select.inp optgroup,
.layer_inp select.inp option { font-weight:400; } 
.layer_inp:first-of-type .inp { border-top-left-radius:.35rem; border-top-right-radius:.35rem } 
.layer_inp:last-of-type .inp { border-bottom-left-radius:.35rem; border-bottom-right-radius:.35rem } 
.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: var(--font-size-sm); } 
.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 .logoMark { display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-5); } 
.login_wrap .logoMark > img { height: 2.6rem; object-fit: contain; } 
.login_wrap .login { display:flex; flex-direction:column } 
.login_wrap .login > * { width:100%; box-sizing:border-box } 
.login_wrap .btn { height: 3.5rem; border-radius: var(--radius-sm); border:1px solid transparent; font-weight:600; font-size: var(--font-size-base); } 
.login_wrap .btn .xi { font-size:1em; margin-right:.25em } 
.login_wrap .btn.c1 { background:var(--siteC2); color:#fff } 
.login_wrap .btn.c2 { background:#000; color:#fff } 
.login_wrap .btn.c3 { background:var(--color-point); border:none; color:#fff } 
.login_wrap .btn.s1 { font-size:1.063em } 
.login_wrap .check_wrap { padding:1.5em .25em; } 
.login_wrap .check_wrap .label_st { font-size:1.063em; } 
.login_wrap .check_wrap + .page_btn { margin-top:0; } 
.login_wrap .page_btn { margin-top:2em; gap:.5em; } 
/* .login_wrap .page_btn.gap1 { gap:1em 1em; } */
.login_wrap .inp_flex { display:flex; gap:1em; } 
.login_wrap .inp_flex .inp_wrap { flex:1 1 0%; min-width:0; } 
.login_wrap .inp_flex .page_btn { width:9em; margin-top:0 } 
.login_wrap .inp_flex .page_btn .btn { height:100% } 
.login_wrap .link_wrap { padding:2em 0; } 
.login_wrap .link_wrap:last-child { padding-bottom:0; } 
.login_wrap .link_wrap a { position:relative; padding:0 1.5em; font-size:1.063em; color:#666; font-weight:500; } 
.login_wrap .link_wrap a + a:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1em; background:#000; opacity:.15; transform:translateY(-50%); } 
.login_wrap .link_wrap a.point { font-size:1.063em; color:#111; font-weight:600; } 
.login_wrap .link_wrap a:hover { text-decoration:underline; } 
.login_wrap .sns_tit { overflow:hidden; margin:2em 0; text-align:center; } 
.login_wrap .sns_tit .in { position:relative; display:inline-block; padding:0 1em; font-size:1.1em; font-weight:600; color:#777 } 
.login_wrap .sns_tit .in:before,
.login_wrap .sns_tit .in:after { content:""; position:absolute; top:50%; width:1000px; height:1px; background:#ddd; } 
.login_wrap .sns_tit .in:before { right:100%; } 
.login_wrap .sns_tit .in:after { left:100%; } 
.login_wrap .sns_login { display:flex; flex-wrap:wrap; align-items:center; gap:.5em; padding: 0 5em; } 
.login_wrap .sns_login > li { flex:1; } 
.login_wrap .sns_login > li .in { height:3.5em; gap:.75em; } 
.login_wrap .sns_login > li .in .ico { font-size:1.500em; } 
.login_wrap .sns_login > li .in .tt { font-size:1.063em; font-weight:500; } 
.login_wrap .sns_login > li.nv .in { background: #00c63b; color:#fff; } 
.login_wrap .sns_login > li.ka .in { background: #fbe300; } 

.fin_box { background: #f7f7f7; border-radius: .5em; padding:3rem; text-align:center; word-break:keep-all; } 
.fin_box .fin { display:inline-flex; align-items:center; gap:1rem; margin:.5rem 0; } 
.fin_box .fin * { line-height:normal !important; } 
.fin_box .xIco { margin-bottom:1em; color: var(--siteC2);} 
.fin_box .xIco .xi { font-size:1.750rem; } 
.fin_box .tit { font-size:1.75rem; font-weight:600; margin-bottom: .5em; } 
.fin_box .tit.s1 { font-size:1.375rem } 
.fin_box .tt1 { line-height:1.5; font-size: 1.125em; color: #111; } 
.fin_box .tt2 { font-size:1.250em; font-weight:500; } 
.fin_box .tt_point { font-size:1.750rem; color:var(--siteC); font-weight:700; } 
.fin_box .tt_no { display:inline-flex; align-items:center; gap:1rem; margin-top:1rem; height:3rem; padding:0 2em; background:var(--siteC); border-radius:6em; color:#fff; } 
.fin_box .tt_no .no { font-size:1.250rem; font-weight:600; } 
.fin_box .fs:not(:last-child):after { content:"," } 
.fin_box .finTop{ margin-bottom: 2.5em;}

.agree_box:not(.page_box) { border-radius:.5em; border:1px solid #ddd; padding:1.5em 1.75em; } 
.agree_box p { padding:.375em 0; } 
.agree_box strong,
.agree_box b { font-weight:600; color:#000; } 
.agree_box.tt1 { color:#555; line-height:1.5 } 
.agree_box.tt2 { color:#555; font-size:1.063em; line-height:1.5 } 
.agree_box.tt2 strong,
.agree_box.tt2 b { font-size:1.125em; } 
.agree_box.h1 { height:18em; } 

.agree_box ol { padding:.375em 0; } 
.agree_box ol > li { padding-left:.875em; text-indent:-.875em; } 

.btn_vf { padding:2em; border:1px solid #ddd; border-radius:.5em; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; min-height:8em; transition:.3s } 
.btn_vf .ico { width:8em; height:8em; border:3px dotted var(--crGray); border-radius:50%; display:flex; flex-direction:column; justify-content:center; margin-bottom:1.5em } 
.btn_vf .ico img { height:45% } 
.btn_vf .t1 { font-weight:700; font-size:1.25em } 
.btn_vf .t2 { color:#666; margin-top:.5em } 
.btn_vf .st { padding:.75em .5em; background:var(--crGrad1); width:100%; max-width:12em; border-radius:.5em; box-sizing:border-box; font-size:1.125em; font-weight:500; color:#fff; margin-top:1.5em } 
.btn_vf:hover,
.btn_vf:focus { border-color:var(--siteC2); box-shadow:0 0 1em rgba(0,0,0,.1) } 

.newTag { position: relative; } 
.newTag::before { content: 'N'; display: flex; justify-content: center; align-items: center; width: 1rem; height: 1rem; padding: .3em; border-radius: 50%; background: tomato; font-weight: 600; font-size: .875em; color:#fff; position: absolute; right: -.6rem; top: -.6rem; zoom: .8; } 

/*member table*/
.table_form_wrap{}
.table_form_wrap .form_tit{ margin-bottom: .5em;}
.table_form_wrap .form_tit .t1{ font-weight:800; font-size:1.375em}
.table_form_wrap .form_tit .t2{ font-weight:700; font-size:1.625em}
.table_form_wrap .form_tit .t3{ font-weight:500; font-size:1.125em}
.table_form > li{ border-bottom:1px solid #ddd; padding:.75em 0}
.table_form > li:first-child{ border-top:1px solid #111}
.table_form > li.bd0{ border-bottom:none !important}
.table_form > li.bd1{ border-top:none !important}
.table_form > li.p1{ padding:1.5em 0;}
.table_form .wrap_in{ display:flex; align-items:center}
.table_form .wrap_in .tit_wrap,
.table_form .wrap_in .con_wrap{ min-height:3em; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
.table_form .wrap_in .tit_wrap{ width:10rem; gap:.5em 0; padding:0 1.25em;}
.table_form .wrap_in .tit1{ font-size:1.125em; font-weight:600;}
.table_form .wrap_in .tit2{ font-size:1.063em; font-weight:600;}
.table_form .wrap_in .tit3{ font-size:1.000em; font-weight:500; line-height:1.2;}
.table_form .wrap_in .con_wrap{ flex:1 1 0%; min-width:0; gap:.25em; font-size:1.063em;}
.table_form .wrap_in .con_wrap > *{ flex:1 1 0%; min-width:0}
.table_form .wrap_in .con_wrap .inp_tt{ flex:0 0 auto; font-size:.938em; color:#666;}
.table_form .wrap_in .con_wrap .input_st{ width:100%}
.table_form .wrap_in .con_wrap .input_st[type=radio] {width: auto; height: auto;}
.table_form .wrap_in .con_wrap .line{ padding-top:.75em; margin-top:.75em; border-top:1px solid #ddd}
.table_form .wrap_in .con_wrap .w1{ flex:0 0 auto; width:3em}
.table_form .wrap_in .con_wrap .w2{ flex:0 0 auto; width:9em}
.table_form .wrap_in .con_wrap .w50{ flex:0 0 auto; width:50%}
.table_form .wrap_in .con_wrap .w100{ flex:0 0 auto; width:100%}
.table_form .wrap_in .con_wrap .w_auto{ flex:0 0 auto}
.table_form .wrap_in .con_wrap .max1{ max-width:27em}
.table_form .wrap_in .con_wrap .max2{ max-width:8.375em}
.table_form .wrap_in .con_wrap .max3{ max-width:23.5em}
.table_form .wrap_in .con_wrap .min1{ min-width:23.5em}

.table_form .wrap_in.col{ flex-direction:column}
.table_form .wrap_in.col > *{ flex:0 0 auto; width:100%}
.table_form .wrap_in.col .tit_wrap{ padding:0 0;}

.greeting_wrap {/* display:none; */ padding:60px 60px 80px; position:relative; }
.greeting_wrap::after {content:""; background-color:#fafafa; position:absolute; bottom:0; width:300%; height:68.5%; z-index: -1; left:-50%;}
.top_txt {margin-bottom:50px;}
.top_txt .sub_tit {font-size:20px; font-weight:600;margin-bottom:0.5em;}
.top_txt .tit {font-size:44px;}
.greeting_wrap span.cp-3 {vertical-align:top}
.greeting_wrap .con {display:flex; flex-flow:row nowrap; justify-content:center; gap:50px; align-items: center; }
.greeting_wrap .con2 {margin-top:1.5em;}
.greeting_wrap .con .con_txt {line-height: 180%; width:100%; height:fit-content;}
.greeting_wrap .con .con_txt p {font-size:17px; margin-bottom:1.5em;}
.greeting_wrap .con .con_txt .bigFont {font-size:24px; font-weight:600; display:block; line-height:150%; margin-bottom:1.5em;}
.greeting_wrap .con .con_img {height:100%; width:80%; }
.greeting_wrap .con2 .con_img {height:100%;width:50%;}
.greeting_wrap .con .con_img img {width:100%; box-shadow: 0 4px 10px rgba(0,0,0,0.2);}
.overview_wrap {width:100%;padding-top:80px;}
.overview_wrap .card_wrap {padding:0 60px; display:flex; flex-flow:row nowrap; gap:1em; align-items:center;}
.overview_wrap .card_wrap .card { overflow:hidden; position:relative;/*  background-color:#eee; */ border-top-right-radius: 1em;  border-top-left-radius: 1em; width:25%; height:400px;}
.overview_wrap .card_wrap .card .txt {padding:16px; background-color:var(--color-point3); border-top-right-radius: 1em; border-top-left-radius: 1em; position:absolute; bottom:0;  color:#fff; height:160px;}
.overview_wrap .card_wrap .card:hover .txt {background-color:var(--color-point); height:180px; transition:all 0.4s var(--ani-1)}
.overview_wrap .card_wrap .card .txt .card_tit {font-size:20px; margin-bottom:18px; font-weight:500;}
.overview_wrap .card_wrap .card .txt .card_txt {font-size:14px; line-height:180%; font-weight: 300;}
.overview_wrap .card_wrap .card .img {}
.overview_wrap .tit .fwML {font-size:44px; vertical-align:top;}
.overview_wrap .top_txt {padding:0 60px;}