@charset "utf-8";
/* CSS Document */
body { font-size:16px;}
.box0 { width:1400px; max-width:92%; margin:0 auto;} 
.box1{ width:1200px; max-width:92%; margin:0 auto;}
.box2{ width:62.5em; max-width:92%; margin:0 auto;}
.box3{ width:65em; /*width:70em;*/ max-width:94%; margin:0 auto;}

.pcHide{ display:none !important;}
.moHide{}

.gnb > li.m_mypage,
.gnb > li.m_policy{ display:none;}
.gnb li a.layer{ display: none;}

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

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


/*header*/
#header{ position:relative; z-index:888;}
#header .gnbH,
#header .gnb_wrap .gnb > li .dp1{ height:var(--headerH);}
.fullH{ height:calc(100vh - 7.813em); box-sizing:border-box;}
.main .visualSlider_wrap .fullH{ height:calc(100vh - var(--headerH) - 7.5em);}
.headT{ padding-top:var(--headerH);}
.headH{ height:var(--headerH);}

#header .headWrap{ position:fixed; top:0; left:0; right:0;}
.scroll #header .headWrap{ box-shadow:0 3px .5em rgba(0,0,0,.15);}

#header .top_wrap{ background:var(--siteC);}
#header .top_wrap .menu{}
#header .top_wrap .menu > li > .in{ position:relative; height:2.813em; padding:0 .875em; color:#fff;}
#header .top_wrap .menu > li > .in:after{ content:""; display:block; position:absolute; width:1px; height:.75em; top:50%; right:0; background:rgba(255,255,255,.15); transform:translateY(-50%);}
#header .top_wrap .menu > li:first-child > .in{ padding-left:0;}
#header .top_wrap .menu > li:last-child > .in{ padding-right:0;}
#header .top_wrap .menu > li:last-child > .in:after{ display:none;}
#header .top_wrap .menu > li > .in > .xi{ font-size:1em; padding-right:.25em;}
#header .top_wrap .menu > li > .in > .tt{ font-size:.813em;}
#header .top_wrap .menu > li > a.in:hover > .tt{ text-decoration:underline;}
#header .top_wrap .menu > li.font > .in{ }
#header .top_wrap .menu > li.font > .in > .tt{ font-weight:600;}
#header .top_wrap .menu > li.font .font_btn{ margin-left:1.125em; border:1px solid #111; border-radius:4px; overflow:hidden;}
#header .top_wrap .menu > li.font .font_btn > li .btn{ width:1.375em; height:1.25em; background:linear-gradient(0deg,#ddd 0%,#fff 50%,#fff 100%); border-left:1px solid #ddd; color:#000;}
#header .top_wrap .menu > li.font .font_btn > li:first-child .btn{ border-left-width:0;}
#header .top_wrap .menu > li.font .font_btn > li .btn .xi{ font-size:1.063em; line-height:1;}
#header .top_wrap .menu > li.font .font_btn > li .btn .dot{ width:4px; height:4px; background:#000; border-radius:50%;}
#header .top_wrap .menu > li.font .font_btn > li .btn:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;}
#header .top_wrap .menu > li.font .font_btn > li .btn:hover .dot{ background:#fff;}

#header .menu_wrap{ background:#fff;}
#header .menu_wrap > .inner{}
#header .menu_wrap .logo{  }
#header .menu_wrap .logo > .in{ display:block;}
#header .menu_wrap .logo > .in img{ height: 3em;}

#header .gnb_wrap{ padding-right: 5vw;}
#header .gnb_wrap > .gnb > li .dp1{ position:relative; z-index:2; padding:0 2em;}
#header .gnb_wrap > .gnb > li .dp1.link{ display: flex; justify-content: center; align-items: center;}
#header .gnb_wrap > .gnb > li .dp1 .tt{ font-size:1.215em; font-weight:600; position:relative}
#header .gnb_wrap > .gnb > li .dp1 .tt:after{content:""; width:.8em; height:.8em; border-radius:50%; background:var(--siteC2); position:absolute; right:-.25em; top:-.25em; opacity:0; transform:translate(-10px, 10px); transition:transform .2s;}
#header .gnb_wrap > .gnb > li.inOpen .dp1,
#header .gnb_wrap > .gnb > li.on .dp1{ color:var(--siteC2);}
#header .gnb_wrap > .gnb > li.inOpen .dp1 .tt:after,
#header .gnb_wrap > .gnb > li.on .dp1 .tt:after{ opacity:.3; transform:translate(0, 0);}

/* #header .gnb_wrap > .gnb > li .dp2_wrap{ position:absolute; left:50%; width:75em; max-width:100%; transform:translate(-50%, -1px); box-sizing:border-box; display:none;}
#header .gnb_wrap > .gnb > li .dp2_wrap:before{ content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f3f6f8; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box;}
#header .gnb_wrap > .gnb > li .dp2 .flex{ display:block; text-align:left !important;}
#header .gnb_wrap > .gnb > li .dp2{ flex-wrap:wrap; padding:0 0 3em 15vw; overflow:hidden;}
#header .gnb_wrap > .gnb > li .dp2:before{ content:""; position:absolute; top:0; right:calc(100% - 15vw); width:100vw; height:100%; background:var(--siteC); box-sizing:border-box;}
#header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:0; padding:1.375em 0 0 2em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700;}
#header .gnb_wrap > .gnb > li .dp2 > li{ flex:0 0 calc(100% / 3); position:relative; padding:2em 1.75em .5em 1.75em;}
#header .gnb_wrap > .gnb > li.m_testRece .dp2 > li{ flex:1 1 33.33%; max-width:33.33%;}
#header .gnb_wrap > .gnb > li .dp2 > li:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100vh; background:#d4d5d8;}
#header .gnb_wrap > .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;}
#header .gnb_wrap > .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp2 > li.on > a{ color:var(--siteC2);}
#header .gnb_wrap > .gnb > li .dp3{ margin-top:1em; padding-top:1em; border-top:1px solid #d4d5d8;}
#header .gnb_wrap > .gnb > li .dp3 > li{}
#header .gnb_wrap > .gnb > li .dp3 > li > a{}
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt{}
#header .gnb_wrap > .gnb > li .dp3 > li{ padding:.25em 0;}
#header .gnb_wrap > .gnb > li .dp3 > li > a{ position:relative; padding-left:.625em; color:#333;}
#header .gnb_wrap > .gnb > li .dp3 > li > a:before{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt{ font-size:.938em;}
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a{ color:#000;}
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt{ text-decoration:underline;} */

#header .gnb_wrap > .gnb > li .dp2_wrap{ position:absolute; left:50%; width:1280px; max-width:100%; transform:translate(-50%, -1px); box-sizing:border-box; display:none;}
#header .gnb_wrap > .gnb > li .dp2_wrap:before{ content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#ffff; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box;}
#header .gnb_wrap > .gnb > li .dp2 .flex{ display:block; text-align:left !important;}
#header .gnb_wrap > .gnb > li .dp2{flex-wrap:wrap;padding: 0 0 4em 9vw;overflow:hidden;}
#header .gnb_wrap > .gnb > li .dp2:before{content:"";position:absolute;top:0;right: calc(100% - 9vw); width:100vw; height:100%; background-image: linear-gradient(114deg, #4877d6 0%, #265fd1 70%, #1347af 100%);;box-sizing:border-box; border-radius: 0 0 3em 0; box-shadow: 3px 0 10px rgba(0,0,0, .15);}
#header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:-1.5em; padding:1.375em 0 0 1em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700;}
#header .gnb_wrap > .gnb > li .dp2 > li{flex:0 0 calc(100% / 4);position:relative;padding: 2em 1em .5em 1em;}
#header .gnb_wrap > .gnb > li.m_testRece .dp2 > li{ flex:1 1 33.33%; max-width:33.33%;}
#header .gnb_wrap > .gnb > li .dp2 > li:after{/*  content:""; */ position:absolute; top:0; right:0; width:1px; height:100vh; background:#f4f4f4;}
#header .gnb_wrap > .gnb > li .dp2 > li > a.link{ display:block; padding: .5em 1em; border-radius:.5em; background:#f2f2f2; border:1px solid #eee;}
#header .gnb_wrap > .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;}
#header .gnb_wrap > .gnb > li .dp2 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp2 > li.on > a{ color:var(--siteC2);}
#header .gnb_wrap > .gnb > li .dp3{ margin-top:.5em; padding-left:1em;  }
#header .gnb_wrap > .gnb > li .dp3 > li{}
#header .gnb_wrap > .gnb > li .dp3 > li > a{}
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt{}
#header .gnb_wrap > .gnb > li .dp3 > li{ padding:.25em 0;}
#header .gnb_wrap > .gnb > li .dp3 > li > a{ position:relative; padding-left:.625em; color:#333;}
#header .gnb_wrap > .gnb > li .dp3 > li > a:before{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .gnb_wrap > .gnb > li .dp3 > li > a .tt{ font-size:.938em;}
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a{ color:#000;}
#header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt,
#header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt{ text-decoration:underline;}

#header .gnb_wrap > .gnb > li.inOpen .dp2_wrap{ display:block;}
#header.gnbOpen:before{ content:""; position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:.3;}

#header .gnb_wrap > .gnb > li.m_hide{ display: none;}

#header .etc_wrap .mem_wrap { height: 2.5em; border-radius:3em; overflow:hidden; display:flex; align-items:center; padding:0 1em; gap:1.5em; background:#f5f5f5; border:1px solid transparent } 
#header .etc_wrap .mem_wrap > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#666 } 
#header .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 .etc_wrap .mem_wrap > li > a .tt { font-size:.875em; font-weight:500 } 
#header .etc_wrap .mem_wrap > li > a .ico { font-size:1em; } 
#header .etc_wrap .mem_wrap > li:hover > a {color: var(--siteC2);}

#header .all_wrap{ width:3.875em;}
#header .all_wrap .btn_all{ position:relative;}
#header .all_wrap .btn_all .btn_in{ position:relative; display:block; width:1.625em; height:1.25em; margin: 0 auto .3em;}
#header .all_wrap .btn_all .ham,
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s;}
#header .all_wrap .btn_all .ham:before,
#header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0;}
#header .all_wrap .btn_all .ham:before{ top:calc(50% - 1px);}
#header .all_wrap .btn_all .ham:after { top:calc(100% - 2px);}
#header .all_wrap .btn_all:hover .ham:before{ width:80%;}
#header .all_wrap .btn_all:hover .ham:after { width:90%;}
#header .all_wrap .btn_all .btn_all_t {font-size: .8em;}

