@charset "utf-8";
/* CSS Document */
.box0{ padding:0 2.5vw; box-sizing:border-box}
.box1{ padding:0 5vw; box-sizing:border-box; max-width:1480px; margin:0 auto}
.box1.st1{max-width:1680px;}
.box2{ box-sizing:border-box; width:1280px; margin:0 auto}
.boxSub{ box-sizing:border-box; max-width:1480px; margin:0 auto}

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

#header{ position:sticky; left:0; top:0; width:100%; z-index:1000; background:#fff; transition:transform .5s}
#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; padding: 0 3.6vw;}
#header .top_wrap .wrapF > *{ position:relative; z-index:2}
#header .top_wrap .logo{ height:2em}
#header .top_wrap .logo > a{ display:flex; height:100%; /* overflow:hidden; */ align-items: center;}
#header .top_wrap .logo > a .in:first-child{ min-height: 2.8em;}
#header .top_wrap .logo > a .in{ display:block; height:100%; transition:.5s}
#header .top_wrap .logo > a img{ height:100%; display:block}
#header .top_wrap .etc_wrap{ display:flex; align-items:center; gap:2vmin}
#header .top_wrap .etc_wrap .btnInc{ width:4em; height:var(--headerH); display:flex; align-items:center; justify-content:center}
#header .top_wrap .etc_wrap .btnInc .ico{ font-size:1.75em}
#header .top_wrap .etc_wrap .btnInc.allBtn .ico{ font-size:2.25em}
#header .top_wrap .etc_wrap .mem { display:flex; align-items:center; gap:1.5em; height: 2.5em; padding:0 1.25em; border:1px solid transparent; border-radius:2.5em; background:#f5f5f5; overflow:hidden; } 
#header .top_wrap .etc_wrap .mem > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#111 } 
#header .top_wrap .etc_wrap .mem > li:not(:first-child) > a:after { content:""; width:1px; height:1em; background:#ddd; position:absolute; left:-.75em; top:50%; transform:translateY(-50%); } 
#header .top_wrap .etc_wrap .mem > li > a .tt { font-size:.875em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem > li > a .ico { font-size:1em; } 


html:not(.allOn) #header .top_wrap .gnb_wrap{ display:flex; align-items:center; flex:1; min-width:0; justify-content:center; height:100%; z-index:1}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb{ position:absolute; left:50%; transform:translateX(-50%); top:0; width:100%; justify-content:center; box-sizing:border-box; transition:padding .3s}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb:before{ content:""; position:absolute; width:200vw; background:#fff; top:var(--headerH); height:0; opacity:0; transition:height .3s; box-sizing:border-box; border-top:1px solid #eee; box-shadow:0 1em 1em rgba(0,0,0,.1)}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb a{ display:flex}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb .tt{ white-space:nowrap}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li{ position:relative; flex:1; border-right:1px solid transparent; max-width:20vmin;}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:first-child{ border-left:1px solid transparent}
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 .tt{ font-weight:700; font-size:1.25em}
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:after{ content:""; position:absolute; top:0; left:0; width:100%; height:4px; background:var(--siteC); transform:scaleX(0);}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li .dp2{ display:none}
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
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:hover .dp1:after,
html:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1:after{ transform:scaleX(1); transition:.3s}

#header .top_wrap .gnb_wrap .gnb > li .dp2{ flex-direction:column; gap:.5em}
html.scroll:not(.allOn):not(.up) #header{ transform:translateY(-100%)}

html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1{ color:var(--siteC)}
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after{ opacity:1; transition:.3s}
html.scroll:not(.allOn) #header .top_wrap .gnb_wrap .gnb > li:hover .dp2{ visibility:visible; opacity:1; z-index:auto; transition:.2s;}

/*header*/
/* #header{ z-index:999; position:fixed; top:0; left:0; width:100%; border-bottom: 1px solid #eee; background: #fff;} */
#header.hide{ }
#header.white{ box-shadow: 2px 0 6px rgba(0,0,0, .1); background: #fff;}
#header:before{ content:""; position:absolute; left:0; width:100%; height:1px; top:calc(6.5em - 1px); transition:.2s;}
#header .inner{ background:#fff; color:#fff; transition: all .2s linear;}
#header.white .inner{ color: #111; transition: all .2s linear;}
#header .logo{ width:18em;}
#header .logo,
#header .all_wrap .all_btn{ }
#header .logo > .in img{ width:11em;}



#header .gnb_wrap{ /* padding-right: 4em; */}
#header .gnb_wrap .gnb > li{ overflow:hidden;}
#header .gnb_wrap .gnb > li .dp1{ justify-content: center; align-items: center; padding-left:1em; padding-right:1em; position:relative;}
#header .gnb_wrap .gnb > li .dp1 .tt{ position:relative; font-size:1.1875em; color:#111;}

#header .gnb_wrap .gnb > li .dp2{ display:block; min-width:8em; max-width:13.5em; margin:0 auto; padding:1em .5em; transition:.2s;}
#header .gnb_wrap .gnb > li .dp2 > li > a{ display:block; padding:.5em .5em; font-weight:300;}
#header .gnb_wrap .gnb > li .dp2 > li.more > a.link{ display: none;}
#header .gnb_wrap .gnb > li .dp2 > li.more > a.layer{ display: block!important; position: relative;}
#header .gnb_wrap .gnb > li .dp2 > li.more > a .arrow{position: relative;/* right:1em; *//* top:50%; *//* transform:translateY(-50%); */font-size: .75em;margin-left: .5em;}
/* #header .gnb_wrap .gnb > li .dp2 > li.more > a .arrow:before{ content:"\e917"; font-size:1.250em; color:#777; display:block; transition:.2s;} */
#header .gnb_wrap .gnb > li .dp2 > li.more.on > a .arrow:before{ content:"\e91e";/* transform:rotate(-180deg); */}
#header .gnb_wrap .gnb > li .dp2 > li > a .in{ display: flex; justify-content: center;}
#header .gnb_wrap .gnb > li .dp2 > li > a .tt{ font-size:1em;}
#header .gnb_wrap .gnb > li .dp3{ display:block;  padding:.8em; border-radius: .5em; background: #f0f5ff; }    
/* #header .gnb_wrap .gnb > li .dp2 > li.on .dp3{ display: block;} */
#header .gnb_wrap .gnb > li .dp3 > li a{ padding:.3em 0; justify-content: center;}
#header .gnb_wrap .gnb > li .dp3 > li a .tt{ font-size: .9375em; color:#333; position: relative;}
#header .gnb_wrap .gnb > li .dp3 > li a .tt::after{content:''; width:3px;height:3px;border-radius:50%;background:var(--siteC);position:absolute;right: -5px; top: -1px; opacity:0;transition:all .3s;}
#header .gnb_wrap .gnb > li .dp3 > li a:hover .tt::after{ opacity:1;}
#header .gnb_wrap .gnb > li .dp2 > li.act .dp3 > li a{ /* justify-content: center; */}
#header .gnb_wrap .gnb > li.act{ background:#f8fcff;}
#header .gnb_wrap .gnb > li.act .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1;}
#header .gnb_wrap .gnb > li .dp2 > li.act > a,
#header .gnb_wrap .gnb > li .dp2 > li.on > a{ font-weight:400; color:var(--siteC)}


#header .link_wrap {}
#header .link_wrap .inner{ }
#header .link_wrap .dona_link{gap:.5em;}
#header .link_wrap .icon{ width: 24px; height: 17px; background: url(../images/inc/header_icon01.png) no-repeat;}
#header .link_wrap .tt{ font-size: .9375em; color:#666;}


#header .all_wrap{ color:#000;}
#header .all_wrap .all{ width:2.5em;}
#header .all_wrap .all_btn{ position:relative; display:block; width:1.5em; height:1.125em; margin: 0 auto;}
#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:2.5px; border-radius: 5px; background:#222; transition:.2s, background 0s;}
#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:100%;}
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:100%;}
#header .all_wrap .all_btn:hover .ham:before{ width:100%;}
#header .all_wrap .all_btn:hover .ham:after { width:100%;}

#header .all_wrap .all_layer{ position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden;}
#header .all_wrap .all_layer .all_close{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity:0; backdrop-filter:blur(.75em);}
#header .all_wrap .all_layer .all_inner{ position:absolute; top:0; right:0; width:100%; 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 > .all{display: none;}
#header .all_wrap .all_layer .all_inner > .wrap_bg{ width:40%; padding:14vh 0vw 3em 4vw;}
#header .all_wrap .all_layer .all_inner > .wrap_bg .cs{ padding-top:2em; font-size:1.188em; color: #111;}

