@charset "utf-8"; /* CSS Document */
.box0 { padding:0 2vw } 
.box1 { width:1280px; margin:0 auto; max-width:96% } 
.box2 { width:1400px; margin:0 auto; max-width:96% } 
.box3 { width:1000px; margin:0 auto; max-width:96% } 
.gnb li.m_hide { display:none } 

body:not(.pop) { display:flex; flex-direction:column } 
body:not(.isIE) { height:100vh } 
#footer { margin-top:auto } 

#header { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#fff; color:#111 } 
#header .top_wrap { position:relative } 
#header .top_wrap .wrapH { transition:.3s } 
#header .top_wrap .wrapH,
#header .top_wrap .gnb_wrap .dp1 { height:var(--headerH) } 
.headerT,
.headerTFix { padding-top:var(--headerH) } 
#header .top_wrap .wrapIn { display:flex; align-items:center; gap:0 4vw } 
#header .top_wrap .wrapIn > * { position:relative; z-index:2 } 
#header .top_wrap .logo > a { display:block; height:3.5em; padding-left:1em; overflow:hidden } 
#header .top_wrap .logo > a .in { display:block; height:100% } 
#header .top_wrap .logo > a img { 
    display:block;
    max-width: 19em; 
    height:100%; 
    object-fit: contain;
} 
#header .top_wrap .gnb_wrap { 
    flex:1 1 0%; 
    min-width:0; 
    padding: 0 2.5vw;
} 
#header .top_wrap .gnb_wrap .gnb { justify-content:space-around } 
#header .top_wrap .gnb_wrap .gnb > li { position:relative } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 { padding:0 .5vw; display:flex; align-items:center; justify-content:center } 
#header .top_wrap .gnb_wrap .gnb > li .dp1.layer { display: none; } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .tt { font-weight:600; font-size:1.188em } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va { position:relative } 
#header .top_wrap .gnb_wrap .gnb > li .dp1 .va:after { content:""; position:absolute; top:-.375em; right:-.5em; width:1em; height:1em; border-radius:50%; background:var(--siteC3); opacity:.3; transform:scale(0); visibility:hidden } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 { color:var(--siteC2) } 
#header .top_wrap .gnb_wrap .gnb > li:hover .dp1 .va:after,
#header .top_wrap .gnb_wrap .gnb > li.on .dp1 .va:after { visibility:visible; transform:scale(1); transition:.3s } 
#header .gnb_wrap .gnb > li .dp2 { display:block; padding-top: 1em; position:absolute; top: 70%; left:50%; width:12em; padding:0 .7em; background:var(--crWhite); box-shadow:0 2px 20px rgba(0,0,0,.1); color:#111; opacity:0; border-radius: 10px; visibility:hidden; transform:translateX(-50%); transition:padding .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { padding:.5em 1em; transition:.2s; border-radius: 10px; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a:hover { background: var(--siteC); color: #fff; transition: .2s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { font-size:.95em; font-weight: 600; } 
#header .gnb_wrap .gnb > li.act { overflow:visible; } 
#header .gnb_wrap .gnb > li.act .dp2 { margin-top: 1em; padding-top:1.5em; padding-bottom:1.5em; opacity:1; visibility:visible; } 
#header .gnb_wrap .gnb > li .dp2 > li.act > a { background:rgba(0,0,0,.05); } 
#header .gnb_wrap .gnb > li .dp2:before { content: ""; display: block; position: absolute; top: 0; left: 50%; border-style: solid; border-color: transparent transparent #fff; border-width: 0 7px 7px; transform: translate(-50%, -100%); } 

#header .top_wrap .etc_wrap { margin-left:auto; display:flex; align-items:center; gap:0 1vw } 
#header .top_wrap .etc_wrap .etcBtn { width:2em; height:2em; display:flex; align-items:center; justify-content:center } 
#header .top_wrap .etc_wrap .etcBtn .ico { font-size:2.25em } 
#header .top_wrap .etc_wrap .etcH { height:2.5em; } 
#header .top_wrap .etc_wrap .mem_wrap { border-radius:3em; overflow:hidden; display:flex; align-items:center; padding:0 1em; gap:1.5em; background:#e6f0ff; border:1px solid transparent } 
#header .top_wrap .etc_wrap .mem_wrap > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#555 } 
#header .top_wrap .etc_wrap .mem_wrap > li:not(:first-child) > a:after { content:""; position:absolute; left:-1em; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#ddd } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .tt { font-size:.875em; font-weight:500 } 
#header .top_wrap .etc_wrap .mem_wrap > li > a .ico { font-size:1em; } 
#header .top_wrap .etc_wrap .link_wrap { display:flex; align-items:center } 
#header .top_wrap .etc_wrap .link_wrap > li > a { display:flex; align-items:center; position:relative; gap:.5em; padding:0 1em; box-shadow:0 0 .5em rgba(0,0,0,.1); box-sizing:border-box; color:#111; border-radius:.5em; background:var(--siteC); color:#fff; height:3em; border:1px solid transparent } 
#header .top_wrap .etc_wrap .link_wrap > li > a .tt { font-size:.938em; font-weight:500 } 
#header .top_wrap .etc_wrap .link_wrap > li > a .ico { width:2em; height:2em; background:#fff; color:var(--siteC); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1em } 
#header .top_wrap .etc_wrap .link_wrap > li > a .ico:before { font-size:1.25em } 

.scroll #header { box-shadow:0 0 1em rgba(0,0,0,.1) } 
.scroll #header .top_wrap .wrapH,
.scroll #header .top_wrap .gnb_wrap .dp1 { height:var(--headerH2); transition:.3s } 
.scroll .headerT { padding-top:var(--headerH2) } 

/*gnb*/

/* #header .gnb_wrap { position:absolute; width:100%; left:0; top:0; box-sizing:border-box; text-align:center; } 
#header .gnb_wrap .gnb .dp2 { display: none; } */

/*etc*/
#header .etc_wrap { z-index:999; } 
#header .etc_wrap .est_wrap { margin:0 1vw; } 
#header .etc_wrap .est_wrap .est a { padding:.85em 2em; background:#1c4ab4; border-radius:50px; color:#fff; } 

#header .etc_wrap .all_wrap { } 
#header .etc_wrap .all_wrap .all_btn { display:flex; /*color:#242424; line-height:5em; width:5em; text-align:center; position:relative*//*width:3em; */ align-items:center; } 
#header .etc_wrap .all_wrap .all_btn i.tt { margin-right:12px; font-size: .875em; font-weight: 700; } 
/*#header .etc_wrap .all_wrap .all_btn:before { content:""; position:absolute; left:0; top:0; width:100%; height:0; transition:.3s } */
#header .etc_wrap .all_wrap .all_btn .xi { font-size:2em; position:relative; } 
/*#header .etc_wrap .all_wrap:hover .all_btn:before,
#header .etc_wrap .all_wrap.on .all_btn:before { height:100% } */
#header .etc_wrap .all_wrap.on .all_btn { line-height:4em; } 
.scroll #header .etc_wrap .all_wrap .all_btn { line-height:4em; } 

#header .etc_wrap .all_wrap .all { position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; visibility:hidden; opacity:0; overflow-y:auto; transition:.3s; transform:scale(.5); z-index:10000 } 
#header .etc_wrap .all_wrap.on .all { visibility:visible; opacity:1; transform:scale(1) } 
#header .etc_wrap .all_wrap .all .close_btn { position:absolute; top:1em; right:2em; width:3em; line-height:3em; text-align:center; opacity:.5; transition:.3s } 
#header .etc_wrap .all_wrap .all .close_btn .xi { font-size:3em; color:#333; } 
#header .etc_wrap .all_wrap .all .close_btn:hover { transform:rotate(90deg); opacity:1 } 
#header .etc_wrap .all_wrap .all .all_logo { text-align:center; padding:3em 0; justify-content:center; } 
#header .etc_wrap .all_wrap .all .gnb a { height:auto } 
#header .etc_wrap .all_wrap .all .gnb { justify-content:space-between; padding-bottom:5em; color:#333; } 
#header .etc_wrap .all_wrap .all .gnb > li { flex:0 1 24% } 
#header .etc_wrap .all_wrap .all .gnb > li.m_mypage,
#header .etc_wrap .all_wrap .all .gnb > li.m_guide { display:none; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2,
#header .etc_wrap .all_wrap .all .gnb > li .dp3 { display:block } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 { border-top:5px solid #ddd; border-bottom:1px solid #aaa; height:5em; position:relative } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1:after { content:""; position:absolute; left:0; top:-5px; width:0; height:5px; background:#ce271e; transition:.3s; color:#333; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp1 .va { font-size:1.25em; font-weight:700 } 
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1 { color:#ce271e } 
#header .etc_wrap .all_wrap .all .gnb > li:hover .dp1:after { width:100% } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 { } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a { padding:1em; border-bottom:1px solid #ddd; text-align:left; position:relative; padding-left:2em; font-size:.938em; } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li > a:after { content:"\e913"; font-family:xeicon!important; position:absolute; left:0; top:1em; width:2em; text-align:center; color:#aaa } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a { background:#f5f5f5; color:#ce271e } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > a:after { color:#ce271e } 
#header .etc_wrap .all_wrap .all .gnb > li .dp2 > li:hover > .dp3 { background:#f9f9f9 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 { padding:.5em 0; border-bottom:1px solid #ddd } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a { padding:.25em .75em; text-align:left } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va { font-size:.875em; color:#666 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li > a .va:before { content:"- "; display:inline-block; padding-right:1em } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va { text-decoration:underline; color:#333 } 
#header .etc_wrap .all_wrap .all .gnb > li .dp3 > li:hover > a .va:before { text-decoration:none } 

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

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .allbtn { z-index:999; position:fixed; top:1em; right:1vw; width:2.5em; height:3em; filter:var(--crBlackfil) !important; } 
.allGnbOn #header .all_wrap .allbtn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .allbtn .ham:before,
.allGnbOn #header .all_wrap .allbtn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #header .all_wrap .allbtn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .allbtn .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; } 

#header .all_wrap { color:#000; } 
#header .all_wrap .all { width:4.5em; } 
#header .all_wrap .allbtn { position:relative; display:block; width:2.5em; height:1.125em; margin-left:auto; } 
#header .all_wrap .allbtn .ham,
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s, background 0s; content: '';} 
#header .all_wrap .allbtn .ham:before,
#header .all_wrap .allbtn .ham:after { content:""; position:absolute; left:0; } 
#header .all_wrap .allbtn .ham:before { top:calc(20% - 1px); width:100%; } 
#header .all_wrap .allbtn .ham:after { top:calc(85% - 2px); width:100%; } 
#header .all_wrap .allbtn:hover .ham:before { width:100%; } 
#header .all_wrap .allbtn: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:32em; max-width:100%; height:100%; background:#fff; box-shadow:-1em 0 1em rgba(0,0,0,.1); transform:translateX(100%); } 
#header .all_wrap .all_layer .all_inner > .wrap_in { gap:2em; padding:3em 3em; } 
#header .all_wrap .all_layer .all_inner > .mark { position: absolute; bottom: 0; right: 0; width: 16em; opacity: .15; } 
#header .all_wrap .all_layer .all_inner > .mark > img { width: 26.5em; } 

#header .all_wrap .all_layer .wrap_top a { transition:.2s; } 
#header .all_wrap .all_layer .wrap_top .all_logo { } 
#header .all_wrap .all_layer .wrap_top .all_logo .in { display:block; width:18em; } 
#header .all_wrap .all_layer .wrap_top .all_logo .in img { width:100%; } 
#header .all_wrap .all_layer .wrap_top .all_mem { gap:.25em; padding:2em 0 1em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li > a{ width: 100%; background: var(--siteC); text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: .5em;}
#header .all_wrap .all_layer .wrap_top .all_mem > li { flex: 1; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .icon { position: absolute; left: .5em; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in { position:relative; height:2.25em; padding:0 1em; border:1px solid var(--siteC2); background:var(--siteC2); color: #fff; border-radius:.25em; line-height:normal; align-items: center; justify-content: center; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in .tt { font-size:.938em; font-weight:500; } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover { } 
#header .all_wrap .all_layer .wrap_top .all_mem > li .in:hover .icon { color: #fff; } 

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

.allGnbOn #header,
#header:hover { background: var(--crWhite); } 
.allGnbOn #header .logo > .in img,
.scroll #header .logo > .in img,
#header:hover .logo > .in img { filter: brightness(0); } 
.allGnbOn #header .gnb_wrap .gnb > li .dp1,
#header:hover .gnb_wrap .gnb > li .dp1 { color: #111; } 
.allGnbOn #header .gnb_wrap .gnb { display: none; } 

.allGnbOn #header .all_wrap .all_btn { z-index:999; position:fixed; top:1em; right:2vw; width:2.5em; height:3em; filter: brightness(0) invert(0) !important; } 
.allGnbOn #header .all_wrap .all_btn .ham { background:transparent !important; transition:0s; } 
.allGnbOn #header .all_wrap .all_btn .ham:before,
.allGnbOn #header .all_wrap .all_btn .ham:after { width:100% !important; top:50% !important; height:2px; } 
.allGnbOn #header .all_wrap .all_btn .ham:before { transform:rotate(45deg); } 
.allGnbOn #header .all_wrap .all_btn .ham:after { transform:rotate(-45deg); } 
.allGnbOn #header .all_wrap .all_layer { z-index: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; } 

/**/

.main #contents { padding-top:0 } 
#contents .sub_visual_wrap { position:relative } 
#contents .sub_visual_wrap .bg::after{content:''; width:100%; height:100%; background: rgba(0, 0, 0, .3); position: absolute; left:0; top:0}
#contents .sub_visual_wrap .wrap_in { position:relative; height:22em } 
#contents .sub_visual_wrap .wrap_in .twrap { height:100%; color:#fff; padding-bottom: 2em; } 
#contents .sub_visual_wrap .wrap_in .twrap .t1 { text-transform:uppercase; letter-spacing: 0.2em; font-weight: 500; opacity: .7; } 
#contents .sub_visual_wrap .wrap_in .twrap .t2 { font-size:2.6em; font-weight:700; margin-bottom: 0.3em } 
#contents .sub_visual_wrap .wrap_in .twrap .t_line{ width: 2em; height: 3px; margin:0 auto; background: #fff; opacity: .5;}
.dp1_member #contents .sub_visual_wrap { display: none; } 