#header.allOpen .all_wrap .btn_all{ position:fixed; top:2em; right:3em; z-index:999; background:transparent; border-color:transparent;}
#header.allOpen .all_wrap .btn_all .btn_in{ width:3em; height:3em;}
#header.allOpen .all_wrap .btn_all .ham{ background:transparent; transition:0s;}
#header.allOpen .all_wrap .btn_all .ham:before,
#header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#fff;}
#header.allOpen .all_wrap .btn_all .ham:before{ transform:rotate(45deg);}
#header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg);}

#header .all_wrap .all{ position:fixed; z-index:-1; top:0; left:0; width:100vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s;}
#header .all_wrap .all .wrap_bg{ position:absolute; top:0; left:0; width:inherit; height:inherit; background:#3d3d3d; transform:translateX(100%); transition:all .3s;}
#header .all_wrap .all .wrap_in{ position:absolute; top:0; left:0; width:inherit; height:inherit; opacity:0; transition:opacity .3s ease 0s;}
#header .all_wrap .all .wrap_in .all_scroll{ height:inherit;}
#header .all_wrap .all .allconWrap{ padding:8vh 0; color:#fff; opacity:0; transform:translateY(8em); transition:all .8s;}
#header .all_wrap .all .allconWrap .all_gnb .gnb{ flex-wrap:wrap;}
#header .all_wrap .all .allconWrap .all_gnb .gnb .link{ display:block; text-align:left !important;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li{ flex:1 1 33.33%; max-width:33.33%; display:block; padding:2em 2.5em; border:solid rgba(255,255,255,.15); border-width:0 1px 0 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li a{ position:relative;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2{ display: block; padding:1em 0 1.75em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li a{ padding:.5em 0;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1{ margin-bottom:1.5em; font-weight:600;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before{ content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em);}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.438em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a{ font-weight:500;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.063em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3{ display: block; padding: 1em; background: #585858;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a{ padding-left:.875em; opacity:.8;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before{ content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt{ font-size:.938em;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a{ color:var(--siteC2); font-weight:700;}
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt{ text-decoration:underline;}

#header.allOpen{ z-index:999;}
#header.allOpen .all_wrap .all{ visibility:visible; z-index:99; opacity:1;}
#header.allOpen .all_wrap .all .wrap_bg{ transform:translateX(0);}
#header.allOpen .all_wrap .all .wrap_in{ opacity:1; transition-delay:.5s;}
#header.allOpen .all_wrap .all .allconWrap{ opacity:1; transform:translateY(0); transition-delay:.5s;}