#header .all_wrap .all_layer .all_inner > .wrap_in{ flex:1; padding:14vh 8em 3em; position: relative; overflow:hidden;}
#header .all_wrap .all_layer .all_inner > .wrap_in::after{content: '';width:38em;height:28em;background: url(../images/inc/all_bg.png) no-repeat center bottom / cover;position: absolute;right: 1em;top: 28em;opacity: .4;z-index: -10;}  
#header .all_wrap .all_layer .wrap_middle{ /* padding:3em 0; */}
#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 li > .dp2_wrap,
#header .all_wrap .all_layer .wrap_middle .gnb li.more > ul{display: none;}
#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.on > a .arrow:before{ transform:rotate(-180deg);}
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul{ display:block;}
#header .all_wrap .all_layer .wrap_middle .gnb ul{ padding:1em 1em; background: rgba(255, 255, 255, .5);}
#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{align-items: center; height:4em; padding:0 1.5em; border:solid var(--crGray1); border-width:1px 0; background:rgba(255, 255, 255, .6); margin-bottom:-1px;}
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt{ font-size:1.188em;}
#header .all_wrap .all_layer .wrap_middle .gnb > li.act .dp1,
#header .all_wrap .all_layer .wrap_middle .gnb > li.on .dp1{ background-image:var(--crGrad3);}
#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: #f7f7f7;}
#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 .wrap_middle .gnb li.on > .dp2_wrap,
#header .all_wrap .all_layer .wrap_middle .gnb li.more.on > ul{display: block;}
#header .all_wrap .all_layer .wrap_middle .gnb li.on > a.dp1.layer{color: #fff;}
#header .all_wrap .all_layer .wrap_middle .gnb li.on > a.dp2.layer{}

#header .all_wrap .all_layer .logo{display: none;}

.allGnbOn{ overflow-y:hidden} 
.allGnbOn body{ overflow-y:scroll}

.allGnbOn #header > .logo{display: none;}
.allGnbOn #header .all_wrap .all_layer .logo{ z-index:100; position:fixed; top:5vh; left:4vw; filter:none !important;}
.allGnbOn #header .all_wrap .all .all_btn{ z-index:999; position:fixed; top:2em; right:2vw; width:3em; height:3em; filter:var(--crBlackfil) !important;}
.allGnbOn #header .all_wrap .all_btn .ham{ background:transparent !important; transition:0s;}
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px;}
.allGnbOn #header .all_wrap .all_btn .ham:before{ transform:rotate(45deg);}
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg);}
.allGnbOn #header .all_wrap .all_layer{ z-index:99; opacity:1; visibility:visible;}
.allGnbOn #header .all_wrap .all_layer .all_close{ opacity:1; transition:.4s;}
.allGnbOn #header .all_wrap .all_layer .all_inner{ transform:translateX(0); /* transition:.4s; */}
/* .allGnbOn #header .all_wrap .all_layer .wrap_middle .gnb li.more > ul{display: block !important;} */
/* .allGnbOn #header:before{background: rgb(255, 255, 255, 0.2); z-index: 11; top: 0; height: var(--headerH); backdrop-filter: blur(10px);} */
.allGnbOn #header .all_wrap > .all{display: none;}
.allGnbOn #header .all_wrap .all_layer .all_inner .all,
.allGnbOn #header .all_wrap .all_layer .logo{display: block;}


#footer{ z-index:1; color:#fff; background:#252834; padding:8vmin 0}
#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:8vmin}
#footer .logo_wrap{ display:flex; align-items:center; gap:4em}
#footer .logo{ filter:brightness(0) invert(1)}
#footer .logo img:first-child{min-height: 2.8em; vertical-align: bottom;}
#footer .logo img{ height:2em}
#footer .menu_wrap{ margin-left:auto; display:flex; gap:2em}
#footer .menu_wrap > li > a{ position:relative; font-weight:500}
#footer .menu_wrap > li:not(:first-child) > a:before{ content:"·"; position:absolute; left:-1em; top:0; transform:translateX(-50%); opacity:.5}
#footer .menu_wrap > li.point > a{ opacity:1; font-weight:700}
#footer .info_wrap{ display:flex; flex:1; min-width:0}
#footer .info{ overflow:hidden; flex:1 1 0%; min-width:0}
#footer .info > li{ float:left; margin-right:2em; margin-bottom:.25em; opacity:.8; position:relative}
#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:.875em; opacity:.5; margin-top:1em; text-transform:uppercase}
#footer .etc_wrap{ display:flex; flex-direction:column; align-items:flex-end; gap:1em}

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

#contents{ flex:1 1 0%; min-height:0}
#contents .sub_top_wrap{ height:40vmin; position:relative}
#contents .sub_top_wrap .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f1f1f1; border-radius:4vmin; overflow:hidden}
#contents .sub_top_wrap .wrapBg .bg{ height:100%}
#contents .sub_top_wrap .wrapBg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3}
#contents .sub_top_wrap .wrapCon{ display:flex; height:100%; flex-direction:column; position:relative}
#contents .sub_top_wrap .subTit{ flex:1; min-height:0; padding:10vmin 0 0 0}
#contents .sub_top_wrap .subTit .wrapF{ height:100%; display:flex; flex-direction:column; justify-content:center; gap:1vmin; color:#fff}
#contents .sub_top_wrap .subTit .t1{ font-size:6vmin; font-weight:500}
#contents .sub_top_wrap .subTit .t2{ font-weight:700; mix-blend-mode:difference; padding-left:.25em; letter-spacing:.125em; font-size:1.125em}
#contents .sub_top_wrap .subTab{--cornerSize :4vmin; position:relative; display:inline-flex; margin-left:auto; margin-right:-1px}
#contents .sub_top_wrap .subTab .gnb{ display:flex; justify-content:flex-end; padding:0 2vmin; flex-wrap:wrap}
#contents .sub_top_wrap .subTab .gnb > li{ position:relative; flex:1; min-width:0; width:40vmin; margin:0 -2vmin -2vmin 0}
#contents .sub_top_wrap .subTab .gnb > li > a{ border-radius:var(--cornerSize); border:2vmin solid #fff; height:12vmin; display:flex; align-items:center; justify-content:center; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.1); padding:1vmin}
#contents .sub_top_wrap .subTab .gnb > li > a .va{ opacity:.8; display:flex; align-items:center; line-height:1.1; position:relative; transition:.3s; word-break:keep-all; padding-right:3vmin; transform:translateX(1.5vmin); text-align:center}
#contents .sub_top_wrap .subTab .gnb > li > a .va .tt{ font-size:2vmin; font-weight:600}
#contents .sub_top_wrap .subTab .gnb > 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 > a .va .arrow:before{content:"\e93f"}
#contents .sub_top_wrap .subTab .gnb > li.on > a{ background:rgba(0,0,0,.5)}
#contents .sub_top_wrap .subTab .gnb > li.on > a .va,
#contents .sub_top_wrap .subTab .gnb > li:hover > a .va{ opacity:1; transform:translateX(0)}
#contents .sub_top_wrap .subTab .gnb > li.on > a .va .arrow:before{ content:"\e942"}
#contents .sub_top_wrap .subTab .gnb > li.on > a .va .arrow,
#contents .sub_top_wrap .subTab .gnb > li:hover > a .va .arrow{ font-size:2.1vmin}

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

#contents .sub_page_menu .gnb .dp3,
#contents .sub_page_menu .gnb .dp2 > li > .layer { display: none; }

#contents .sub_top_wrap .subTab .gnb > li:first-child .corner.pLT{ display:none}
.corner{ position:absolute; width:calc(var(--cornerSize) + 4px); height:calc(var(--cornerSize) + 4px); background-image:url(../images/inc/round.svg); background-repeat:no-repeat; background-size:100% 100%}
.corner.p1{ right:0; bottom:calc(100% - 1px)}
.corner.p2{ right:calc(100% - 2vmin - 1px); bottom:0}
.corner.pLT{ left:0; top:0; transform:rotate(180deg)}
.corner.pRT{ right:0; top:0; transform:rotate(-90deg)}
.corner.pLB{ left:0; bottom:0; transform:rotate(90deg)}
.corner.pRB{ right:0; bottom:0; transform:rotate(0deg)}