#contents .sub_tab { } 
#contents .sub_tab > .gnb { width:1300px; margin:0 auto; background: #fff; padding: 1em; border-top-left-radius: 1em; border-top-right-radius: 1em; } 
#contents .sub_tab .gnb > li { width:100% } 
#contents .sub_tab .gnb > li .dp2 { justify-content:center; padding-left:1px } 
#contents .sub_tab .gnb > li .dp2 > li { flex:1 1 100%; max-width:30%; position:relative } 
#contents .sub_tab .gnb > li .dp2 > li > a { display:block; color:#999999; padding: 1em 0; } 
#contents .sub_tab .gnb > li .dp2 > li > a .va { font-size:1.25em; font-weight:800; } 
#contents .sub_tab .gnb > li .dp2 > li:hover > a { color:#1d62a8 } 
#contents .sub_tab .gnb > li .dp2 > li.on { z-index:1; } 
#contents .sub_tab .gnb > li .dp2 > li.on:before { content:''; width:94%; position:absolute; height:3px; background:#1d62a8; bottom: -16px; left: 3%; } 
#contents .sub_tab .gnb > li .dp2 > li.on > a { color:#1d62a8; border-color:transparent; position:relative; } 
#contents .sub_tab .gnb > li .dp2 > li > a:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1.5em; background:#999999; opacity:.7; } 
#contents .sub_tab .gnb > li .dp2 > li:first-child > a:before { display:none; } 

#contents .sub_tit_wrap { padding:3.5em 0 0 0 } 
#contents .sub_tit_wrap > .box1 { border-bottom: 2px solid #ededed; padding:0 1em 1em; /* padding-bottom: 1em;  */ box-sizing: border-box; position: relative; } 
#contents .sub_tit_wrap > .box1::before { content: ''; background: var(--siteC2); width: 3em; height: 2px; position: absolute; bottom: -3%; left: 0; } 
#contents .sub_tit_wrap .tit { font-size:2.2em; font-weight:700; } 
#contents .sub_tit_wrap .nav { } 
#contents .sub_tit_wrap .nav > li { color:#999; font-size:1em; font-weight: 500; } 
#contents .sub_tit_wrap .nav > li:before { content:"\e940"; font-family:xeicon; padding:0 .7em; vertical-align:middle } 
#contents .sub_tit_wrap .nav > li:first-child:before { display:none } 
#contents .sub_tit_wrap .nav > li:last-child .tt { text-decoration: } 

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

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

#footer { background:#35363b; color:#fff; padding:3.5em 0 5.5em 0; } 
#footer { z-index:1; position:relative } 
#footer .goTop { z-index:1; position:fixed; right:1em; bottom:1em; width:3.5em; line-height:3.5em; border-radius:50%; 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 .logo_wrap .logo > a { display:block; height:2.5em; overflow:hidden; /* filter: var(--crWhitefil); */ } 
#footer .logo_wrap .logo > a .in { display:block; height:100% } 
#footer .logo_wrap .logo > a img { height:100%; display:block } 
#footer .info_wrap { margin-top: 2.5em; } 
#footer .info_wrap .info > li { float:left; margin-right:2em; margin-bottom:.6em } 
#footer .info_wrap .info > li.br { margin-right: 10%; /* clear:left */ } 
#footer .info_wrap .info:after { content:""; display:block; clear:both } 
#footer .info_wrap .info { flex-wrap:wrap; width:80%; } 
#footer .cs_wrap { } 
#footer .cs_wrap .menu { } 
#footer .cs_wrap .menu li:last-child > a::before { display: none; } 
#footer .cs_wrap .menu li > a { display: block; font-size: 1.05em; font-weight: 500; position: relative; padding: 0 1.5em; } 
#footer .cs_wrap .menu li > a::before { position: absolute; top: 50%; right: 0%; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #fff; } 
#footer .cs_wrap .menu li > a span { color: #f3a71a; } 
#footer .info_wrap .copyright { font-size:.85em; opacity:.5; margin-top:1.5em; text-transform: uppercase; } 

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

/* main */
.main_con { padding: 3em 0;}