.small-year {font-size: 1.25rem; font-weight: 500; color: #333; padding-left: 1rem;}

#quick .quickWrap{ position:fixed; z-index:888; top:0; right:0; width:5.25em; height:100vh; background:#fff; border-left:1px solid #222; transition:transform .3s;}
#quick .quickWrap .quickBtn{ position:absolute; top:50%; right:100%; transform:translateY(-50%);}
#quick .quickWrap .quickBtn > .btn{ width:1.625em; height:3.125em; background:#fff; border:solid #222; border-width:1px 0 1px 1px; color:#111;}
#quick .quickWrap .quickBtn > .btn .xi{ font-size:1.125em;}
#quick .quickWrap .wrap_in{ height:inherit; text-align:center; color:#111;}
#quick .quickWrap .wrap_in .quick_logo > .in{ background:var(--siteC2);}
#quick .quickWrap .wrap_in .quick_logo > .in img{ width:3.25em;}
#quick .quickWrap .wrap_in .quick_goTop > .btn{ margin:1em auto; width:3.375em; height:3.375em; background:#2f415b; border-radius:50%; color:#fff;}
#quick .quickWrap .wrap_in .quick_goTop > .btn .xi{ font-size:1.625em;}
#quick .quickWrap .wrap_in .quick_goTop > .btn:hover{ background:var(--siteC2);}

#quick .quickWrap .wrap_in .quick_menu > .menu > li{ padding:0 .313em;}
#quick .quickWrap .wrap_in .quick_menu > .menu > li > .in{ display:block; padding:.750em 0 .625em 0; border-bottom:1px solid #e5e5e5;}
#quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .tt{ font-size:.813em; font-weight:600;}
#quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .icon{ margin-bottom:.625em;}
#quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .icon img{ width:1.938em; transition:.4s;}
#quick .quickWrap .wrap_in .quick_menu > .menu > li > .in:hover .icon img{ transform:rotateY(180deg);}

#quick .quickWrap.on{ transform:translateX(100%);}
#quick .quickWrap.on .quickBtn > .btn{ width:2.5em; height:4em; background:#222; color:#fff;}
#quick .quickWrap.on .quickBtn > .btn .xi{ transform:rotateY(180deg);}

/*footer*/
#footer{ background:#333; color:#fff;}
#footer .menu_wrap{ padding:2.5em 0 1.75em 0;}
#footer .menu_wrap .menu{}
#footer .menu_wrap .menu > li > .in{ position:relative; padding:.5em 1.5em;}
#footer .menu_wrap .menu > li > .in:after{ content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(255,255,255,.2); transform:translateY(-50%);}
#footer .menu_wrap .menu > li:first-child > .in{ padding-left:0;}
#footer .menu_wrap .menu > li:last-child > .in{ padding-right:0;}
#footer .menu_wrap .menu > li:last-child > .in:after{ display:none;}
#footer .menu_wrap .menu > li > .in .tt{ font-size:1.063em; font-weight:500;}
#footer .menu_wrap .menu > li > .in .xi{ font-size:1.063em; padding-left:.375em;}
#footer .menu_wrap .menu > li > .in:hover .tt{ text-decoration:underline;}

#footer .menu_wrap .family{ position:relative;}
#footer .menu_wrap .family .btn{ padding:0 1.5em 0 1.75em; height:3.125em; border:1px solid rgba(255,255,255,.3);}
#footer .menu_wrap .family .btn .tt{ font-size:.938em; font-weight:500;}
#footer .menu_wrap .family .btn .xi{ font-size:.938em; margin-left:5em;}
#footer .menu_wrap .family .btn .xi:before{ display:block; transition:.3s;}
#footer .menu_wrap .family .family_con{ position:absolute; left:0; bottom:100%; width:100%; max-height:20em; padding:1em .5em 1em 1em; background:#111; border:solid rgba(255,255,255,.3); border-width:1px 1px 0 1px; box-sizing:border-box; display:none; z-index: 99;}
#footer .menu_wrap .family .family_con .list > li .in{ display:block; padding:.5em 0;}
#footer .menu_wrap .family .family_con .list > li .in .tt{ font-size:.875em;}
#footer .menu_wrap .family .family_con .list > li .in:hover .tt{ text-decoration:underline;}

#footer .menu_wrap .family.on .btn{ background:#111;}
#footer .menu_wrap .family.on .btn .xi:before{ transform:rotate(180deg);}
#footer .menu_wrap .family.on .family_con{ display:block;}

#footer .info_wrap{ padding:0 0 4em 0;}
#footer .info_wrap .logo img{ width:15.5em; opacity:.6; filter: grayscale(1) invert(1) brightness(10);}
#footer .info_wrap .info{ flex:1;}
#footer .info_wrap .info .list{}
#footer .info_wrap .info .list > li{ float: left; padding:.375em 2.75em .375em 0;}
#footer .info_wrap .info .list > li.br{ clear: left;}
/* #footer .info_wrap .info .list > li:nth-child(2){ flex:1 1 100%;} */
#footer .info_wrap .info .list > li .tt{ font-size:.938em; opacity:.8;}
#footer .info_wrap .info .copy{ margin-top:2.5em;}
#footer .info_wrap .info .copy .tt{ font-size:.813em; text-transform:uppercase; opacity:.4;}

/*contents*/
.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{ min-height:100vh; box-sizing:border-box;}

#contents .sub_top_wrap{ height: 20em; position: relative;}
#contents .sub_top_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); content: '';}
#contents .sub_page_top{ height: 100%;}

#contents .sub_page_top .sub_tit_wrap{ position:relative; height: 100%; padding-bottom: 4.515em; box-sizing: border-box; text-align:center; color:#fff; z-index: 2;}
#contents .sub_page_top .sub_tit_wrap .sub_tit .tt{ font-size:2.500em; font-weight:700;}
#contents .sub_page_top .sub_tit_wrap .sub_txt{ margin-top:1em;}
#contents .sub_page_top .sub_tit_wrap .sub_txt .tt{ font-size:.9375em; font-weight:500; letter-spacing:.094em; opacity:.5;}

/* #contents .sub_page_menu{ background:var(--siteC2); overflow:hidden;}
#contents .sub_page_menu .gnb > li,
#contents .sub_page_menu .gnb > li .dp1,
#contents .sub_page_menu .gnb > li .dp3{ display:none;}
#contents .sub_page_menu .gnb,
#contents .sub_page_menu .gnb > li.on{ display:block;}
#contents .sub_page_menu .gnb > li .dp2{ flex-wrap:wrap; padding-right:1px;}
#contents .sub_page_menu .gnb > li .dp2 > li{ flex:1;}
#contents .sub_page_menu .gnb > li .dp2 > li > .link{ display: flex; justify-content: center; align-items: center;}
#contents .sub_page_menu .gnb > li.m_mypage .dp2 > li{ flex:1 1 25%; max-width:25%;}
#contents .sub_page_menu .gnb > li .dp2 > li > a{ height:4.375em; padding:0 .25em; border:solid rgba(255,255,255,.2); border-width:0 1px 1px 1px; margin:0 -1px -1px 0; color:#fff; transition:.2s;}
#contents .sub_page_menu .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:600;}
#contents .sub_page_menu .gnb > li .dp2 > li:hover > a{ background:#333;}
#contents .sub_page_menu .gnb > li .dp2 > li.on > a{ background:#f3f6f8; color:#000;} */

#contents .sub_page_menu { position: absolute; border-top: 2px solid rgba(255,255,255, .1); bottom: 0; width:100%; z-index: 2;} 
#contents .sub_page_menu .gnb{ /* padding: 0 4vw; */ box-sizing: border-box;}
#contents .sub_page_menu .gnb > li { width:100% } 
/* #contents .sub_page_menu .gnb .dp2 { } 
#contents .sub_page_menu .gnb .dp2 > li { position: relative; flex: 1; }  */
#contents .sub_page_menu .gnb .dp2 {justify-content: center;} 
#contents .sub_page_menu .gnb .dp2 > li { position: relative; flex: 1; max-width:25%; } 
/* #contents .sub_page_menu .gnb .dp2 > li { position: relative; display: flex;}  */
#contents .sub_page_menu .gnb .dp2 > li:after { position: absolute; top: 0; width: 100%; transform: scaleX(0); height: 3px; background: #fff; content: ''; transition: .5s; } 
#contents .sub_page_menu .gnb .dp2 > li:hover:after,
#contents .sub_page_menu .gnb .dp2 > li.on:after { transform: scaleX(1); } 
#contents .sub_page_menu .gnb .dp2 > li:last-of-type:before { display: none; } 
/* #contents .sub_page_menu .gnb .dp2 > li > a { display:flex; align-items:center; letter-spacing: .03em; justify-content:center; font-size: 1em; font-weight: 500; color: #fff; opacity: .75; padding:1em 2em; transition: .15s; position:relative; width: 100%; text-align: center; box-sizing:content-box;} */
#contents .sub_page_menu .gnb .dp2 > li > a { display:flex; align-items:center; letter-spacing: .03em; justify-content:center; font-size: 1em; font-weight: 500; color: #fff; opacity: .75; height:4.515em; padding:0 .5em; transition: .15s; position:relative } 
#contents .sub_page_menu .gnb .dp2 > li > a:hover { opacity: 1; transition: .15s; } 
#contents .sub_page_menu .gnb .dp2 > li > a .va { font-weight:600; font-size:1.125em; opacity:.85; position:relative; z-index:1 } 
#contents .sub_page_menu .gnb .dp2 > li.on > a { color:#fff; opacity: 1; } 
#contents .sub_page_menu .gnb .dp2 > li.on > a:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; } 
#contents .sub_page_menu .gnb .dp2 > li:hover > a .va,
#contents .sub_page_menu .gnb .dp2 > li.on > a .va { opacity:1; } 
#contents .sub_page_menu .gnb .dp2 > li > .layer { display: none; }
#contents .sub_page_menu .gnb .dp2 > li.m2_committee,  
#contents .sub_page_menu .gnb .dp2 > li.m2_donation{ min-width: 10em;}

#contents .sub_con_tit{ padding:1.5em 0 1em 0; background:#f8f5f3;}
#contents .sub_con_tit .con_tit{ flex:1; position:relative; padding-left:.75em;}
#contents .sub_con_tit .con_tit:before{ content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.5em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em);}
#contents .sub_con_tit .con_tit .tt{ font-size:2.000em; color:#111; font-weight:600;}
#contents .sub_con_tit .con_nav{ padding:0 0 .5em 0;}
#contents .sub_con_tit .con_nav > li{ position:relative; padding:0 .5em 0 1em; color:#333;}
#contents .sub_con_tit .con_nav > li:before{ content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#aaa;}
#contents .sub_con_tit .con_nav > li:first-child:before{ display:none;}
#contents .sub_con_tit .con_nav > li:first-child{ padding:0 .25em 0 0;}
#contents .sub_con_tit .con_nav > li:last-child{ padding-right:0;}
#contents .sub_con_tit .con_nav > li:last-child .tt{ font-weight:700;}
#contents .sub_con_tit .con_nav > li > *{ display:block;}
#contents .sub_con_tit .con_nav > li .home{ background: #333; width: 1.5em; height: 1.5em; text-align: center; border-radius: 50%; line-height: 1.5em;}
#contents .sub_con_tit .con_nav > li .home .xi{ font-size:1em; color:#fff;}
#contents .sub_con_tit .con_nav > li .home .xi:before{ font-size:.938em;}
#contents .sub_con_tit .con_nav > li .tt{ font-size:.938em;}

#contents .sub_con_tit.center{ padding:2.5em 0 2em 0;}
#contents .sub_con_tit.center .con_tit{ margin-left:-.375em;}
#contents .sub_con_tit.center > .inner{ flex-direction:column; justify-content:center;}
#contents .sub_con_tit.center .con_tit{ flex:0 0 auto;}
#contents .sub_con_tit.center .con_nav{ padding:1em 0 0 0;}

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

#contents .sub_in_tit{}

#contents .doc{ padding:3.5em 0 11em 0;}
#contents .sub_in_tit + .doc{ padding-top:2.5em;}
#contents .doc.pb0 .page_con:last-child{ padding-bottom:8em;}


/*SUB PAGE*******************/
/*inc*/
.page_sec { margin-top:3.5em !important;}
.page_sec0{ margin-top:-1px !important;}
.page_sec1{ margin-top:.375em !important;}
.page_sec2{ margin-top:1em !important;}
.page_sec3{ margin-top:2.5em !important;}
.page_sec4{ margin-top:6em !important;}
.page_sec5{ margin-top:3em !important;}

.page_tit{ margin-bottom:1.5em;}
.page_tit.icon{ position:relative;}
.page_tit.icon:before{ content:""; display:block;}
.page_tit.icon > .tt{ position:relative;}
.page_tit.icon.st1{ margin-bottom:2em;}
.page_tit.icon.st1:before{ position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:var(--siteC2); border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em);}
.page_tit.icon.st2{ padding-left:2em;}
.page_tit.icon.st2:before{ content:"\e92b"; font-family:xeicon; font-size:1.500em; color:inherit; position:absolute; top:0; left:0; margin-top:-.188rem;}
.page_tit.icon.st2 > .t2{ top:-.063rem;}