#contents .sub_tit_wrap{ padding:4vmin 0 }
#contents .sub_tit_wrap .wrapF{ display:flex; gap:2vmin; align-items:center; }
#contents .sub_tit_wrap .titW{ flex:1; min-width:0}
#contents .sub_tit_wrap .titW .t1{ font-weight:700; font-size:4.3vmin}
#contents .sub_tit_wrap .nav{ display:flex; align-items:center; color:#888}
#contents .sub_tit_wrap .nav{ display:inline-flex; align-items:center; gap: 0 0.6em;}
#contents .sub_tit_wrap .nav > li{font-size: 0.88em;}
#contents .sub_tit_wrap .nav > li:first-child:before{display: none;}
#contents .sub_tit_wrap .nav > li:not(.home):before{ content:"\e940"; font-family:xeicon; margin-right:.5em}
#contents .sub_tit_wrap .nav > li.home > a{ width:2em; height:2em; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center}
#contents .sub_tit_wrap .nav > li.home > a .xi{ font-size:1em}

#contents .sub_top_wrap .wrapBg .bg{ background-position:center 30%; transition:3s}
#contents .sub_top_wrap.on .wrapBg .bg{background-position:center 50%}


#contents .doc{ padding: 0 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}
.dp2on .gnb > li .dp2 > li > a.va_wrap{ display:none!important}
.dp3on .gnb > li,
.dp3on .gnb > li .dp1,
.dp3on .gnb > li .dp2 > li,
.dp3on .gnb > li .dp2 > li > a.va_wrap{ display:none!important}
.dp3on .gnb > li.on,
.dp3on .gnb > li .dp2 > li.on{ display:block!important}

.subTab .gnb > li.on .dp3.flex > li.on{display: block !important;}


/* .dp3{display: none;} */

/* #contents .box1 .gnb{padding-top: 3em;} */
#contents .box1 .gnb > li,
#contents .box1 .gnb > li > a,
#contents .box1 .gnb .dp1 > a,
#contents .box1 .gnb .dp2 > li > a,
#contents .box1 .gnb .dp3 > li{display: none;}
#contents .box1 .gnb .dp3 > li.on,
#contents .box1 .gnb .dp2 > li.on .dp3 > li,
#contents .box1 .gnb > li.on{display: block !important;}

#contents .box1 .gnb > li.on,
#contents .box1 .gnb .dp2 > li.on{width: 100%;}

#contents .box1 .gnb > li .dp3{ flex-wrap:wrap; margin:0 0 -.625em -.625em; padding-bottom: 2em;}
#contents .box1 .gnb > li .dp3 > li{ flex:1 1 25%; max-width:25%; text-align: center;}
#contents .box1 .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 .box1 .gnb > li .dp3 > li:hover > a,
#contents .box1 .gnb > li .dp3 > li.on > a{ border-color:var(--siteC2); box-shadow:0 3px .375em rgba(0,0,0,.1); color:var(--siteC2);}
#contents .box1 .gnb > li .dp3 > li.on > a{ font-weight:700;}
#contents .box1 .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li,
#contents .box1 .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{ flex:1 1 33.33%; max-width:33.33%;}
#contents .box1 .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a {padding:.5em 1em;}


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

/**/
.br1{ border-radius:1em; overflow:hidden}
.br2{ border-radius:2em; overflow:hidden}
.outRound{ position:relative}
.outRound:before,
.outRound:after{ content:""; position:absolute; width:1em; height:1em; z-index:1; background:url(../images/inc/round.svg) no-repeat; background-size:100% 100%}
.outRound.rb{ border-top-left-radius:1em}
.outRound.rb:before{ right:0; bottom:100%}
.outRound.rb:after{ right:100%; bottom:0}
.outRound.lb{ border-top-right-radius:1em}
.outRound.lb:before{ left:0; bottom:100%; transform:rotate(90deg)}
.outRound.lb:after{ left:100%; bottom:0; transform:rotate(90deg)}

