@charset "utf-8"; /* CSS Document */
.box0 { width: var(--container-ultra-xxxxl); margin: 0 auto; max-width: 94%; } 
.box1 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box2 { width: var(--container-xl); margin: 0 auto; max-width: 92%; } 
.box3 { width: var(--container-lg); margin: 0 auto; max-width: 92%; } 
.box4 { width: var(--container-xl); margin: 0 auto; max-width: 92%; } 
.box5 { width: var(--container-xxl); margin: 0 auto; max-width: 92%; } 
.box_full { width:100vw; } 

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

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


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




/*메인 레이어팝업*/
.mainLayerPop { } 
.mainLayerPop .popLayer { display:block; position:absolute; overflow:auto; background:#fff; border:1px solid #000; box-sizing:border-box; } 
.mainLayerPop .popLayer_closeW { height:35px; padding:0 1em; text-align:right; background:#343b4d; } 
.mainLayerPop .popLayer_closeW * { color:#fff; } 
.mainLayerPop .popLayer_close .tt { font-size:.875em; } 
.mainLayerPop .popLayer_close a { display:inline-block; margin-left:.5em; font-weight:500; } 
@media screen and (max-width:1024px){
 .mainLayerPop { position:fixed; top:0; bottom:0; left:0; right:0; z-index:2000; display:flex; align-content:center; align-items:center; justify-content:center; text-align:center; background:rgba(0,0,0,.4); } 
.mainLayerPop .in_w { box-sizing:border-box; max-width:95vw; max-height:calc(95vh - 6em); width:25em; margin-top:1em; margin-bottom:5em; background:#fff; border:1px solid #000; overflow-y:auto; } 
.mainLayerPop .moSlide .el .popLayer { position:static; height:auto !important; width:25em !important; max-width:100% !important; max-height:100%; border:none; } 
.mainLayerPop .moSlide .el .popLayer img { width:100%; } 
.mainLayerPop .dot_wrap { position:fixed; left:0; right:0; bottom:1em; text-align:center; } 
.mainLayerPop .slick-dots > ul > li { display:inline-block; margin:0 .125em; } 
.mainLayerPop .slick-dots > ul > li button { width:1em; height:1em; border:none; background:#fff; border-radius:100%; text-indent:-999999px; overflow:hidden; transition:.2s; } 
.mainLayerPop .slick-dots > ul > li.slick-active button { width:3em; border-radius:5em; } 
.mainLayerPop.hide { display:none; } 
.mainLayerPop .moHide { display:none; } 
.mainLayerPop .pcHide { display:block; } 
.mainLayerPop div.popLayer_closeW { display:flex; align-content:center; align-items:center; } 
.mainLayerPop div.popLayer_closeW .popLayer_close { flex:1; } 
 }

/* header */
#header .headWrap { background: #fff; border-bottom: 1px solid var(--gray-line-2); } 
#header .headWrap .inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding: .5rem 0; box-sizing: border-box; height: var(--headH); } 
#header .headWrap .menu { display: flex; justify-content: end; } 
#header .headWrap .menu > li > .in { display: flex; padding: 0rem .5rem; gap: .5rem; height: 2rem; font-size: var(--font-size-sm-1); } 
#header .headWrap .menu > li:first-of-type > .in { } 
#header .headWrap .logo { } 
#header .headWrap .logo > a { display: flex; align-items: center; } 
#header .headWrap .logo > a img { height: 80px; object-fit: contain; } 

#header .mid_wrap { background: #fff; } 

#header .top_wrap { position: relative; background: #fff; transition: transform .5s; } 
#header .top_wrap .inner { gap: 6.5rem; } 
#header .top_wrap .etc_wrap { display: flex; gap: 1.75rem; align-items: center; } 
#header .top_wrap { } 
#header .top_wrap .wrapIn { padding: 0 2.5em; box-sizing: border-box; } 
#header .top_wrap .wrapIn { display:flex; align-items:center; justify-content:space-between; gap:0 1vw } 

#header { position:fixed; top:0; left:0; width:100%; transition: transform .5s, background-color .5s, padding .5s; z-index:999; } 
#header:before { position: absolute; top: var(--headAll); left: 0; width: 100%; height: 1px; background: var(--gray-line-2); content: ''; z-index: 2; } 
#header .gnb_wrap { width: 100%; } 
#header .gnb_wrap .gnb { } 
#header .gnb_wrap .gnb > li,
#header .gnb_wrap .gnb > li .dp1 { transition:height .2s, background .2s, padding .5s ease; box-sizing:border-box; height: 4rem; } 
#header .gnb_wrap .gnb > li { position:relative; flex: 1; } 
#header .gnb_wrap .gnb > li .dp1 { position:relative; justify-content: center; display: flex; align-items: center; } 
#header .gnb_wrap .gnb > li .dp1 .tt { font-size: var(--font-size-md-1); letter-spacing: 0; font-weight:600; text-transform:uppercase; transition: .3s; } 
#header .gnb_wrap .gnb > li.act .dp1 .tt { color: var(--color-point); } 

#header .gnb_wrap .gnb > li .dp2 { display:none; margin:0 auto; padding: 1rem 0; } 
#header .gnb_wrap .gnb > li .dp2 > li > a { position:relative; display:block; padding: .5rem 1.5rem; transition: .3s; } 
#header .gnb_wrap .gnb > li .dp2 > li > a .tt { position:relative; font-size: var(--font-size-sm); font-weight: 500; color: rgba(255,255,255, .8); transition: .3s; } 
#header .gnb_wrap .gnb > li .dp3 { display: block; flex-direction: column; align-items: start; padding: 0 1.5rem; margin-bottom: var(--space-2); } 
#header .gnb_wrap .gnb > li .dp3 > li { position: relative; margin-bottom: var(--space-2); } 
#header .gnb_wrap .gnb > li .dp3 > li:last-of-type { margin-bottom: 0; } 
#header .gnb_wrap .gnb > li .dp3 > li > a { } 
#header .gnb_wrap .gnb > li .dp3 > li > a > .in > .tt { line-height: 1.5; text-align:left; position:relative; padding-left: .75rem; font-size: var(--font-size-sm-1); font-weight: 400; line-height: 1; color: var(--color-black-8); } 
#header .gnb_wrap .gnb > li .dp3 > li > a > .in > .tt:before { position: absolute; left: 0; content: '-'; } 
#header .gnb_wrap .gnb > li .dp3 > li > a:hover > .in > .tt { color: var(--color-point); } 
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after { opacity:1; } 

#header.gnbOpen .top_wrap { background: #fff; } 
#header.gnbOpen .gnb_wrap .gnb > li .dp2 > li > a .tt { color: rgba(0,0,0, .6); } 
#header.gnbOpen .gnb_wrap .gnb > li .dp2 > li > a:hover .tt { color: var(--color-point); } 
#header.gnbOpen .gnb_wrap .gnb > li .dp2 { display: block; } 
#header.gnbOpen .gnb_wrap .gnb > li { border-right: 1px solid var(--gray-line-2); } 
#header.gnbOpen .gnb_wrap .gnb > li:first-of-type { border-left: 1px solid var(--gray-line-2); } 
#header.gnbOpen .gnb_wrap .gnb > li { height:auto; } 
#header.gnbOpen:after { transform: scaleX(1); } 
#header.gnbOpen .gnb_wrap .gnb > li.act { background: var(--color-gray-1); } 


#header .all_wrap { } 
#header .all { } 
#header .all_btn { display: flex; align-items: center; justify-content: center; height: 4rem; width: 4rem; background: var(--color-point); position:relative; z-index:999; transition:.2s, background 0s; } 
#header .all_btn > .in { position:relative; width: 1.5rem; height: 1.15rem; display: block; } 
#header .all_btn .ham,
#header .all_btn .ham:before,
#header .all_btn .ham:after { display:block; width:100%; height: 2px; background: #fff; transition:.2s, background 0s; } 
#header .all_btn .ham:before,
#header .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_btn .ham:before { top:calc(50% - 1px); width: 100%; } 
#header .all_btn .ham:after { top:calc(100% - 2px); left: 0; width:100%; } 
#header .all:hover .all_btn .ham:before { width: 100%; } 

#header.allOpen .all_btn .ham { transform: rotate(45deg); } 
#header.allOpen .all_btn .ham:after { transform: rotate(-90deg); } 
#header.allOpen .all_btn .ham:before { display:none; } 
#header.allOpen .all_btn > .in { height:auto; } 

#header.allOpen .all_btn .ham,
#header.allOpen .all_btn .ham:after
 {
 background-color:#000!important; } 
#header.allOpen .all_btn { background:#fff!important; position:fixed; top:1em; right:1em; } 


/* all_wrap */
/* #header .all_wrap { color:#000; } 
#header .all_wrap .all { width:2.5em; } 
#header .all_wrap .all_btn { position:relative; display:block; width:1.8em; height:1.35em; margin-left:auto; } 
#header .all_wrap .all_btn .ham,
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { display:block; width:100%; height: 2px; background:#000; transition:.2s, background 0s; } 
#header .all_wrap .all_btn .ham:before,
#header .all_wrap .all_btn .ham:after { content:""; position:absolute; right:0; } 
#header .all_wrap .all_btn .ham:before { top:calc(50% - 1px); width:100%; } 
#header .all_wrap .all_btn .ham:after { top:calc(100% - 2px); width:100%; } 
#header .all_wrap .all_btn:hover .ham:before { width:70%; } 
#header .all_wrap .all_btn:hover .ham:after { width:80%; } */

#header .all_wrap .all_layer { position:fixed; top:0; left:0; width:100%; height:100vh; opacity:0; visibility:hidden; pointer-events:none; overflow: hidden; } 
#header .all_wrap .all_layer .all_shape { position:fixed; bottom:-7em; right:-2vw; width:25vw; opacity:.15; } 
#header .all_wrap .all_layer .all_shape img { width:100%; } 
#header .all_wrap .all_layer .all_inner { width:100%; height: 100vh; /* min-height:100%; */ overflow:hidden; color:#fff; position: relative; } 
#header .all_wrap .all_layer .all_inner:before { content: ''; position: absolute; width: 5vw; height: 5vw; transform: scale(0); right: 4vw; top: 2em; border-radius: 50%; background: #04182e; transition: .8s; z-index: -1; } 
#header .all_wrap .all_layer .all_inner > .wrap_bg { width:40%; padding:16vh 4vw 3em; opacity: 0; transition: .3s; } 
#header .all_wrap .all_layer .all_inner > .wrap_in { flex:1; padding:16vh 2vw 3em; overflow:hidden; } 

#header .all_wrap .all_layer .all_inner > .wrap_bg .cs { padding-top:2em; font-size:1.188em; } 
#header .all_wrap .all_layer .wrap_middle { padding-bottom:3em; opacity:0; transform:translateY(2em); } 
#header .all_wrap .all_layer .wrap_middle .gnb { display:block; } 
#header .all_wrap .all_layer .wrap_middle .gnb li a { position:relative; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li + li { margin-top:4em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 { display:inline-block; text-align:left !important; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp1 .tt { font-size:2.000em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 { margin-top:1.5em; align-items:center; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li:not(:last-child) > a:after { content:""; margin:0 1.5em; width:1px; height:1em; background:rgba(255,255,255,.4); } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .in { } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all_layer .wrap_middle .gnb > li .dp2 > li.act > a .tt { text-decoration:underline; } 

.allGnbOn { overflow-y:hidden } 
.allGnbOn body { overflow-y:scroll } 
.allGnbOn #header .all_wrap .all_layer .all_inner:before { transform: scale(100); } 
.allGnbOn #header .logo { width: 15em; z-index:100; position:fixed; top:0; left:4vw; filter:brightness(0) invert(1) !important; } 
.allGnbOn #header .all_wrap .all_btn { z-index:9999; position:fixed; top:2em; right:4vw; width:3.5em; height:3.5em; filter:brightness(0) invert(1) !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; } 
.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; pointer-events:all } 
.allGnbOn #header .all_wrap .all_layer .wrap_bg .slogan { opacity:1; transform:scale(1); transition:1s; transition-delay:.4s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_middle { opacity:1; transform:translate(0); transition:1s; transition-delay:.2s; } 
.allGnbOn #header .all_wrap .all_layer .wrap_bg { opacity:1; } 
#header.allOpen:before { display:none; } 


/* new */
#header .all_wrap { width:auto; height:100%; } 
#header .all_wrap .btn_all { height:100% } 
#header .all_wrap .btn_all .btn_in { position:relative; display:block; width:1.75em; height:1.5em; } 
#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:#555; border-radius:1em; 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% - 2px); } 
#header .all_wrap .btn_all .ham:after { top:calc(100% - 4px); background:#555; } 
#header .all_wrap .btn_all .btn_in:hover .ham:before { width:75%; } 
#header .all_wrap .btn_all .btn_in:hover .ham:after { width:85%; } 

#header .all_wrap .all { position:fixed; top:0; left:0; width:100%; height:100%; opacity:0; visibility:hidden; } 
#header .all_wrap .all .wrap_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; } 
#header .all_wrap .all .wrap_in { position:absolute; top:0; right:0; width:100%; height:100%; background:#fff; color:#000; } 
#header .all_wrap .all .wrap_in .scrollst { height:100%; } 
#header .all_wrap .all .all_img { position:relative; width:30%; height:100%; } 
#header .all_wrap .all .all_img:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.3; } 
#header .all_wrap .all .all_img ~ .scrollst { flex:1; } 
#header .all_wrap .all .allconWrap { padding:2em 3em; } 
#header .all_wrap .all .all_top .tit_in { width: 20em; margin-bottom:1em; } 
#header .all_wrap .all .all_top .tit_in .tt { font-size:3.000em; color:#222; } 
#header .all_wrap .all .all_gnb .gnb .flex { display:block; text-align:left !important; } 
#header .all_wrap .all .all_gnb .flex .va_wrap { text-align:left!important } 
#header .all_wrap .all .all_gnb .gnb > li { flex:1; padding:1.5em 1em 2.5em 1em; } 
#header .all_wrap .all .all_gnb .gnb > li ~ li { border-left:1px solid #e5e5e5; } 
#header .all_wrap .all .all_gnb .gnb > li a { padding:.5em 0; transition:.1s; } 
#header .all_wrap .all .all_gnb .gnb > li .dp1 { } 
#header .all_wrap .all .all_gnb .gnb > li .dp1:before { content:""; display:inline-block; vertical-align:top; margin-right:.375em; width:.438em; height:.438em; background:#00a3d6; border-radius:50%; } 
#header .all_wrap .all .all_gnb .gnb > li .dp1 .tt { font-size:1.375em; font-weight:600; } 
#header .all_wrap .all .all_gnb .gnb > li .dp2 { padding:2.5em 0 0 .875em; } 
#header .all_wrap .all .all_gnb .gnb > li .dp2 > li > a { opacity:.6; } 
#header .all_wrap .all .all_gnb .gnb > li .dp2 > li > a .tt { font-size:1.063em; } 
#header .all_wrap .all .all_gnb .gnb > li:hover .dp1 { color:#006ab5; } 
#header .all_wrap .all .all_gnb .gnb > li .dp2 > li:hover > a { opacity:1; } 
#header .all_wrap .all .all_gnb .gnb > li .dp3 { display:none; } 

#header.allOpen .all_wrap .btn_all .btn_in { position:fixed; top:1.5em; right:2em; z-index:999; width:2.5em; height:2.5em; transition:transform .3s; } 
#header.allOpen .all_wrap .btn_all .ham { background:transparent !important; 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:#000 !important; } 
#header.allOpen .all_wrap .btn_all .ham:before { transform:rotate(45deg); } 
#header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg); } 
#header.allOpen .all_wrap .btn_all .btn_in:hover { transform:rotate(90deg); } 
#header.allOpen .all_wrap .all { opacity:1; visibility:visible; transition:.3s; } 
#header.allOpen .all_wrap .all .all_top,
#header.allOpen .all_wrap .all .all_gnb { animation:txtAni-up 1s both; } 
#header.allOpen .all_wrap .all .all_top { animation-delay:.2s; } 
#header.allOpen .all_wrap .all .all_gnb { animation-delay:.5s; } 




#mainSerchForm { position: relative; width: 40%; border-radius: var(--radius-sm); border: 2px solid var(--color-point); overflow: hidden; } 
#mainSerchForm .inp { height: 3rem; box-sizing: border-box; background: #fff; border: none; width: 100%; padding: 0 1rem 0 1rem; color: var(--color-black-5); font-weight: 600; font-size: var(--font-size-sm); font-weight: 400; } 
#mainSerchForm .inp::placeholder { font-size: var(--font-size-sm); } 
#mainSerchForm .btn { position: absolute; right: 0rem; background: var(--color-point); border: none; height: 3rem; top: 0; width: 3.85em; display: flex; align-items: center; justify-content: center; } 
#mainSerchForm .btn > .tt { font-size: var(--font-size-sm); color: #fff; font-weight: 600; } 

/*main box*/
.main_topCon { margin-bottom: var(--space-6); align-items: end; } 
.main_box { padding: 2rem 0; } 
.main_box.pt { padding-top: 0; } 
.main_box.pb { padding-bottom: 0; } 
.main_box.pN { padding: 0; } 

/*contents*/
#contents { } 
#contents .sub_page_top { position:relative; height:12rem; margin-top: var(--headAll); } 
#contents .sub_page_top > .inner { position:relative; height:100%; } 
#contents .sub_page_bg { position:absolute; top:0; left:0; width:100%; height:100%; } 
#contents .sub_page_bg > .bg { position:absolute; top:0; right:0; width:calc(100% + 2vw); height:100%; transition:3s; } 
#contents .sub_page_bg > .bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0,rgba(0,0,0,.215),rgba(0,0,0,.1)); } 
/* .load #contents .sub_page_bg > .bg { right:-1vw; } */
#contents .sub_page_tit { flex:1; z-index:9; } 
#contents .sub_page_tit .sub_tit_wrap { overflow:hidden; } 
#contents .sub_page_tit .tit_inner { text-align: center; position: absolute; top: 35%; transform: translate(-50%, -50%); z-index: 2; left: 50%; } 
#contents .sub_page_tit .wrap_tit { color:#fff; } 
#contents .sub_page_tit .wrap_tit .tt { display:block; } 
#contents .sub_page_tit .wrap_tit .sub_txt .tt { font-size:3.250em; opacity:.25; } 
#contents .sub_page_tit .wrap_tit .sub_tit .tt { font-size: var(--font-size-xl); font-weight: 600; } 

#contents .sub_page_menu { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); text-align:center; /* background: var(--color-bg-2); */ } 
#contents .sub_page_menu .menu_wrap { max-width:100%; } 
#contents .sub_page_menu .gnb { display:block; } 
#contents .sub_page_menu .wrapH { height:4rem; text-align: left; margin-right:-1px; } 
#contents .sub_page_menu .home { position:relative; } 
#contents .sub_page_menu .home .in { border-radius:1em 0 0 0; display: flex; align-items: center; justify-content: center; background:var(--color-point); border-color:var(--color-point); width:4rem; transition:.2s; } 
#contents .sub_page_menu .home .in .xi { font-size: var(--font-size-md); color: #fff; } 
#contents .sub_page_menu .drop_menu { position:relative; } 
#contents .sub_page_menu .drop_menu .drop_tit { background-color: var(--color-bg-2); gap:0 2rem; padding:0 .875em 0 1em; min-width:20em; transition:.2s; box-sizing: border-box; } 
#contents .sub_page_menu .drop_menu .drop_tit .tt { font-size: var(--font-size-sm); } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow { transition:.2s; } 
#contents .sub_page_menu .drop_menu .drop_tit .arrow:before { content:"\e942"; } 
#contents .sub_page_menu .drop_menu ul { display:block; } 
#contents .sub_page_menu .drop_menu .gnb { overflow:hidden; position: absolute; top: 100%; left: 0; width: 100%; min-width: 12.5rem; /* padding: 0.5rem 0; */ background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius:0 0 0.5rem 0.5rem; box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.08); box-sizing: border-box; display: none; z-index: 999; } 
#contents .sub_page_menu .drop_menu .gnb a.flex { display: flex; align-items: center; text-align: left; } 
#contents .sub_page_menu .drop_menu .gnb li { list-style: none; margin: 0; padding: 0; } 
#contents .sub_page_menu .drop_menu .gnb li > a { display: block; width: 100%; padding: 0.75rem 1.25rem; font-weight: 400; color: #333333; box-sizing: border-box; text-decoration: none; transition: all 0.2s ease-in-out; } 
#contents .sub_page_menu .drop_menu .gnb li > a .tt { font-size: 0.875rem; line-height: 1.4; display: block; } 
#contents .sub_page_menu .drop_menu .gnb li > a:hover { color: var(--color-point, #000); background: var(--color-gray-2, #f5f5f5); padding-left: 1.5rem; } 
#contents .sub_page_menu .drop_menu .gnb li.act > a, 
#contents .sub_page_menu .drop_menu .gnb li.on > a { color: var(--color-point, #000); background: var(--color-gray-2, #f5f5f5); font-weight: 600; } 
#contents .sub_page_menu .home:hover,
#contents .sub_page_menu .drop_menu:hover,
#contents .sub_page_menu .drop_menu.on { z-index:2; } 
#contents .sub_page_menu .drop_menu:hover .drop_tit { background:#dfe5f3; color:var(--color-point) } 
#contents .sub_page_menu .drop_menu.on .drop_tit { background:#dfe5f3; color:var(--color-point) } 
#contents .sub_page_menu .drop_menu.on .drop_tit .arrow { transform:rotate(-180deg); } 
#contents .sub_page_menu .drop_menu.on .gnb { display:block!important; } 
#contents .sub_page_menu .drop_menu:last-child .drop_tit { border-top-right-radius: 1em!important; } 

#contents .sub_page_menu .menu .gnb { position:relative; } 
#contents .sub_page_menu .menu .gnb:before { content:""; position:absolute; left:0; top:50%; width:1px; height:1.25em; background:#fff; opacity:.2; transform:translateY(-50%); } 
#contents .sub_page_menu .menu .gnb .dp2 { } 
#contents .sub_page_menu .menu .gnb .dp2 > li { } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a { position:relative; padding:1em 3.5em; min-width:14em; color:rgba(255,255,255,.6); border-color:rgba(255,255,255,.3); } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .tt { font-size:1.250em; font-weight:600; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a .in { position:relative; padding:0 .5em; } 
#contents .sub_page_menu .menu .gnb .dp2 > li > a:after { content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background:var(--color-point3); transform:scaleX(0); transition:transform .3s; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a { color:#fff; } 
#contents .sub_page_menu .menu .gnb .dp2 > li.act > a:after,
#contents .sub_page_menu .menu .gnb .dp2 > li.on > a:after { transform:scaleX(1); } 
#contents .sub_page_menu .menu .gnb .dp3 { } 

#contents .sub_page_con { } 
#contents .sub_page_con .con_tit { gap:.625rem; } 
#contents .sub_page_con .con_tit .tt { width:auto; } 
#contents .sub_page_con .con_tit .t1 { font-size: var(--font-size-xl-1); font-weight:600; } 
#contents .sub_page_con .con_tit .t2 { font-size: var(--font-size-md-1); font-weight:500; opacity:.8; } 

#contents .doc { padding:4.5rem 0 6rem; } 
.dp1_member #contents .doc { padding: 14rem 0 6rem; } 

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



/*SUB PAGE*******************/

.tab_wrap { display: flex; align-items: flex-start; gap: 2.5rem; /* width: 100%; */ position: relative; } 
.tabMenuContainer { position: sticky; top: 11rem; min-width: 12.5rem; max-width: 12.5rem; z-index: 100; background-color: transparent; padding-top: 0; margin-bottom: 0; } 
.tabMenuList { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; gap: 0.625rem; border-bottom: none; } 
.tabMenuItem { width: 100%; min-width: auto; } 
.tabMenuBtn { display: block; width: 100%; padding: 0.9375rem 1.25rem; font-size: 0.9375rem; font-weight: 500; text-align: left; color: #64748b; background-color: #f8fafc; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; cursor: pointer; transition: all 0.2s ease-in-out; white-space: nowrap; position: relative; top: 0; } 
.tabMenuBtn:hover { color: var(--color-point); border-color: var(--color-point); background-color: #fff; transform: translateX(0.25rem); } 
.tabMenuBtn:active { top: 0; } 
.tabMenuBtn.active { color: #fff; background-color: var(--color-point); border-color: var(--color-point); font-weight: 600; transform: translateX(0.25rem); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05); } 
.tabContentContainer { flex: 1; min-width: 0; width: 100%; } 
.tabContentPanel { display: block; width: 100%; padding-top: 0; margin-bottom: 5rem; border-bottom: 0.0625rem solid #f1f5f9; padding-bottom: 2.5rem; } 
.tabContentPanel:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } 

.descDotList.fieldGrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.9375rem; padding: 0; } 
.descDotList.fieldGrid li { padding-left: 0; margin-top: 0 !important; list-style: none; } 
.descDotList.fieldGrid li div { height: 100%; display: flex; align-items: center; gap: 0.75rem; padding: 1rem 1.25rem; background: #f8fafc; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; transition: all 0.2s ease-in-out; box-sizing: border-box; } 
.descDotList.fieldGrid li div:hover { border-color: var(--color-point); background: #fff; transform: translateY(-0.125rem); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05); } 
.descDotList.fieldGrid i { font-size: 1.25rem; color: var(--color-point); } 
.descDotList.fieldGrid p { font-size: 1rem; font-weight: 500; color: #334155; margin: 0; } 
.descDotList.fieldGrid span { display: block; font-size: 0.8125rem; color: #64748b; font-weight: 400; margin-top: 0.125rem; } 

.lcmInfo .box_deinfo > li > .in { background-color: #f8fafc; border: 0.0625rem solid #e2e8f0; transition: all 0.2s ease-in-out; height:stretch; } 
.lcmInfo .box_deinfo > li > .in:hover { border-color: var(--color-point); background: #fff; transform: translateY(-0.125rem); box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.05); } 
.lcmInfo .box_deinfo > li > .in .in_box .b_txt { color: #fff; font-size: 0.9rem; background: linear-gradient(135deg, var(--color-point), #3b82f6) !important; } 
.lcmInfo .eduSubmit > li > .inner:hover > .contentWrap > .imgCon > img { transform: none; } 
.lcmInfo .eduSubmit > li > .inner:hover > .contentWrap > .infoCon > .tit { text-decoration: none; } 
.lcmInfo .pageContainer .page:first-of-type { padding-top: 0 !important; } 
.lcmInfo .descDotList > li { margin-bottom: 0 !important; } 

.lcmInfo .jobDutyContainer { display: flex; flex-direction: column; gap: 2.5rem; margin-top: 1.25rem; } 
.lcmInfo .dutySection { display: flex; flex-direction: column; gap: 1.25rem; position: relative; margin-top: 1rem; } 
.lcmInfo .sectionHeader { display: flex; align-items: center; gap: 0.9375rem; border-top: 0.125rem solid #f1f5f9; padding: 1rem 0 0rem; } 
.lcmInfo .stepBadge { display: inline-block; padding: 0.25rem 0.625rem; background: linear-gradient(135deg, var(--color-point), #3b82f6); color: #fff; font-size: 0.75rem; font-weight: 700; border-radius: 1.875rem; letter-spacing: 0.0313rem; } 
.lcmInfo .dutySection h3 { font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0; } 
.lcmInfo .dutyGrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 0; margin: 0; list-style: none; } 
.lcmInfo .dutyGrid li { position: relative; } 
.lcmInfo .dutyGrid li div { display: flex; align-items: flex-start; gap: 0.9375rem; padding: 1.125rem 1.25rem; background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0,0,0,0.02); transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); height:stretch; } 
.lcmInfo .dutyGrid li div:hover { border-color: var(--color-point); background: #fdfeff; transform: translateY(-0.1875rem); box-shadow: 0 0.625rem 0.9375rem -0.1875rem rgba(0,0,0,0.05); } 
.lcmInfo .num { font-size: var(--font-size-base); font-weight: 800; color: var(--color-point); background: #f0f7ff; min-width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; border-radius: 0.5rem; } 
.lcmInfo .txt { font-size: var(--font-size-base); font-weight: 500; color: #475569; line-height: 1.5; margin: 0; padding-top: 0.1875rem; word-break: keep-all; } 

.passInfoGraphic { display: flex; gap: 1.5rem; width: 100%; margin-bottom: 1.5rem; } 
.passCard { flex: 1; display: flex; flex-direction: column; align-items: center; background: #fff; border: 0.0625rem solid #e2e8f0; border-radius: 1rem; padding: 2rem 1.5rem; box-shadow: 0 0.25rem 0.375rem -0.0625rem rgba(0,0,0,0.02); position: relative; } 
.cardBadge { display: inline-block; padding: 0.375rem 1.25rem; background: #eff6ff; color: var(--color-point); font-weight: 700; font-size: 0.9375rem; border-radius: 3rem; margin-bottom: 1.5rem; } 
.cardBadge.stage2 { background: #f0fdf4; color: #16a34a; } 
.scoreCircleWrap { display: flex; gap: 2rem; justify-content: center; margin-bottom: 1.5rem; width: 100%; } 
.scoreCircle { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6rem; height: 6rem; border-radius: 50%; position: relative; box-shadow: inset 0 0 0 0.375rem #f1f5f9; } 
.scoreCircle.minPass { box-shadow: inset 0 0 0 0.375rem #fee2e2; border: 0.0625rem solid #fecaca; } 
.scoreCircle.avgPass { box-shadow: inset 0 0 0 0.375rem #dbeafe; border: 0.0625rem solid #bfdbfe; } 
.scoreLabel { font-size: var(--font-size-sm-1); color: #64748b; font-weight: 500; margin-bottom: 0.125rem; } 
.scoreValue { font-size: var(--font-size-lg-1); font-weight: 800; color: #1e293b; } 
.scoreValue i { font-style: normal; font-size: var(--font-size-sm); font-weight: 500; margin-left: 0.0625rem; color: #475569; } 
.cardDesc { font-size: var(--font-size-sm); color: #475569; text-align: center; line-height: 1.6; margin: 0; word-break: keep-all; } 
.cardDesc b { color: #1e293b; font-weight: 600; } 

.itemHeader { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; } 
.itemHeader .itemTit { margin-bottom: 0; } 
.faqLinkBtn { display: inline-block; padding: 0.375rem 0.75rem; background: #f1f5f9; color: #475569; font-size: var(--font-size-sm); font-weight: 600; border-radius: 0.375rem; text-decoration: none; transition: all 0.2s; } 
.faqLinkBtn:hover { background: #e2e8f0; color: #1e293b; } 

.restrictionAlert { display: flex; align-items: center; gap: 0.75rem; background: #f8fafc; border: 0.0625rem solid var(--color-point); border-radius: 0.5rem; padding: 1rem 1.25rem; margin-bottom: 1.25rem; } 
.alertIcon { font-size: 1.25rem; display: flex; align-items: center; } 
.alertTxt { font-size: var(--font-size-base); color: #000; margin: 0; line-height: 1.4; } 
.alertTxt b { color: var(--color-point); font-weight: 600; } 
.alertTxt span { color: var(--color-point); font-weight: 700; text-decoration: underline; text-underline-offset: 0.1875rem; } 

.restrictionGrid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 0; margin: 0; list-style: none; } 
.restrictionGrid li { position: relative; } 
.resCard { display: flex; align-items: flex-start; gap: 1rem; padding: 1.25rem; background: #f8fafc; border: 0.0625rem solid #e2e8f0; border-radius: 0.75rem; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); height: 100%; box-sizing: border-box; } 
.resCard:hover { border-color: var(--color-point); background: #fff; transform: translateY(-0.125rem); box-shadow: 0 0.25rem 0.75rem rgba(29, 81, 225, 0.04); } 
.resNum { font-size: var(--font-size-sm); font-weight: 800; color: var(--color-point); background: #e2e8f0; min-width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; } 
.resTxt { font-size: var(--font-size-sm); font-weight: 500; color: #475569; line-height: 1.5; margin: 0; word-break: keep-all; } 
.resTxt b { color: #334155; font-weight: 700; } 


.page_tab_wrap { margin-bottom:3.5em; text-align:center; } 
.page_tab_wrap .tab { } 
.page_tab_wrap .tab > li { flex:1 1 33.33%; max-width:33.33%; } 
.page_tab_wrap .tab > li > a { height:4em; position:relative; border:1px solid #ddd; margin-left:-1px; } 
.page_tab_wrap .tab > li > a:after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:2px; background:#323d8f; transform:scaleX(0); transition:.3s; display:none } 
.page_tab_wrap .tab > li > a .tt { color:#888; font-weight:600; font-size:1em; } 
.page_tab_wrap .tab > li.on > a { background:#386fc8 } 
.page_tab_wrap .tab > li.on > a .tt { color:#fff; } 
.page_tab_wrap .tab > li:hover > a:after,
.page_tab_wrap .tab > li.on > a:after { transform:scaleX(1); } 
.page_tab_wrap .tab > li:hover > a { } 
.page_tab_wrap .tab > li:hover > a .tt { color:#386fc8 } 

.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 > .tt > b { font-weight: 600; } 
.page_tit.icon.st1 { margin-bottom:2em; line-height:normal; } 
.page_tit.icon.st1:before { position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:var(--color-point); border-radius:50%; opacity:.2; transform:translate(-.75em, -.375em); } 
.page_tit.icon.st2 { padding-left:2em; line-height:1.5; } 
.page_tit.icon.st2:before { content:"\e92b"; font-family:xeicon; font-size:1.438em; color:inherit; position:absolute; top:0; left:0; line-height:normal; } 
.page_tit.icon.st2 > .t2 { top:-.25rem; } 
.page_tit.icon.st2 > .t4 { top:-.125rem; } 
.page_tit.icon.st3 { line-height:1.5; } 
.page_tit.icon.st3:before { position:absolute; top:0; left:0; width:1.125em; height:.313em; background:var(--color-point); border-radius:6em; transform:rotate(-45deg) translate(-.625em, -.875em); } 
.page_tit.icon.st4 { padding-left:2em; line-height:1.5; margin-top: 1em; margin-bottom: .65em; color: var(--color-point2); } 
.page_tit.icon.st4:before { content:"\e92b"; font-family:xeicon; font-size:1.438em; color:inherit; position:absolute; top:0; left:0; line-height:normal; } 

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

.page_tit { margin-bottom: var(--space-3); } 
.page_tit .tt { font-size: var(--font-size-base); line-height: var(--line-height-normal); } 
.page_tit .t1 { font-size: var(--font-size-xl-1); line-height: 1.4; font-weight: 700; } 
.page_tit .t2 { font-size: var(--font-size-lg); } 
.page_tit .t3 { font-size: var(--font-size-base); font-weight: 600; color: var(--color-point2); } 
.page_tit .t4 { font-size: var(--font-size-md-1); } 
.page_tit .t5 { font-size: var(--font-size-lg-2); } 

.page_txt { } 
.page_txt > .tt { margin-top:1.375em; color:#111; font-weight:500; position: relative; z-index: 1; } 
.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_con { padding:3.75em 0 4em 0; box-sizing:border-box; } 
.page_con.bg1 { background:#f2f2f2; } 

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

.page_tit.addNum { display:flex; align-items:center; gap:1em; } 
.page_tit.addNum:before { display:inline-flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; margin-bottom:auto; width:2.5em; height:2.5em; background:var(--color-point); border-radius:50%; font-size:.813em; color:#fff; font-weight:700; } 
.page_tit.addNum > .tt { flex:1; } 
.page_tit.addNum > .t1 { } 
.page_tit.addNum > .t2 { } 
.page_tit.addNum > .t3 { } 
.page_tit.addNum > .t4 { } 

.page_txt_wrap { } 
.page_txt_wrap > .innerSec > .wrap_tit,
.page_txt_wrap > .innerSec > .wrap_con { line-height:1.5; } 
.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.st2 > .innerSec { padding:2.5em 0; } 
.page_txt_wrap.st2 > .innerSec.flex > .wrap_tit { max-width:50%; padding:3em 6em 4em 0; } 

.page_txt_wrap.st3 { } 
.page_txt_wrap.st3 > .innerSec { padding:0 0; } 
.page_txt_wrap.st3 > .innerSec > .wrap_tit { padding-top: 4.25em; } 
.page_txt_wrap.st3 > .innerSec:first-of-type > .wrap_tit { padding: 0 1em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con { width: 100%; border: 1px solid #ddd; border-radius: .5em; padding: 2.5em; margin-top: 1em; box-sizing: border-box; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .side_pd { padding: 0 1.5em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .table_imp { margin-top: .5em; align-items: center; gap: .3em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .table_imp > p { font-size: .9em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .page_ex_list > li > .ex_list_img { margin: 0 0 -1em -1.5em; padding-top: 1.5em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .page_ex_list > li > .ex_list_img.w_50 > li { flex: 1 1 50%; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .page_ex_list > li > .ex_list_img > li > .in { margin: 0 0 1em 1.5em; border-radius: 1em; overflow: hidden; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .page_ex_list > li > .ex_list_img.h_20 > li > .in { height: 20em; } 
.page_txt_wrap.st3 > .innerSec > .wrap_con .page_ex_list > li > .ex_list_img > li > .in > img { width: 100%; height: 100%; object-fit: cover; } 
.page_txt_wrap.st3 > .innerSec.flex { gap:2em; } 
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit { position:relative; } 
.page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before { content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:#386fc8; display:none; } 

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

.page_txt_wrap.b_box > .innerSec { padding: 2em 0 0 0; } 
.page_txt_wrap.b_box > .innerSec > .wrap_tit { margin-bottom: .5em; } 
.page_txt_wrap.b_box > .innerSec > .wrap_tit strong { font-weight: 700; } 
.page_txt_wrap.b_box > .innerSec > .wrap_con { padding: 1em 1.5em; border-radius: .5em; background: #f4f4f4; } 

.page_txt_wrap.st4.st6 > .innerSec.flex > .wrap_con { padding-left:.5em; } 

.page_txt_wrap.st4.st5 { background:#f7f7f7; padding:1.5em 1em; margin-bottom:1em; border:1px solid #e9e9e9; } 

.page_txt_wrap > .innerSec.head { margin-bottom:1em; padding:0; border-bottom-width:0; text-align:center; } 
.page_txt_wrap > .innerSec.head > .wrap_head { padding:.75em .75em !important; background:#fff; border:1px solid #d4d5d8; border-radius:.25em; box-shadow:2px 2px .25em rgba(0,0,0,.07); } 
.page_txt_wrap.st1 > .innerSec.head > .wrap_con.wrap_head { margin-left:3.5em; } 
.page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head { margin-left:1.25em; } 

.page_txt_wrap.even:not(.st3) > .innerSec.flex:nth-child(even) { flex-direction:row-reverse; } 
.page_txt_wrap.even.st1 > .innerSec.flex:nth-child(even) > .wrap_con { padding-left:0; padding-right:3.75em; } 
.page_txt_wrap.even.st2 > .innerSec.flex:nth-child(even) > .wrap_tit { padding-right:1em; padding-left:6em; } 
.page_txt_wrap.even.st3 > .innerSec:nth-child(even) { background:var(--color-gray-2); } 

.page_txt_wrap.odd:not(.st3) > .innerSec.flex:nth-child(odd) { flex-direction:row-reverse; } 
.page_txt_wrap.odd.st1 > .innerSec.flex:nth-child(odd) > .wrap_con { padding-left:0; padding-right:3.75em; } 
.page_txt_wrap.odd.st2 > .innerSec.flex:nth-child(odd) > .wrap_tit { padding-right:0; padding-left:6em; } 
.page_txt_wrap.odd.st3 > .innerSec:nth-child(odd) { background:var(--color-gray-2); } 

.page_txt_wrap.even.st3,
.page_txt_wrap.odd.st3 { border-top:3px solid var(--color-point2); } 
.page_txt_wrap.even.st3 > .innerSec.flex > .wrap_tit,
.page_txt_wrap.odd.st3 > .innerSec.flex > .wrap_tit { padding-left:2em; } 
.page_txt_wrap.even.st3 > .innerSec.flex > .wrap_con,
.page_txt_wrap.odd.st3 > .innerSec.flex > .wrap_con { padding-right:2em; } 

.page_ex_list { counter-reset:listIdx; } 
.page_ex_list > li { padding:.313em 0; counter-increment:listIdx; } 
.page_ex_list > li > .in { position:relative; line-height:1.5; } 
.page_ex_list > li > .in:before { content:""; position:absolute; left:0; } 
.page_ex_list > li > .in > .num:before { content:counter(listIdx, decimal-leading-zero) "."; } 
.page_ex_list > li > .in > .tt { color:#111; } 
.page_ex_list > li > .in > .tt.t1 { margin-top:.25em; font-size:.938em; color:#555; } 
.page_ex_list > li > .in > .tt.t1.bl { color:#111; } 
.page_ex_list > li > .in > .tt a[href]:hover { text-decoration:underline; } 
.page_ex_list.small { font-size: .9em; background: #fff; padding: 1em; border-radius: .5em; margin-top: 1em; margin-left: 1em; } 
.page_ex_list.small > li { padding-bottom: .15em; } 
.page_ex_list.small > li:last-of-type { padding-bottom: 0em; } 
.page_ex_list.big { font-size:1.063em; } 

.page_ex_list.list_w50 > li { width: 50%; } 

.page_ex_list > li:first-child { padding-top:0; } 
.page_ex_list > li:last-child { padding-bottom:0; } 

.page_ex_list > li > .in > .tt + .page_ex_list { margin-top:1em; } 
.page_ex_list > li > .in .page_ex_list:last-child { margin-bottom:.75em; } 
.page_ex_list > li:last-child > .in .page_ex_list:last-child { margin-bottom:0; } 

.page_ex_list.dot > li > .in { padding-left:1em; } 
.page_ex_list.dot > li > .in:before { top:.5em; width:.313em; height:.313em; background:var(--color-point); border-radius:50%; } 

.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_ex_list.bill > li > .in { padding-left:1.5em; } 
.page_ex_list.bill > li > .in:before { content:"※"; top:.0313em; font-size:.938em; } 

.page_ex_list.number > li > .in { display:flex; align-items:center; gap:.5em; } 
.page_ex_list.number > li > .in > .num { margin-bottom:auto; min-width:2em; font-size:.938em; font-weight:600; } 
.page_ex_list.number > li > .in > .num.cp { color: var(--color-point); } 
.page_ex_list.number > li > .in > .tt { flex:1; } 

.page_ex_list.fSt { } 
.page_ex_list.fSt > li { padding-bottom:1em; } 
.page_ex_list.fSt > li:last-child { padding-bottom:0; } 
.page_ex_list.fSt > li .in { } 
.page_ex_list.fSt > li .in .tit { width:5em; } 
.page_ex_list.fSt > li .in .tit.st2 { width:8em; } 
.page_ex_list.fSt > li .in .txt { flex:1; min-width:0; } 
.page_ex_list.fSt > li .in .tit .ti { } 
.page_ex_list.fSt > li .in .txt .tx { display:block; padding-bottom:.313em; } 
.page_ex_list.fSt > li .in .txt .tx:last-child { padding-bottom:0; } 

.page_box_list { } 
.page_box_list > .list { gap:1.25em; } 
.page_box_list > .list > li { flex:1; } 
.page_box_list > .list > li > .innerList { flex:1; } 
.page_box_list > .list > li > .innerList > .wrap_tit1 { display:flex; align-items:center; margin-bottom:-1px; height:4em; padding:.5em 1em; background:var(--crGray5); border:1px solid #ddd; border-radius:.5em .5em 0 0; } 
.page_box_list > .list > li > .innerList > .wrap_tit1:last-child { margin-bottom:0; } 
.page_box_list > .list > li > .innerList > .wrap_tit1 > * { flex:1; } 
.page_box_list > .list > li > .innerList > .wrap_tit1 + .wrap_con { padding:1em 1em; background:#fff; border:1px solid #ddd; border-radius:0 0 .5em .5em; } 
.page_box_list > .list > li > .innerList.flex.col > .wrap_tit1 + .wrap_con { flex:1 1 auto; } 
.page_box_list > .list.max1 > li { flex:0 1 auto; width:calc(33.33% - .83333em); } 

.page_box_list > .list.st1 > li > .innerList > .wrap_tit1 { height: auto; border: none; background: var(--color-point2); } 
.page_box_list > .list.st1 > li > .innerList > .wrap_tit1 .page_tit > .tt { color: #fff; font-size: 1em; } 
.page_box_list > .list.st1 > li > .innerList > .wrap_tit1 .page_tit > .tt > strong { font-weight: 400; } 
.page_box_list > .list.st1 > li > .innerList > .wrap_tit1 + .wrap_con { border: 1px solid var(--color-point2); } 

.page_box_list.st2 > .list { gap:1em; } 
.page_box_list.st2 > .list > li > .innerList { position:relative; border-radius:1.5em; overflow:hidden; background:var(--crGrad1); box-shadow:0 2px 1.5em rgba(0,0,0,.15); transition:.2s; } 
.page_box_list.st2 > .list > li > .innerList .posImg { position:absolute; bottom:0em; right:2em; width:30%; height:60%; } 
.page_box_list.st2 > .list > li > .innerList .posImg img { object-position:right center; } 
.page_box_list.st2 > .list > li > .innerList .wrap_con { gap:2em; height:100%; padding: 2.5em; /* padding:4em 3em; padding-right:40%; */ } 
.page_box_list.st2:not(.re) > .list > li > .innerList .wrap_con .con .tt { color:#fff; } 
.page_box_list.st2:not(.re) > .list > li > .innerList .wrap_con .con .page_tit.icon.st1:before { opacity:.8; } 
.page_box_list.st2 > .list > li:hover > .innerList { transform:translateY(-1em); } 
.page_box_list.st2.re > .list > li > .innerList { border:3px solid transparent; background-image:linear-gradient(#fff, #fff),var(--crGrad2); background-origin:border-box; background-clip:content-box, border-box; } 

.page_img_box1 { position:relative; overflow:hidden; } 
.page_img_box1.round { border-radius:1em; } 
.page_img_box2 { } 
.page_line { display:block; margin:3.75em 0; height:0; border-width:1px 0 0 0; border-style:solid; border-color:#d9d9d9; } 
.page_line.dot { border-style:dashed; } 
.page_line.mg1 { margin:1em 0; } 
.page_line.mg2 { margin:1.5rem 0; } 
.page_line.mg3 { margin:.75em 0; } 

.page_more .input_st { transition:.2s; } 
.page_more .input_st.flex { gap:0 .5em; padding-left:1.5em; padding-right:1.5em } 
.page_more .input_st.s1 { padding-left:2em; padding-right:2em; } 
.page_more .input_st:hover,
.page_more .input_st.re:hover { background:#000 !important; border-color:#000 !important; color:#fff !important; } 

.page_icon { margin:2em 0; } 
.page_icon:first-child { margin-top:0; } 
.page_icon:last-child { margin-bottom:0; } 
.page_icon > .icon img { width:2.5em; } 

.page_boxSt1 { } 
.page_boxSt2 { } 

.page_msg { } 
.page_msg > .inner { padding:1.75em 2em; background:#fff; border-radius:.375em; box-shadow:2px 2px .5em rgba(0,0,0,.15); background: #f9f9f9; } 

.page_memo > li { margin-top:.5em; position:relative } 
.page_memo > li:first-child { margin-top:0 } 
.page_memo > li .tt { margin:.25em 0 0 .5em } 
.page_memo > li.flex .tt { flex:1 1 0%; min-width:0; } 
.page_memo .t1 { font-size:.938em; color:#555; } 
.page_memo .t1 .ti { font-weight:500; font-size:1.125em; color:#000; } 
.page_memo .icon.info:before { content:"\e9a7"; color:#323d8f; font-size:.938em; } 

.sub_page_tab_wrap { } 
.sub_page_tab_wrap .list { margin:0 0 0 -.625em; } 
.sub_page_tab_wrap .list > li { flex:1 1 25%; max-width:25%; } 
.sub_page_tab_wrap .list > li .in { height:3.5em; margin:0 0 0 .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s; } 
.sub_page_tab_wrap .list > li .in .tt { } 
.sub_page_tab_wrap .list > li.on .in,
.sub_page_tab_wrap .list > li:hover .in { border-color:#323d8f; box-shadow:0 3px .375em rgba(0,0,0,.1); color:#323d8f; } 
.sub_page_tab_wrap .list > li.on .in .tt,
.sub_page_tab_wrap .list > li:hover .in .tt { font-weight:700; } 
.sub_page_tab_wrap .list.st1 > li { flex:1 1 33.33%; max-width:33.33%; } 

.search_container { margin-top: calc(var(--headAll)); text-align: center; } 
.search_container .searchT { } 
.search_container .searchT > .tit { font-size: var(--font-size-xl); font-weight: 600; color: var(--color-black-1); } 
.search_container .searchField { margin-top: 3rem; } 
.search_container .result_container { margin-top: 4rem; width: 100%; } 
.search_container .result_container .resultTit { font-size: 14px; margin-bottom: .5rem; font-weight: 400; color: #666; text-align: left; } 
.search_container .result_container .resultTit > i { color: var(--color-black-1); font-weight: 600; } 
.search_container .mall_list_total { margin-top: 4rem; } 
.searchField .searchInput { position: relative; width: 40%; margin: 0 auto; } 
.searchField .searchInput input { height: 3.5rem; font-size: var(--font-size-md); padding-right: 5rem; padding-left: .75rem; box-sizing: border-box; border: none; border-bottom: 1px solid var(--color-black-1); width: 100%; } 
.searchField .searchInput .search { position: absolute; right: 0; width: 4rem; background: #fff; height: 100%; top: 50%; transform: translateY(-50%); background: var(--color-point); color: #fff; border: none; } 
.searchField .searchInput .search > .xi { font-size: var(--font-size-lg); } 

/* visual_container */
.visual_container { background: var(--color-bg-2); margin-top: var(--headAll); } 
.visual_container .visualInenr { display: grid; grid-template-columns: 1.1fr 1fr; gap: 1.5rem; align-items: stretch; } 
.visual_container .visualInenr .item { min-width: 0; } 
.visual_container .visualInenr .item.left { display: grid; grid-template-rows: 1fr .8fr; gap: 1.5rem; height: 100%; min-width: 0; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap { position:relative; height: 100%; min-width: 0; min-height: 17rem; height: 17rem; width: 100%; border-radius: var(--radius-md); overflow: hidden; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .slogan_wrap { position: absolute; top: 40%; transform: translateY(-50%); width: 100%; padding: 0 3rem; box-sizing: border-box; z-index: 9; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .slogan_wrap .tit { font-size: var(--font-size-lg-1); font-weight: 700; color: #fff; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .slogan_wrap .desc { font-size: var(--font-size-sm); margin-top: var(--space-1); color: rgba(255,255,255, .915); font-weight: 400; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .visualSlider_control { position: absolute; display: flex; justify-content: center; bottom: 0rem; width: 100%; background: rgba(0,0,0, .415); backdrop-filter: blur(5px); z-index: 9; padding: .25rem 0; box-sizing: border-box; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .visualSlider_control .swiperControl { display: flex; gap: .5rem; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .visualSlider_control .swiperControl .swiperBtn { background: transparent; border-radius: var(--radius-pill); width: 1.85rem; height: 1.85rem; color: #fff; border: 1px solid #fff; } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .visualSlider_control .swiperControl .swiperBtn:before { font-size: var(--font-size-sm); } 
.visual_container .visualInenr .item.right .visualSlide_Wrap .visualSlider_control .swiperControl .swiperBtn:hover { background: var(--color-point); border: 1px solid var(--color-point); } 
.visualSlide_Wrap .visualSlider_control .paging .swiper-pagination-bullet { background: rgba(255,255,255, 1); width: .35rem; min-width: .35rem; height: .35rem; opacity: .615; transition: .5s ease; } 
.visualSlide_Wrap .visualSlider_control .paging .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 1.5rem; border-radius: 5px; background: #fff; opacity: 1; } 

.visualSlide_Wrap .visualSlider { height: 100%; width: 100%; min-width: 0; border-radius: var(--radius-md); overflow: hidden; } 
.visualSlide_Wrap .visualSlider .bg { position: relative; width: 100%; height: 100%; } 
.visualSlide_Wrap .visualSlider .bg:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .315); content: ''; z-index: 2; } 

.visual_container .visualInenr .item.right .quickContainer { background: #fff; border-radius: var(--radius-md); overflow: hidden; } 
.visual_container .visualInenr .item.right .quickContainer .quickList { display: flex; flex-wrap: wrap; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li { width: 33.33%; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner { padding: 1rem 0; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; border-right: 1px solid var(--gray-line-2); transition: .3s ease; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li:nth-child(-n+3) .inner { border-bottom: 1px solid var(--gray-line-2); } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li:nth-child(3n) .inner { border-right: none; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner .tit { font-size: var(--font-size-sm); font-weight: 400; color: var(--color-black-4); transition: .3s ease; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner .icon { } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner .icon > img { height: 38px; object-fit: contain; transition: .3s ease; } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner:hover { background: var(--color-point); } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner:hover > .icon > img { filter: var(--crWhitefil); } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner:hover { background: var(--color-point); } 
.visual_container .visualInenr .item.right .quickContainer .quickList > li .inner:hover > .tit { color: #fff; } 

.visual_container .visualInenr .item.right { display: grid; grid-template-rows: 1.4fr auto; gap: 1.5rem; height: 100%; } 
.visual_container .visualInenr .item.right .topArea { display: grid; /* grid-template-columns: 1.4fr 1fr; */ gap: 1.5rem; align-items: stretch; } 
.visual_container .visualInenr .item.right .topArea .addBox { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 1rem; } 
.visual_container .visualInenr .item.right .topArea .boxInner { border-radius: var(--radius-md); padding: 1.5rem; box-sizing: border-box; gap: 1.5rem; display: flex; align-items: center; } 
.visual_container .visualInenr .item.right .topArea .boxInner .icon > img { width: 6.5rem; height: 80px; object-fit: contain; } 
.visual_container .visualInenr .item.right .topArea .addTitBox { background: #fff; } 
.visual_container .visualInenr .item.right .topArea .addTitBox .t1 { font-size: var(--font-size-md); color: var(--color-point); font-weight: 700; } 
.visual_container .visualInenr .item.right .topArea .addTitBox .txtList { margin: var(--space-1) 0; } 
.visual_container .visualInenr .item.right .topArea .addTitBox .txtList > li { position:relative; padding-left: .75rem; line-height: 1.2; margin-bottom: var(--space-1); font-size: var(--font-size-sm); color: var(--color-black-6); } 
.visual_container .visualInenr .item.right .topArea .addTitBox .txtList > li:last-of-type { margin-bottom: 0!important } 
.visual_container .visualInenr .item.right .topArea .addTitBox .txtList > li:before { position: absolute; left: 0; content: '-' } 
.visual_container .visualInenr .item.right .topArea .eduBox { background: var(--color-point); } 
.visual_container .visualInenr .item.right .topArea .eduBox .icon { } 
.visual_container .visualInenr .item.right .topArea .eduBox .tit { font-size: var(--font-size-md); font-weight: 700; color: #fff; } 
.visual_container .visualInenr .item.right .topArea .eduBox .mainSmbtn,
.visual_container .visualInenr .item.right .topArea .addTitBox .mainSmbtn
 {
 display: flex; align-items: center; justify-content: center; height: 2rem; padding: 0 1rem; width: fit-content; margin-top: var(--space-1); box-sizing: border-box; border-radius: var(--radius-pill); background: var(--color-point3); } 
.visual_container .visualInenr .item.right .topArea .eduBox .mainSmbtn .tt,
.visual_container .visualInenr .item.right .topArea .addTitBox .mainSmbtn .tt { color: #fff; font-weight: 700; line-height: 1; font-size: var(--font-size-xs); } 
.visual_container .bannerSlide_wrap { position:relative; overflow:hidden; border-radius: var(--radius-sm); height: 22.5rem; } 
.visual_container .bannerSlide_wrap .posiB.rbR { padding-left: 1.25rem; height: 2.5rem; display: flex; } 
.visual_container .bannerSlide_wrap .banner_control { } 
.visual_container .bannerSlide_wrap .banner_control .control { gap: var(--gap-sm); z-index: 9; position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, .315); height: 2.45rem; display: flex; align-items: center; padding-left: 1rem; border-radius: .5rem 0 0 0; backdrop-filter: blur(5px); } 
.visual_container .bannerSlide_wrap .bannerSlide { overflow:hidden; border-radius: var(--radius-sm); height: 100%; } 
.visual_container .bannerSlide_wrap .bannerSlide .banner_img { display: block; background: #fff; height: 100%; } 
.visual_container .bannerSlide_wrap .bannerSlide .banner_img > img { width: 100%; height: 100%; object-fit: cover; } 

.visual_container .bannerSlide_wrap .banner_control .control .swiperBtn { width: 2.25rem; height: 2.45rem; } 
.visual_container .bannerSlide_wrap .banner_control .control .swiperBtn:before { font-size: var(--font-size-md); } 
.visual_container .bannerSlide_wrap .banner_control .control .progress-container { display: flex; align-items: center; gap: var(--gap-xs); } 
.visual_container .bannerSlide_wrap .banner_control .control .progress-container .progress-bar { position: relative; display: block !important; bottom: 0; width: 45px; height: 2px; background: rgba(255,255,255, .15); } 
.visual_container .bannerSlide_wrap .banner_control .control .progress-container .progress-bar .swiper-pagination-progressbar-fill { background: #fff; } 
.visual_container .bannerSlide_wrap .banner_control .control .progress-container .current-slide,
.visual_container .bannerSlide_wrap .banner_control .control .progress-container .total-slide { font-size: var(--font-size-xxs); color: #fff; line-height: 1; font-weight: 800; } 

.sideArea { display: grid; grid-template-rows: 1fr 1fr; gap: 1.5rem; height: 100%; } 
.sideArea > * { background: #fff; border-radius: var(--radius-md); min-height: 7.5rem; } 

.visual_container .visualInenr .item.left .btmArea { height: 100%; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap { background: #fff; height: 100%; border: 1px solid var(--gray-line-2); border-radius: var(--radius-md); overflow: hidden; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab { display: flex; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li { flex: 1; border-right: 1px solid var(--gray-line-1); } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li:last-of-type { border-right: none; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li.plus { width: 4rem; flex: unset; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li > .con { height: 3.25rem; display: flex; align-items: center; justify-content: center; background: var(--color-gray-2); cursor: pointer; transition: .3s ease; } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li > .con > .tt { font-size: var(--font-size-sm); font-weight: 600; color: var(--color-black-4); transition: .3s ease; } 

.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li.on > .con { background: var(--color-point); } 
.visual_container .visualInenr .item.left .btmArea .noticeWrap .notiTab > li.on > .con > .tt { color: #fff; } 

.visual_container .visualInenr .item.left .btmArea .notiList_container { padding: 1.5rem; box-sizing: border-box; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop { } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner { display: flex; align-items: center; gap: 2rem; padding-bottom: var(--space-2); margin-bottom: var(--space-2); border-bottom: 1px solid var(--gray-line-2); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon { width: 5.5rem; min-width: 5.5rem; height: 5.5rem; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-pill); background: var(--color-bg-2); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .newIcon > img { height: 45px; object-fit: contain; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info { flex: 1; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .tit { display: flex; gap: .25rem; align-items: center; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .tit > .xi { color: var(--color-error); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .tit > .tt { font-size: var(--font-size-md-1); font-weight: 500; line-height: 1.3; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .desc { font-size: var(--font-size-sm-1); font-weight: 400; line-height: 1.3; color: var(--color-black-6); margin-top: var(--space-1); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner > .info > .date { font-size: var(--font-size-xs); color: var(--color-black-8); font-weight: 400; margin-top: var(--space-1); } 


.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner:hover > .info > .desc,
.visual_container .visualInenr .item.left .btmArea .notiList_container .listTop > .inner:hover > .info > .tit { text-decoration: underline; } 

.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm { padding-top: var(--space-2); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li { margin-bottom: var(--space-2); } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li:last-of-type { margin-bottom: 0; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con { display: flex; gap: 1rem; justify-content: space-between; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con > .tit { position:relative; line-height: 1; padding-left: 1rem; color: var(--color-black-6); font-size: var(--font-size-sm); font-weight: 400; transition: .25s ease; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con > .tit:before { position: absolute; left: 0; top: 40%; transform: translateY(-50%); width: 5px; height: 5px; background: var(--color-point); opacity: .615; border-radius: var(--radius-pill); content: ''; } 
.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con > .date { font-size: var(--font-size-xs); line-height: 1; font-weight: 400; color: var(--color-black-8); } 

.visual_container .visualInenr .item.left .btmArea .notiList_container .listBtm > li > .con:hover > .tit { text-decoration: underline; color: var(--color-black); } 
.boardWrap { height: 100%; min-height: 14rem; background: #fff; border-radius: var(--radius-md); overflow: hidden; display: grid; grid-template-rows: auto 1fr; } 

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

.mem_login_box { width:38em; max-width:100%; margin:0 auto; } 
.mem_join_box { width:50em; max-width:100%; margin:0 auto; } 
.mem_join_box.wd { width: 60em; } 

.mem_form_wrap { padding: 1.5rem 2.5rem; box-sizing: border-box; background: var(--color-gray-2); border-radius: var(--radius-sm); } 
.mem_form_wrap .memfinInfo { text-align: center; padding: 4rem 0; } 
.mem_form_wrap .memfinInfo .t1 { font-size: var(--font-size-lg-2); font-weight: 700; line-height: 1.3; } 
.mem_form_wrap .memfinInfo .t1 > i { color: var(--color-point); } 
.mem_form_wrap .memfinInfo .t2 { font-size: var(--font-size-base); font-weight: 400; color: var(--color-black-6); margin-top: var(--space-3); } 

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

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

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

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

.mem_form_inp.st1 > li { padding-right:2em; } 
.mem_form_inp.st2.flex { gap:.313em; } 
.mem_form_inp.st2.flex.gp1 { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .wrap_in.flex { gap:1em; } 
.mem_form_inp.st2.flex > li.inp_wrap .tit { } 

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

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

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

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

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

.mem_agree .agree { padding:2em; border:solid #ddd; border-width:2px 0 1px 0; border-top-color:#333; color:#444; line-height:1.8; } 
.mem_agree .agree.H { padding:.5em 1em; border-top-width:1px; height:14em; background:#fff; font-size:.938em; } 
.mem_agree .agree p { padding:.5em 0; } 
.mem_agree .agree * { vertical-align:baseline; } 
.mem_agree .agree strong { color:#000; font-weight:700; } 
.mem_agree .check { padding:1em 0; } 
.dp1_policy .mem_agree .agree strong { display:inline-block; text-align:center; padding:.5em 2em; background:var(--color-point2); border-radius:.5em; font-size:1.063em; color:#fff; } 
.dp1_policy .mem_agree .agree p { padding:.75em 0; } 

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

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

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

/*프린트*/
.pop .pop_page_print { box-sizing:border-box; } 
.popWd1 { width:35em; margin:0 auto; } 
.popWd2 { width:55em; margin:0 auto; } 
.popWd3 { width:70em; margin:0 auto; } 

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

.print_table thead th { background:#dddddd } 

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

.print_table.hst2 th,
.print_table.hst2 td { height:1.7em; padding:1em .750em; } 

.print_table.hst3 th,
.print_table.hst3 td { height:1.7em; } 

.print_table.lineSt1 th { border-left:none; } 
.print_table.lineSt1 td { border-right:none; } 

.print_table .pw_form_tit { width:2em; } 
.print_table .pw_form_tit2 { width:7em; } 
.print_table .pw_form_tit3 { width:9.5em; } 
.print_table .pw_form_tit3 { width:8.5em; } 
.print_table .pw_con1 { width:10em; } 
.print_table .pw_con2 { width:8em; } 
.print_table .pw_auto { width:auto; } 
.print_table .pw_photo { width:12em; } 

.in_txt_print { font-size:.938em; line-height:1.6; } /*설명글*/

.in_txt_tbl { } /*테이블 내에 테이블*/
.in_txt_tbl > * { font-size:.938em; line-height:1.4; } 

.print_con_logo { text-align:center; margin:1em 0; } 
.print_con_logo > img { width:12em; } 
.print_con_logo .tt { font-family:'ChosunGs'; font-size:1.188em; padding-left:3px; } 
.print_con_logo .tt.t1 { color:#666; font-weight:inherit; font-size:1.5em; } 
.print_con_logo .tt.t2 { font-size:2em; } 

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

.in_txt_Wrap { } /*유의사항 box*/
.in_txt_Wrap > p.t1 { text-align:center; line-height:1.5; font-size:.875em; } 
.in_txt_Wrap > p.t2 { text-align:center; font-family: 'ChosunGs'; font-size:1.50em; padding:5em 0; } 
.in_txt_Wrap > p.t2.pd1 { padding:2em 0; } 
.in_txt_Wrap > p.t2.pd2 { padding:42px 0 0; } 
.in_txt_Wrap > p.t3 { text-align:center; line-height:1.5; font-size:1.125em; } 

.in_txt_Wrap > dl { border:1px solid #ddd; background:#fafafa; padding:1em; border-top:3px solid #323d8f } 
.in_txt_Wrap > dl > dt { text-align:center; padding-bottom:1em; font-weight:600; } 
.in_txt_Wrap > dl > dd { text-indent:-1em; } 
.in_txt_Wrap > dl > dd > * { line-height:1.6; font-size:.813em; } 
.in_txt_Wrap > dl > dd .t1 { padding-left:1em; } 
.in_txt_Wrap > dl > dd .t2 { color:#333; padding-left:2em; } 

.in_sign_Wrap { } /*날짜, 신청자 싸인*/
.in_sign_Wrap > * { line-height:1.6; font-size:1.188em; font-family: 'ChosunGs'; letter-spacing:1px; } 
.in_sign_Wrap .date { } 
.in_sign_Wrap .name { } 

.in_result_Wrap { } /*결과*/
.in_result_Wrap .t1 { font-family: 'ChosunGs'; font-size:1.5em; padding-right:10px; } 
.in_result_Wrap .t2 { font-size:2.3em; border:1px solid #333; padding:5px 10px; font-family: 'ChosunGs'; } 

.print_tit1 { text-align:center; padding:0 0 2em 0; font-size:1.5em; font-family: 'ChosunGs'; } 
.print_tit2 { text-align:center; font-size:2.250em; font-family:'ChosunGs'; line-height:1.5; } 
.print_tit3 { text-align:center; font-size:3em; font-family:'ChosunGs'; padding:1.5em 0; letter-spacing:2em; text-indent:2em; } 
.print_tit4 { text-align:center; font-size:3em; font-family:'ChosunGs'; line-height:1.5; } 

.print_num1 { font-family:'ChosunGs'; font-size:1.313em; } 

.print_card_txwrap { } 
.print_card_txwrap > p { font-family:'ChosunGs'; font-size:1.250em; line-height:1.87; } 

/*성적표 내에 총점*/
.total_wrap { padding:1em; } 
.total_wrap > div { font-family:'ChosunGs'; font-size:1.250em; padding:0 3em; } 

.print_top_wrap { } 
.print_top_wrap .logo { } 
.print_top_wrap .logo > img { width:8em; } 

/*원서접수 시험접수확인 국가공인 영수증 pop_testRece_testList01Receipt.php*/
.poptestRece_testList01Re { } 
.poptestRece_testList01Re .receipt_tit { padding:1em 0; font-weight:700; font-size:2em; letter-spacing:3px; } 
.print_tit_wrap { } 
.print_tit_wrap { text-align:center; padding:1em 1em 4em 1em; } 
.print_tit_wrap > dt { padding-bottom:1em; font-size:1.313em; } 
.print_tit_wrap > dd { } 
.print_tit_wrap > dd .date { font-weight:600; } 
.print_tit_wrap > dd .stamp { position:relative; margin-top:5em; display:inline-block } 
.print_tit_wrap > dd .stamp .tt { font-family:'ChosunGs'; font-size:1.6em; position:relative; z-index:6; } 
.print_tit_wrap > dd .stamp .stampimG { position:absolute; content:""; max-width:6em; z-index:1; top:-2em; right:-2.5em; } 

/*원서접수 시험접수확인 국가공인 수험표 pop_testRece_testList01Examticket.php*/
.poptestRece_testList01Ex { } 
.poptestRece_testList01Ex .photo_box { display:block; text-align:center } 
.poptestRece_testList01Ex .photo_box > .photo { border:1px solid #ccc; width:10em; display:inline-block } 
.poptestRece_testList01Ex .photo_box > .photo .resize { overflow:hidden; padding-bottom:128.5714%; } 
.poptestRece_testList01Ex .photo_box > .photo img { width:100%; height:100%; } 

/*원서접수 시험접수확인 국가공인 응시원서 pop_testRece_testList01Applicationform.php*/
.poptestRece_testList01Ap { } 

/*합격자발표 성적확인 국가공인 pop_pass_scoreGradecard01.php*/
.pop_pass_scoreGradecard01 { padding:2em 1em; border:1px solid #000; } 

/*합격자발표 합격증 pop_pass_certificate.php*/
.pop_pass_certificate { padding:2em 2em 5em 2em; border:1px solid #000; position:relative; } 
.pop_pass_certificate:before { position:absolute; top:0; left:0; right:0; bottom:0; opacity:.15; content:""; background-image:url(../images/inc/logo_mark.svg); background-repeat:no-repeat; background-position:center center; } 

/*마이페이지 자격취득확인서 출력 pop_mypage_qualification01.php*/
.pop_mypage_qualification01 { padding:2em 2em 5em 2em; position:relative; } 
.pop_mypage_qualification01:before { position:absolute; top:0; left:0; right:0; bottom:0; opacity:.15; content:""; background-image:url(../images/inc/logo_mark.svg); background-repeat:no-repeat; background-position:center center; } 



@page { size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0; } 
@media print { html { margin:0; } 
html:before { display:none; } 
html.pop body { display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0; } 
html.popWin body { display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0; } /*-webkit-margin-end:0; -webkit-margin-start:0; 는 크롬*/
html.pop .popWrap .popIn { overflow-y:inherit !important; box-shadow:none !important; } 

.popWrapC { padding:0 2em!important; } /*인쇄 A4 상하좌우 여백*/

.noprint { display:none; } 
.printBreak { page-break-before:always; } 
.printBreak2 { page-break-inside:avoid; page-break-after:auto } 
.printBreak + .pop_page_print { -webkit-padding-before:10mm; } 
.printBreak + .pop_page_print .print_table { margin-top:0 !important; } 
.printSection { page-break-before:always; } 
.printBl { display:block !important; } 

.pop_page_print { padding:10mm 10mm 0 10mm !important; } 
.pop_page_print:first-child { -webkit-padding-before:10mm; } 

.pop_pass_scoreGradecard01 { width:inherit !important; margin:inherit !important; padding:0 !important; } 
.pop_pass_certificate { width:inherit !important; margin:inherit !important; } 
 }

.main_more > .more { position:relative; gap:0 1em; padding:.5em 1.5em; height:2.875em; min-width:8em; max-width:100%; background:var(--color-point); border-radius:6em; text-align:center; color:#fff; } 
.main_more > .more .in_tt { font-size: 0.92em; font-weight:600; } 
.main_more > .more .xi { font-size:1.125em; transition:.2s; } 
.main_more > .more.c1 { background-image:var(--crGrad1); } 

.main_more > .more.st1 { padding:0 0; width:2.75em; height:2.75em; min-width:auto; border-radius:50%; transition:.2s; } 
.main_more > .more.st1 .xi { font-size:1.125em; } 
.main_more > .more.st1:hover { background:var(--color-point); border-color:var(--color-point); } 

.main_more > .more.st2 { gap:0 .5em; min-width:6em; padding:.5em 1em; } 

.main_more.cw > .more { background:transparent; border:2px solid #fff; } 

.main_more > a.more:hover .xi,
a:hover .main_more > .more .xi { transform:rotate(180deg); } 


.main_information { position:relative; } 
.main_information:before { content:""; position:absolute; left:0; top:40%; bottom:0; width:100%; background:var(--crGray4); } 
.main_information > * { position:relative; } 
.main_information .slide_sec { gap:2em 3em; } 
.main_information .slide_sec .notice_wrap { flex:1; } 
.main_information .slide_sec .popupzoneSlider_wrap { width:26em; max-width:40%; } 
.main_information .slide_sec .main_txt { height:4em; } 
.main_information .popupzoneSlider { border-radius:1.5em; background:#f5f5f5; box-shadow:0 2px .75em rgba(0,0,0,.07); overflow:hidden; } 

.main_information .notice_wrap .list_wrap { display:flex; flex:1 1 auto; } 
.main_information .notice_wrap .list_wrap .list { flex:1; gap:1em; } 
.main_information .notice_wrap .list_wrap .list > li { width:calc(33.33% - .6666em); } 
.main_information .notice_wrap .list_wrap .list > li .in { flex:1; gap:1.5em; padding:2.5em 1.5em; background:#fff; border-radius:1.5em; box-shadow:0 2px .75em rgba(0,0,0,.07); border:3px solid transparent; overflow:hidden; line-height:1.5; transition:.2s; } 
.main_information .notice_wrap .list_wrap .list > li .in .sbj,
.main_information .notice_wrap .list_wrap .list > li .in .desc { white-space:normal; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; } 
.main_information .notice_wrap .list_wrap .list > li .in .sbj { -webkit-line-clamp:2; font-size:1.125em; font-weight:600; } 
.main_information .notice_wrap .list_wrap .list > li .in .desc { -webkit-line-clamp:3; font-size:.875em; color:#555; } 
.main_information .notice_wrap .list_wrap .list > li .in .date { font-size:.813em; color:#666; } 
.main_information .notice_wrap .list_wrap .list > li .in:hover { border-color:var(--color-point); color:var(--color-point); } 
.main_information .notice_wrap .list_wrap .list .no_con { width:100%; padding:1em 0 !important; background:#f5f5f5; border-radius:1.5em; } 

.main_information .slide_sec + .link_sec { margin-top:5em; } 
.main_information .link_sec { gap:2em 3em; } 
.main_information .link_sec > * { flex:1; } 

.main_information .golink_list { } 
.main_information .golink_list .list { gap:1em; } 
.main_information .golink_list .list > li { flex: 1; background: var(--crGrad2); padding: 1.5em; border-radius: 1em; color: #fff; } 
.main_information .golink_list .list > li .in { flex:1; position:relative; padding-right:20%; } 
.main_information .golink_list .list > li .in .posImg { position:absolute; right:0; bottom:-1em; width:50%; height:65%; } 
.main_information .golink_list .list > li .in .posImg img { object-position:right bottom; } 
.main_information .golink_list .list > li .in .posImg + * { position:relative; } 

.main_information .ico_list { } 
.main_information .ico_list .list { gap:1em; } 
.main_information .ico_list .list > li { flex:1; } 
.main_information .ico_list .list > li .in { gap:2em; } 
.main_information .ico_list .list > li .in .ico_wrap { width:90%; } 
.main_information .ico_list .list > li .in .ico { background:#fff; border:3px solid transparent; border-radius:50%; box-shadow:0 2px .75em rgba(0,0,0,.07); transition:.2s; } 
.main_information .ico_list .list > li .in .ico img { width:40%; } 
.main_information .ico_list .list > li .in .txt { font-size:1.063em; font-weight:600; } 
.main_information .ico_list .list > li .in:hover .ico { border-color:var(--color-point); } 

.main_link { } 
.main_link .list { gap:2em; } 
.main_link .list > li { flex:1; } 
.main_link .list > li .in { flex:1; position:relative; padding:2.5em; padding-right:20%; border-radius:1.5em; box-shadow:0 3px 1em rgba(0,0,0,.1); overflow:hidden; transition:.2s; background:#ccc; } 
.main_link .list > li:nth-child(3n + 1) .in { background:var(--color-point); } 
.main_link .list > li:nth-child(3n + 2) .in { background:var(--color-point2); } 
.main_link .list > li:nth-child(3n + 3) .in { background:#038587; } 
.main_link .list > li .in .posImg { position:absolute; bottom:2em; right:2em; width:45%; height:42%; } 
.main_link .list > li .in .posImg img { object-position:right bottom; } 
.main_link .list > li:hover .in { transform:translateY(-1em); } 

.main_board { padding-top:0; } 
.main_tab { position:relative; margin-bottom:2em; } 
.main_tab .main_more { position:absolute; top:50%; right:0; transform:translateY(-50%); display:none; } 
.main_tab .tab { } 
.main_tab .tab > li { } 
.main_tab .tab > li .link { color:#555; transition:.2s; } 
.main_tab .tab > li:not(:last-child) .link:after { content:""; width:5px; height:5px; margin:0 1.5em; background:#bbb; border-radius:50%; } 
.main_tab .tab > li .link .ico { font-size:2.250em; color:var(--color-point2); margin-right:.25em; display:none; } 
.main_tab .tab > li .link .ico:before { content:"\e92b"; } 
.main_tab .tab > li .link .tt { font-size:1.188em; } 
.main_tab .tab > li:hover .link,
.main_tab .tab > li.on .link { color:#000; } 
.main_tab .tab > li.on .link .ico { display:block; } 
.main_tab .tab > li.on .link .tt { font-size:1.500em; font-weight:700; } 
.main_tab .tab > li.on .main_more { display:block; } 

.main_board .list { gap:0 1.5em; } 
.main_board .list > li { width:calc(50% - .75em); margin-bottom:-1px; } 
.main_board .list > li .in { gap:1em; padding:0 1em; height:5em; border:solid #bbb; border-width:1px 0; transition:.2s; } 
.main_board .list > li .in .tt { flex:1; font-size:1.125em; font-weight:600; } 
.main_board .list > li .in .date { font-size:.875em; color:#666; } 
.main_board .list > li .in:hover { color:var(--color-point); } 
.main_board .list .no_con { width:100%; padding:2.5em 0 !important; border:solid #bbb; border-width:1px 0; } 


/**/
.suBpass { width:47em; margin: 0 auto; } 
.suBpass.wd { width: 55em; } 
.pagePass_resultw { } 
.pagePass_resultw .in { margin-top:2em; padding:2em 3em; background:var(--crGray1); border:1px solid var(--color-gray-2); text-align:center; } 
.pagePass_resultw .in .tw { } 
.pagePass_resultw .in .tw > * { } 
.pagePass_resultw .in .tw .t1 { display:inline-block; padding:.5em 1.25em; background:var(--color-point2); border-radius:3em; margin-bottom:1em; font-size:.938em; color:#fff; } 
.pagePass_resultw .in .tw .t2 { font-size:1.500em; font-weight:700; } 
.pagePass_resultw .in .tx { padding:1.5em; margin:1.5em 0; background:#fff; border-radius:1em; box-shadow:0 2px 1em rgba(0,0,0,.05); } 
.pagePass_resultw .in .tx .t1 { padding-bottom:.5em; font-size:1.5em; color:var(--color-point2); font-weight:600; } 
.pagePass_resultw .in .tx .t2 { line-height:1.6; font-size:1em; color:#555; } 
.pagePass_resultw .in .tx .t2 > i { font-size:1.063em; } 
.pagePass_resultw .in .tx .t2 > i.col1 { font-weight:600; color:#000; } 
.pagePass_resultw .in .tx .t2 > i.col2 { font-weight:600; color:#000; display:block } 
.pagePass_resultw .in .bw { } 
.pagePass_resultw .in .bw .logo { } 
.pagePass_resultw .in .bw .logo > img { width:10em; mix-blend-mode:multiply; } 

.page_print_txtw { margin-top:1.5em; } 
.page_print_txtw .in { } 
.page_print_txtw .in .icon { background:var(--color-point); 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:#323d8f; } 
.testrule_twrap .in_wrap .in .tits2 { font-size:1.188em; color:#323d8f; 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:#323d8f; 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; } 



/*프린트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; } 

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

/*다운로드*/
.download_Wrap { margin: 2em 0; } 
.download_Wrap .down_list { gap: 1.5em; } 
.download_Wrap .down_list > li { } 


.downbtn { display: flex; align-items: center; justify-content: center; height: 2.8rem; padding: 0 1.5rem; border-radius: var(--radius-sm); color: #fff; gap: .35rem; display: inline-flex; background: var(--color-point3); margin-top: var(--space-2); transition: .15s ease; } 
.downbtn:hover { background: var(--color-point); } 
.downbtn > .tt { font-size: var(--font-size-sm-1); font-weight: 600; } 

/**/
.certi_guide { padding: 2em; border: 1px solid #ddd; border-radius: 1em; margin-bottom: 1.5em; } 


/*프린트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:200px 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 { } 

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

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

/*응시원서 프린트*/
.table_st.print .tit { font-size: 1.35em; color: #111; font-weight: 600; } 
.table_st.print .chairman { font-size: 1.25em; font-weight: 500; } 
.table_st.print .bg_g { background: #b5b5b5; } 
.table_st.print .bg_g1 { background: #f9f9f9; } 

.pop_application .num_box { padding: 2.5em 3em; } 
.pop_application .num_li { } 
.pop_application .num_li .num { min-width:1.5em; } 
.pop_application .num_li > li { margin-bottom: .35em; } 
.pop_application .num_li > li:last-of-type { margin-bottom: 0em; } 

.pop_application .tip_box { padding: 2.5em; box-sizing: border-box; border: 1px solid #ddd; } 
.pop_application .tip_box > .tit { font-size: 1.65em; font-weight: 700; } 
.pop_application .tip_box .sec_con { margin-bottom: 3.5em; } 
.pop_application .tip_box .sec_con:last-of-type { margin-bottom: 0em; } 
.pop_application .tip_box .sec_con .sec_tit { position:relative; display: inline-block; padding-left: .75em; margin-bottom: .65em; } 
.pop_application .tip_box .sec_con .sec_tit:before { position: absolute; left: 0; width: 6px; background: var(--color-point2); height: 100%; content: ''; } 
.pop_application .tip_box .sec_con .sec_tit > p { font-size: 1.35em; font-weight: 600; } 
.pop_application .tip_box .sec_con .Nbox { padding: 2em; background: #f9f9f9; } 
.pop_application .mid_line { border: 1px dashed #111; width: 100%; margin-top: 3em; } 

.top_t { position:relative; } 
.top_t .or_num { border: 1px solid #ddd; } 
.top_t .or_num > .onum { font-size: 1em; background: #b5b5b5; padding: .8em 1.5em; } 
.top_t .or_num > .blank { min-width: 8em; } 
.top_t .print_tit { position: absolute; left: 50%; transform: translateX(-50%); font-size: 2.85em; font-weight: 800; } 

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

#footer { padding:4rem 0 4rem 0; background: #f5f5f5; border-top:1px solid #ddd; } 
#footer .wrapF { display:flex; gap:4rem } 
#footer .logo { height:4.5rem; transform:translateY(-.5em) } 
#footer .logo img { height:100%; object-fit: contain; } 
#footer .menu { display:flex; flex-direction:column; align-items:flex-end; gap:1rem } 
#footer .menu > li > a { position:relative; display:flex; gap:.5em; align-items:center; opacity:.8 } 
#footer .menu > li > a:after { content:"\e909"; font-family:xeicon; transform:rotate(45deg) } 
#footer .menu > li > a.point { font-weight:700; color:var(--color-point); opacity:1 } 
#footer .info { flex:1 1 0%; min-width:0; overflow:hidden } 
#footer .info > li { float:left; margin-right:2em; margin-bottom:.25em; position:relative; opacity:.8; font-size:.938em } 
#footer .info > li:after { content:""; position:absolute; left:-1em; top:50%; width:1px; height:70%; background:rgba(255,255,255,.2); transform:translate(0,-50%) } 
#footer .info > li.point { opacity:1; font-weight:700 } 
#footer .info > li.br { clear:left } 
#footer .info > li.copyright { font-size: var(--font-size-xs); opacity:.815; text-transform:uppercase; margin-top:1rem } 
#footer .info:after { content:""; display:block; clear:both } 
.sns_st { display:flex; gap:.5rem } 
.sns_st > li > a { display:flex; align-items:center; justify-content:center; width:2.5rem; height:2.5rem; border-radius:50%; transition:.3s; background:rgba(0,0,0,.05) } 
.sns_st > li > a .xi { font-size: var(--font-size-base); } 
.sns_st > li > a img { height:1.125rem } 
.sns_st > li > a:hover { background:#111; color:#fff } 
.sns_st > li > a:hover img { } 
.sns_st > li > a.kc img { height:1.438rem } 


.schedule_table_scroll { overflow-x: auto; } 
.flex_table { min-width: 800px; }