.page_tit.line{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #d4d5d8;}
.page_tit:last-child{ margin-bottom:0 !important;}
.page_tit > .tt{ color:#111;}
.page_tit > .t1{ font-size:2.15em;}
.page_tit > .t2{ font-size:1.375em;}
.page_tit > .t3{ font-size:1.875em;}
.page_tit > .t4{ font-size:1.188em;}
.page_tit > .t5{ font-size:1.125em;}
.page_tit > .t6{ font-size:1.063em;}
.page_tit > .t7{ font-size:1.5em;}
.page_tit > .t8{ font-size:1em;}

.page_tit .dot_tit {position: relative; padding-left: 1em; font-size: 1.3em; font-weight: 600; color: #111;}
.page_tit .dot_tit::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border-radius: 50%; border: 3px solid var(--siteC2);}

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

.page_con{ padding:3.75em 0 4em 0; box-sizing:border-box;}
.page_con.bg1{ background:#f2f2f2;}

.cont_box {margin-bottom: 3em;}
.cont_box:last-child {margin-bottom: unset;}

.page_con_num{ counter-reset:number 0;}
.page_con_num > .innerNum .addNum:before{ content:counter(number) "."; counter-increment:number 1;}

.page_ex_list > li{padding:.313em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ font-size:1.063em; color:#111; line-height:1.5;}
.page_ex_list.tbl_tt > li > .in > .tt{ font-size:1em; color:#444; line-height:1.5;}
.page_ex_list > li > .in > .tt.bold{ font-weight: 600; }
.page_ex_list > li > .in > .tt.t1{ margin-top:.25em; font-size:1em; color:#555;}
.page_ex_list > li > .in > .tt.t1.bl{color:#111;}
.page_ex_list.dot > li > .in{ padding-left:1em;}
.page_ex_list.dot > li > .in:before{ top:.5em; width:.313em; height:.313em; background:#386fc8; border-radius:50%;}
.page_ex_list > li:first-child{ padding-top:0;}
.page_ex_list > li:last-child{ padding-bottom:0;}

.page_ex_list.small{ font-size:.938em;}
.page_ex_list.small > li{ padding:.25em 0;}

.page_ex_list.line > li > .in{ padding-left:1em;}
.page_ex_list.line > li > .in:before{ top:.563em; width:.313em; height:2px; background:#888;}

.page_txt_wrap{}
.page_txt_wrap > .innerSec:first-child{padding-top:0 !important;}
.page_txt_wrap > .innerSec:last-child{padding-bottom:0 !important;}
.page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;}
.page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;}
.page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;}
.page_txt_wrap.line > .innerSec:last-child{border-bottom-width:0;}

.page_txt_wrap.st1 > .innerSec{ padding:3.75em 0;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_tit{ max-width:22.5em;}
.page_txt_wrap.st1 > .innerSec.flex > .wrap_con{ padding-left:3.75em;}

.page_txt_wrap.st3{ border-top:1px solid #000;}
.page_txt_wrap.st3 > .innerSec{ padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;}
.page_txt_wrap.st3 > .innerSec > .wrap_tit,
.page_txt_wrap.st3 > .innerSec > .wrap_con{ padding:2.5em 1.5em;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ max-width:16em; position:relative;}
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#386fc8;}
.page_txt_wrap.even.st3 > .innerSec:nth-child(even){ background:#f7f7f7;}

.page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;}
.page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em;}
.page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;}

.page_box_list{}
.page_box_list > .list{ margin:0 0 -1.25em -1.25em;}
.page_box_list > .list > li{ flex:1;}
.page_box_list > .list:not(.max) > li{ max-width:none !important;}
.page_box_list > .list > li > .innerList{ flex:1; margin:0 0 1.25em 1.25em;}
.page_box_list > .list > li > .innerList > .wrap_tit1{ margin-bottom:1em; padding:1em 1em; background:#f3f6f8; border:1px solid #d4d5d8; border-radius:.25em; box-shadow:2px 2px .375em rgba(0,0,0,.1);}
.page_box_list > .list > li > .innerList > .wrap_tit1:last-child{ margin-bottom:0;}
.page_box_list > .list > li > .innerList > .wrap_tit1 + .wrap_con{ padding:1em 1em; background:#fff; border:1px solid #e9e9e9; border-radius:.5em;}
.page_box_list > .list > li > .innerList.flex.col > .wrap_tit1 + .wrap_con{ flex:1 1 auto;}

.detail_box {border: 1px solid #ddd; padding: 0.5em 1em; background: #fff; margin-top: .5em;}
.detail_box .tt {font-size: 0.9em; margin-bottom: .5em;}
.detail_box .tt:last-child {margin-bottom: 0;}
.detail_box .tt span {background: var(--siteC); color: #fff; border-radius: 50%; display: inline-block; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; margin-right: .3em;}

.page_tbox {gap: 3em;}
.page_tbox .img_box {width: 40%;}
.page_tbox .tbox {width: 55%;}
.page_tbox .tt {font-size: 1.125em; margin-bottom: 1.5em;}

.dp2_counsel .lab_con input{width: 100%;}

/*아이콘 박스*/
.icon_list { position: relative; gap: 1em;} 
.icon_list > li { position:relative; flex: 1;} 
.icon_list > li .inner {align-items: center; border: 2px solid var(--siteC2); border-radius: .35em; width: 100%;} 
.icon_list > li .iconB { position: relative; display: flex; align-items: center; justify-content: center; background: var(--siteC2); padding: 1em 0;} 
.icon_list > li .iconB > img { width: 4em; height: 100%; object-fit: contain; transition: .3s; filter: brightness(0) invert(1);} 
.icon_list > li .txtinfo {background: #fff; padding: 1em; box-sizing: border-box; width: 100%; text-align: center;} 
.icon_list > li .txtinfo .tit { font-size: 1em; color: var(--siteC2); font-weight: 700; } 
.icon_list > li .txtinfo .txt { font-size: 1.125em; font-weight: 700; margin-top: .25em; margin-bottom: .5em; } 
.icon_list > li .txtinfo .intxt { font-size: .9em; font-weight: 400; min-height: 3em;} 
.icon_list > li .txtinfo.s1 .txt { font-size: 1.15em; } 
.icon_list > li .txtinfo .numT { font-size: 1.15em; font-weight: 700; color: var(--siteC2); } 

/* .icon_list > li .inner:hover { border: 2px solid var(--siteC); box-shadow: 1.5em 1.5em 2.5em rgb(19 71 202 / 11%); } 
.icon_list > li .inner:hover .iconB { background: var(--siteC); } 
.icon_list > li .inner:hover .iconB > img { filter: brightness(0) invert(1); } 
.icon_list > li .inner:hover .iconB:after { background: rgba(255,255,255, 1); opacity: .3; }  */

.icon_list.w2 { display: flex; flex-wrap: wrap; margin: 0 0 -1em -1em; } 
.icon_list.w2 > li { flex: 1 1 50%; max-width: 50%; margin-bottom: 0em; } 
.icon_list.w2 > li > .inner { margin: 0 0 1em 1em; } 
.icon_list.w2 > li .iconB { min-width: 6em; } 
.icon_list.w2 > li .iconB > img { width: 2.75em; } 
.icon_list.w2 > li .iconB:after { left: 1.5em; } 
.icon_list.w2 > li .txtinfo { padding: 0 2.25em; } 

.icon_list > li > .Rarrow { position: absolute; bottom: 39%; right: -11.5%; color: var(--siteC); background: #fff; border: 1px solid #ddd; border-radius: 50%; width: 1.5em; height: 1.5em; text-align: center; z-index: 10; transform: rotate(90deg);} 


/***********************/
/*MAIN******************/
.mainQuick_wrap{background:var(--siteC2)}
.mainQuick_wrap .quick_wrap{}
.mainQuick_wrap .quick_wrap .lcon{ width: 65%;}
.mainQuick_wrap .quick_wrap .rcon{flex:1; min-width:0;}
.mainQuick_wrap .quick_wrap .lcon .inner{}
.mainQuick_wrap .quick_wrap .lcon .inner .list{}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in{display:flex; text-align:center; position:relative; padding:1.375em 0; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; flex-direction:column;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in:after{position:absolute; content:""; right:0; top:50%; height:60%; width:1px; background:#fff; opacity:.2; transform:translateY(-50%)}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon{text-align:center; display:inline-block; margin-bottom:10px;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon > div{background:#fff; border-radius:100%; width:50px; height:50px; }
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon > div > img {width:1.750em; transition:.3s;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .tt{}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .tt > p{color:#fff; font-weight: 500; font-size:1em;}
.mainQuick_wrap .quick_wrap .lcon .inner .list > li:hover .in .icon > div > img{transform:rotateY(180deg);}
.mainQuick_wrap .quick_wrap .rcon .inner{}
.mainQuick_wrap .quick_wrap .rcon .inner .incon{}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit{padding:0 40px 0 50px;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p{}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p .xi{color:#fff; padding-right:10px; font-size:1.125em;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p .tt{color:#fff; font-size:1.125em; font-weight: 500;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt{}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t1{color:#fff; font-size:.875em; font-weight: 700;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t2{color:#b3b3ff; font-size:1.375em; font-weight: 700;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t3{color:#fff; opacity:.7; font-size:.813em; font-weight: 400;}
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns { background: #fff; border-radius: 100%; width: 50px; height: 50px; margin-right: 0.5em; cursor: pointer; }
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns:last-of-type { margin-right: 0; }
.mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns > .xi { color: #333; font-size: 1.4em; }

/*보도자료*/
.mainSection2 { }
.mainProdSlide { overflow: hidden; } 
.mainProdSlide .in { position: relative; display: block; } 
.mainProdSlide .in > .imgB { position:relative; width: 100%; height: 15em; overflow: hidden;} 
.mainProdSlide .in > .imgB > img { width: 100%; height: 100%; object-fit: cover; transition: .3s;} 
.mainProdSlide .in > .imgB > .title{ position: absolute; bottom: 0; left: 0; padding: .75em 1em; box-sizing: border-box; width: 100%; background: rgba(0,0,0, .7); color: #fff;}
.mainProdSlide .in > .imgB > .title > .tt{ font-size: 1em; letter-spacing: -0.03em; font-weight: 500; word-break: break-all;}
.mainProdSlide .in:hover > .imgB > img{ transform: scale(1.05);}
.mainProdSlide .in:hover > .imgB > .title > .tt{ text-decoration: underline;}
.mainProdSlide_control { position: relative; gap: 2em; margin-top: 1.5em; } 
.mainProdSlide_control .paging_wrap { width: 100%; } 
.mainProdSlide_control .sw_btn_wrap { position: relative; gap: 0 .5em; flex: 1 1 10%; } 
.mainProdSlide_control .paging { position:relative; height: 2px; width: 100%; } 
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--siteC2); } 

.main_con{ padding: 3em 0;}
.main_con.pd0{ padding: 0em;}

/*sec3*/
.mainSection3{ background: #f7f7f7;}
.data_wrap { gap: 1.5em;}
.notice_wrap { flex:1; border: 1px solid #ddd; border-radius: 1em; background: #fff; } 
.notice_wrap .notice_top { padding: 1em 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: ''; transform: translateY(-50%); } 
.notice_wrap .notice_top .main_tab>li:first-of-type:before { display: none; } 
.notice_wrap .notice_top .main_tab>li>.tab_btn { cursor: pointer;} 
.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: 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: 6em; flex-direction: column; color: #fff; text-align: center; padding: .5em .8em; background: var(--siteC2); 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: .963em; 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 { margin-bottom: .25em;} 
.notice_wrap .notice_list .list_btm .btm_list>li:last-of-type{ margin-bottom: 0em;}
.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;}

.nocon{ display:flex; justify-content:center; align-items:center; flex-direction:column; border:1px solid #ddd; height:24em; color:#666; margin-top:-1px}
.nocon .xi{ font-size:5em; color:#ddd; margin-bottom:.125em}
.nocon .xi:not([class*=xi-]):before{content:"\ea15"}

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

/*푸터 배너*/
.memBannerSlider_wrap{ padding:1em 0em;}
.memBannerSlider_wrap .inner{ gap:1em 2em;}
.memBannerSlider_wrap .tit_wrap{ gap:0 1em;}
.memBannerSlider_wrap .tit_wrap .tit{ gap:1em;}
.memBannerSlider_wrap .tit_wrap .tit .tt{ font-size:1.25em; font-weight:700;}
.memBannerSlider_wrap .tit_wrap .tit .xi{ font-size:1.500em; color:var(--siteC2); transition:.2s;}
.memBannerSlider_wrap .tit_wrap .tit:hover{ color:var(--siteC2);}
.memBannerSlider_wrap .tit_wrap .tit:hover .xi{ transform:rotate(180deg);}
.memBannerSlider{ flex:1; padding-right:4px;}
.memBannerSlider .el .in{ height:4.2em; overflow:hidden; padding: 1em; border: 1px solid #ddd; box-sizing: border-box;}

.swiper_control{ z-index: 10}
.swiper_control.pb{ position:absolute; width:100%; left:0; bottom:.5em}
.swiper_control.pm{ position:absolute; width:100%; left:0; top:50%}
.swiper_control .btn{ display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; opacity:.5}
.swiper_control .btn:before{ font-family:xeicon; font-size:1.5em}
.swiper_control .btn.prev:before{content:"\e93d"}
.swiper_control .btn.next:before{content:"\e940"}
.swiper_control .btn.pause:before{content:"\ea3b"}
.swiper_control .btn.play:before{content:"\ea3e"}
.swiper_control .btn.play{ display:none}
.swiper_control .btn.st1{ border:1px solid #ddd; font-size:.875em}
.swiper_control .btn.st2{ padding:1em}
.swiper_control .btn.st2:hover{ background:#0e2563; color:#fff}
.swiper_control.white .btn.st1{ border-color:#fff}
.swiper_control.pause .btn.play{ display:block; opacity:1}
.swiper_control.pause .btn.pause{ display:none}
.swiper_control .btn:hover{ opacity:1}
.swiper_control .total{ font-size:.938em; padding:0 .5em}
.swiper_control .total .this{ font-weight:500}
.swiper_control .total .all{ opacity:.5}
.swiper_control .total .all:before{ content:"/"; margin:0 .25em}
.swiper_control .paging{ position:relative; margin:0 2em; bottom:0}
.swiper_control .paging:first-child{ margin-left:0}
.swiper_control .paging.swiper-pagination-progressbar{ height:.125em;}
.swiper_control .paging.swiper-pagination-progressbar > span{ height:150%; top:auto; bottom:0}
.swiper_control .paging.st1{ display:flex; align-items:flex-end}
.swiper_control .paging.st1 > span{ position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s}
.swiper_control .paging.st1 > span:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff}
.swiper_control .paging.st1 > span:before{ content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active{ width:10em}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before{ opacity:1}
.swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after{ width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out}
.swiper_control.white{ color:#fff}
.swiper_control.white .paging > span{ background:none}

.visualSlider .el{ position:relative; overflow:hidden;}
.visualSlider .el:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); content: ''; z-index: 1;}
.visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:1s;}
.visualSlider_wrap{ position:relative}
.visualSlider .el.swiper-slide-active .bg,
.visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1); opacity:1; transition:3s;}
.visualSlider_wrap .swiper_control{ bottom:2em; left:3%; width:auto}

.slogan_wrap{ position:absolute; left:50%; top:-50px; transform:translateX(-50%); z-index:2; padding-top:17vh; width:100%;}
.slogan_wrap .inner{}
.slogan_wrap .inner .tw{text-align:center; color:#fff;}
.slogan_wrap .inner .tw .t1{font-weight:500; font-size:1.250em;}
.slogan_wrap .inner .tw .line{width:40px; height:2px; background:#fff; margin:1.375em auto;}
.slogan_wrap .inner .tw .t2{font-weight:700; font-size:2.375em; text-transform: uppercase;}

.mainquickMenu_wrap{margin-top:60px;}
.mainquickMenu_wrap .list{margin:0 0 0 -10px;}
.mainquickMenu_wrap .list > li{flex:1 1 20%; max-width:20%;}
.mainquickMenu_wrap .list > li .in{margin:0 0 0 10px; background:#fff; padding:1.5em 3em 1.5em 1.5em; border-radius:.5em; display:block; position:relative; min-height:9.5em;}
.mainquickMenu_wrap .list > li .in .icon{position:absolute; right:1em; top:1em; content:"";}
.mainquickMenu_wrap .list > li .in .icon .xi{font-size:1.5em;}
.mainquickMenu_wrap .list > li .in .t1{font-weight:700; font-size:1.188em; min-height:2.5em;}
.mainquickMenu_wrap .list > li .in .t2{color:#666; font-weight:400; font-size:.875em; padding-top:1.25em;}
.mainquickMenu_wrap .list > li .in .icon2{position:absolute; content:""; right:1em; bottom:1em;}
.mainquickMenu_wrap .list > li .in .icon2 > img{width:3.125em; transition:.3s;}
.mainquickMenu_wrap .list > li:hover .in .t1{color:var(--siteC2); transition:.3s;}
.mainquickMenu_wrap .list > li:hover .in .icon2 > img{transform:rotateY(180deg); }

.mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%)}
.mainScroll .xi{ font-size:3.5em}
.mainScroll .box0{ position:relative}

@keyframes downAni{
70% {margin-bottom:0}
90% {margin-bottom:-.5em}
100% {margin-bottom:0}
}

.suBpass{ width:47em; margin: 0 auto;}
.pagePass_resultw{margin-top:1em;}
.pagePass_resultw .in{background:var(--siteC2); padding:2em 1em; box-shadow:6px 6px 0 rgb(15 40 113 / 20%)}
.pagePass_resultw .in .tw{text-align:center;}
.pagePass_resultw .in .tw > *{color:#fff;}
.pagePass_resultw .in .tw .t1{font-size:.813em; color:#111; border-radius:3em; background:#fff; display:inline-block; margin-bottom:10px; font-weight:500; padding:.313em 1.25em;}
.pagePass_resultw .in .tw .t2{font-size:1.313em;}
.pagePass_resultw .in .tx{background:#fff; padding:1.5em; margin:1.5em 2em}
.pagePass_resultw .in .tx .t1{text-align:center; padding-bottom:.5em; font-size:1.5em; color:var(--siteC2); font-weight:600;}
.pagePass_resultw .in .tx .t2{text-align:center; line-height:1.5; font-size:1.125em; color:#555;}
.pagePass_resultw .in .tx .t2 > *{vertical-align:baseline}
.pagePass_resultw .in .tx .t2 > i{font-size:1.063em;}
.pagePass_resultw .in .tx .t2 > i.col1{font-weight:600; color:#222;}
.pagePass_resultw .in .tx .t2 > i.col2{font-weight:600; color:#222; display:block}
.pagePass_resultw .in .bw{ text-align:center}
.pagePass_resultw .in .bw .logo{}
.pagePass_resultw .in .bw .logo > img{width:10em; filter: grayscale(1) invert(1) brightness(10);}

.page_print_txtw{margin-top:1.5em;}
.page_print_txtw .in{}
.page_print_txtw .in .icon{background:var(--siteC2); width:1.625em; line-height:1.625em; border-radius:50%; text-align:center; }
.page_print_txtw .in .icon .xi{font-size:.875em; color:#fff;}
.page_print_txtw .in .tt{margin:0 1em 0 .313em;}
.page_print_txtw .in .tt >i{font-size:.875em; color:#444;}
.page_print_txtw .in .btn{}

.page_number_wrap{max-width:30em; margin-left:auto !important; margin-top:1.250em;}
.page_number_wrap .in{}
.page_number_wrap .in .ti{width:5em;}
.page_number_wrap .in .ti .t1{color:#222; font-size:.938em;}
.page_number_wrap .in .con{flex:1; min-width:0; padding-left:1em;}

.sub_page_testrule_wrap{padding-top:2em;}
.sub_page_testrule_wrap .inner{}

.testrule_twrap{margin-top:5em;}
.testrule_twrap .tw{box-shadow:0 0 1em rgba(0,0,0,.2);  padding:3em; border-radius:.5em .5em 0 0;}
.testrule_twrap .tw .ti{text-align:center; font-size:2.250em; font-weight:700; color:#111; padding-bottom:1.5em;}
.testrule_twrap .tw .ti.pb0{padding-bottom:0;}
.testrule_twrap .tw .yearL{text-align:right; margin-top:1em;}
.testrule_twrap .tw .yearL > li{line-height:1.6;}
.testrule_twrap .tw .yearL > li > i{font-size:.938em; color:#777;}
.testrule_twrap .in_wrap{margin-top:3em;}
.testrule_twrap .in_wrap.mt0{margin-top:0;}
.testrule_twrap .in_wrap .in{background:#fafafa; padding:3em; border:1px solid #f5f5f5}
.testrule_twrap .in_wrap .in .tit{text-align:center; font-size:1.875em; color:#111; font-weight:700; padding-bottom:1em;}
.testrule_twrap .in_wrap .in .tits{font-weight:600; font-size:1.250em; color:var(--siteC2);}
.testrule_twrap .in_wrap .in .tits2{font-size:1.188em; color:var(--siteC2); padding:.5em 0 1em 0; font-weight:600; padding-left:.75em;}
.testrule_twrap .in_wrap .in .tbox{margin-top:3em;}
.testrule_twrap .in_wrap .in .tbox::first-child{margin-top:0;}
.testrule_twrap .in_wrap .in .tbox .in_ti{font-weight:600; font-size:1.250em; padding-bottom:.75em; padding-left:.5em; position:relative;}
.testrule_twrap .in_wrap .in .tbox .in_ti:before{ content:""; display:block; position:absolute; top:0; left:0; width:1em; height:.313em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em);}
.testrule_twrap .in_wrap .in .tbox .in_tx{padding-left:1em; font-size:1.063em; color:#282828; }
.testrule_twrap .in_wrap .in .tbox .num_tlist{padding-left:1em;}
.testrule_twrap .in_wrap .in .tbox .num_tlist > li{line-height:1.6;}
.testrule_twrap .in_wrap .in .tbox .num_tlist > li > i{font-size:1.063em; color:#282828;}

/* 인사말 */
.page_con.bg2 {background:#efece6;}
.page_con.bg3 { background:#f9f5eb; } 
.greet_con1 {}
.greet_con1 .left_tbox {width: 50%;}
.greet_con1 .left_tbox .t1 {font-size: 1.8em; font-weight: 600; color: var(--siteC2);}
.greet_con1 .right_img {width: 50%; text-align: center;}
.greet_con1 .right_img img {width: 70%;}
.greet_con2 {padding: 50px 0; gap: 3em;}
.greet_con2 .left_img {width: 50%; text-align: center;}
.greet_con2 .tbox {width: 50%;}
.greet_con3 {padding: 50px 0; gap: 1em;}
.greet_con3 .tbox {width: 50%;}
.greet_con3 .tbox p {margin-bottom: 20px;}

/* 현황 */
.process_wrap {padding:30px; border-radius: 500px;border: 1px dashed #5cb3e6; width: 70%; margin : 60px auto; background: #fff;}
.process_wrap .process_list {display: flex;}
.process_wrap .process_list li {flex: 1;}
.process_wrap .process_list li:not(:first-of-type) {margin-left: -20px;}
.process_wrap .process_list .process_item {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 0;padding-top: 50%;padding-bottom: 50%;border-radius: 50%;background: var(--siteC); color: #fff; text-align: center;  }
.process_wrap .process_list .process_item.dotted{background:none;}
.process_wrap .process_list .process_item.dotted .num{font-size: 30px;}	
.process_wrap .process_list .process_item {transform: translate3d(0, 0, 0);opacity: 1;transition: .6s calc(var(--delay, 0) * 1s) ease-in-out;}
.process_wrap .process_list .process_item span{padding:0 20px;}
.process_list .process_item .num {display: flex;justify-content: center;align-items: center;flex: none; color: #fff; font-weight: 600;box-sizing: border-box; font-size: 2.4em;}
.process_list > li:nth-child(2) .process_item {background: var(--siteC2);}
.process_list > li:last-of-type .process_item {background: var(--siteBg3);}

.legal_sys{}
.legal_sys .sysT{ width:60%; margin:0 auto; padding:1.5em 1em; box-sizing:border-box; border-radius:.5em; background-color:var(--siteC2); color:#fff; text-align:center; position:relative;}
.legal_sys .sysT::after{ content:''; height:27px; border-left:1px dashed #002144; position:absolute; left:50%; bottom:-26px;}
.legal_sys .sysB .in > li{background: #fff;}

.group{ width:calc( (100% - 30px)/4); height:200px; margin-right:10px; border:1px solid var(--siteC2); border-radius:.5em; position:relative; ;}
.group .tt{ display:flex; justify-content:center; align-items:center; width:100%; height:3em; border-bottom:1px solid #ddd; font-size:1.25em}
.group .td{ display:flex; justify-content:center; align-items:center; height:calc( 100% - 4em); padding:0 1em; font-size:1rem; line-height:1.4; color:#333; word-break:keep-all}
.group:last-child{ margin-right:0;}
.group:before{ content:''; width:calc( 100% + 9px); height:1em; border-top:1px dashed #002144; border-left:1px dashed #002144; position:absolute; left:50%; top:-24px;}
.group:last-child:before{ border-top:none; border-left:1px dashed #002144; width: 0 !important;}
.group:after{ content:''; width:10px; height:10px; border:4px solid var(--siteC2); border-radius:50%; background-color:#fff; position:absolute; left:50%; top:-9px; transform:translateX(-50%);} 

.legal_sys .group{ width:calc( ( 100% - 100px ) / 2); height:150px; margin-right:50px;}
.legal_sys .group:last-child{ margin-right:0;}
.legal_sys .group:before{ width:calc( 100% + 50px); box-sizing: border-box;}

.philosophy-wrap { position: relative; margin-top: 5em; } 
.philosophy-list { gap: 4em 0; position: relative; z-index: 11; } 
.philosophy-list > li { flex: 0 1 calc(50% - 1.5em); } 
.philosophy-list > li .circle-in { position: relative; border: 2px solid var(--siteC2); flex-direction: column; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 2em; padding: .875em 2em; text-align: center; gap: 1.5em; width: 83.5%; margin-left: 26%; background: #fff; } 
.philosophy-list > li:nth-child(2n + 1) .circle-in { text-align: center; margin-left: -9%; margin-right: 0; } 
.philosophy-list > li:nth-child(1) .circle-in {margin-left: 5%;}
.philosophy-list > li:nth-child(2) .circle-in {margin-left: 12%;}
/* .philosophy-list > li:nth-child(3) .circle-in { margin-right: 25%; margin-left: 0; } 
.philosophy-list > li:nth-child(4) .circle-in { margin-left: 35%; margin-right: 0; } */
.philosophy-list > li:last-child .circle-in {text-align: center; margin-left: 7%; flex-direction: column;}
.philosophy-list > li .circle-in .icon-area { } 
.philosophy-list > li .circle-in .icon-area .imgfix { width: 60px; margin: 0 auto; } 
.philosophy-list > li .circle-in .txt-area { } 
.philosophy-list > li .circle-in .txt-area > span { display: block; font-size: 1.215em; } 
.philosophy-list > li .circle-in .txt-area > .cr_t { font-size: 1.125em; } 
.philosophy-list > li .circle-in .txt-area > .cr_tx { font-size: 1.1em; padding-top: .5em; } 

.philoCircle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } 
.philoCircle .circleIn { width: 13em; height: 13em; border-radius: 50%; background: var(--siteC); box-shadow: 0 25px 30px #2E3B8030; position: relative; } 
.philoCircle .circleIn::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16em; height: 16em; border: 5px solid var(--crGray); border-radius: 50%; } 
.philoCircle .circleIn::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35em; height: 35em; border: 5px dotted #eee; border-radius: 50%; animation-name: rotateAni; animation-duration: 50s; transform-origin: center; animation-timing-function: linear; animation-iteration-count: infinite; } 
@keyframes rotateAni { 100% { transform: translate(-50%, -50%) rotate(360deg); } 
 }
.philoCircle .circleIn .ltsp.p1 { font-size: 1.85em; } 
.philoCircle .circleIn .ltsp.p2 { font-size: 3.25em; } 
.philoCircle .circleIn .g1 { font-size: 1.85em; } 
.philoCircle .circleIn .g2 { font-size: 2.15em; } 


/* .current_list {gap: 1em;}
.current_list li {flex: 1 49%; max-width: 49%; border: 1px solid #ddd; border-radius: .5em; padding: 2.5em 2em; gap: 3em; box-shadow: 0 3px .5em rgba(0, 0, 0, .15);}
.current_list li .icon {width: 5em; height: 5em; background: #000; line-height: 5em; border-radius: 50%;}
.current_list li .icon img {}
.current_list li .tbox {width: 70%;}
.current_list li .num {font-size: 1.4em; font-weight: 700; color: var(--siteC);}
.current_list li .tt {} */

/* 연혁 */
.wrap_idx { } 
.wrap_idx .sub-tab { display: flex; border: 1px solid #ddd; border-radius: 3em; overflow: hidden;} 
.wrap_idx .sub-tab.pd_w{ padding-bottom: 3em;}
.wrap_idx .sub-tab>li { position: relative; margin-left: -1px; cursor: pointer; height: 100%; display: flex; height: 3em; align-items: center; justify-content: center; flex: 1; font-size: 1.15em; font-weight: 700; } 
.wrap_idx .sub-tab>li { flex: 1 25%; border-right: 1px solid #ddd;}
.wrap_idx .sub-tab>li:last-child {border-right: unset;}
.wrap_idx .sub-tab>li > .tab_btn{ padding: 0 1vw; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #444; transition: .3s; }
.wrap_idx .sub-tab>li.on > .tab_btn,
.wrap_idx .sub-tab>li:hover > .tab_btn { background-color: var(--siteC); color: #fff; } 

/*연혁*/
.page_twrap_img { position: relative; padding-bottom: 7em } 
.page_twrap_img .wrap_con { width: 70%; background: #fff; position: relative; z-index: 1; box-sizing: border-box; padding: 4em 3em; padding-bottom: 4em } 
.page_twrap_img .wrap_con .p_ttl { font-size: 1.85em; font-weight: 700; margin-bottom: 1em; } 
.page_twrap_img .wrap_con:before { content: ""; position: absolute; left: 0; top: 0; width: 2em; height: 2em; border: .25em solid var(--siteC); border-right: none; border-bottom: none } 
.page_twrap_img .wrap_img { position: absolute; left: 0; bottom: 0; width: 100%; height: 70% } 
.page_twrap_img .wrap_img .img { height: 100% } 
.page_twrap_img.st1 { padding-bottom: 5em } 
.page_twrap_img.st1 .wrap_con { width: 80%; margin: 0 auto; text-align: center; padding: 3em; border-top: 1px solid var(--siteC) } 
.page_twrap_img.st1 .wrap_con:before { display: none } 
.page_twrap_img.st1 .wrap_img { height: 80% } 
.history_wrap { display: flex; align-items: flex-start; position: relative; padding: 1em 0 1em 0 } 
.history_wrap:before { content: ""; position: absolute; top: 0; width: 1px; height: calc(100% - 3em); background: #ddd } 
.history_wrap:before,
.history_wrap .tabLink { left: 40em } 
.history_wrap .wrap_img { width: 40em; min-width: 40em; padding: 1em 0; padding: 0 4em 0 0em; box-sizing: border-box; text-align: center;} 
.history_wrap .wrap_img > li { padding-top: 20px; } 
.history_wrap .wrap_con { display: flex; box-sizing: border-box; padding: 2em 0; padding-right: 2em; width: 100%; } 
.history_wrap .wrap_con .history { width: 100%; } 
.history_wrap .tabLink { width: 5em; height: 3em; position: absolute; bottom: 0; transform: translatex(-50%) } 
.fadeAni { animation-name: fadeAni; animation-duration: 2s; animation-iteration-count: infinite } 
.history_wrap .tabLink .xi { font-size: 3em; position: absolute; left: 0; top: 0; width: 100%; text-align: center; color: #ddd; margin-left: 1px; animation-duration: 3s; animation-iteration-count: infinite } 
.history_wrap .tabLink .xi:before { content: "\e943" } 
.history_wrap .tabLink.tab1 .xi:before { content: "\e946" } 
.history_wrap .tabLink .xi:nth-child(1) { transform: translateY(-.188em) scale(.6); animation-name: angleAni1 } 
.history_wrap .tabLink .xi:nth-child(2) { transform: scale(.8); animation-name: angleAni2 } 
.history_wrap .tabLink .xi:nth-child(3) { transform: translateY(.188em); animation-name: angleAni3 } 
.history_wrap .tabLink.tab1 .xi:nth-child(1) { transform: translateY(-.188em) scale(1); animation-name: angleAni3 } 
.history_wrap .tabLink.tab1 .xi:nth-child(3) { transform: translateY(.188em) scale(.6); animation-name: angleAni1 } 
.history_wrap .tabLink:hover .xi,
.history_wrap .tabLink:focus .xi { animation-name: none; color: var(--siteC); } 

@keyframes angleAni1 { 
 0% { color: #ddd } 

10% { color: var(--siteC) } 

20% { color: #ddd } 
 }

@keyframes angleAni2 { 10% { color: #ddd } 

20% { color: var(--siteC) } 

30% { color: #ddd } 
 }

@keyframes angleAni3 { 20% { color: #ddd } 

30% { color: var(--siteC) } 

40% { color: #ddd } 
 }

.history>li { display: flex; position: relative; margin-bottom: 5em; } 
.history>li:last-of-type { margin-bottom: 0em; } 
.history>li .hisinfo:before { content: ""; position: absolute; left: 0; top: 1.25em; width: 3em; height: 1px; background: #ddd } 
.history>li .dot { position: absolute; left: 0; top: 1.25em; transform: translate(-50%, -50%); width: 1.5em; height: 1.5em } 
.history>li .dot:before,
.history>li .dot:after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50% } 
.history>li .dot:before { background: none; } 
.history>li .dot:after { background: #ccc; width: 40%; height: 40% } 
.history>li .hisinfo { position:relative; width: 100%; padding: 0 0 0 4vw; box-sizing: border-box; } 
.history>li .year .t1 { font-weight: 900; font-size: 3.15em; letter-spacing: -.063em; color: var(--siteC); } 
.history>li .list { padding: 1em 0 } 
.history>li .list>li { display: flex; padding: .5em .125em } 
.history>li .list>li .month { width: 4em; margin-right: 2em } 
.history>li .list>li .con { display: flex; align-items: start; gap: .75em; min-width: 0; padding: .125em 0; } 
.history>li .list>li .con .date { font-size: 1.15em; font-weight: 900; } 
.history>li .list>li .con .t1 { font-size: 1.15em; font-weight: 500; } 
.history>li .month .t1 { font-weight: 600; font-size: 1.125em; } 
.history>li.on .year,
.history>li.on .list>li .month { color: var(--siteC); } 
.history>li.on .list>li .con { color: #000; font-weight: 500 } 
.history>li .dot:before { background: var(--siteC); opacity: .15; } 
.history>li .dot:after { background: var(--siteC); } 
@keyframes scaleAni { 100% { opacity: 0; width: 150%; height: 150% } 
 }

/* 정책자문위원회 */
.tlist_st1 {gap: 1em;}
.tlist_st1 .list-item{border:6px solid #eee; position:relative; padding:1.5em; flex: 1 32.3%; max-width: 32.3%; text-align: center;}
.tlist_st1 .list-item.w2 {width:calc(50% - 5px);}
.tlist_st1 .list-item:nth-child(2n){margin-right:0;}
.tlist_st1 .list-item:before{content:""; display:block; width:34px; height:34px; background:url(../images/sub/icon_tlist.png) no-repeat center / 100% auto; position:absolute; left:-6px; top:-6px; }
.tlist_st1 .item-num{font-size:1.250em; font-weight:700; color:#222;}
.tlist_st1 .item-content{word-break:keep-all; line-height:1.3; font-size:1em; font-weight:500; color:#555; margin-bottom:.5em;}
.tlist_st1 .item-content:last-child {margin-bottom: unset;}

.tlist_st1.st2 {border-top: 1px dashed #ddd; padding-top: 2em; margin-top: 2em;}
.tlist_st1.st2 .list-item:before{background:url(../images/sub/icon_tlist2.png) no-repeat center / 100% auto;}

/* 지정기부금단체 */
.donation_list {gap: 1em; margin-top: 1em;}
.donation_list li {border: 1px solid #ddd; padding: 1.5em; flex: 1 49%; max-width: 49%; gap: 2em; background: #f4f4f4; min-height: 10.8em;}
.donation_list li .icon {text-align: center; width: 3em; height: 3em; line-height: 3em; background: var(--siteC); color: #fff; border-radius: 50%;}
.donation_list li .tbox {width: 80%;}
.donation_list li .tbox .t1 {font-size: 1.05em; font-weight: 700; margin-bottom: .3em;}
.donation_list li .tbox .t2 {margin-bottom: .3em; font-size: .96em;}
.donation_list li .tbox .t3 {padding-left:1em; position: relative; font-size: .9em;}
.donation_list li .tbox .t3::before {content: ""; position: absolute; left: 0; top: .6em; width: .313em; height: .313em; background: var(--siteC); border-radius: 50%;}

/* ci소개 */
.ci_con {gap: 3em;}
.ci_con .inn {flex: 1;}
.ci_con .inn .img {border: 1px solid #ddd;}

.ci_con2 {gap: 3em;}
.ci_con2 .img {width: 50%;}
.ci_con2 .tbox {width: 50%;}

.color_wrap {gap: 2%;}
.color_wrap .system { flex: 1;}
.color_wrap .system:last-of-type { margin-right: 0; }
.color_wrap .system .area { width: 100%; padding: 3em 2em; box-sizing: border-box;}
.color_wrap .system .area.blue { background: #005bb9; }
.color_wrap .system .area.red { background: #db004f; }
.color_wrap .system .area.black { background: #231815; }


/* 지회 및 지부 */
/* center */
.center_box {}
.center_box_in {gap: 3em;}
.center_left {width:40%; text-align: center; border: 1px solid #ddd;}
.center_right {flex: 1;}
.center_right .area-search {padding:3em 2em;}
.center_right .area-search .area-search-tx {padding: 2em 0; border-top:1px solid #ddd;}
.center_right .find-descrip {}

.center_tit {font-size: 1.25em; font-weight: 600; margin-bottom: .5em;}
.center_tit2 {font-size: 1.125em; font-weight: 500; background: #f4f4f4; padding: .5em 1em;}
.center_tit2 .xi {background: var(--siteC2); color: #fff; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; border-radius: 50%; margin-right: .5em; vertical-align: middle; font-size: 1.25em;}
.center_tt {padding: 1em; background: #f4f4f4; font-size: 1.05em;}
.center_tt .xi {background: var(--siteC2); color: #fff; width: 1.7em; height: 1.7em; line-height: 1.7em; text-align: center; border-radius: 50%; font-size: 1.125em; vertical-align: middle; margin-right: .5em;}

.input_list {gap: .5em; background: #f4f4f4; padding: 1.5em;}

.label.st1 {padding:0.5em 1em; border:1px solid #ddd; background-color:#fff; transition:0.3s;}
.label.st2 {padding:0.5em 1em; border:1px solid #ddd;}
.label:hover {border-color:#1d40a6; transition:0.2s;}
.label.st2:hover {background-color:#1d40a6; color:#fff;}

.answer_box {padding:1em;}
.answer_box .ans_name { margin-right:2em;}
.answer_box .ans_btnbox .ans_btn { margin-right:1em; border:1px solid #ddd; padding:0.5em 1.5em; transition:0.4s;}
.answer_box .ans_btnbox .ans_btn .xi {margin-right:0.5em;}
.answer_box .ans_btnbox .ans_btn:hover {border-color:#1d40a6; transition:0.2s;}

/* 개인정보 */
.member_agree .agree {padding: 3em; border: 1px solid #ddd; border-top: 2px solid #3c3c3d; font-size: .938em; color: #69696b; font-weight: 300; line-height: 1.4em;}
.member_agree .agree.H {padding: 1.5em; border-top-width: 1px; height: 10em; overflow-y: scroll;}

/*프린트1*/

.print_table2{ font-size:.938em; table-layout:fixed;}
.print_table2 th,
.print_table2 td{ height:1.2em; padding:.313em .750em;  /*line-height:1.1;*/ word-break:keep-all}
.print_table2 th{ /*background:#f1f1f1; */text-align:center; font-weight:inherit;}
.print_table2 td{ position:relative;}
.print_table2 th > div i,
.print_table2 td > div i {display:block;}

.print_table2 thead th{background:#dddddd}


.print_table2.hst1 th,
.print_table2.hst1 td {height:1.7em; padding:.5em .750em;}


.popPrint{ position:relative; box-sizing:border-box;}
.popPrint .printDiv2{ position:relative; box-sizing:border-box;}

.pop_mypage_qualification02{padding:150px 75px; position:relative;}


.print_stamp_wrap2{position:relative;  display:inline-block}
.print_stamp_wrap2 .tt{font-family:'ChosunGs'; color:#434343; position:relative; }
.print_stamp_wrap2 .tt.t1{color:#222; font-weight:inherit; font-size:1.5em;}
.print_stamp_wrap2 .imG{position:absolute;content:"";max-width:6em;z-index:1;top:-2em;right: -4.5em;}

.print_tit14.pad { padding:63px 0;}
.print_tit14{text-align:center; font-size:3em; font-family:'ChosunGs'; line-height:1.5;}
.pad_1{ padding: 54px 0;}
.min { font-size:12px;}
.mar_side{ padding:}

.letter{ letter-spacing:69px}
.letter_1{ letter-spacing:40px}
.letter_2{ letter-spacing:2px}
.letter_2_1{ letter-spacing:3px}

.px_1{font-size:15px;}
.px_2{font-size:40px;}
.px_3{font-size:20px;}
.px_4{font-size:28px;}

.txtIn{ text-indent: 22px;}

.mar_left {margin-left:12px;}
.mar_left .stamp{position:absolute; right:4em; top:50%; transform:translateY(-50%);}
.mar_r {margin-left:65px;}
.mar_r_1 {margin-left:106px;}

/*프린트2*/

.print_table102{ font-size:.938em; table-layout:fixed;}
.print_table102 th,
.print_table102 td{ height:1.2em; padding:.313em .750em;  /*line-height:1.1;*/ word-break:keep-all}
.print_table102 th{ /*background:#f1f1f1; */text-align:center; font-weight:inherit;}
.print_table102 td{ position:relative;}
.print_table102 th > div i,
.print_table102 td > div i {display:block;}

.print_table102 thead th{background:#dddddd}


.print_table102.hst1 th,
.print_table102.hst1 td {height:1.7em; padding:.5em .750em;}


.popPrint{ position:relative; box-sizing:border-box;}
.popPrint .printDiv102{ position:relative; box-sizing:border-box;}
.popPrint .posLogo{ position:absolute; top:50%; left:50%; width:18.75em; transform:translate(-50%,-50%);}
.popPrint .posLogo img{ width:100%;}
.popPrint .posLogo ~ *{ position:relative;}

.pop_mypage_qualification1002{padding:150px 75px; position:relative; }



.print_stamp_wrap102{position:relative;  display:inline-block}
.print_stamp_wrap102 .tt{font-family:'ChosunGs'; color:#434343; position:relative; }
.print_stamp_wrap102 .tt.t1{color:#222; font-weight:inherit; font-size:1.5em;}
.print_stamp_wrap102 .imG{position:absolute;content:"";max-width:6em;z-index:1;top:-2em;right: -4.5em;}

.print_tit4.pad { padding:40px 0;}
.pad_101{ padding: 54px 0;}
.min { font-size:12px;}
.mar_side{ padding:}

.letter{ letter-spacing:69px}
.letter_101{ letter-spacing:40px}
.letter_102{ letter-spacing:2px}
.letter_102_1{ letter-spacing:3px}

.px_101{font-size:15px;}
.px_102_1{font-size:35px;}
.px_103{font-size:20px;}
.px_104{font-size:28px;}

.txtIn{ text-indent: 22px;}

.mar_left {margin-left:12px;}
.mar_left .stamp101{position:absolute; right:1em; top:50%; transform:translateY(-50%);}
.mar_r {margin-left:65px;}
.mar_r_101 {margin-left:106px;}