.mainBox{ padding:8vmin 0; overflow:hidden; position:relative}
.mainBox.bg1{ background:#fff8f0}
.mainBox.bg2{ background:#f5f5f5}
.mainBox .wrapBg{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainBox .wrapBg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.2}
.mainBox .wrapF{ display:flex; flex-direction:column; gap:4vmin; position:relative}
.mainBox .wrapF.dRow{ flex-direction:row}
.mainBox .wrapF.dRow .wrap_con{ flex:1; min-width:0}
.mainBox.p1{ padding:12vmin 0}

.mainTit{ display:flex; align-items:center; gap:.5em}
.mainTit.s1{ font-size:1.2vmin}
.mainTit.hc{ justify-content:center}
.mainTit.vt{ align-items:flex-start}
.mainTit .icoW{ width:4em; height:4em; display:flex; align-items:center; justify-content:center;  background: radial-gradient(circle, #fff 40%, #ddd 100%); border-radius:50%}
.mainTit .icoW img{ width:60%}
.mainTit .arrow{ font-size:1em; margin-left:.5em}
.mainTit .arrow:before{content:"\e93f"}
.mainTit .titW{ display:flex; align-items:center; gap:.25em}
.mainTit .tit1{ font-size:2.375em; font-weight:700; letter-spacing:-.05em; word-spacing:.1em; line-height:1.1}
.mainTit .tit1.s1{ font-size:1.95em}
.mainTit .tit1.s2{ font-size:1.5em}
.mainTit .tit2{ font-size:3em; font-weight:500}
.mainTit .tt1{ opacity:.5; font-weight:500; font-size:1.125em}
.mainTit .mgL{ margin-left:auto}
.mainTit.white{ color:#fff}

.main_more{ display:inline-flex; align-items:center; padding:0 2vmin; height:4vmin; background:#f5f5f5; color:#666; gap:1vmin; border-radius:.5vmin}
.main_more .t1{ font-weight:700; font-size:.875em}
.main_more .ico{ font-size:1em}
.main_more .ico:before{content:"\e916"}
.main_more:hover{ background:var(--siteC); color:#fff}

.mainTop .visualCon{ position:relative}
.mainTop .visualCon .resize{ padding-bottom:40%}
.mainTop .visualCon .resize .visualSlide_wrap{ position:absolute; left:0; top:0; width:100%; height:100%}
.mainTop .bannerCon{ position:absolute; right:0; bottom:0; z-index:10; border-top-left-radius:1em; background:#fff; display:flex}
.mainTop .bannerCon .banner{ position:relative; width:45vmin; box-sizing:border-box; padding:2vmin 0 0 2vmin}
.mainTop .bannerCon .banner .resize{ padding-bottom:30%}
.mainTop .bannerCon .banner .con{ display:flex; align-items:center; justify-content:center}

.vod_wrap{ position:relative; height:100%}
.vod_wrap:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.vod{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover}

.visualSlide,
.visualSlide .el{ height:100%}
.visualSlide .el .bg{ position:absolute; left:-10%; top:0; width:110%; height:100%}
.visualSlide .el .vod_wrap{ position:relative; height:100%}
.visualSlide .el.swiper-slide-active .bg,
.visualSlide .el.swiper-slide-duplicate-active .bg{ transition:5s; left:0}

.visualSlideSlogan_wrap{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:10; color:#fff; display:flex; flex-direction:column; justify-content:center}
.visualSlideSlogan_wrap .wrapF{ display:flex; flex-direction:column; gap:6vmin; box-sizing:border-box; padding:0 0 10vmin 15vmin}
.visualSlideSlogan_wrap .visualSlideSlogan{ width:100%}
.visualSlide_wrap .slogan{ display:flex; flex-direction:column; gap:1.5em}
.visualSlide_wrap .slogan .t1{ font-weight:700; font-size:3.5em}
.visualSlide_wrap .slogan .t2{ font-size:1.375em;line-height:1.5}
.visualSlide_wrap .el .slogan .t1{ transform:translateY(1em); opacity:0}
.visualSlide_wrap .el .slogan .in{ display:block; overflow:hidden}
.visualSlide_wrap .el .slogan .in > i{ display:block; transform:translateY(100%); opacity:0}
.visualSlide_wrap .el.swiper-slide-active .slogan .t1{ transform:translateY(0); opacity:1; transition:1s}
.visualSlide_wrap .el.swiper-slide-active .slogan .in > i{ transform:translateY(0); opacity:1; transition:1s; transition-delay:.2s}
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(2) > i{ transition-delay:.4s}
.visualSlide_wrap .el.swiper-slide-active .slogan .in:nth-child(3) > i{ transition-delay:.6s}

.visualSlide_wrap{ position:relative }
.visualSlide_control .paging{ width:20vmin; text-align:center;}

.mainNews .wrapCon{ display:flex; gap:4vmin; height: 24em;}
.mainNews .wrapCon .imgW{ width:20%; position:relative; display:flex; align-items:flex-end;}
.mainNews .wrapCon .imgW .bg:after{ opacity:.2}
.newsSlideW{ margin:-1vmin; flex:1; min-width:0}
.newsSlideW .el{ width:33.33%; height:auto; direction: ltr;}
.mainNewsSt{ padding:4vmin; margin:1vmin; border:1px solid rgba(0,0,0,.1); box-sizing:border-box; height:calc(100% - 2vmin); display:flex; flex-direction:column}
.mainNewsSt .conW{ display:flex; flex-direction:column; align-items:flex-start; gap:1vmin; flex:1; min-height:0}
.mainNewsSt .conW .tDate{ font-size:.875em; color:#999}
.mainNewsSt .conW .tTit{ font-size:1.25em; font-weight:700}
.mainNewsSt .conW .tText{ color:#666; font-size:.938em; margin:2vmin 0; min-height: 6.4em;}
.mainNewsSt:hover{ border-color:var(--siteC); box-shadow:0 0 1em rgba(0,0,0,.1)}
.newsSlide_control{ margin:2vmin 0 0 2vmin}

.mainaArchive .list{ display:flex; gap:3vmin}
.mainaArchive .list > li{ flex:1; min-width:0}
.mainaArchive .list > li.w1{ flex:0 0 auto; width:30%}
.mainaArchive .list > li .in{ height:100%; position:relative; background:#fff; box-shadow:0 0 2em rgba(0,0,0,.1); box-sizing:border-box; padding:10%; overflow:hidden; gap:2vmin; padding: 3em 10% 10%;}
.mainaArchive .list > li .icoW{ width:40%; margin:auto 0 0 auto}
.mainaArchive .list > li .icoW .resize{ padding-bottom:100%; background:#eee; border-radius:50%}
.mainaArchive .list > li .icoW .resize img{ width:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.mainaArchive .list > li .conW{ position:relative; display:flex; flex-direction:column; gap:3vmin;}
.mainaArchive .list .menu{ display:flex; flex-wrap:wrap; gap:.5vmin 0}
.mainaArchive .list .menu > li{ width:100%}
.mainaArchive .list .menu > li > a{ position:relative; padding-left:1em; border-radius:3vmin; height:6vmin; display:flex; align-items:center; gap:1vmin; box-sizing:border-box; padding:0 1.5em; border:1px solid transparent}
.mainaArchive .list .menu > li > a .t1{ font-weight:700; color:#999; font-size:1.125em;}
.mainaArchive .list .menu > li > a:before{ content:"\eb0d"; font-family:xeicon; font-size:.75em; opacity:.2}
.mainaArchive .list .menu > li > a:after{ content:"\e93e"; font-family:xeicon; margin-left:auto; transform:translateX(100%); opacity:0; transition:transform .3s}
.mainaArchive .list .menu > li > a:hover{ background:#fff; box-shadow:0 0 1em rgba(0,0,0,.1)}
.mainaArchive .list .menu > li > a:hover .t1{ color:#111}
.mainaArchive .list .menu > li > a:hover:before{ opacity:1; color:var(--siteC);}
.mainaArchive .list .menu > li > a:hover:after{ transform:translateX(0); opacity:1}
.mainaArchive .list .menu.st1{ gap:1vmin}
.mainaArchive .list .menu.st1 > li{ width:calc(50% - .5vmin)}
.mainaArchive .list .menu.st1 > li > a{ height:10vmin; border:2px solid rgba(255,255,255,.2)}
.mainaArchive .list .menu.st1 > li > a:before{ display:none}
.mainaArchive .list .menu.st1 > li > a:hover{ background:rgba(255,255,255,.8); transition:.3s}
.mainaArchive .list > li.wrap1 .in{ font-size:1.063em}
.mainaArchive .list > li.wrap1 .conW{ gap:6vmin}
.mainaArchive .list > li.wrap1 .mainTit,
.mainaArchive .list > li.wrap1 .menu > li > a:not(:hover),
.mainaArchive .list > li.wrap1 .menu > li > a:not(:hover) .t1{ color:#fff}

.mainTheory .list{ display:flex; flex-wrap:wrap; overflow:hidden; gap:2vmin; border-bottom-right-radius:0}
.mainTheory .list .el{ width:calc(20% - 1.6vmin)}
.mainTheory .list .el .in{ position:relative}
.mainTheory .list .el .in .imgW{ position:relative}
.mainTheory .list .el .in .imgW:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.3}
.mainTheory .list .el .in .conW{ position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; padding:15%; padding-right:10%; color:#fff}
.mainTheory .list .el .in .conW .t1{ font-size:1.375em; font-weight:500}
.mainTheory .list .el .in .conW .t2{ font-size:1.25em}
.mainTheory .list .el .in .conW .t2:before{ content:""; display:block; width:1em; height:1px; background:#fff; margin:.5em .125em}
.mainTheory .list .el .in .no{ position:absolute; right:0; bottom:0; background:#fff; width:8vmin; height:8vmin; display:flex; align-items:flex-end; justify-content:flex-end; box-sizing:border-box; padding-right:1vmin; line-height:1; color:#ccc}
.mainTheory .list .el .in .no .t1{ font-size:2em}
.mainTheory .textAniW{ position:absolute; left:0; top:0; width:100%; transform:translateY(-60%)}
.mainTheory .textAni{ font-size:8vmin; opacity:.05}

.mainLink .list{ display:flex; gap:3vmin}
.mainLink .list .el{ flex:1; min-width:0}
.mainLink .list .el a{display: block;}
.mainLink .list .el .in{ background:#fff; padding:0 10%; height:15vmin; box-sizing:border-box; display:flex; align-items:center; justify-content:center}
.mainLink .list .el .in:hover .mainTit .arrow{ transition:.3s; margin-left:1em}

.btn_wrap.flex{ gap: 1em;}

.obj2 { position: absolute; z-index: -1; left: 0; top: 0; width: 60%; padding-bottom: 60%; border-radius: 50%; background: linear-gradient(0deg, #fff 0%, #36c3ee 33.33%, #c2f1ff 66.66%, #fff 100%); opacity: .2; animation-name: mainServiceAni2; animation-duration: 20s; animation-iteration-count: infinite; animation-direction: alternate; } 
@keyframes mainServiceAni { 
 0% { transform: rotate(0) translate(0, 0) scale(1) } 
 100% { transform: rotate(360deg) translate(20%, 5%) scale(1.2, 1); } 
 }
@keyframes mainServiceAni2 { 
 0% { transform: rotate(0) translate(0, 0) scale(1) } 
 100% { transform: rotate(360deg) translate(10%, 5%) scale(1.2, 1); } 
 }


/* main - 사람돌봄이론 */
.theory_wrap .theory{padding: 1em 0 0;}
.theory_wrap .theory .tit{font-weight: 600; font-size: 1.38em; margin-bottom: 1em;}
.theory_wrap .theory .tt{ color: #555; line-height: 1.4;}

/*  */
.page_sec2{ padding-top: 2em;}
.page_sec25{padding-top: 2.5em;}
.page_sec3{ padding-top: 3em;}
.page_sec4{ padding-top: 4em;}
.page_sec5{ padding-top: 5em;}
.page_sec6{ padding-top: 6em;}
.page_sec7{ padding-top: 7em;}
.page_sec8{ padding-top: 8em;}

.page_secb2{ padding-bottom: 2em;}
.page_secb3{ padding-bottom: 3em;}
.page_secb4{ padding-bottom: 4em;}
.page_secb5{ padding-bottom: 5em;}
.page_secb6{ padding-bottom: 6em;}
.page_secb7{ padding-bottom: 7em;}
.page_secb8{ padding-bottom: 8em;}



.page_tt.tit1.st1{ margin-bottom: 0.75em; font-weight: 500; font-size: 1.5em; color:#222;}

.txtbox {margin-top: 50px;}
.txtbox .page_tt.tit1{     font-size: 1.444em; font-weight: 700; color: #191919; margin-bottom: 18px;}
.txtbox .txt{     position: relative; padding-left: 17px; margin-bottom: 7px;}

.tbox{ border:1px solid #ddd; box-sizing:border-box; padding:2em; position:relative; border: 20px solid rgba(42, 181, 115, 0.149); border-radius: 1em;}
.tbox strong{ color:#000; font-size:1.1em;}
.tbox .tt{ font-size:1.25em; color:#000;}
.tbox .tw{ margin-bottom:24px; line-height:1.7; color: #555;}
.tbox.fst_01{ font-size:1.068em;}

.page_tt{ font-size:1em; word-break:keep-all; line-height:1.4;}
.page_tt.dot3{position: relative; padding-left:.8em; }
.page_tt.dot3:before{ content: ''; position: absolute; display: block; top: 0.75em; left: 0; transform: translateY(-50%); width: 0.5rem; height: 0.5rem; border-radius: 100%; background: var(--siteC2);}
.page_tt.dot4 { margin-bottom:10px; padding-left:1em; font-size:1.125em; position:relative;}
.page_tt.dot4:last-child{ margin-bottom:0;}
.page_tt.dot4:before{ content:""; width:6px; height:6px; background:var(--siteC); position:absolute; left:0; top:9px; }

.page_tt.dot5{ padding-left: 1em; color:#555 !important; position: relative;}
.page_tt.dot5::before{ content: ''; width: 5px; height: 1px; background-color:#777; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.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.875em } 
.page_tt.s8 { font-size:2.250em } 
.page_tt.s9 { font-size:2.500em } 
.page_tt.s10 { font-size:3.000em } 
.page_tt.s11 { font-size:3.500em } 
.page_tt.s12 { font-size:4.000em; } 
.page_tt.s13 { font-size:4.500em; } 
.page_tt.s14 { font-size:5.000em; } 


.page_txt .page_tt{ color:#333;}
.page_txt .tt{font-size: 1.13em; line-height: 1.6; color: #333; margin-bottom: 1.5em;}
.page_txt.st1 .tt{font-size: 1.13em; line-height: 1.5; color: #555; margin-bottom: .8em;}
.page_txt.st1 .tit{font-size: 1.75em; margin-bottom: 1em; line-height: 1.5; font-weight: 500;}


i.xi-arrow-down{rotate: -135deg;}

/**/
.sub_page_tit { padding-bottom: 2.5em; border-bottom: 1px solid #ccc;} 
.sub_page_tit.st1{ padding-bottom: .7em; border-bottom: none; position: relative; display: flex; align-items: center;} 
.sub_page_tit.st1::after{content: ''; width: 100%;margin: 0 0 1em 2em; height: 1px; display: inline; background: #ccc; }
.sub_page_tit.st1 .tit1{white-space: nowrap;}

.sub_page_tit::before{}
.sub_page_tit .tit1 { font-size: 2.75em; font-weight: 700; margin-bottom: .5em;position: relative; display: inline-block;} 
.sub_page_tit .tit1.s1{font-size: 2em;}
.sub_page_tit .tit1::before {     content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: .5em; left: 0; bottom: -5px; background-color: var(--siteC2); opacity: 0.2;} 

/* Greetings */
.greeting_wrap { gap: 2em; position: relative;} 
.greeting_txt { width: 100%; } 


 
/* .greeting_tit .tit1::before { display: block; content: ""; position: absolute; left: -39px; top: -2px; width: 32px; height: 22px; background: url(../images/inc/que2.png) no-repeat center center / cover;} 
.greeting_tit .tit1::after{display: block; content: ""; position: absolute; right: -44px; bottom: -2px; width: 32px; height: 22px; background: url(../images/inc/que.png) no-repeat center center / cover;} */
.greeting_tit .tit { font-size: 1.063em; color: #555; line-height: 1.7 } 
.tit_en { font-size: 1.25em; font-weight: normal; text-transform: capitalize; letter-spacing: 5px; font-weight: 500; color: var(--siteC); opacity: .7; } 
.sub_company_greetings { gap: 2em; margin-top: 3.5em;} 
.sub_company_greetings img { box-shadow: 2px 3px 8px -1px #a4a4a4; } 
.sub_company_greetings .con { flex: 1 1 60%; gap: 4em; align-items: center;} 
.sub_company_greetings .con:nth-child(2){margin-top: 6em;}
.sub_company_greetings .con .tt1 { font-size: 1.13em; line-height: 1.6em; width: 60%; color: #444; } 
.sub_company_greetings .con:nth-child(1) .greeting_img {width: 40%;}
.sub_company_greetings .con:nth-child(1) .greeting_img p{background-image: url(../images/sub/greeting_img02.jpg) !important;}
.sub_company_greetings .con:nth-child(2) .greeting_img {width: 60%; }
.sub_company_greetings .con:nth-child(2) .greeting_img p{background-image: url(../images/sub/greeting_img01.jpg) !important;}
.sub_company_greetings .page_tt.s3{ width: 60%; line-height: 1.5; color: #444;}
.greeting_img p.img{box-shadow: 2px 3px 8px -1px #a4a4a4;}
.sub_company_greetings .con:nth-child(1) .greeting_img p.img {  padding-bottom: 70% !important; } 
.sub_company_greetings .con:nth-child(2) .greeting_img p.img { padding-bottom: 25em !important; } 
.sub_company_greetings .sign { margin: 2em 0; font-size: 1.5em; font-weight: 500; } 


.greeting_tit .tt1{font-weight: 500; font-size: 1.13em; line-height: 1.5; color: #333;}

/* 회원가입 */
/* 후원회원가입 안내 */
.steps-st2 > ul{display: flex; gap:40px;}
.steps-st2 > ul > li{ flex:1; /* width: calc( (100% - 120px) / 4); */   position: relative; border:1px solid #ddd; border-top: 1px solid var(--siteC2); padding: 1.5em .8em; box-sizing:border-box; display: flex; align-items: center;}
.steps-st2 > ul > li:before{position: absolute; left: -27px; top: 50%; transform: translateY(-50%); content: ''; background: #777; width: 40px; height: 30px; clip-path: polygon(34% 51%, 0 0, 0 100%);}
.steps-st2 > ul > li:first-child:before{background: none}
.steps-st2 .ico{width: 75px}
.steps-st2 .txt{flex:1; color: #333}
.steps-st2.type2{text-align: center;}
.steps-st2.type2 > ul{}
.steps-st2.type2 > ul > li{display: block;}
.steps-st2.type2 .ico{width: 5em; margin:0 auto;}
.steps-st2.type2 .ico img{display: block; margin: 0 auto;}
/* .steps-st2 .cont{margin-top: 20px;} */
.steps-st2 .t{display: block; color: #333; font-weight: 500;}
.steps-st2 .c{margin-top: 10px; padding:0 1em; letter-spacing: -0.04em; word-break: keep-all;}
.steps-st2 .small{font-size: .938rem; margin-top: 5px; display: block; color: #666}

.steps-st2.type3{}
.steps-st2.type3 > ul{ flex-wrap:wrap;}
.steps-st2.type3 > ul > li{display: flex; flex:unset; gap:1.5em; width: calc( (100% - 80px) / 3); padding:1.5em}
.steps-st2.type3 > ul > li:nth-child(4)::before{display: none;}
.steps-st2.type3 > ul > li .ico{}
.steps-st2.type3 > ul > li .cont{flex:1; margin-top: 0;}
.steps-st2.type3 .c{padding:0;}
/*  */

/*  */
.page_tit { margin-bottom:1.5em; } 
.page_tit.line { margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #d4d5d8; } 
.page_tit:last-child { margin-bottom:0 !important; } 
.page_tit > .tt { color:#000; } 
.page_tit > .t1 { font-size:1.625em; } 
.page_tit > .t2 { font-size:1.375em; } 
.page_tit > .t3 { font-size:1.875em; } 
.page_tit > .t4 { font-size:1.188em; } 
.page_tit > .t5 { font-size:1.125em; } 
.page_tit > .t6 { font-size:1.063em; } 
.page_tit > .t7 { font-size:1.5em; } 
.page_tit > .t8 { font-size:1em; } 
.page_tit > .t9 { font-size: 2em; } 
.page_tit .t0 { font-size: 3.215em; font-weight: 800; line-height: 1.2; text-transform: uppercase; } 

/*  */
.mem_join_box { width:50em; max-width:100%; margin:0 auto; padding-top: 1em; } 

/*  */
.mem_step_wrap { padding:2.5em 2% 0 2%; text-align:center; } 
.mem_step_wrap .mem_step { counter-reset:listIdx; } 
.mem_step_wrap .mem_step > li { counter-increment:listIdx; } 
.mem_step_wrap .mem_step > li .icon_wrap { position:relative; padding:0 2em; } 
.mem_step_wrap .mem_step > li .icon_wrap:after { content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background:var(--crGray2); transform:translateX(50%); } 
.mem_step_wrap .mem_step > li:last-child .icon_wrap:after { display:none; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon { width:5.75em; height:5.75em; justify-content: center; background:var(--crGray3); border:.25em solid var(--crGray2); border-radius:100%; } 
.mem_step_wrap .mem_step > li .icon_wrap .icon img { width:2.55em; } 
.mem_step_wrap .mem_step > li:not(.on) .icon_wrap .icon img { opacity:.7; } 
.mem_step_wrap .mem_step > li .con_wrap { gap:.5em; padding-top:.75em; } 
.mem_step_wrap .mem_step > li .con_wrap .num:before { content:counter(listIdx, decimal-leading-zero); } 
.mem_step_wrap .mem_step > li .con_wrap .tt { color:#ccc; font-weight:500; } 
.mem_step_wrap .mem_step > li .con_wrap .t1 { font-size:1.250em; font-weight:700; } 
.mem_step_wrap .mem_step > li .con_wrap .t2 { font-size:.938em; } 
.mem_step_wrap .mem_step > li.on .icon_wrap:after { background:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .icon_wrap .icon { background:#fff; border-color:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .con_wrap .t1 { color:var(--siteC); } 
.mem_step_wrap .mem_step > li.on .con_wrap .t2 { color:#000; } 


.mem_form_wrap { padding:2em 2.5em; border:1px solid #eee; background: fff; } 
.mem_form_wrap.st2 { border-top-width:3px; border-top-color:var(--siteC); } 
.mem_form_wrap.st3 { padding:0; border-top-color:#333; } 
.mem_form_wrap.st4{padding: 2.5em 2.5em 3.5em;}
.mem_form_wrap.pd1 { padding:.75em 1.5em; } 
.mem_form_wrap.passSt { border-top-width:3px; border-top-color:#323d8f; background:#f9f9f9; padding:1.5em; } 

.mem_form_inp { } 
 
.mem_form_inp > li { margin-top:1em; } 
.mem_form_inp > li .tit { font-size:1.063em; font-weight:600; } 
.mem_form_inp > li:not(.inp_wrap) .tit { margin-bottom:1em; margin-top:1em; } 
.mem_form_inp > li .in_txt { padding:.75em 0 1.25em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333; } 
.mem_form_inp > li .in_inp.flex .in_txt { flex:1; margin-right:.5em; } 
.mem_form_inp > li .in_icon { margin-bottom:2em; } 
.mem_form_inp > li .in_icon:last-child { border-bottom:0; } 
.mem_form_inp > li .in_icon > .icon { width:6em; height:6em; background:#f3f6f8; border-radius:50%; } 
.mem_form_inp > li .in_icon > .icon img { width:3em; } 
.mem_form_inp > li .check { padding-top:1em; border-top:1px dashed #ddd; } 

.mem_form_inp > li.inp_wrap { margin-top:.5em; } 
.mem_form_inp > li.inp_wrap.mg0 { margin-top:0; } 
.mem_form_inp > li.inp_wrap .tit { width:6.5em; } 
.mem_form_inp > li.inp_wrap .inp { flex:1; } 
.mem_form_inp > li.inp_wrap > .wrap_in.flex { min-height:3em; } 

.mem_form_inp > li.cer_wrap { text-align:center; } 

.mem_form_inp > li:first-child { margin-top:0; } 

.mem_form_inp > li > .meminfo_W { flex-direction: column;} 
.mem_form_inp > li > .meminfo_W .meminfo_D { flex: 1 1 50%; }

.mem_form_inp.st1 > li { padding-right:2em; } 
.mem_form_inp.st2.flex { gap:.313em; } 
.mem_form_inp.st2.flex.gp1 { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .wrap_in.flex { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .tit { width:auto; } 
.mem_form_inp.st3 > li > .meminfo_W.flex {flex-direction: row; gap: 4em;}
.mem_form_inp.st4{gap: 5em;}
.mem_form_inp.st4 > li{margin-top: 0; width: 50%;}

.mem_terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em; } 
.mem_terms_wrap > li:not(:first-child) { padding-top:2.5em; } 
.mem_terms_wrap .tit { margin-bottom:.75em; font-size:1.125em; } 
.mem_terms_wrap .tit * { vertical-align:baseline; } 

.mem_select_wrap { gap:2em; } 
.mem_select_wrap > li { flex:1; } 
.mem_select_wrap > li .inLabel { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; gap:1em; padding:2em 2em; cursor:pointer; } 
.mem_select_wrap > li .inLabel > * { box-sizing:border-box; width:100%; margin:0 0; } 
.mem_select_wrap > li .inLabel .bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; /*border:2px solid transparent; */ box-shadow:0 2px 1em rgba(0,0,0,.1); border-radius:1em; transition:.2s; } 
.mem_select_wrap > li .inLabel .bg ~ * { position:relative; } 
.mem_select_wrap > li .inLabel .in_icon > .icon { width:8em; height:8em; background:var(--crGray1); border-radius:50%; } 
.mem_select_wrap > li .inLabel .in_icon > .icon img { width:3.5em; } 
.mem_select_wrap > li .inLabel input { position:absolute; width:0; height:0; overflow:hidden; opacity:0; } 
.mem_select_wrap > li .inLabel input ~ .bg { border: 2px solid var(--siteC); } 
.mem_select_wrap > li .inLabel:hover input ~ .bg { background:var(--crGrad1); } 
.mem_select_wrap > li .inLabel:hover input ~ * .tt { color: #fff; } 
.mem_select_wrap > li .inLabel:hover .sub_more .btn { background: #fff; color: var(--siteC); font-weight: 600; } 


.mem_btn_wrap { margin-left:-.375em; text-align:center; } 
.mem_btn_wrap > li { flex:1; } 
.mem_btn_wrap > li .in { margin-left:.375em; } 

.mem_sns_wrap { margin-top:3.5em; text-align:center; } 
.mem_sns_wrap .mem_sns { } 
.mem_sns_wrap .mem_sns > li { width:20%; } 
.mem_sns_wrap .mem_sns > li .in { display:inline-block; } 
.mem_sns_wrap .mem_sns > li .in .icon { margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s; } 
.mem_sns_wrap .mem_sns > li .in .icon .xi { font-size:2.250em; } 
.mem_sns_wrap .mem_sns > li .in .tt { font-size:.938em; color:#111; } 
.mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800; } 
.mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400; } 
.mem_sns_wrap .mem_sns > li .in.google { color:#eb4f42; } 
.mem_sns_wrap .mem_sns > li .in.face { color:#046ee4; } 
.mem_sns_wrap .mem_sns > li .in:hover { color:#fff; } 
.mem_sns_wrap .mem_sns > li .in:hover .icon { background:#2f415b; border-color:#2f415b; } 

.mem_link_wrap { text-align:center; } 
.mem_link_wrap > li .in { position:relative; display:inline-block; padding:.5em 1.25em; } 
.mem_link_wrap > li .in:after { content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%); } 
.mem_link_wrap > li:last-child .in:after { display:none; } 
.mem_link_wrap > li .in .tt { font-size:1.063em; } 
.mem_link_wrap > li .in:hover .tt { text-decoration:underline; } 

.mem_agree .agree { padding:2em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8; } 
.mem_agree .agree.H { padding:.5em 1em; border-top-width:1px; height:14em; background:#f7f7f7; font-size:.938em; } 
.mem_agree .agree p { padding:.5em 0; } 
.mem_agree .agree * { vertical-align:baseline; } 
.mem_agree .agree strong { color:#000; font-weight:700; } 
.mem_agree .check { padding:1em 0; } 

p.tt.dot1{position: relative; padding-left: 0.7em; line-height: 1.4; display: inline-block;}
p.tt.dot1::before{ content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); position: absolute; left: 0; top: 7px; }

/*POPUP******************/
.popWrap.popAgree{ width:50em;}
.popWrap.popMember{ width:40em;}
.popWrap.popPhoto{ width:30em;}

.printFont{font-family:'ChosunGs' !important;}
.printFontSize1{font-size:1.438em !important;}
.printFontSize2{font-size:1.313em !important;}
.printFontSize3{font-size:1.250em !important;}
.printFontSize4{font-size:1.125em !important;}
.printFontSize5{font-size:.750em !important}
.lineSec{padding:.250em 0 !important;}
.lineSec2{padding:.125em 0 !important;}

/*pop_photoUploadNotice*/
.popPhotoNotice_wrap{}
.popPhotoNotice_wrap .in{}
.popPhotoNotice_wrap .in .tit{font-weight:500; color:var(--siteC2); font-size:.938em; padding-bottom:10px;}
.popPhotoNotice_wrap .in .inn{}
.popPhotoNotice_wrap .in .inn .img{width:5.625em; border:1px solid #444}
.popPhotoNotice_wrap .in .inn .txt{flex:1; min-width:0; margin-left:1em;}
.popPhotoNotice_wrap .in .inn .txt > p{font-size:.875em; color:#333; padding-bottom:.5em; line-height:1.5; margin-left:1em; text-indent:-1em;}
.popPhotoNotice_wrap .in.st1{margin-top:2em;}
.popPhotoNotice_wrap .in.st1 .tit{color:#f00;}
.popPhotoNotice_wrap .in.st1 .imgList{}
.popPhotoNotice_wrap .in.st1 .imgList > li{}
.popPhotoNotice_wrap .in.st1 .imgList > li > div {margin-right:1em;}
.popPhotoNotice_wrap .in.st1 .imgList > li > div .imgw{display:block; border:1px solid #444; position:relative}
.popPhotoNotice_wrap .in.st1 .imgList > li > div .imgw .icon{position:absolute; content:""; left:50%; transform:translateX(-50%); bottom:0; color:#f00; font-size:4em;}
.popPhotoNotice_wrap .in.st1 .imgList > li > div .tt{display:block; text-align:center; font-size:.875em; color:#333; padding-top:.5em;}
.popPhotoNotice_wrap .in.st1 .inn .txt{margin-left:0; flex:inherit; min-width:inherit; padding:.5em; margin-top: .5em; border: 1px solid #ddd;}
.popPhotoNotice_wrap .in.st1 .inn .txt > p{text-indent:inherit; margin-left:0; font-size:.875em;}




/**/
.sub_tab .tab_idx{ background:url(../images/sub2/sub2_2_tabline.jpg) repeat-x left 46px; padding: .8em; margin: 0 auto; display:flex;  width: 60%; border-radius: 20em;   box-sizing: border-box;  background: #f1f1f1;}
.sub_tab .tab_idx > li{text-align: center; padding:1em 2em; font-size:1.19em; font-weight: 600; font-family: pretendard, serif; color:#333; cursor:pointer; flex:1; transition:.3s; border-radius: 5em;}
.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: #f4f5f6; background:var(--siteC); font-weight:700;}

/**/
.page_line.mg1{ margin:1em 0;}
.page_line.mg2{ margin:2em 0;}
.page_line.mg3{ margin:.75em 0;}

/* 회비납부내역 */
.subInner { padding-bottom: 6em; } 

/* 행사 신청 */
.eventAwrap { } 
.eventAwrap .event_list { gap: 1.5em;} 
.eventAwrap .event_list > li { display: flex; width: calc((100% - 1.5em) / 2);} 
.eventAwrap .event_list > li > .in { flex: 1; padding: 2em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; } 
.eventAwrap .event_list > li > .in > .title { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #ddd; } 
.eventAwrap .event_list > li > .in > .title > p { font-size: 1.415em; font-weight: 700; } 
.eventAwrap .event_list > li > .in > .etcinfo { padding: 1em 1.5em; box-sizing: border-box; background: var(--crGray1); border-radius: .5em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li { margin-bottom: .3em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li:last-of-type { margin-bottom: 0em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con { display: flex; align-items: center; gap: .5em; } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con > .xi { color: var(--siteC); } 
.eventAwrap .event_list > li > .in > .etcinfo > li > .con > .tt { font-size: 1em; font-weight: 500; color: var(--crBlack); } 
.eventAwrap .event_list > li > .in > .btnW { display: flex; gap: .75em; margin-top: 2em; } 
.eventAwrap .event_list > li > .in > .btnW button { flex: 1; } 
.eventAwrap .event_list > li > .in > .btnW button > .xi { margin-top: 0em; } 

.eventAwrap .eduTag { display: flex; align-items: center; gap: .5em; margin-bottom: 1em; } 
.eventAwrap .eduTag > .tag { padding: .5em 1em; border-radius: 100px; box-sizing: border-box; font-size: .85em; font-weight: 700; } 
.eventAwrap .eduTag > .tag1 { background: #4160ff; color: #fff; } 
.eventAwrap .eduTag > .tag2 { background: #16a3d3; color: #fff; } 

/* .event_detailA{margin: 0 10em;} */
/* .event_detailA .posterInner{text-align: center;}
.event_detailA .posterInner img{width: 80%;} */

.board_btn_wrap{gap: .5em; margin-top: 2em;}

/* 후원안내 */
.icon_list{display: flex; gap:2em; margin-top:2em;}
.icon_list li{flex: 1; max-width: 33.33%; text-align:center;  padding:2em 1em; box-sizing:border-box; border: 1px solid rgba(0,0,0,.1); border-radius: 1em;}
.icon_list li .icon{display: block; width: 40px; height: 40px; margin:0 auto 1em;background: #f7f7f7;padding: 1.7em;border-radius: 100%;}
.icon_list li .tit{ display: block; margin-bottom: 1em; font-weight: 600; font-size:1.375em; color:var(--siteC);}
.icon_list li .num{display: block; font-size:1.125em; line-height:1.5; letter-spacing:-0.25px; color:#666; font-weight:600; margin-bottom:.5em;}
.icon_list li .txt{font-size:1.25em ; line-height:1.55; letter-spacing:-0.5px; color:#111;}

/*연혁*/
.history_wrap .history_list { position:relative; overflow:hidden; padding:5em 0 5em 0; } 
.history_wrap .history_list:before,
.history_wrap .history_list .lineAni { content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:100%; background:#ddd } 
.history_wrap .history_list .lineAni { height:0; background:var(--siteC); transition:.3s } 
.history_wrap .history_list:after { content:""; position:absolute; width:1.25em; height:1.25em; background:#fff; border:.25em solid var(--siteC); border-radius:50%; box-sizing:border-box; margin-left:1px; transform:translateX(-55%); } 
.history_wrap .history_list:after { top:auto; bottom:0; left:50%; transform:translateX(-55%); } 
.history_wrap .history_list .history_tit{ width: 50%; position: relative;}
.history_wrap .history_list .history_tit span{font-size: 3.25em; font-weight: 700; color: #333; font-weight: 800; margin-left: 10%; position: relative;}
.history_wrap .history_list .history_tit:before { content: ""; position: absolute; right: 0; top: 50%; margin-top: -1px; width: 22em; border-top: 2px dotted #aaa; }
.history_wrap .history_list .history > li { margin-top:5em } 
.history_wrap .history_list .history > li:first-child { margin-top:0 } 
.history_wrap .history_list .history > li .year { text-align:left; margin-left:50%; margin-bottom: 0.6em;} 
.history_wrap .history_list .history > li:nth-of-type(2n) .year{ text-align: right; margin-right: 50%; margin-left: 0; }
/* .history_wrap .history_list .history > li:nth-of-type(2n) .year { margin-left:0; text-align:left; margin-left:50%; transform:translateX(10%); }  */
.history_wrap .history_list .history > li .year .tt { position:relative;  font-family: pretendard, serif; font-size:2.500em; color:#888; font-weight:700; transition:.3s; vertical-align:baseline;padding-left: .6em; } 
.history_wrap .history_list .history > li:nth-of-type(2n) .year .tt{margin-right: 0.6em;}
/* .history_wrap .history_list .history > li .year .tt:before { position:absolute; left:0; top:0; width:1.3em; height:1.3em; background:#38c8c3; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em); content: ""; }  */
.history_wrap .history_list .history > li .year .tt > * { position:relative; } 
.history_wrap .history_list .history > li .year.on .tt { color:#111; } 
.history_wrap .history_list .history > li .year.on .tt:before { opacity:.2; } 
.history_wrap .history_list .history > li .year .tx { display:inline-block; vertical-align:baseline; padding-left:.5em; color:#888; } 
.history_wrap .history_list .history > li .year .tx > i { font-size:.938em; } 
.history_wrap .history_list .history > li .year.on .tx { color:#111; } 
.history_wrap .history_list .history > li .list {margin-left:50%; display: flex ; justify-content: flex-start; align-items: center;}
.history_wrap .history_list .history > li:nth-of-type(2n) .list { text-align:right; margin-left:0; margin-right:50%; flex-direction: row-reverse;  } 
.history_wrap .history_list .history > li .list > li { margin-top: .5em } 
.history_wrap .history_list .history > li .list > li.date{width: 22%;}
.history_wrap .history_list .history > li .list > li.info{width: auto;}

.history_wrap .history_list .history > li .list .ti { padding-left: 1.2em; color:#111; font-weight:700; font-size:1.25em; font-family: pretendard, serif;} 
.history_wrap .history_list .history > li:nth-of-type(2n) .list .ti{padding-left: 0; padding-right: 1.2em;}
.history_wrap .history_list .history > li .list .tt { position:relative; padding:0 2em; font-size:1.15em; color:#333; line-height:1.5; } 
.history_wrap .history_list .history > li .list .tt:after { position: absolute; top: 11px; left: 18px; width: 6px; height: 6px; border-radius: 50%; background: var(--siteC2); content: ''; }
.history_wrap .history_list .history > li:nth-of-type(2n) .list .tt:after{left: auto; right: 18px;}
.history_wrap .history_list .history > li .list .tt.st1{margin-left: .6em;}


.history-bg { height: 300px; border-radius: 1em; overflow: hidden; justify-content: center; align-items: center;} 

/* 정관 */
.society .sub_p_tit .t2{ padding-top:10px;}
.society .tbox .tt{ position:relative;}
.society .tbox .tt .st{ font-size:.813em; position:absolute; bottom:-9px; right:0; color:#666;}
.society .t_nav{ margin-bottom:3em;}
.society .t_nav ul{ gap:.5em;/* margin-left:-15px; */}
.society .t_nav ul li { width:calc( ( 100% - 1.5em) / 4)}
.society .t_nav ul li .inner { text-align: center; color: #555; border: 1px solid #ddd; transition: all .3s; padding: 15px; border-radius:50px;}
.society .t_nav ul li .inner:hover { border-color:var(--siteC); background: var(--siteC); color:#fff}
.society .page_pd{ margin-bottom:3em;}

.pn_btn{ display:block; border-radius:50px; border:1px solid #499324; color:#499324 !important; line-height:36px; width:135px; text-align:center; margin:0 auto; font-size:.938em; transition:.3s;}
.pn_btn .xi{vertical-align:bottom;}
.pn_btn:hover{ background:#499324; color:#fff !important;}

.sub_p_tit{ margin-bottom:.75em; margin-top:4em}
.sub_p_tit:first-child{ margin-top:0}
.sub_p_tit .t2{ font-size:1.4em; color:#222; letter-spacing:-2px; word-spacing:2px;}

.tbox .tw .s_num{ padding-left: 1em;}
.tbox .tw .rule_org{ display: inline-block; padding:1em 1em 2em; }
.tbox .tw .rule_org img{  } 


.regi_wrap .regi_icon{ font-size:3.5em; color: var(--siteC); text-align: center; }


/*오시는길*/
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
.location_wrap .map_wrap { } 
.location_wrap .map_wrap .map_info { padding: 3em; margin-top: 2em; background: #f7f7f7; border-radius: 1em;} 
.location_wrap .map_wrap .map_info .addT { align-items: center; } 
.location_wrap .map_wrap .map_info .addT > .tt { font-size: 1.85em; font-weight: 700; } 
.location_wrap .map_wrap .map_info .icon { display: flex; align-items: center; font-size: 2.15em; color: var(--siteC); margin-right: .15em; } 
.location_wrap .map_wrap .map { border-radius: 1em; overflow: hidden; } 
.location_wrap .contact_list { margin-top: 1em; gap: 4em; margin-left: 0.2em;} 
.location_wrap .contact_list > li { position:relative; display: flex; gap: 1em; align-items: center;} 
.location_wrap .contact_list > li:before { position: absolute; top: 50%; right: -2rem; transform: translateY(-50%); width: 1px; height: 1.6rem; background-color: #888; content: ""; } 
.location_wrap .contact_list > li:last-of-type:before { content: none; } 
.location_wrap .contact_list > li > i.xi{font-size: 1.6em;}
.location_wrap .contact_list > li > i.xi:before{vertical-align: middle;}
.location_wrap .contact_list > li > p { font-size: 1.415em; } 
.location_wrap .contact_list > li > p > span { color: #666; font-weight: 400; } 

/* 김수지 교수 */
.page_cont { border-radius: 1em; background: #fff; box-sizing: border-box; padding: 5em 4.5em; margin: -9em 5em 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); position: relative; }
.page_cont .intro{font-size: 1.88em; margin-bottom: 1.5em; line-height: 1.5;}

.profile_wrap{margin-top: 4em;}
.profile_wrap .info_wrap{ padding: 0 1em; justify-content: space-between; gap: 2em;}
.profile_wrap .info_wrap .info dl{ display: flex; gap: 1em; margin-bottom: 1em; padding: 0 1.3em;}
.profile_wrap .info_wrap .info dl dd{white-space: nowrap;}

/* 사랑의돌봄 */
.page_conbg{position: relative;}
.page_conbg::before{content: ""; position: absolute; height: 104%;  top: 50%; left: -3%; transform: translateY(-50%); width: 30vw; background: url(../images/sub/love_bg01.jpg) no-repeat -284px/cover; border-radius: 0 4em 4em 0;}
.love_wrap{padding: 1em; margin-top: 4em; gap: 5em;  border-radius: 1em; align-items: center; position: relative;}
.love_wrap .img_wrap{position: relative;}
/* .love_wrap .img_wrap::before{content: ''; position: absolute; width: 100%; height: 100%; background: var(--siteC2); right: -10px; bottom: -5px; opacity: 0.3; z-index: -1;} */
.love_wrap .img_wrap img{width:67em !important; border-radius: 1em; box-shadow: 0px 0px 30px rgb(0, 0, 0, 0.2); cursor: pointer;}
.love_wrap .ceo{margin-top: 1em; font-size: 1.45em; font-weight: 700; text-align: right;}
.love_wrap .info{font-weight: normal; font-size: 0.725em; color: #666; margin-right: 0.6em;}
.love_wrap .page_txt{margin-top: 3em;}
.love_wrap .img_wrap .xi { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; width: 2.5em; height: 2.5em; line-height: 2.5em; border: 3px solid var(--siteC); border-radius: 50%; color: #fff; background: var(--siteC); opacity: 0; visibility: hidden; transition: 0.3s; } 
.love_wrap .img_wrap:hover .xi { opacity: 1; visibility: visible; } 

.music_content{  margin-top: 8vmin;}
.music_wrap{display: flex; gap: 7em; padding: .5em 1em;}
.music_wrap .left,
.music_wrap .right{width: calc((100% - 7em) / 2); }
.music_wrap .music_box{margin-bottom: 2em;}
.music_wrap .music_box:last-child{margin-bottom: 0;}
.music_wrap .music_box audio{width: 100%;}

/* 저서 및 논문 */
.search_list > li .wrap_in{padding: 1em 1.25em; height: 6.5em; border-bottom:1px dashed #ddd; display: flex; align-items: center !important; justify-content: space-between;}
.search_list > li:first-child .wrap_in{ border-top:1px dashed #ddd}
.search_list > li .wrap_in .warp_tit { display:flex; flex-direction:column; gap:.5em;}
.search_list > li .wrap_in .wrap_btn {display:flex; flex-direction:column; gap:.5em;}
.search_list > li .wrap_in .t1{ color:#0060ae}
.search_list > li .wrap_in .t2{ font-size:1.125em; font-weight:500}
.search_list > li .wrap_in .t3{ color:#666}
.search_list > li .wrap_in a:hover,
.search_list > li .wrap_in a:focus,
.search_list > li .wrap_in a:hover *,
.search_list > li .wrap_in a:focus *{ text-decoration:underline}
.search_list > li .wrap_in .point{ vertical-align:top; font-weight:500; color:#F00}