/*행사교육 공통 버튼*/
.event_btn { display: flex; } 
.event_btn .btn { display: inline-block; border-radius: 8em; padding: .35em 1em; font-size: .95em; font-weight: 700; } 
.event_btn .btn.btn1 { background: var(--siteC); color: #fff; } 
.event_btn .btn.btn2 { background: var(--siteC2); color: #fff; } 
.event_btn .btn.btn3 { background: var(--siteC3); color: #fff; } 

/*행사 교육*/
.event_wrap { } 
.event_wrap .event_list { } 
.event_wrap .event_list>li { } 
.event_wrap .event_list>li>.in { margin: 0 0 1em 1em; padding: 2.5em; height: 22em; background: #fff; border: 1px solid #ddd; box-sizing: border-box; box-shadow: 2px 0 8px rgba(0, 0, 0, .1); border-radius: 1.5em; } 
.event_wrap .event_list>li>.in>.tit { font-size: 1.25em; line-height: 1.4; font-weight: 700; margin: .85em 0; } 
.event_wrap .event_list>li>.in>.txt { font-size: .9em; line-height: 1.4; color: #666; font-weight: 600; text-align: left; } 
.event_wrap .event_list>li>.in .con { align-items: center; margin-top: 3em; } 
.event_wrap .event_list>li>.in .con>.date { font-size: .9em; color: #666; font-weight: 600; } 
.event_wrap .event_list>li>.in .con>.arrow { transition: .3s; } 
.event_wrap .event_list>li>.in .con>.arrow>img { width: 2.5em; } 
.event_wrap .event_list>li>.in:hover .tit { text-decoration: underline; } 
.event_wrap .event_list>li>.in:hover .arrow { transform: translateX(.75em); transition: .3s; } 

.data_wrap { gap: 3em; } 
.main_data { background: #f5f5f5; } 
.notice_wrap { flex:1; border: 1px solid #ddd; border-radius: 1.5em; background: #fff; } 
.notice_wrap .notice_top { padding: 1.5em 2em; border-bottom: 1px solid #ddd; } 
.notice_wrap .notice_top .main_tab { gap: 4em; } 
.notice_wrap .notice_top .main_tab>li { position: relative; font-size: 1.25em; font-weight: 600; color: #999; } 
.notice_wrap .notice_top .main_tab>li:before { position: absolute; top: 50%; left: -1.75em; width: 5px; height: 5px; background: #999; border-radius: 50%; content: ''; } 
.notice_wrap .notice_top .main_tab>li:first-of-type:before { display: none; } 
.notice_wrap .notice_top .main_tab>li>.tab_btn { } 
.notice_wrap .notice_top .main_tab>li.on { color: #111; font-weight: 700; } 
.notice_wrap .plus { position: absolute; right: 2em; top: -3em; width: 1.5em; height: 1.5em; background: #a6a4a4; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .25s; } 
.notice_wrap .plus>.xi { color: #fff; } 
.notice_wrap .plus:hover { background: #111; } 
.notice_wrap .notice_list { padding: 1.5em 2em; } 
.notice_wrap .notice_list .list_top { } 
.notice_wrap .notice_list .list_top>.con { gap: 1.5em; align-items: center; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px dashed #ddd; } 
.notice_wrap .notice_list .list_top>.con .dcon { display: flex; min-width: 4em; flex-direction: column; color: #fff; text-align: center; padding: .5em .8em; background: var(--siteC); border-radius: .5em; } 
.notice_wrap .notice_list .list_top>.con .dcon>.day { font-size: 1.35em; font-weight: 800; } 
.notice_wrap .notice_list .list_top>.con .dcon>.date { font-size: .875em; font-weight: 400; letter-spacing: -1px; } 
.notice_wrap .notice_list .list_top>.con .tit_con { } 
.notice_wrap .notice_list .list_top>.con .tit_con .tit { margin-bottom: .25em; font-size: 1.25em; font-weight: 600; color: #111; } 
.notice_wrap .notice_list .list_top>.con .tit_con .txt { font-size: 1em; font-weight: 500; color: #444; } 
.notice_wrap .notice_list .list_top>.con:hover .tit_con .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm { } 
.notice_wrap .notice_list .list_btm .btm_list { } 
.notice_wrap .notice_list .list_btm .btm_list>li { } 
.notice_wrap .notice_list .list_btm .btm_list>li>a { display: flex; gap: 2em; align-items: center; } 
.notice_wrap .notice_list .list_btm .btm_list>li>a>.tit { width: 80%; font-weight: 600; color: #111; } 
.notice_wrap .notice_list .list_btm .btm_list>li>a:hover .tit { text-decoration: underline; } 
.notice_wrap .notice_list .list_btm .btm_list>li>a>.date { width: auto; font-size: .9em; font-weight: 600; color: #666; } 
.notice_wrap .nocon{ height: 15em; border:none;}


/*팝업존*/
.banner_wrap { width: 24em; border: 1px solid #ddd; border-radius: 1.5em; background: #fff; } 
.banner_wrap .banner_top { padding: 1em 2em; } 
.banner_wrap .banner_top>.tit { font-size: 1.25em; font-weight: 600; color: #111; } 
.bannerSlide_wrap { } 
.bannerSlide_wrap .bannerSlide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide { } 
.bannerSlide_wrap .bannerSlide .swiper-slide.el { } 
.bannerSlide_wrap .bannerSlide .banner_img { width: 100%; height: 14em; } 
.bannerSlide_wrap .bannerSlide .banner_img>img { width: 100%; height: 100%; object-fit: cover; } 
.bannerSlide_wrap .banner_control { padding: .5em 1.5em; box-sizing: border-box; display: flex; align-items: center; } 
.bannerSlide_wrap .banner_control .current_con { font-size: 1.05em; color: #111; font-weight: 600; } 

/*방문간호서비스*/
.visit_wrap { } 
.visit_wrap .visit_list { } 
.visit_wrap .visit_list>li { } 
.visit_wrap .visit_list>li>.in { position: relative; display: block; margin: 0 0 2em 2em; height: 13em; border-radius: 1em; overflow: hidden; } 
.visit_wrap .visit_list>li>.in:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .45); content: ''; z-index: 1; } 
.visit_wrap .visit_list>li>.in>.img_con { width: 100%; height: 100%; } 
.visit_wrap .visit_list>li>.in>.img_con>img { width: 100%; height: 100%; object-fit: cover; transition: .25s; } 
.visit_wrap .visit_list>li>.in .txt_con { position: absolute; top: 2em; left: 2em; z-index: 1; } 
.visit_wrap .visit_list>li>.in .txt_con>.tit { font-size: 1.45em; font-weight: 700; color: #fff; } 
.visit_wrap .visit_list>li>.in .visit_more { position: absolute; right: 2em; bottom: 2em; color: #fff; gap: 1em; z-index: 2; } 
.visit_wrap .visit_list>li>.in .visit_more>.tit { position: relative; top: 3px; font-size: .85em; font-weight: 400; } 
.visit_wrap .visit_list>li>.in .visit_more>.arrow_img { } 
.visit_wrap .visit_list>li>.in .visit_more>.arrow_img>img { width: 2.15em; filter: brightness(0) invert(1); transition: .25s; } 
.visit_wrap .visit_list>li>.in:hover .visit_more>.arrow_img>img { transform: translateX(.5em); } 
.visit_wrap .visit_list>li>.in:hover .img_con>img { transform: scale(1.05); } 

/*클라이언트*/
.main_client { padding: 2em 0 } 
.main_client .slider_wrap{ padding: 0 3em;}
.main_client .el {/*  width: 12.5% */ } 
.main_client .el .in { display: block; border-radius: 1em;} 
.main_client .el .imgW .logoC { text-align: center; } 
.main_client .el .imgW .logoC .img { width: 160px; height: 40px; max-width: 90%;} 
.main_client .el .imgW .logoC .img > img { width: 100%; height: 100%; object-fit: contain; } 
.main_client .el .imgW .resize { padding-bottom: 40% } 
.main_client .swiperControl .swiperBtn.prev{ left: 0; transform: translate(0, -50%);}
.main_client .swiperControl .swiperBtn.next{ right: 0; transform: translate(0, -50%);}

/* sub */

.page_con{ padding: 6em 0;}
.page_con.pt0{ padding: 0 0 6em 0;}
.page_con.pb0{ padding: 6 0 0 0;}

/*page_dot 공통*/
.page_dot_list { padding: 0 1.25em; margin-top: 1.25em; } 
.page_dot_list>li { position: relative; margin-bottom: .5em; } 
.page_dot_list>li>.txt { font-size: 1em; } 
.page_dot_list>li:before { position: absolute; left: -13px; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--siteC); content: ''; } 
.page_dot_list>li:last-of-type { margin-bottom: 0em; } 
.page_dot_list.s1 { margin-top: 0em; } 
.page_dot_list.s1>li:before { width: none; height: none; background: none; top: unset; left: -15px; content: '-'; } 

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


.subtit_wrap { margin-bottom: 3em; } 
.subtit_wrap .mark { width: 2.5em; margin-right: .5em; } 
.sub_tt.tit { font-size: 1.5em; /*letter-spacing: .375em !important; */ line-height: 1.6; text-transform: uppercase; font-weight: 600; } 
.sub_tt.tit2 { font-size: 2em; font-weight: 700; line-height: 1.8em; } 

.page_tt { font-size: 1em; word-break: keep-all; line-height: 1.6; } 
.page_tt > .tt + .tt { margin-top: 1.5em; } 
.page_tt.o1 { opacity: .75; } 
.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; font-weight: 600; } 
.page_tt.s5 { font-size: 1.313em } 
.page_tt.s6 { font-size: 1.500em; font-weight: 700; } 
.page_tt.s7 { font-size: 1.625em } 
.page_tt.s8 { font-size: 1.875em } 
.page_tt.s9 { font-size: 2.00em; } 
.page_tt.s10 { font-size: 3em; font-weight: 800; } 
.page_tt.s11 { font-size: 2.65em; font-weight: 700; } 
.page_tt.s12 { font-size: 4.000em; } 
.page_tt.s13 { font-size: 6.500em; } 
.page_tt.s14 { font-size: 2.525em; font-weight: 700; } 
.page_tt.s15 { font-size: 1.500em; } 
.page_tt.s16 { font-size: 1.625em; font-weight: 800; } 
.page_tt.s17 { font-size: 1.875em; font-weight: 800; } 
.page_tt.s18 { font-size: 2.15em; font-weight: 800; letter-spacing: -0.05em; margin-bottom: .85em; } 

.page_tt.dot { padding-left: .8em; position: relative; } 
.page_tt.dot:before { content: ""; width: 6px; height: 6px; border-radius: 2em; background: var(--siteC); position: absolute; left: 0; top: 9px; } 
.page_tt.dot2 { margin-left: 1em; padding-left: 0.8em; position: relative; color: #333; } 
.page_tt.dot2:before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #666; position: absolute; left: 0; top: 11px; } 
.page_tt.dot2:first-of-type:before { top: 11px; } 
.page_tt.dot3 { margin-bottom: .5em; padding-left: 1em; font-size: 1.625em; position: relative; } 
.page_tt.dot3:before { content: ""; width: 16px; height: 22px; background: url(../images/sub/tt_img1.png) no-repeat 0 0 / cover; position: absolute; left: 0; top: 7px; } 
.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 { margin-bottom: .5em; padding-left: 1em; position: relative; } 
.page_tt.dot5:last-child { margin-bottom: 0; } 
.page_tt.dot5:before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #777; position: absolute; left: 0; top: 9px; } 


/*회사개요*/
./* page_tit1 { margin-bottom:30px; } 
.page_tit1 .subtit { margin-bottom:10px; font-weight:600; font-size:16px; color:var(--siteC); } 
.page_tit1 .tit-g { font-weight:600; font-size:40px; line-height:48px; } 
.page_tit1 .tit-g p:first-child { margin-bottom: 5px; font-weight:200; } 
.page_tit1 .tit-g strong { color:var(--siteC2); vertical-align:baseline; } 

.sub_section .box1 { display:flex; } 
.sub_section .page_txt { width:50%; margin-right: 45px; font-weight:400; font-size:18px; padding:30px 0 80px; line-height:32px; } 
.sub_section .page_txt * { vertical-align:baseline; } 
.sub_section .page_txt p { margin-bottom:30px; } 
.sub_section .page_txt p:nth-child(4) { margin-bottom:60px; } 
.sub_section .page_txt em { font-weight:600; color:var(--siteC2); } 
.sub_section .page_txt .ceo_sig { font-size: 20px; text-align: right; } 
.sub_section .page_bg { width: calc( 40% - 30px); height: 580px; margin-top: -120px; background-image:url(../images/sub/company_img01.jpg); background-repeat:no-repeat; background-size:cover; } 
 */

/*** 소개 */
/* 회장인사말 */
.letter_wrap{margin-top: 1em;}
.letter_wrap .greet{ }
.letter_wrap .greet .txt_wrap{ padding: 0 1.5em;}
.letter_wrap .greet .txt_wrap .top_tit{ margin-bottom: 2em; font-weight: 800; color:var(--siteC2); text-transform: uppercase;}
.letter_wrap .greet .txt_wrap .top_tit .t1{ padding-right: .5em; position: relative;}
.letter_wrap .greet .txt_wrap .top_tit .t1::before{ content:''; width: 8em; height:1px; background:var(--siteC2); position: absolute; left: 100%; bottom: 0;}
.letter_wrap .greet .txt_wrap .page_tt{line-height: 1.5;color:#333; word-break: keep-all; text-align: justify;}
.letter_wrap .greet .txt_wrap .page_tt.s3:not(:last-child){ margin-bottom: 0.8em;}
.letter_wrap .greet .txt_wrap .page_tt.s3:last-child{ margin-top: 1.25em;}
.letter_wrap .greet{ gap:4em; }
.letter_wrap .greet .txt_wrap{ flex:1;}
.letter_wrap .greet .img_wrap{float: right; width: 14em; margin-top: -6em; padding: 0 0 3em 3em;}
.letter_wrap .greet .img_wrap .img{ width: 100%; /* height: 28em;  */position: relative; box-shadow: -2px 5px 10px rgba(0, 0, 0, .1);}
.letter_wrap .greet .img_wrap .img img{ width: 100%; height: 100%; border-radius: .5em;  object-fit: cover; position: relative; z-index: 1;}
.letter_wrap .greet .img_wrap .img::before,
.letter_wrap .greet .img_wrap .img::after{ 
    content:''; 
    position: absolute;
}
.letter_wrap .greet .img_wrap .img::before{ 
    width: 100%; height: 100%; 
    border-radius: .5em; 
    border:1px dashed var(--siteC); 
    opacity: .6; 
    right: -.5em; bottom: -.5em; 
}
.letter_wrap .greet .img_wrap .img::after{
    width: 4em; height: 4em; 
    border-radius: 50%;
    background:var(--siteC2);
    opacity: .2;
    left: -1.5em; bottom: -1.5em;
}
.letter_wrap .greet .img_wrap2{width: 35%; padding: 2em 2em 1em 0;}
.letter_wrap .greet .img_wrap2 .img img{ border-radius:1em; box-shadow: 5px 5px 10px rgba(0, 0, 0, .1)}
.letter_wrap .greet .img_wrap2.left{ float:left}
.letter_wrap .greet .img_wrap2.right{ float:right}
.letter_wrap .ceo_name{margin-top: 3em; padding-right: 3em; text-align: right;}
.letter_wrap .ceo_name .t1{ padding-top: 1em; font-weight: 600; font-size: 1.25em; }
.letter_wrap .ceo_name .sign{display: inline-block; width: 13em; margin-left: 2em;padding-bottom: 8%; background-position: 100% 100%;}


/*설립목적*/
.purpose_bg{ position:relative; width: 100%; height: 22.5em; padding: 3rem; box-sizing: border-box; border-radius: 1em; overflow: hidden;}
.purpose_bg:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .6); content: '';}
.purpose_bg .pu_tit{ position: absolute; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-align: center;}
.purpose_bg .pu_tit > p{ font-size: 1.15em; font-weight: 600; line-height: 1.6;}
.purpose_bg .pu_tit > .c_name{ text-transform: uppercase; font-size: 2.25em; margin-bottom: .5em; font-weight: 800;}

.business_wrap .business_con{ gap: 4em;}
.business_wrap .business_con .business_list{}
.business_wrap .business_con .business_list > li{}
.business_wrap .business_con .business_list > li > .in{ margin: 0 0 1em 1em;}
.business_wrap .business_con .business_list > li > .in > .imgbox{ position:relative; width: 100%; height: 17em; border-radius: 1em; border: 1px solid #ddd; overflow: hidden;}
.business_wrap .business_con .business_list > li > .in > .imgbox .num{ position: absolute; top: .2em; right: .2em; font-size: 3.25em; font-weight: 800; color: #fff; opacity: .4; line-height: 1;}
.business_wrap .business_con .business_list > li > .in > .imgbox:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .25); content: '';}
.business_wrap .business_con .business_list > li > .in > .tit{ margin-top: 1em; padding: 0 1em; text-align: center; font-size: 1.15em; font-weight: 600;}

/* 조직도 */
.organ_wrap { } 
.organ_wrap .organ1 { border: 1px solid #ddd; } 
.organ_wrap .organ2 { border: 1px solid #ddd; } 

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

.history_wrap{ position:relative; overflow:hidden; padding:2em 0;}
.history_wrap:before,
.history_wrap .lineAni{ content:""; position:absolute; left:50%; top:0; width:1px; height:100%; background:#ddd}
.history_wrap .lineAni{ height:0; background:#3167a6; transition:.3s}
.history_wrap .lineAni:before,
.history_wrap:after{ content:""; position:absolute; left:50%; top:0; margin-left:-.5em; width:1em; height:1em; background:#fff; border:.25em solid #3167a6; border-radius:100%; box-sizing:border-box}
.history_wrap:after{ top:auto; bottom:0}
.history_wrap .history > li{ margin-top:4em}
.history_wrap .history > li:first-child{ margin-top:0}
.history_wrap .history > li .year{ width:50%; overflow:hidden; justify-content:flex-end}
.history_wrap .history > li .year .wrap_in{ position:relative; overflow:hidden; width:15em}
.history_wrap .history > li .year .tt{ display:inline-block; position:relative; padding:0 .5em; font-size:2.5em; letter-spacing:-3px; font-weight: 400; color:#3167a6; /* font-family: Georgia, "Times New Roman", Times, serif */}
.history_wrap .history > li .year .tt:before{ content:""; position:absolute; left:100%; top:50%; margin-top:-1px; width:100%; border-top:2px dotted #aaa;}
/* .history_wrap .history > li .year .tt:after{ content:"'"; font-style:italic} */
.history_wrap .history > li .year .tt:after{ content:""; width: .5em; height: .5em; border-radius: 50%; background: var(--siteC); opacity: .2; position: absolute; right: 10px; top: 3px;}
.history_wrap .history > li .list{ width:50%; margin-top:1em}
.history_wrap .history > li .list > li{ margin-top:.5em}
.history_wrap .history > li .list > li:first-child{ margin-top:0}
.history_wrap .history > li .list .wrap_in{ padding:0 2em}
.history_wrap .history > li .list .wrap_in .img_wrap .resize {padding-bottom:45% !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_r {text-align:right !important;}
.history_wrap .history > li .list .wrap_in .img_wrap .resize .img_l {text-align:left !important;}
.history_wrap .history > li .list .month{ flex:0 0 3em}
.history_wrap .history > li .list .month .tt{ color:#999; font-size:1.125em; /* font-family:Georgia, "Times New Roman", Times, serif; */ letter-spacing:-1px}
.history_wrap .history > li .list .month .tt:after{ /* content:"월"; font-size:.813em; font-weight:500 */}
.history_wrap .history > li .list .detail > li{ margin-top:.5em}
.history_wrap .history > li .list .detail > li:first-child{ margin-top:0}
.history_wrap .history > li .list .detail .tt{ position:relative; padding:0 1.5em; margin-top:.125em; color:#333; font-size:.938em; line-height:1.7; font-weight:400; word-break: keep-all;}
.history_wrap .history > li .list .detail .tt:before{ content:""; position:absolute; left:0; top:9px; width:.75em; border-top:2px solid #ddd}
.history_wrap .history > li .list .detail .desc{width:calc(100% - 1.125em); margin:.5em 0 .5em 1.25em; padding:.8em; box-sizing: border-box; border: 1px solid #ddd; border-radius: .5em; font-size: .9375em; line-height: 1.5; color:#555;}
.history_wrap .history > li .list .img{ width: 100%; margin:1em 0; box-sizing: border-box;}
.history_wrap .history > li .list .img.img_l{ padding-left:4em; padding-right: 1em; }
.history_wrap .history > li .list .img.img_r{ padding-right: 4em; padding-left: 1em;}
.history_wrap .history > li .list .img img{}
.history_wrap .history > li:nth-child(2n) .year{ justify-content:flex-start; text-align:right}
.history_wrap .history > li:nth-child(2n) .year .tt:before{ left:auto; right:100%}
.history_wrap .history > li:nth-child(2n) .list{ order:-1}
.history_wrap .history > li:nth-child(2n) .list > li > .flex{ justify-content:flex-end}
.history_wrap .history > li:nth-child(2n) .list .month{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail{ order:-1}
.history_wrap .history > li:nth-child(2n) .list .detail .tt{ text-align:right}
.history_wrap .history > li:nth-child(2n) .list .detail .tt:before{ left:auto; right:0}


/* 회원사 */

.flex_table .thead { margin-bottom:1em } 
.flex_table .tbody { display:flex; flex-direction:column; height:100% } 
.flex_table .tr { flex:1 1 0%; min-height:0; display:flex; border:1px solid #ddd; box-sizing:border-box; overflow:hidden } 
.flex_table .tr:not(:last-child) { border-bottom:none } 
.flex_table .tr:first-child { border-top-left-radius:.5em; border-top-right-radius:.5em } 
.flex_table .tr:last-child { border-bottom-left-radius:.5em; border-bottom-right-radius:.5em } 
.flex_table .td { display:flex; flex-direction:column; align-items:center; min-height:2.5em; justify-content:center; text-align:center; flex:1 1 0%; min-width:0; box-sizing:border-box; padding:1em; border-right:1px solid #ddd } 
.flex_table .td.al { align-items:flex-start } 
.flex_table .td:last-child { border-right:none } 
.flex_table .td.bg1 { background:#f5f5f5 } 
.flex_table .td.w1 { flex:0 0 10em } 
.flex_table .td.w2 { flex:0 0 8em } 
.flex_table .td.wName { flex:0 0 17em } 
.flex_table .td.wName2 { flex:0 0 12em } 
.flex_table .td.wName3 { flex:0 0 17em } 
.flex_table .td.wNo { flex:0 0 4em } 
.flex_table .td.wMail { flex:0 0 12em } 
.flex_table .td.wTel { flex:0 0 17em } 
.flex_table .thead .tr { box-shadow:0 .25em .5em rgba(0,0,0,.1); background:#fff; color:var(--siteC); } 
.flex_table .thead .tr:first-child { border-top-left-radius:0; border-top-right-radius:0; border-top:1px solid var(--siteC); } 
.flex_table .flex_table { flex: 1 1 0; min-width:0 } 
.flex_table .flex_table .thead { margin-bottom:0 } 
.flex_table .flex_table .tr { border:none; border-bottom:1px solid #ddd } 
.flex_table .flex_table .tr:last-child { border-bottom:none } 

body.pop { background:transparent } 
body.pop .popWrap { position:absolute; left:2%; top:2%; width:96%; height:96%; text-align:center; white-space:nowrap } 
body.pop .popWrap:before { content: ""; display: inline-block; width: 0; height: 100%; margin-right: -4px; vertical-align: middle } 
body.pop .popWrap .popIn { display: inline-block; vertical-align: middle; background:#fff; border-radius:0 0 5px 5px; box-shadow:1px 1px 10px #333; position:relative; text-align:left; white-space:normal; max-height:100%; max-width:100%; } 
body.pop .popWrap .popIn:before { content: attr(data-tit); position:absolute; left:0; top:0; width:100%; z-index:1; color:#fff; display:block; left:0; top:0; padding:.7em 4em .7em 1em; font-weight:700; font-size:1.25em; letter-spacing:-1px; background:var(--siteC); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box } 
body.pop .popWrap .popIn .popCon { 
    min-width:250px;
    max-height: 70vh;
    padding:4.5em 1.25em 2em 1.25em; 
} 
body.pop .popWrap .popIn .popClose { position:absolute; z-index:10000; right:0; top:0; width:1.75em; color:#fff; text-align:center; font-size:2.5rem; opacity:.8 } 
body.pop .popWrap .popIn .popClose:hover { opacity:1 } 
body.pop .popWrap.popPrivacy .popIn { width: 1000px; margin: 0 auto; } 


/* 정관 */
.pg_menu_list { justify-content:flex-start; align-items:flex-start; align-items:stretch; background: #fff; padding:0 1px 1px 0; border-radius: 1em; overflow: hidden; border: 1px solid var(--siteC); box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
.pg_menu_list > li { width: calc(100% / 4) } 
.pg_menu_list > li .in { position:relative; z-index:1; flex:1; margin:0 -1px -1px 0; padding:.5em .5em; min-height:2.5em; text-align:center; color:var(--siteC); border: 1px dashed #ddd; font-weight: 600; word-break: keep-all; } 
.pg_menu_list > li:hover .in { z-index:2; background:var(--siteC); color:#fff; transition:.2s; } 

.scroll .pg_menu_list { width: 35em; max-width: 90%; position: fixed; bottom: -5%; left: 50%; transform: translate(-50%, -50%); } 

.sub1_3Wrap { margin-top:2em; box-shadow: 0 0 1em rgba(0, 0, 0, .1); } 
.sub1_3Wrap:first-child { margin-top:0; } 
.sub1_3Wrap .con { padding:1.25em 1.5em; background:#fff; box-sizing:border-box; } 
.sub1_3Wrap .con .list1 { line-height:1.3; } 
.sub1_3Wrap .con .list1 > dt { margin:1em 0 .3em 0; font-size:1.063em; color:#222; } 
.sub1_3Wrap .con .list1 > dt:first-child { margin-top:0; } 
.sub1_3Wrap .con .list1 > dd { font-size:.875em; color:#333; line-height:1.7; } 
.sub1_3Wrap .con .list1 > dd > strong { color:#111; vertical-align:baseline; } 
.sub1_3Wrap .tit { text-align:center; } 
.sub1_3Wrap .tit > .tt { color:#444; padding:.7em 0; font-size:1.3em; font-weight: 600; border-top: 3px solid var(--siteC); display:block; background: #e5dfe9; } 


/* 오시는길 */
.loca_tt {font-size: 1.125em; text-align: center; font-weight: 600; padding: 1em 0; background: #f4f4f4; margin-bottom: 1em;}

.root_daum_roughmap .wrap_controllers { display: none; } 
.map-Con .list { gap: 1em 1em; margin: 2.5em 0; } 
.map-Con .list > li { flex: 1; text-align: center; } 
.map-Con .list > li .in { flex: 1; } 
.map-Con .list > li + li .in { padding-left: 1em; border-left: 1px solid #ddd; } 

.page_txt .mark { margin-bottom: 3em; } 
.page_txt .mark img { width: 5em; } 

.page_txt > .ico + * { margin-top: 1em; } 
.page_txt > .ico img { width: 2.25em; } 

.map-Con .map { border-radius: 1.5em; overflow: hidden; box-shadow: 3px 0 9px rgba(0, 0, 0, .15); } 

.map_info3 .info_list { } 
.map_info3 .info_list > li { padding: 2em 2em; border-bottom: 1px solid #ddd; } 
.map_info3 .info_list > li .wrap_tit { width: 15em; } 
.map_info3 .info_list > li .wrap_con { flex: 1; padding-left: 1.5em; } 
.map_info3 .info_list > li .wrap_tit .tit { padding: .5em 0; color: #222; } 
.map_info3 .info_list > li .wrap_tit .tit .tt { font-weight: 500; } 
.map_info3 .info_list > li .wrap_tit .tit .t1 { font-size: 1.375em; } 
.map_info3 .info_list > li .wrap_tit .tit .t2 { } 
.map_info3 .info_list > li .wrap_tit .tit .xi { font-size: 1.500em; padding-right: .25em; } 
.map_info3 .info_list > li .wrap_con .txt { padding: .5em 0; } 
.map_info3 .info_list > li .wrap_con .txt .tt { color: #333; line-height: 1.6 } 
.map_info3 .info_list > li .wrap_con .txt .t2 { font-size: 1.125em; } 
.map_info3 .info_list > li .wrap_con .txt .round { margin-right: .75em; padding: .5em 1.5em; background: #8bc53f; font-size: .875em; color: #fff; font-weight: 700; border-radius: 6em; } 
.map_info3 .info_list > li .wrap_con .txt .round.back_red { background: #fb2217; } 
.map_info3 .info_list > li .wrap_con .txt .round.back_seo { background: #00b140; } 
.map_info3 .info_list > li .wrap_con .txt .c_seo { color: #00b140; } 
.map_info3 .info_list > li .wrap_con .txt .round.back_four { background: #2c9ede; } 
.map_info3 .info_list > li .wrap_con .txt .c_four { color: #2c9ede; } 



/* 캘린더 */
.pageCalendarTit { display: flex; align-items: center; justify-content: center; gap: 1em; margin-bottom: 1.5em } 

.pageCalendarTit .tit { font-weight: bold; font-size: 2em; font-family: Arial, Helvetica, sans-serif } 

.pageCalendarTit .btn { width: 2.5em; height: 2.5em; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f5f5f5; color: #999; transition: .3s } 

.pageCalendarTit .btn:hover { background: #0365b0; color: #fff } 

.pageCalendar { display: flex; flex-wrap: wrap; border: 1px solid #ddd; border-bottom: none; border-top-color: #000; position: relative } 

.pageCalendar:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd } 

.pageCalendar > li { width: 14.28% } 

.pageCalendar > li .in { display: flex; flex-direction: column; padding: .25em; box-sizing: border-box; border-bottom: 1px solid #ddd } 

.pageCalendar > li.titW .in { height: 3em; justify-content: center; padding: .5em; } 

.pageCalendar > li.conW .in { height: 100%; min-height: 6em } 

.pageCalendar > li.sun .in { color: #F30 } 

.pageCalendar > li.sat .in { color: #09F } 

.pageCalendar > li .in .dateT { width: 2em; line-height: 2em; border-radius: 50%; text-align: center; font-weight: bold; font-family: Arial, Helvetica, sans-serif } 

.pageCalendar > li .in .dateC { padding: .5em; min-height: 4em; } 

.pageCalendar > li.titW .in .dateT { font-weight: bold; font-size: .938em } 

.pageCalendar > li.today .in .dateT { background: var(--siteC2); color: #fff } 

.pageCalendar .dayList { display: flex; flex-direction: column; gap: .5em } 

.pageCalendar .dayList > li { position: relative; padding-left: .625em; color: var(--siteC2); } 

.pageCalendar .dayList > li:before { content: ""; position: absolute; left: 0; top: .5em; background: var(--siteC2); width: .25em; height: .25em; border-radius: 50% } 

/* 캘린더 팝업 */
.layerWrap2 { position:fixed; left:0; top:0; width:100%; height:100%; z-index:1003 } 
.layerWrap2 .layerBg { position:absolute; z-index:9999; width:100%; height:100%; left:0; top:0; background:#000; opacity:.5 } 
.layerWrap2 .layerFrame { position:absolute; z-index:10000; left:0; top:0; width:100%; height:100% } 
body.pop { background:transparent; display:flex; justify-content:center; align-items:center; width:100%; height:100vh } 
body.pop .popWrap2 { position:relative; display:flex; flex-direction:column; justify-content:center; max-width:96vw; height:90vh } 
body.pop .popWrap2 .popTit { position:relative; z-index:1; padding:.5em 1em .5em 2em; display:flex; align-items:center; background:#fff; border-radius:.5em .5em 0 0; transform:translateY(1px); color:#111 } 
body.pop .popWrap2 .popTit .tit { flex:1 1 100% } 
body.pop .popWrap2 .popTit .tit .t1 { font-weight:700; font-size:1.375em } 
body.pop .popWrap2 .popTit .tit .t2 { font-weight:700; font-size:1.125em } 
body.pop .popWrap2 .popTit .popClose { flex:0 0 auto; text-align:center; width:3em; line-height:3em; border-radius:100%; text-align:center; opacity:.6 } 
body.pop .popWrap2 .popTit .popClose .xi { transition:.3s; font-size:1.75em } 
body.pop .popWrap2 .popTit .popClose .xi:before { content:"\e9af" } 
body.pop .popWrap2 .popTit .popClose:hover { opacity:1 } 
body.pop .popWrap2 .popTit .popClose:hover .xi { transform:rotate(180deg) } 
body.pop .popWrap2 .popIn { box-sizing:border-box; padding:.5em 2em 2em 2em; background:#fff; border-radius:0 0 .5em .5em; box-shadow:1px 1px 10px #333; position:relative } 
body.pop .popWrap2 .popIn .popCon { min-height:1em } 
body.pop .popWrap2 .popBtn { position:relative; z-index:1; display:flex; background:#fff; border-radius:0 0 .5em .5em; transform:translateY(1px); overflow:hidden; padding-top:.5em; margin-top:-.5em; box-sizing:border-box } 
body.pop .popWrap2 .popBtn:before { content:""; position:absolute; left:0; top:0; height:.5em; width:100%; background:#fff } 
body.pop .popWrap2 .popBtn .input_st { flex:1 1 1%; border-radius:0 } 

body.pop .popWrap2.st1 { width:100%; background:rgba(0,0,0,.8); max-width:100vw; height:100vh; position:fixed; left:0; top:0 } 
body.pop .popWrap2.st1 .popTit { background:none; border-bottom:1px solid rgba(255,255,255,.2); color:#fff; padding:.5em 2em } 
body.pop .popWrap2.st1 .popTit .popClose { color:#fff } 
body.pop .popWrap2.st1 .popIn { flex:1 1 0%; min-height:0; padding:0; background:none; border-radius:0; box-shadow:none; padding:0 } 
body.pop .popWrap2.st1 .popIn .popCon { height:100% } 

/* 학술대회 */
.page_tab2_wrap { margin-bottom:1em; border:1px solid #ddd; padding:.5em .8em 1em .8em; border-radius:.3em } 
.page_tab2 { margin:0 0 0 -.5em } 
.page_tab2 > li { width:10em } 
.page_tab2.st2 > li { width:25%; } 
.page_tab2 > li > a { display:block; border:1px solid #ddd; padding:.6em; margin:.5em 0 0 .5em; background:#fff; position:relative; transition:.3s; text-align:center; border-radius:.3em } 
.page_tab2 > li > a .tt { font-size:.875em } 
.page_tab2 > li > a .icon { position:absolute; right:.5em; top:50%; margin-top:-.5em; font-size:1em; opacity:0 } 
.page_tab2 > li > a .icon:before { content:"\e942" } 
.page_tab2 > li:hover > a,
.page_tab2 > li.on > a { background:var(--siteC); border-color:var(--siteC); color:#fff; border-radius:.3em } 
.page_tab2 > li.on > a .icon { opacity:1 } 

.sub2_ul { display: flex; flex-wrap: wrap; gap:2em 1.5em; /* overflow:hidden; */ /*  */ } 
.sub2_ul li { width: calc((100% - 3em) / 3); box-sizing: border-box; /* float:left; width:33.33%; */ } 
.sub2_ul li .img_box{ border-radius: .3em .3em 0 0; overflow: hidden;}
.sub2_ul li .img_box .img{ padding-bottom: 15em;}
.sub2_ul li .border_dv { /* margin:0 0 20px 20px; */ padding:2em; box-sizing: border-box; border:1px solid #ddd; border-top:none; position:relative; background:#fefefe url(../images/sub/mark.png) no-repeat 95% 90%; border-radius:.3em; } 
.sub2_ul li.recently .border_dv { opacity:1; } 
.sub2_ul li .border_dv .p1 { color:#111; font-size:1.250em; margin-bottom:0.5em; padding-bottom:0.5em; font-weight: 600; } 
.sub2_ul li .border_dv .p2 { color:#555; font-size:.938em; margin-bottom:1.5em; padding-bottom:1.5em; border-bottom:1px dashed #ddd; line-height:1.7 } 
.sub2_ul li .border_dv .p1 .new_icon { font-size:1.35em; color:var(--siteC1); animation-duration: 1s; animation-iteration-count: infinite; } 
.new_icon { animation-name:new_icon } 
.sub2_ul li .border_dv .date { color:#666; font-size:.938em; margin-bottom:6px; position:relative; padding-left:20px; } 
.sub2_ul li .border_dv .date .xi { position:absolute; left:0; top:0; } 
.sub2_ul li .border_dv .date span { margin-left:3px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; line-height:1.6; } 
.sub2_ul li .border_dv .more_btn { padding:.8em 1.5em; background:#8b8a87; color:#fff; display:inline-block; font-size:0.875em; margin-top:20px; border-radius:.3em; } 
.sub2_ul li .border_dv .more_btn2 { background:#2aa1d8; } 
.sub2_ul li .border_dv .more_btn2:hover { background:#1b749e; } 

.sub2_tit_dv { text-align:center; display:none } 
.sub2_tit_dv p { position:relative; display:inline-block; } 
.sub2_tit_dv p span { position:relative; font-size:2em; font-weight:600; margin-bottom:.8em; display:inline-block; } 

.board_table.edu { border-top:4px solid var(--siteC); } 
.board_table.edu th { background:#f4f4f4 } 
.board_table.edu th,
.board_table.edu td { padding:.6em 1em; line-height: 1.6; } 




/* 기관회원소개 */
.siteList_wrap{}
.siteList_wrap .siteList{ gap:3em 1em}
.siteList_wrap .siteList > li{ width: calc((100% - 3em) / 4); }
.siteList_wrap .siteList > li .logo{ margin-bottom: 1em; border:1px solid #ddd; transition: all .3s;}
.siteList_wrap .siteList > li .logo > a{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; padding:1.5em 0;}
.siteList_wrap .siteList > li .logo img{max-width: 75%; height: 3em; object-fit: contain;}
.siteList_wrap .siteList > li .tit{ color:#333;}
.siteList_wrap .siteList > li:hover .logo{ border-color:var(--siteC2)}


/*** 행사안내 ***/
/* 사전등록 - s */
.dp1_event.dp2_login #contents .sub_visual_wrap { display: none; } 

.nonmemberLoginInfo{ margin-bottom: 1.5em;}
.nonmemberLoginInfo .tit{ display: flex; justify-content: center; align-items: center; height: 2.5em; border: 1px solid var(--siteC); border-radius: .5em .5em 0 0; background: var(--siteC); font-weight: 600; font-size: 1.25em; color:#fff; text-align: center;}
.nonmemberLoginInfo .txt_inner{ padding: 2em; border:1px solid #ddd; border-top:none; border-radius: 0 0 .5em .5em; background: #fafafa; }

.symposium-wrap {}
.symposium-wrap .sym-list { gap:1.5em}
.symposium-wrap .sym-list > li {
  flex: 0 0 calc((100% - 1.5em) / 2);
  border: 1px solid #ddd;
  padding: 1.5em;
  box-sizing: border-box;
  border-radius: 1em;
}
.sym-list > li .inner {}
.sym-list > li .inner .tag_wrap{
  margin-bottom: 0.5em;
}
.sym-list > li .inner .tag {
}
.sym-list > li .inner .tag > span {
  display: inline-block;
  border-radius: 5px;
  padding: 0.25em 0.5em;
}
.sym-list > li .inner .tag.apply > span {
  background: var(--siteC);
  color: var(--crWhite);
}
.sym-list > li .inner .tag.end > span {
  background: #aaa;
  color: var(--crWhite);
}
.sym-list > li .inner .tag.pre > span {
  border:1px solid var(--siteC2);
  color: var(--siteC2);
}
.sym-list > li .inner .tit {
  margin-bottom: 2em;
}
.sym-list > li .inner .rating {}
.sym-list > li .inner .rating > li {}
.sym-list > li .inner .rating > li:not(:first-child) > span{ border-left: 1px solid #ddd;}{}
.sym-list > li .inner .rating > li > span {
  font-size: 0.875em;
  padding-left: 1.5em;
}
.sym-list > li .inner .rating > li > span.lv3 {}
.sym-list > li .inner .rating > li > span.lv2 {}
.sym-list > li .inner .rating > li > span.lv1 {}
.sym-list > li .inner .txt-list {}
.sym-list .txt-list > li {
  margin-bottom: 1em;
}
.sym-list .txt-list > li dl {}
.sym-list .txt-list > li dl dt {
  flex: 0 0 4em;
}
.sym-list .txt-list > li dl dd {
  flex: 1;
}
.sym-list .txt-list > li dl dd > p {}
.sym-btn-wrap {
  gap: 0.5em;
  margin-top: 0.75em;
  padding-top: 0.75em;
  border-top: 1px solid #ddd;
}
.sym-btn-wrap button {
  flex: 1;
}  
/* 사전등록 - e */

/* 회원가입 */

.member_typeT { vertical-align:middle; box-sizing:border-box; background:#f5f5f5; border:1px solid #ccc; max-width:100%; height:3.2em; line-height:2.7em; padding:.2em .8em; color:#3c3c3d; border-radius:.3em !important; } 
.member_typeT .col { color:var(--siteC); } 

.member_wrap { } 
.member_wrap .login_box { width: 40em; max-width:100%; margin:0 auto; } 
.member_wrap .cert_box { width: 40em;; max-width:100%; margin:0 auto; } 
.member_wrap .join_box { width: 40em; max-width: 100%; margin: 0 auto; } 
.member_wrap .join_box2 { width: 48em; max-width: 100%; margin: 0 auto; } 
.member_wrap .join_box.paper_fin_St { width: inherit; } 

.member_wrap .member_tit { padding:1em 0 1.5em 0; text-align:center; } 
.member_wrap .member_tit .tit { margin-bottom:.3em; font-size:2.40em; color:#111; font-weight:800; text-transform:uppercase; } 
.member_wrap .member_tit .tit2 { font-size:1.750em; color:#3c3c3d; font-weight:700; letter-spacing:-1px; } 
.member_wrap .member_tit .txt { color:#72727d; line-height:1.5em; font-size: 1.125em; word-break: keep-all;} 
.member_wrap .member_tit .c1 { color:#3c3c3d; } 

.member_wrap .member_tab { text-align:center; padding:0 1px 0 0; } 
.member_wrap .member_tab > li { width:50%; } 
.member_wrap .member_tab > li .in { position:relative; z-index:1; margin:0 -1px -1px 0; padding:1em .5em; background:#f0f0f0; border:1px solid #d4d5d8; font-size:1.125em; color:#72727d; } 
.member_wrap .member_tab > li.on .in { z-index:2; background:#fff; border-bottom-color:transparent; color:var(--siteC); } 
.member_wrap .member_tab > li.on .in:before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:4px; background:var(--siteC); } 

.member_wrap .member_form { padding:2.5em 2em; border:1px solid #d4d5d8; border-top:3px solid var(--siteC); } 
.member_wrap .member_form.st2 { border-top-width:4px; border-top-color:var(--siteC); } 
.member_wrap .member_form.st3 { padding:0; border-top-color:var(--siteC); } 

.member_wrap .form > li:first-child { margin-top:0; } 
.member_wrap .form .inp_wrap { position:relative; margin-top:.4em; } 
.member_wrap .form .inp_wrap .xi { position:absolute; z-index:2; top:0; left:0; width:4em; line-height:3.5em; text-align:center; font-size:1em; color:#3c3c3d; } 
.member_wrap .form .inp_wrap .xi:before { font-size:1.750em; } 
.member_wrap .form .inp_wrap .inp { box-sizing:border-box; width:100%; height:3.5em; padding:0 1em 0 4.5em; background:#fff; border:1px solid #ddd; border-radius:.3em; color: #888; font-weight: 400; } 
.member_wrap .form .inp_wrap .inp_sel { background:transparent; } 
.member_wrap .form .inp_wrap .inp:focus { border-color:var(--siteC); } 
.member_wrap .form .inp_wrap textarea { border-radius:.3em; } 
.member_wrap .form .btn_wrap { margin-top:1.2em; } 
.member_wrap .form .btn_wrap .btn { margin:.4em 0; font-size:1.125em; } 
.member_wrap .form .btn { display:block; box-sizing:border-box; text-align:center; width:100%; padding:.8em 1em; border:1px solid var(--siteC); border-radius:.3em; } 
.member_wrap .form .btn.c1 { background:var(--siteC); color:#fff; } 
.member_wrap .form .btn.c2 { background:#ffffff; color:var(--siteC); } 
.member_wrap .form .etc_wrap { margin-top:1.5em; } 
.member_wrap .form .etc_wrap .find { text-align:right; } 
.member_wrap .form .etc_wrap .find .link { position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; } 
.member_wrap .form .etc_wrap .find .link:before { content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc; } 
.member_wrap .form .etc_wrap .find .link:first-child { margin-left:0; padding-left:0; } 
.member_wrap .form .etc_wrap .find .link:first-child:before { display:none; } 
.member_wrap .form .etc_wrap .find .link:hover { text-decoration:underline; } 
.member_wrap .form .id_wrap { padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:1.125em; } 
.member_wrap .form .id_wrap strong { vertical-align:baseline; color:var(--siteC); letter-spacing:0; } 
.member_wrap .form .pw_wrap { padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; border-radius:.3em; text-align:center; font-size:.938em; color:#3c3c3d; line-height:1.8; } 

.member_wrap .form .cer_wrap > li { width:33.33%; text-align:center; } 
.member_wrap .form .cer_wrap > li .inner { margin:0 1px; padding:1em .6em; background:#ecf0f4; } 
.member_wrap .form .cer_wrap .icon .in { display:inline-block; width:4em; height:4em; background:#fff; border-radius:100%; } 
.member_wrap .form .cer_wrap .icon .in img { max-height:2.5em; } 
.member_wrap .form .cer_wrap .txt { margin-top:1em; height:3em; } 
.member_wrap .form .cer_wrap .btn { padding:.4em .4em; } 

.member_wrap .terms_wrap .all_check { padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.063em; } 
.member_wrap .terms_wrap > li { padding-top:1.5em; } 
.member_wrap .terms_wrap > li:first-child { padding-top:0; } 
.member_wrap .terms_wrap .tit { margin-bottom:.6em; font-size:1.250em; color:#3c3c3d; font-weight:500 } 
.member_wrap .terms_wrap .tit * { vertical-align:baseline; } 
.member_wrap .terms_wrap .c1 { color:#d82744; } 

.member_wrap .type_wrap { display: flex;} 
.member_wrap .type_wrap > li { flex:1; /* width:100%; */ } 
.member_wrap .type_wrap > li .inner { border-left:1px solid #ddd; padding:0 2em; text-align:center; padding:3em; } 
.member_wrap .type_wrap > li:first-child .inner { border-left:none; } 
.member_wrap .type_wrap .icon { height:8em; } 
.member_wrap .type_wrap .icon .xi { font-size:3em; width:2em; line-height:2em; text-align:center; border-radius:50%; color:#333; background:#f2f5f6; } 
.member_wrap .type_wrap .txt { margin-top:1em; min-height:5em; } 
.member_wrap .type_wrap .txt .t1 { font-size:1.75em; color:#222; font-weight: 600; } 
.member_wrap .type_wrap .txt .t2 { font-size:1.063em; color:#69696b; padding-top:.4em; } 
.member_wrap .type_wrap .btn { display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.8em 4em; background:var(--siteC); border:1px solid var(--siteC); border-radius:5px; color:#fff; transition:.2s; } 
.member_wrap .type_wrap .btn:hover { background:#282828; color:#fff; border:1px solid #282828; } 
.member_wrap .type_wrap > li:hover .inner { background:#f2f5f6; transition:.3s; } 
.member_wrap .type_wrap > li:hover .icon .xi { background:#fff; color:var(--siteC); transition:.3s; } 

.member_btn_wrap { margin:1.5em 0 0 -.4em; } 
.member_btn_wrap > * { width:50%; } 
.member_btn_wrap .in { margin-left:.4em; } 

.member_agree .agree { padding:3em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; font-size:.95em; color:#777; line-height:1.5em; } 
.member_agree .agree.H { padding:1em 1.5em; border-top-width:1px; height:10em; overflow-y:scroll; } 
.member_agree .agree p { padding:.5em 0; } 
.member_agree .agree * { vertical-align:baseline; } 
.member_agree .agree strong { color:#333; } 
.member_agree .agree h1 { font-size: 1.15em; font-weight: 800; color: #333; margin-bottom: .5em; margin-top: .75em; } 
.member_agree .agree h1:first-of-type { margin-top: 0em; } 
.member_agree .agree h2 { font-size: 1.05em; font-weight: 600; color: #333; margin-bottom: .3em; margin-top: .25em; } 
.member_agree .check { padding:1em 2em; border:solid #ddd; border-width:0 1px 1px 1px; border-radius:0 0 .6em .6em; text-align:right; } 

.member_wrap .form2 { margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc; } 
.member_wrap .form2.st { border-top:none; margin-top:0; } 
.member_wrap .form2:first-child { margin-top:0; padding-top:0; border-top:none; } 
/* .member_wrap .form2 > li { margin-top:.4em; font-weight:400; } */
.member_wrap .form2 > li { margin-top:.4em; font-weight:700; } 
.member_wrap .form2 > li:first-child { margin-top:0; } 
.member_wrap .form2 > li.line{ padding-top: .5em; }
.member_wrap .form2 .inp_wrap { color:#3c3c3d; } 
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st { background-color:transparent; } 
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st { background-color:#f5f5f5; } 
.member_wrap .form2 .check_wrap > * { display:inline-block; *display:inline; zoom:1; vertical-align:middle; } 
.member_wrap .form2 .check_wrap > *.flex{ display: flex;}
.member_wrap .form2 .check_wrap .tit { display:inline-block; vertical-align:baseline; padding-right:15px; font-size:.938em; } 
.member_wrap .form2 .check_wrap .tit .icon { margin-right:5px; font-size:1em; border-radius:50%; width:28px; height:28px; line-height:28px; background:var(--siteC); color:#fff; text-align:center; } 
.member_wrap .form2 .check_wrap .label_wrap { width:100%; } 
.member_wrap .form2 .check_wrap .label_wrap > * { width:33.33%; margin:.2em 0; } 
.member_wrap .form2 .check_wrap .check_ul { background:#f9f9f9; padding:1em } 
.member_wrap .form2 .check_wrap .check_ul.st { background:#fff } 
.member_wrap .form2 .check_wrap .check_ul.st > li { padding:0 } 
.member_wrap .form2 .check_wrap .check_ul > li { width:33.33%; padding:.3em 0 } 
.member_wrap .form2 .ess { display:none; } 
.member_wrap .form2 .required .ess { display:inline-block; } 
.member_wrap .form2 .field { position:relative; } 
.member_wrap .form2 .field .txt { position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -80%); transition:transform .2s ease-out; transform-origin:0 0; } 
.member_wrap .form2 .field .txt .tt { font-size:.875em; } 

/* .member_wrap .form2 .field.on .txt { color:#69696b; transform:translate(0, -80%) scale(.7,.7); } */
/* .member_wrap .form2 .field.on .txt { color:#d4d4d4; transform:translate(0, -80%) scale(.7,.7); } */
.member_wrap .form2 .field.on .txt { color:#666; transform:translate(0, -110%) scale(.7,.7); } 
.member_wrap .form2 .col .col_w1 { width:65.68%; margin-left:1%; } 
.member_wrap .form2 .col .col_w1:first-child { width:66.66%; margin-left:0; } 
.member_wrap .form2 .col .col_w2 { width:32.34%; margin-left:1%; } 
.member_wrap .form2 .col .col_w2:first-child { width:33.32%; margin-left:0; } 

.member_wrap .form2 .tit.input_st { background:#f5f5f5; } 
.member_wrap .form2 .check_st { position:relative; text-align:center; border-color:transparent; cursor:pointer; } 
.member_wrap .form2 .check_st .on { position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid var(--siteC); border-radius:5px; } 
.member_wrap .form2 .check_st .on ~ span { position:relative; color:var(--siteC); } 
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on { background:var(--siteC); } 
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span { color:#fff; } 
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio] { width:0; height:0; overflow:hidden; opacity:0; } 

.member_form_Title { font-size:1.5em; color:#222; font-weight: 600; margin-bottom: 1em; } 

.load_label.st2{}
.load_label.st2 > .label_st{ flex:1}


.page_step_wrap { margin-bottom:2em; text-align:center; } 
.page_step_wrap .step { display:inline-block; *display:inline; zoom:1; } 
.page_step_wrap .step > li .in { position:relative; padding:0 1.5em; min-width:8em; color:#aaa; } 
.page_step_wrap .step > li .in:before { content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em; } 
.page_step_wrap .step > li:first-child .in:before { display:none; } 
.page_step_wrap .step > li .in > * { position:relative; display:block; } 
.page_step_wrap .step > li .in .xi { margin:.2em 0 .6em 0; font-size:2.2500em; } 
.page_step_wrap .step > li .in .xi:before { position:relative; z-index:2; } 
.page_step_wrap .step > li .in .xi:after { content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.8em; height:1.8em; background:#e8e8e8; border-radius:100%; } 
.page_step_wrap .step > li .in .no { font-size:.688em; font-weight:700; text-transform:uppercase; } 
.page_step_wrap .step > li .in .tt { font-size:1.125em; } 
.page_step_wrap .step > li.on .in { color:#3c3c3d; } 
.page_step_wrap .step > li.on .in .xi { color:#fff; } 
.page_step_wrap .step > li.on .in .xi:after { background:var(--siteC); } 
.page_step_wrap .step > li.on .in .no { color:var(--siteC); } 


.member_form_memo{
    margin-bottom: 1.5em; 
    padding:2em 1em; 
    border:1px solid #eee;
    border-radius: 1em;
    background:#f8f8f8; 
    word-break: keep-all;
}
.member_form_memo .tit{
    padding-left: 1.5em;
    font-weight: 600;
    font-size: 1.125em;
    color:var(--siteC);
    position: relative;
}
.member_form_memo .tit::before{
    content: '';
    width: 1em;
    height: 1em;
    border: 5px solid var(--siteC2);
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
    left: 1px;
    top: 2px;
    opacity: .5;
}
.member_form_memo .con + .tit{ margin-top: 1em;}
.member_form_memo .con{
    margin-top: 0.7em;
}
.member_form_memo .con .table_st td .tt{ 
    font-size: .9375em;
    color: #555;
    line-height: 1.8
}
.member_form_memo .table_st.join{}
.member_form_memo .table_st.join dl{}
.member_form_memo .table_st.join dt{
    font-weight: 600;
    color:#111;
}
.member_form_memo .table_st.join dd + dt{ margin-top: 1em; }
.member_form_memo .table_st.join dd{ 
    margin-top: 0.25em;
    padding-left: 1em;
    word-break: keep-all;
}
.member_form_memo .table_st.join dd .t1{ 
    display: flex;
    gap:.25em;
    font-size: .9375em;    
    color:#555;
}
.member_form_memo .table_st.join dd .t1 + .t1{ margin-top: 0.25em;}
.member_form_memo .table_st.join dd .t1 .num{}

.fin_bottom_tbox {border: 1px dashed #ddd; padding: 1em; border-radius: .8em; word-break: keep-all;}
.fin_bottom_tbox .t1 {font-size: 1.125em; text-align: center; font-weight: 500;}
.fin_bottom_tbox .t2 {text-align: center; font-size: 1.05em; margin-bottom: .5em;}
.fin_bottom_tbox .t3 {background: #f4f4f4; padding: .5em;}



.myinfo_wrap { position: relative; } 
.myinfo_wrap .myinfo_modal { position: absolute; background: #fff; border: 1px solid #ddd; padding: 0.7em; display: none; } 
.myinfo_wrap .myinfo_modal.m1 { left: 9em; top: 11em; } 
.myinfo_wrap .myinfo_modal.m2 { left: 9em; top: 15em; } 
.myinfo_wrap .myinfo_modal.m3 { left: 9em; top: 19em; } 
.myinfo_wrap .myinfo_tit { border-bottom: 1px solid #666; padding: 1em .5em; } 
.myinfo_wrap .myinfo_tit .btn { font-size: .938em; } 
.myinfo_wrap .myinfo_con { border: 1px solid #ddd; border-radius: .5em; margin: 0 0.2em 0.5em; } 
.myinfo_wrap .myinfo_con .tit { width: 13em; background: rgb(248, 248, 248); padding: 1em 0; border-radius: 0.5em 0 0 0.5em; font-weight: 600; } 
.myinfo_wrap .myinfo_con .tit > .circle > .xi { font-size: .95em; padding-left: .3em; color: #ff473e; } 
.myinfo_wrap .myinfo_con .txt { flex: 1; padding: 1em 0 1em 1em; } 
.myinfo_wrap .myinfo_con .txt.situation { flex: 1 1 12.16%; max-width: 12.16%; } 
.myinfo_wrap .myinfo_con .txt.situation > a > .t14 { display: inline; } 
.myinfo_con.st2 { border:1px solid #ddd; } 

.myinfo_wrap .pay_info { border-top: 1px dashed var(--siteC2); padding-top: 1em; margin-top: 1em; } 

.member_wrap .finish_wrap { text-align:center; } 
.member_wrap .join_finish { text-align: center; margin-bottom: 1em; } 
.member_wrap .join_finish .tit { font-size:1.500em; color: var(--siteC); letter-spacing:-1px; font-weight: 600; } 
.member_wrap .join_finish .txt { padding:.4em 0; } 
.member_wrap .finish_wrap .join_fin { font-size:.938em; color:#3c3c3d; } 
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td { padding:.8em 1.5em; border:1px solid #ddd; text-align:left; } 
.member_wrap .finish_wrap .join_fin .th { width:10em; background:#f5f5f5; } 
.member_wrap .finish_wrap .join_fin .td { width:auto; letter-spacing:0; } 

/*로그인*/
.login_wrap .login { width:32em; max-width:94%; margin:0 auto } 
.login_wrap .login.w1 { width:38em } 
.login_wrap .login .tabIdx { margin-bottom:1em } 

.login_wrap .login_img { width: 100%; height: 12.5em; border-radius: 1em; overflow: hidden; margin-bottom: 1.5em; } 
.login_wrap .login_img > img { width: 100%; height: 100%; object-fit: cover; } 

.login_wrap .link_wrap { } 
.login_wrap .link_wrap .link { position:relative; font-size:.938em; margin-right: .5em; color:#666 } 
.login_wrap .link_wrap .link:after { position: absolute; top: 3px; right: -4px; width: 1px; height: 10px; background: #ccc; content: ''; } 
.login_wrap .link_wrap .link:last-of-type:after { content: none; } 
.login_wrap .link_wrap .link .tt { padding:0 .25em; display:inline-block } 
.login_wrap .link_wrap .link:hover .tt { text-decoration:underline; color:#111 } 

.login_wrap .check_wrap { margin:.75em 0 0 0 } 
.login_wrap .btn_wrap { margin-top:2em } 
.login_wrap .btn_wrap + .btn_wrap { margin-top:.5em } 
.login_wrap .btn_wrap .btn { padding:0 2em; height:3.5em; box-shadow:1px 1px 2px rgba(0,0,0,.2); background: var(--siteC); color:#fff; border:none; width:100%; box-sizing:border-box; border:2px solid transparent; margin-bottom:.5em; font-size:1.063em; font-weight:500; border-radius:.25em } 
.login_wrap .btn_wrap .btn.c1 { color:#fff; background: var(--siteC2); } 
.login_wrap .btn_wrap .btn.c2 { background:#fff; color:#111; border-color:#111 } 
.login_wrap .btn_wrap .btn.c3 { background:#fff; color:var(--siteC2); border-color:var(--siteC2) } 
.login_wrap .btn_wrap .btn.s1 { font-size:1.05em } 
.login_wrap .btn_wrap .btn.s2 { font-size:.875em } 
.login_wrap .btn_wrap .btn.w1 { width:49% } 

.login_wrap .btn_wrap .btn.sns_naver { background:#2db400; } 
.login_wrap .btn_wrap .btn.sns_kakao { background:#ffe812; color:#000 } 

.login_wrap .tt_st { color:#1d4835; } 

.form_st { } 
.form_st > li { margin-top:1em } 
.form_st > li:first-child { margin-top:0 } 
.form_st > li .in { position:relative; padding:0 1em 0 4em; } 
.form_st > li .in + .in{ margin-top: 0.5em;}
.form_st > li .in .icon { position:absolute; left:0; top:50%; width:3em; line-height:3em; margin-top:-1.5em; text-align:center; color:#666 } 
.form_st > li .in .icon:before { font-size:1.313em } 
.form_st > li .in .lab { position:absolute; left:4em; top:50%; line-height:1em; margin-top:-.5em; color:#999; background:#fff; padding:0 .25em } 
.form_st > li .in .inp { width:100%; box-sizing:border-box; padding:1em 0; height:4em; border:none; position:relative; z-index:1; background:none; font-weight:bold; color:#666 } 
.form_st > li .in .inp[type=file] { padding:0 !important; height:3em } 
.form_st > li .in .inp[readonly=readonly] { } 
.form_st > li .in textarea.inp { height:10em; padding:1em !important } 
.form_st > li .in .line { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; box-sizing:border-box; transition:.3s; border-radius:.25em } 
.form_st > li .in .inp:focus ~ .lab,
.form_st > li .in .inp.on ~ .lab { transform:scale(.9,.9); top:0; color:#111; margin-left:-.5em; transition:.3s } 
.form_st > li .in .inp:focus ~ .icon,
.form_st > li .in .inp.on ~ .icon { color:#333 } 
.form_st > li .in .inp:focus ~ .line,
.form_st > li .in .inp.on ~ .line { border-color:#111 } 
.form_st > li .in .inp.c1 { background:#f1f1f1 } 

.form_st > li .in .inp.w1 { } 
.form_st > li .in .inp.w2 { width: 25em; } 

.mypage_eventt { display: inline-block; border: 1px solid var(--siteC); padding: .7em; border-radius: .3em; } 
.page_memo { text-align: center; margin-bottom: 2em; } 
.page_memo .tt1 { font-size: 1.5em; font-weight: 600; margin-bottom: 1em; color: var(--siteC); } 
.page_memo .tt2 { font-size: 1.125em; } 

/* main */
.radius { border-radius:1em; overflow:hidden } 
.shadow { box-shadow:0 0 1em rgba(0,0,0,.2) } 

/* .main_top_wrap { height:100vh; box-sizing:border-box; display:flex; flex-direction:column; box-sizing:border-box; background:#f1f1f1 } 
.main_top_wrap .sliderW { flex:1 1 0%; min-height:0; position:relative; padding:2em 0; box-sizing:border-box } 
.main_top_wrap .sliderW:before { content:""; position:absolute; left:0; top:0; width:100%; height:100% } 
.main_top_wrap .sliderW .wrapIn { position:relative; display:flex; gap:2em; box-sizing:border-box; height:100% } 
.main_top_wrap .linkW { position:relative; padding: 2em 0 } 
.main_top_wrap .linkW:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--siteC); border-radius:0 10em 0 0 } 
.main_top_wrap .linkW .wrapTit { position:absolute; left:0; bottom:-.5em; width:100%; color:#fff; opacity:1 } 
.main_top_wrap .linkW .wrapTit > i { font-size:4em; opacity:.1; font-weight:900; text-transform:uppercase; line-height:1 } 
.main_top_wrap .linkW .wrapIn { position:relative } 

.main_top_wrap .about_wrap { width:25em; position:relative; z-index:1 } 
.main_top_wrap .about_wrap .aboutIn { background:#fff; display:flex; flex-direction:column; box-sizing:border-box; height:100% } 
.main_top_wrap .about_wrap .titW { background:var(--siteC2); box-sizing:border-box; padding:1.5em; color:#fff; display:flex; flex-direction:column; gap:.75em; position:relative } 
.main_top_wrap .about_wrap .titW .t1 { font-weight:700; font-size:1.188em } 
.main_top_wrap .about_wrap .titW .t2 { opacity:.8; font-size:.938em } 
.main_top_wrap .about_wrap .about_logo { position:absolute; right:100%; bottom:100%; transform:translate(2em, 2em); height:3em } 
.main_top_wrap .about_wrap .businessW { display:flex; flex-wrap:wrap; flex:1 1 0%; min-height:0 } 
.main_top_wrap .about_wrap .businessW > li { min-width:50%; flex:1 } 
.main_top_wrap .about_wrap .businessW > li .wrap_in { position:relative; box-sizing:border-box; height:100% } 
.main_top_wrap .about_wrap .businessW > li .wrap_in .in { display:flex; flex-direction:column; box-sizing:border-box; height:100%; display:flex; flex-direction:column; justify-content:center; gap:1em; padding:1.5em; overflow:hidden } 
.main_top_wrap .about_wrap .businessW > li .wrap_in .in .ico { max-height:4em; flex:1 1 0%; min-height:0; margin:auto 0 0 auto; transform:translate(20%, 20%) } 
.main_top_wrap .about_wrap .businessW > li .wrap_in .in .ico img { height:100% } 
.main_top_wrap .about_wrap .businessW > li .wrap_in .in .con .t1 { font-weight:600; word-break:keep-all; color:#333 } 
.main_top_wrap .about_wrap .businessW > li .in:before { content:""; position:absolute; left:0; top:0; width:100%; height:100% } 
.main_top_wrap .about_wrap .businessW > li .in > * { position:relative } 
.main_top_wrap .about_wrap .businessW > li:nth-child(2) .in:before,
.main_top_wrap .about_wrap .businessW > li:nth-child(3) .in:before { background:var(--siteC2); opacity:.1 } 

.main_top_wrap .visualSlide_wrap { flex:1 1 0%; min-width:0 } 
.main_top_wrap .swiper-container { overflow:visible !important } 
.main_top_wrap .swiper-container,
.main_top_wrap .swiper-container .swiper-wrapper,
.main_top_wrap .swiper-container .swiper-wrapper .el { height:100% }  */

.vod_wrap{ position:relative}
.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%}
.visualSlide_wrap{ position:relative}
.visualSlide .el{ position: relative; overflow:hidden; height:60vh; background:#fff}
.visualSlide .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2)}
.visualSlide .el .vod_wrap{ position:relative; height:100%}
.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:5s; transform:scale(1) rotate(.001deg)}
.visualSlide .el[data-swiper-slide-index="1"] .bg{ width:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active[data-swiper-slide-index="1"] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index="1"] .bg{ transform:translateX(-9.0909%) rotate(.001deg)}
.visualSlide .el[data-swiper-slide-index="2"] .bg{ height:110%; transform:scale(1); top:auto; bottom:0}
.visualSlide .el.swiper-slide-active[data-swiper-slide-index="2"] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index="2"] .bg{ transform:translateY(9.0909%) rotate(.001deg)}
.visualSlide .el[data-swiper-slide-index="3"] .bg{ height:110%; transform:scale(1)}
.visualSlide .el.swiper-slide-active[data-swiper-slide-index="3"] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index="3"] .bg{ transform:translateY(-9.0909%) rotate(.001deg)}
.visualSlide .el[data-swiper-slide-index="4"] .bg{ width:110%; transform:scale(1); left:auto; right:0}
.visualSlide .el.swiper-slide-active[data-swiper-slide-index="4"] .bg,
.visualSlide .el.swiper-slide-duplicate-active[data-swiper-slide-index="4"] .bg{ transform:translateX(9.0909%) rotate(.001deg)}

.visualSlideSlogan_wrap{ position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff; height:100%; box-sizing:border-box; padding-top:var(--headerH); padding-bottom:calc(var(--mainTopH) * -1)}
.visualSlideSlogan_wrap .wrapIn{ display:flex; flex-direction:column; height:100%}
.visualSlide_wrap .slogan{ flex:1 1 0%; min-height:0; text-align:center; display:flex; flex-direction:column; justify-content:center; gap:.5em; margin-top:3em}
/* .visualSlide_wrap .slogan .t1{ font-size:4em; font-weight:900; word-spacing:.125em; letter-spacing:-.05em}
.visualSlide_wrap .slogan .t2{ font-size:1.188em; line-height:1.8} */
.visualSlide_wrap .slogan .t1{ font-size:1.75em; font-weight:900; word-spacing:.125em; letter-spacing:-.05em; opacity:.85}
.visualSlide_wrap .slogan .t2{ font-weight:800; font-size:2.8em;}
.visualSlide_wrap .slogan .t3{ font-size:1.188em; line-height:1.8; transform: scaleX(.875);}
.visualSlide_wrap .slogan .t3 b{ font-weight: 800;}
.visualSlide_wrap .slogan .ani > i{ display:block; transform:translateY(200%); opacity:0}
.visualSlide_wrap .slogan .ani.on > i{ transform:translateY(0); opacity:1; transition:1s; transition-delay:1s}
.visualSlide_wrap .slogan .ani.on > i:nth-child(2){ transition-delay:1.5s}

.visualSlide_control{ margin:1em 0; display:flex; align-items:flex-end; justify-content:center; width:100%}
.visualSlide_control .paging{ width:5em; text-align:center;}
.visualSlide_control .paging .swiper-pagination-current{ font-weight:700}

/* main 공통 */
.main_bg1{ background:#fff}

.main_more{ 
    display: flex; 
    align-items: center; 
    gap:1em
}
.main_more .tt{
    font-weight: 600; 
    font-size: 1.125em;
    color:var(--siteC);
}
.main_more .arrow{ 
    background-repeat: no-repeat; 
    background-position: 0 0; 
    background-size: contain; 
    transition: all .3s;
}
.main_more.s1{}
.main_more.s1 .arrow{ 
    width: 61px; height: 12px; 
    background-image: url(../images/inc/arrow_s1.png); 
}
.main_more.s2{}
.main_more.s2 .tt{ font-size: 1em; color:#555;}
.main_more.s2 .arrow{ 
    width: 37px; height: 12px; 
    background-image: url(../images/inc/arrow.png);
}
.main_more.cw .tt{ color:#fff}
.main_more.cw .arrow{ filter: brightness(0) invert(1);}


.main_txt{}
.main_txt.sec_tit{ margin-bottom: 1em;}
.main_txt .tit{ font-weight: 700; font-size: 2.5em; color:#111;}
.main_txt .t1{}
.main_txt .t2{ font-weight: 600; font-size: 1.5em; color:#111;}
.main_txt .txt_dot{ position: relative; z-index: 1;}
.main_txt .txt_dot::before{ 
    content: ''; 
    width: 1.75rem; height: 1.75rem; 
    border-radius: 50%; 
    background: var(--siteC2); 
    opacity: .4; 
    position: absolute; 
    left: -.8rem; 
    top: -.5em;
    z-index: -1;
}

.main_con .swiper-pagination-bullet-active{
    width: 2em;
    background: var(--siteC);
    opacity: 1;
}


/*  */
.main_top .wrapIn{ 
    transform:translateY(var(--mainTopH)); 
    margin-bottom:var(--mainTopH); 
    position:relative; 
    z-index:10;
}
.main_top .wrapIn ul{ 
    width: 100%;
    padding: 1.5em 2em;
    border-radius:20em; 
    background-color: var(--siteC2);
    overflow:hidden; 
    box-shadow:0 0 2em rgba(0,0,0,.2); 
}
.main_top .wrapIn ul > li{ 
    width: calc(100% / 3);
}
.main_top .wrapIn ul > li + li{
    padding-left: 2em;
    border-left: 1px dashed rgba(255, 255, 255, .3)
}
.main_top .wrapIn ul > li:not(:last-child){padding-right: 1em;}
.main_top .wrapIn ul > li .in{ gap:1.5em}
.main_top .wrapIn ul > li .in .icon_wrap{
    width: 7em; height: 7em;
    padding: 1.25em;
    box-sizing: border-box;
    border-radius: 50%;
    background:#f6f6f6;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

}
.main_top .wrapIn ul > li .in .icon_wrap .icon{
    width: 100%; height: 100%;
    opacity: .8;
}
.main_top .wrapIn ul > li .in .txt_wrap{
    flex:1;
    padding: 1em 0 .5em;
    color:#fff;
}
.main_top .wrapIn ul > li .in .txt_wrap .tit{
    font-weight: 600;
    font-size: 1.5em;
}
.main_top .wrapIn ul > li .in .txt_wrap .desc{
    margin-top: 0.8em;
    font-size: .9375em;
    word-break: keep-all;
    opacity: .8;
}
.main_top .wrapIn ul > li .main_more{ margin-top: 2em;}
.main_top .wrapIn ul > li:hover .main_more .arrow{ transform: translateX(5px); transition: all .3s;}
/* .main_top .wrapIn ul > li .in .txt_wrap .arrow{ 
    width: 2.5em;
    height: 1.5em;
    background: url(../images/inc/arrow.png) no-repeat 0 0 / contain;
} */

/* .main_quick { display:flex; align-items:center; gap:3em; align-items:center; justify-content:center; } 
.main_quick > li { flex:1; max-width:12.5% } 
.main_quick > li > a { display:flex; flex-direction:column; gap:1em; } 
.main_quick > li > a:hover .ico{ box-shadow: 3px 0 30px rgba(0,0,0, .25); transform: translateY(-.75em); }
.main_quick > li > a .ico { width:100%; padding-bottom:100%; overflow:hidden; border-radius:50%; background:#fff; transition: .2s; } 
.main_quick > li > a .ico .re { display:flex; align-items:center; justify-content:center } 
.main_quick > li > a .ico .re img { height:33% } 
.main_quick > li > a .ico .xi { font-size:1.5em !important } 
.main_quick > li > a .tt { text-align:center } 
.main_quick > li > a .tt .t1 { font-weight:500; font-size:1.063em; color:#fff } 
.main_quick > li > a .arrow { margin-left:auto; color:#fff; font-size:1em; opacity:0; transition:.3s } 
.main_quick > li > a .arrow:before { content:"\e907" } 
.main_quick > li > a:hover .arrow { opacity:1; transform:translateX(-25%) }  */

/* .vod_wrap { position:relative } 
.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% } 
.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_wrap { position:relative } 
.visualSlide .el { position: relative; overflow:hidden; background:#fff } 
.visualSlide .el .bg { position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.2) } 
.visualSlide .el .vod_wrap { position:relative; height:100% } 
.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:5s; transform:scale(1) rotate(.001deg) } 
.visualSlide .el:nth-child(3n - 2) .bg { height:110%; transform:scale(1) } 
.visualSlide .el.swiper-slide-active:nth-child(3n - 2) .bg,
.visualSlide .el.swiper-slide-duplicate-active:nth-child(3n - 2) .bg { transform:translateY(-9.0909%) 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) } 

.visualSlideSlogan_wrap { position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; z-index:10; color:#fff; height:100% } 
.visualSlideSlogan_wrap .wrapIn { display:flex; flex-direction:column; height:100%; box-sizing:border-box; padding:2em 4vw } 
.visualSlide_wrap .slogan { flex:1 1 0%; min-height:0; display:flex; flex-direction:column; justify-content:center; gap:2em } 
.visualSlide_wrap .slogan .t0 { font-size:4.5em; font-weight:900; letter-spacing:-.05em } 
.visualSlide_wrap .slogan .t1 { font-size:1.25em; font-weight:500; opacity:.6 } 
.visualSlide_wrap .slogan .t2 { font-size:1.125em; line-height:1.6 } 
.visualSlide_wrap .slogan .ani { overflow:hidden } 
.visualSlide_wrap .slogan .ani > i { display:block; transform:translateY(150%); opacity:0 } 
.visualSlide_wrap .slogan .ani.on > i { transform:translateY(0); opacity:1; transition:1s } 
.visualSlide_wrap .slogan .ani.on > i:nth-child(2) { transition-delay:.5s } 

.visualSlide_control { transform:translateY(1em); display:flex; align-items:flex-end; width:100% } 
.visualSlide_control .control { margin:0 0 0 auto } 
.visualSlide_control .paging { width:5em; text-align:center; } 
.visualSlide_control .paging .swiper-pagination-current { font-weight:700 }  */

/* .main_more { height:3em; border-radius:3em; border:1px solid #fff; color:#fff; display:inline-flex; align-items:center; width:max-content; padding:0 2em; gap:0 1em } 
.main_more .tt { font-weight:700 } 
.main_more .ico { font-size:1em } 
.main_more .ico:before { content:"\e907" } 
.main_more.s1 { font-size:.938em; height:2.5em } 
.main_more.s2 { font-size:1.125em }  */

/*  */
.main_news{}
.main_news .cate_btn_wrap{
    padding-left: 2em;
}
.main_news .cate_btn_wrap .cate_btn{
    margin-top: 0.8em;
    padding: 0em 1em;
    border:none;
    background: transparent;
    position: relative;
}
.main_news .cate_btn_wrap .cate_btn .tt{ 
    font-weight: 600;
    font-size: 1.25em;
    color:#999;
}
.main_news .cate_btn_wrap .cate_btn + .cate_btn::before{
    content: '/';
    color:#999;
    font-size: 1.25em;
    position: absolute;
    left: -.25em;
    top: 50%;
    transform: translateY(-50%);
}
.main_news .cate_btn_wrap .cate_btn.on{}
.main_news .cate_btn_wrap .cate_btn.on .tt{ color:var(--siteC)}
.newsSlide_wrap{ overflow: hidden;}
.newsSlide{ position: relative;}
.newsSlide .el{ 
    border-radius: 1em;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
.newsSlide .el .inner{}
.newsSlide .el .txt_wrap{ 
    padding:1.5em;
    background:#fff;
}
.newsSlide .el .txt_wrap .tit{
    margin-bottom: 1em;
    font-weight: 500;
    font-size: 1.125em;
    line-height: 1.5;
    color:#111;
    word-break: keep-all;
}
.newsSlide .el .txt_wrap .date{
    font-size: .875em;
    color:#999;
}
.newsSlide .el .img_wrap{ order:-1;}
.newsSlide .el .img_wrap .img{
    padding-bottom: 60%;
}

/*  */
.main_quick{ border-bottom: 3px solid #eee;}
.main_quick .quick_banner{ margin-top: 3em;}
.quick_banner{ gap:1.5em}
.quick_banner > li{ 
    width: calc((100% - 3em) / 3);
    box-sizing: border-box;
    border-radius: 1em;
    position: relative;
    overflow: hidden;
}
.quick_banner > li .inner{ 
    padding: 2.5em;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
.quick_banner > li .txt_wrap{ color:#fff;}
.quick_banner > li .txt_wrap .t1{
    font-weight: 700;
    font-size: 1.375em;
}
.quick_banner > li .txt_wrap .t2{
    margin-top: 1em;
    opacity: .8;
}
.quick_banner > li .main_more{ 
    justify-content: flex-end;
    margin-top: 3.5em;
    border:none;
    background: transparent;
}
.quick_banner > li .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: transform 1s;
}
.quick_banner > li .bg::before{
    content: '';
    width: 100%; height: 100%;
    background: rgba(0,0,0,.6);
    position: absolute;
    left: 0;
    top: 0;
}
.quick_banner > li:hover .bg{
    transform:translate(-50%, -50%) scale(1.1);
}

/* 마이페이지 NEW */
#contents .doc.mypage{ padding-top: 0;}

.mypage_top{ padding-bottom: 1.5em; border-bottom: 3px solid #ddd;}

.mypageNav_wrap{ margin-bottom:3em; background:#f4f4f4;}
.mypageNav{}
.mypageNav .gnb .dp2{ gap:1em;}
.mypageNav .gnb .dp2 > li{}
.mypageNav .gnb .dp2 > li .va{ height:4em; padding: .5em 1em; position:relative}
.mypageNav .gnb .dp2 > li .va::after{ content:''; width:3em; height:2px; margin-left: -1.5em; background:var(--siteC2); position:absolute; left:50%; bottom:0; opacity: 0; transform:scaleX(0); transition: all .3s;}
.mypageNav .gnb .dp2 > li .va .tt{ font-weight: 600; font-size: 1.125em; line-height:4rem; color:#777;}
.mypageNav .gnb .dp2 > li.on .va::after{ transform: scaleX(100%); opacity: 1;}
.mypageNav .gnb .dp2 > li.on .va .tt{ color:var(--siteC)}
.mypageNav .gnb .dp2 > li:hover .va::after{ transform: scaleX(100%); opacity: 1;}
.mypageNav .etc{ margin-left:auto; gap:3em; line-height:1}
.mypageNav .etc .msg .lv{ color:#fff; padding:.25em; background:#1f4b7d; border-radius:1em; font-size:.875em; transform:translateY(-.063em)}

.table_st.deposit_st{ border-top:2px solid var(--siteC2);}
.table_st.deposit_st.pt td{ padding: .5em 2em;}
.table_st.deposit_st th,
.table_st.deposit_st td{ border-left: none;}
.table_st.deposit_st th:last-child,
.table_st.deposit_st td:last-child{ border-right: none;}
.table_st td .btn_wrap{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap:.25em;}
.table_st td .btn_wrap .contBtn{ justify-content: center; align-items: center; width:calc((100% - .5em) / 2);}







/*  */
.btn_inc{ border:none; padding:6px 15px 7px; text-align:center; vertical-align:middle; cursor:pointer; *margin:0 2px; display:inline-block; font-size:13px; font-family:"맑은 고딕", "NanumGothicWeb", sans-serif;}
.btn_inc *{ font-style:normal;}
.btn_inc.write{ background:#042b6f;color:#fff;}
.btn_inc.write2 { background:#396;color:#fff;}
.btn_inc.etc{ background:#888888;color:#fff;}
.btn_inc.del{ border:1px solid #ccc; background:#f0f0f0;}
.btn_inc.del:hover{ border:1px solid #555; background:#555; color:#fff;}
.btn_inc.modify{ border:1px solid #666; background:#777; color:#fff;}
.btn_inc.modify:hover{ border:1px solid #222; background:#222;}
.btn_inc.list { background:#fff; border:1px solid #444; color:#000; }
.btn_inc.apply{ border:1px solid #b6caee; background:#eaf1fe;}
.btn_inc.apply:hover{ border:1px solid #3265c2; background:#3265c2; color:#fff;}
.btn_inc.big{ width:130px; padding:12px 20px 14px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.btn_size{ padding:7px 0 9px 0; *padding:6px 8px; width:70px;}
.btn_inc.btn_size2{ width:110px; padding:10px 0;}
.btn_inc.small{ padding:4px 10px 6px; background:#00aef3; color:#fff; border-radius:3px; letter-spacing:-0.5px; font-size:12px; min-width:93px; }
.btn_inc.small2{ padding:4px 10px 6px; background:#396; color:#fff; border-radius:3px; letter-spacing:-0.5px; font-size:12px; min-width:93px; }
.btn_inc.code { background:#444; color:#fff; letter-spacing:-0.5px; font-size:12px; vertical-align:bottom; padding:6px 15px 8px; }
.btn_inc.board_btn_size{ padding:9px 0 11px 0; width:80px; border-radius:0;}
.btn_inc.pay { background:#ddd; color:#333; }
.btn_inc.big2{ width:180px; padding:12px 20px 14px; margin:0 2px; *margin:0 3px; border-radius:0;}
.btn_inc.search{ background:#ee554f; color:#fff;}


/*window popup*/
body.pop.pLayout{ height: auto!important;}

.popWin_doc{ color:#000;}
.popWin_doc *{ font-weight:inherit;}
.popWin_doc i{ font-style:normal;}
.popWin_doc .ps{ margin-top:1em !important;}
.popWin_doc .popWin_doc_doc{ padding:1.5em 1.5em;}
.popWin_doc .pop_page_print{ font-family: '바탕체'; position:relative; background:#fff; /* width:210mm; max-height: 297mm; */ max-width:100%; margin:0 auto; box-sizing:border-box;}
.popWin_doc .pop_page_print .bg{ text-align:center;}
.popWin_doc .pop_page_print .mark{ position:absolute; top:50%; left:50%; width:40%; transform:translate(-50%,-50%); opacity:.1;}
.popWin_doc .pop_page_print .mark img{ width:100%;}
.popWin_doc .pop_page_print .txt_wrap{ position:absolute; top:10%; bottom:9.5%; left:15%; right:15%; text-align:center;}
.popWin_doc .pop_page_print .txt_wrap .en{ font-family:"Times New Roman", Times, serif;}
.popWin_doc .pop_page_print .font_bt{}
.popWin_doc .pop_page_print .txt_wrap .titT_logo{ width: 80%; margin:0 auto 3.5em}
.popWin_doc .pop_page_print .txt_wrap .tit{ text-align:center;}
.popWin_doc .pop_page_print .txt_wrap .tit + .tit{ margin-top:.125em;}
.popWin_doc .pop_page_print .txt_wrap .tit.kr{ font-size:2.6250em; font-weight:900; letter-spacing:.5em; text-indent:.5em;}
.popWin_doc .pop_page_print .txt_wrap .tit.kr.ti2{ letter-spacing:.25em;}
.popWin_doc .pop_page_print .txt_wrap .tit.en{ font-size:2.188em; color:#666;}
.popWin_doc .pop_page_print .txt_wrap .tit.kr2{ font-size:2em; font-weight:900;}
.popWin_doc .pop_page_print .txt_wrap .info_wrap{ margin:13% auto; display:inline-block; max-width:85%;}
.popWin_doc .pop_page_print .txt_wrap .info{}
/*.popWin_doc .pop_page_print .txt_wrap .info + .info{ margin-top:2em;}*/
.popWin_doc .pop_page_print .txt_wrap .info > li{ padding:.3em 0; overflow:hidden;}
.popWin_doc .pop_page_print .txt_wrap .info > li .tt{ display:block; text-align:left;}
.popWin_doc .pop_page_print .txt_wrap .info > li .t1{ float:left; position:relative; width:7.5em; padding-right:1em; text-align:justify; font-size: 1.25em; letter-spacing:-1px; font-weight:600;}
.popWin_doc .pop_page_print .txt_wrap .info > li .t1:after{ content:""; display:inline-block; width:100%;}
.popWin_doc .pop_page_print .txt_wrap .info > li .t2{ margin-left:9.5em; font-size: 1.15em!important; font-weight:600; word-break: keep-all;}
.popWin_doc .pop_page_print .txt_wrap .info > li .dot{ position:absolute; top:0; right:0; letter-spacing:0;}
.popWin_doc .pop_page_print .txt_wrap .txt{ text-align:left; line-height:1.6;}
.popWin_doc .pop_page_print .txt_wrap .txt.t1{ font-weight: 600; font-size:1.4em; text-indent:1em; text-align:center;}
.popWin_doc .pop_page_print .txt_wrap .txt.t2{ margin-top:13%; font-size:1.8em; font-weight:600;}
.popWin_doc .pop_page_print .txt_wrap .txt.t3{ font-weight: 600; font-size:1.4em; text-indent:1em; text-align:center; word-break: keep-all;}
.popWin_doc .pop_page_print .txt_wrap .sign{ position:absolute; left:0; right:0; bottom:4em; padding-right:4em; text-align:center;}
.popWin_doc .pop_page_print .txt_wrap .sign .name{ position: relative; z-index: 10; }
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ display:inline-block; position:relative; font-size:1.6250em; font-weight:bold; letter-spacing:-1px; text-indent:.25em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt.t2{ display:block; margin-top:.5em; font-size:.938em;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt .in{ position:relative; z-index:2;}
.popWin_doc .pop_page_print .txt_wrap .sign .tt .in img { width:12em;}
.popWin_doc .pop_page_print .txt_wrap .sign .stamp{ position:absolute; z-index:1; left: 78%; top: calc(-2.5em + -2px);}
.popWin_doc .pop_page_print .txt_wrap .sign .stamp img{ display:block; width:6.5em; max-width:none;}

.print_table { margin-top:4em;}
.print_table  .tbl_st thead th,
.print_table  .tbl_st td,
.print_table  .tbl_st tbody th {padding: 1em 0.5em; font-size: 1.15em; font-weight:600; background:#fff;}

.billpop_tbox {margin-top: 4em;}
.billpop_tbox .in_box { margin-bottom:2em;}
.billpop_tbox .in_box:last-child { margin-bottom:0;}
.billpop_tbox .in_box .tit {font-size: 1.5em; font-weight: 600; margin-bottom:0.5em;}
.billpop_tbox .in_box .tt {font-size: 1.125em;}

/* PRINT - S */
@page{ size:auto; margin:0 0; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;}

@media print {		
	/* html{ margin:0 210mm; -webkit-margin-end:0; -webkit-margin-start:0; background:#fff;} */
	.noprint{ display:none;}
	.printBreak{ page-break-before:always;}

    .pop .pop_page_print { width: 210mm; height: 279mm;  } 
	
	.popWin_doc .ps{ margin-top:0;}
	.popWin_doc{ padding:0 0; }
	.pop_printWrap { margin-top:5%;}
	.popWin_doc .pop_page_print{ page-break-before:always; -webkit-margin-before:10mm; -webkit-margin-after:10mm;}
	.popWin_doc .pop_page_print:first-child{ page-break-before:avoid;}
	/*.popWin_doc .pop_page_print{ page-break-before:avoid; height:100vh; overflow:hidden;}*/
	.popWin_doc .pop_page_print .bg img{ max-height:calc(95vh - 5mm);}
	/*.popWin_doc .pop_page_print:first-child{ page-break-before:avoid;}*/
	/* .popWin_doc .pop_page_print .txt_wrap{ font-size:1.188em;}	
	.popWin_doc .pop_page_print .txt_wrap .sign { bottom: 0%;}
	.popWin_doc .pop_page_print .txt_wrap .sign .tt.t1 { font-size:1.5em;}
	.popWin_doc .pop_page_print .txt_wrap .txt.t2 { font-size:1.05em; margin-top: 8%;}
	.popWin_doc .pop_page_print .font_bt{}
	.popWin_doc .pop_page_print .txt_wrap .tit.kr { font-size:2em; font-weight:800}
	.popWin_doc .pop_page_print .txt_wrap .tit.kr2 { font-size:1.5em; font-weight:800}
	.popWin_doc .pop_page_print .txt_wrap .info_wrap.st2 { margin-top:7em;}
	.popWin_doc .pop_page_print .txt_wrap .info > li {padding:.3em 0;}
	.popWin_doc .pop_page_print .txt_wrap .info > li .t1{ text-align:justify; font-size: 20px; letter-spacing:0px; font-weight:bold;}
	.popWin_doc .pop_page_print .txt_wrap .info > li .t2{ font-size: 20px !important; font-weight:bold;}
	.popWin_doc .pop_page_print .txt_wrap .txt.t1{ font-weight: 600; font-size:1.8em; text-indent:1em; text-align:center;}
	.popWin_doc .pop_page_print .txt_wrap .txt.t2{font-size:1.5em; font-weight:600; margin-top: 15%;}
	.popWin_doc .pop_page_print .txt_wrap .txt.t3{ font-weight: 600; font-size:25px; text-indent:1em; text-align:center;}
	.popWin_doc .pop_page_print .txt_wrap .sign .tt .in img { width:10em;}
	.popWin_doc .pop_page_print .txt_wrap .sign .stamp img{ width:4em} */

    .popWin_doc .pop_page_print .txt_wrap .sign .tt.t1{ letter-spacing: -1px; font-size: 1.625em;}
    .popWin_doc .pop_page_print .txt_wrap .sign .stamp{ position:absolute; z-index:1; left: 81%; top: calc(-1.5em + -2px);}
    .popWin_doc .pop_page_print .txt_wrap .sign .stamp img{ width:4em}

	/**/
	body{ margin:0;}
    @page{size: A4 portrait; margin-bottom:0;}
    .pop_page_print2 { width:210mm; height:285mm; border:none; page-break-before:always; -webkit-margin-before:10mm; -webkit-margin-after:10mm;}
	.pop_page_print2 .bg { top:50%;}
    .pop_page_print2 .txt_wrap .tit.kr{ margin:6em auto 3em; font-size:3em;}
    .pop_page_print2 .desc{ margin:3em auto 2em; font-size:26px;}
    .pop_page_print2 .date{font-size: 24px; text-align: center; font-weight: 700; padding-bottom:30em}
    .pop_page_print2 .txt_wrap .list .tx{display:flex; font-size:20px;line-height:1.6;}
	.pop_page_print2 .txt_wrap .sign {bottom: -15%;}
	.pop_page_print2 .txt_wrap .sign .tt.t1 { font-size:1.5em;}

    #header,
    #contents .subVisual_wrap,
    #contents .subGnb_wrap,
    #contents .conTitle,
    .doc .score_search,
    .doc .btn_wrap { display: none;}
	/**/
	
	.tbl_box { width:100%;}
	.tbl_box .w_data { width:11% !important;}
	.tbl_st thead th { padding:.5em 0; font-size:0.96em;}
	.tbl_st tbody th { padding:.5em 0; font-size:0.96em;}
	.tbl_st td { font-size:0.76em; padding:.5em; overflow:hidden;}
	.tbl_st td .btn_inc { padding:.5em; background:#0060ae; color:#fff;}
	.sub_btn { display:none;}
	
	.div_total { padding:20px;}
	
	.dp1_4.dp2_3 #header { display:none;}
	.dp1_4.dp2_3 #footer { display:none;}
	.dp1_mypage #header { display:none;}
	.dp1_mypage #footer { display:none;}
	.dp1_mypage button { display:none;}
	.dp1_mypage #contents .doc { padding-bottom:unset;}
	
	.print_table { margin-top:4em;}
	.print_table  .tbl_st thead th,
	.print_table  .tbl_st td,
	.print_table  .tbl_st tbody th {padding: 0.5em 0.5em; font-size: 1em; font-weight:600; background:#fff;}
	.billpop_tbox {margin-top: 2em;}
	.billpop_tbox .in_box { margin-bottom:2em;}
	.billpop_tbox .in_box:last-child { margin-bottom:0;}
	.billpop_tbox .in_box .tit {font-size: 1.15em; font-weight: 600; margin-bottom:0.5em;}
	.billpop_tbox .in_box .tt {font-size: 1em;}
	
}

/* PRINT - E */